:root{--bg:#0b0d10;--panel:#14171b;--red:#ef343c;--white:#f4f4f3;--muted:#94989f;--border:#2a2e33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{max-width:1240px;padding:0 28px;margin:auto}.header{position:sticky;top:0;z-index:20;background:#0b0d10ee;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff16}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--red);color:white;font:700 34px 'Space Grotesk';letter-spacing:-5px;padding-right:5px}.brand-mark span{color:#111}.brand-name{font:700 19px 'Space Grotesk';letter-spacing:1.5px;line-height:1}.brand-name small{display:block;font-size:10px;letter-spacing:4px;margin-top:6px}.nav-links{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}.nav-links>a:not(.nav-cta):hover{color:var(--red)}.nav-cta{padding:15px 21px;background:var(--red);font-size:11px;letter-spacing:1px}.nav-cta span{margin-left:12px}.menu-btn{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:690px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 52%,#27171a 0,transparent 47%),linear-gradient(135deg,#14171b,#090a0c 70%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,#000)}.hero-glow{position:absolute;right:-200px;top:120px;width:700px;height:700px;border-radius:50%;background:#e8313922;filter:blur(110px)}.hero-inner{position:relative;z-index:2;padding-top:135px}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--red)}.eyebrow{display:flex;align-items:center;gap:13px;color:#c2c5c9}.pulse{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #ef343c22}.line{width:30px;height:1px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,.statement p{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.065em}h1{font-size:clamp(65px,8.7vw,128px);line-height:.98;margin:30px 0 28px}h1 em,h2 em,.statement em{font-style:normal;color:var(--red)}h1 em span{color:white}.hero-inner>p{max-width:610px;font-size:17px;color:#b0b4bc;line-height:1.8}.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:19px 24px;font-size:11px;font-weight:700;letter-spacing:1px;border:1px solid transparent;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--red);color:white}.btn-outline{border-color:#646970;color:white}.hero-bottom{display:flex;justify-content:space-between;max-width:680px;margin-top:100px;padding-bottom:30px;font-size:10px;letter-spacing:1.5px;color:#898d95}.hero-decoration{position:absolute;right:-90px;top:90px;width:570px;height:570px;opacity:.52;pointer-events:none}.orbit{position:absolute;border:1px solid #ee343d55;border-radius:50%;inset:0;transform:rotateX(62deg) rotate(-28deg)}.orbit-two{inset:70px;transform:rotateY(65deg) rotate(30deg)}.orbit-core{position:absolute;inset:175px;border:1px solid #ef343c66;border-radius:50%;display:grid;place-items:center;font:700 140px 'Space Grotesk';color:#ef343c33}.ticker{overflow:hidden;background:var(--red);color:white;padding:17px 0;white-space:nowrap;font:700 13px 'Space Grotesk';letter-spacing:2px}.ticker>div{min-width:max-content;text-align:center}.ticker b{padding:0 30px;color:#721014}.section{padding:125px 0;scroll-margin-top:85px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2{font-size:clamp(42px,5.3vw,75px);line-height:1.07;margin:28px 0 0}.section h2 span{color:#777d85}.about-copy{padding-top:37px}.about-copy p{font-size:18px;line-height:1.8;color:#9fa4ac}.about-copy strong{color:white}.text-link{display:inline-block;margin-top:25px;font-size:12px;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid var(--red);padding-bottom:14px}.text-link span{color:var(--red);padding-left:16px}.services{background:#111418}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-head p{color:#a6abb3;max-width:240px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:340px;padding:34px 31px;background:#191d22;border:1px solid #2a2f35;transition:.3s;overflow:hidden}.service-card:hover{border-color:var(--red);transform:translateY(-5px);background:#1d2026}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#7f8790}.service-icon{font-size:35px;color:var(--red)}.service-card h3{font:700 22px 'Space Grotesk';line-height:1.3;letter-spacing:-.03em;margin:45px 0 14px;max-width:280px}.service-card p{color:#9ca2aa;line-height:1.7;font-size:13px;max-width:310px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px;padding-right:20px}.tags span{border:1px solid #393f47;padding:7px 9px;color:#a8adb5;font-size:10px}.card-arrow{position:absolute;right:25px;bottom:25px;color:var(--red);font-size:25px}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.expertise h2 em{color:var(--red)}.expertise-grid>div>p{max-width:430px;color:#9ca2aa;font-size:17px;line-height:1.8;margin:27px 0 35px}.process>div{display:flex;gap:25px;align-items:start;border-bottom:1px solid #33373d;padding:24px 0}.process>div>span{font-size:12px;color:var(--red);font-weight:700}.process section{flex:1}.process h3{font:700 21px 'Space Grotesk';margin:0 0 10px}.process p{color:#9ca2aa;font-size:13px;margin:0;line-height:1.6}.process b{color:var(--red)}.statement{background:var(--red);padding:105px 0}.statement .kicker{color:#ffd4d5}.statement p{font-size:clamp(44px,7.3vw,105px);line-height:1.08;margin:30px 0 0}.statement em{color:#681419}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2 em{color:var(--red)}.contact-grid>div>p{color:#a2a7af;line-height:1.8;font-size:16px;margin:28px 0}.contact-info{display:flex;flex-direction:column;gap:17px;margin-top:45px;font-size:14px}.contact-info a:hover{color:var(--red)}.contact-info span{color:#9298a0}.contact-panel{background:#171b20;border:1px solid #30353b;padding:45px}.panel-label{display:block;color:var(--red);font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:33px}.contact-panel form{display:flex;flex-direction:column}.contact-panel label{font-size:10px;letter-spacing:1.5px;font-weight:700;margin:0 0 12px}.contact-panel input,.contact-panel textarea{background:#0d1013;border:1px solid #343a42;color:white;padding:16px;margin-bottom:25px;outline:0;border-radius:0;resize:vertical}.contact-panel input:focus,.contact-panel textarea:focus{border-color:var(--red)}.contact-panel button{width:100%}.form-error{color:#ff8d92;font-size:13px}.form-note{font-size:11px;color:#888f98;line-height:1.6;margin:15px 0 0}footer{border-top:1px solid #2b3035}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-top:55px;padding-bottom:55px}.footer-top p{font:700 20px 'Space Grotesk';text-align:right;line-height:1.4;margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2b3035;padding-top:25px;padding-bottom:25px;color:#858b94;font-size:10px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.hero-decoration{right:-350px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.expertise-grid,.contact-grid{gap:40px}.nav-links{gap:18px}}@media(max-width:680px){.container{padding:0 20px}.nav{height:72px}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#111418;padding:24px;flex-direction:column;align-items:stretch;gap:22px;border-bottom:1px solid #333}.nav-links.open{display:flex}.hero{min-height:680px}.hero-inner{padding-top:110px}.hero-decoration{opacity:.18;right:-400px}.hero-inner>p{font-size:15px}.hero-bottom{margin-top:75px;font-size:8px}.section{padding:85px 0}.about-grid,.expertise-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-copy{padding-top:0}.section-head{display:block}.section-head p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-card{min-height:305px}.contact-panel{padding:25px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top p{text-align:left;margin-top:25px}.statement{padding:80px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.service-card{transition:none}}

/* Custom brand logo: place assets/logo.png */
.brand-logo{display:block;width:auto;max-width:min(220px,48vw);height:58px;object-fit:contain;object-position:left center}
@media(max-width:680px){.brand-logo{height:48px;max-width:190px}}

/* Interactive project showcases */
.service-card-link{position:absolute;inset:0;z-index:1}.service-card .card-arrow{z-index:2}.service-card:focus-within{outline:2px solid var(--red);outline-offset:2px}.projects-section{padding-bottom:0;background:#0d1013}.projects-section .section-head h2 span{color:#858b93}.project-feature{scroll-margin-top:85px;padding:75px 0 85px;border-top:1px solid #30353b;background:linear-gradient(125deg,#11151a,#0b0d10)}.project-feature:nth-of-type(2n){background:#12161b}.project-feature:target{box-shadow:inset 4px 0 var(--red)}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.project-heading h3{font:700 clamp(30px,4vw,51px) 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:16px 0}.project-heading p{max-width:710px;color:#a7aeb6;line-height:1.75}.project-enquiry{flex-shrink:0;border:1px solid #656b72;padding:17px 20px;font-size:11px;font-weight:700;letter-spacing:1px;transition:.2s}.project-enquiry:hover{background:var(--red);border-color:var(--red)}.project-gallery{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px}.gallery-photo{display:block;position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;border:1px solid #343a42;background:#1b2027;padding:0;color:white;text-align:left}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.gallery-photo:has(img){cursor:zoom-in}.gallery-photo:hover img{transform:scale(1.06)}.gallery-zoom{position:absolute;bottom:14px;right:14px;background:#101318df;padding:9px;font-size:10px;letter-spacing:1px}.gallery-placeholder{background:radial-gradient(circle at 80% 10%,#8d273027,transparent 50%),linear-gradient(135deg,#222831,#15191e);display:flex;flex-direction:column;justify-content:space-between;padding:22px}.placeholder-lines{height:40%;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;transform:skewY(-16deg);opacity:.6}.placeholder-number{font:700 65px 'Space Grotesk';color:#ffffff12;position:absolute;top:25%;right:15px}.placeholder-copy{font:700 12px 'Space Grotesk';letter-spacing:1.5px;line-height:1.7;color:#c5cbd3;position:relative}.placeholder-copy small{display:block;font:400 10px 'DM Sans';letter-spacing:0;color:#858d97;overflow-wrap:anywhere}.project-bottom{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:32px}.project-label{font-size:10px;color:var(--red);letter-spacing:2px;font-weight:700}.project-bottom h4{font:700 24px 'Space Grotesk';margin:13px 0}.project-bottom p{color:#a0a8b0;line-height:1.7;max-width:490px}.project-bottom ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;padding:0;list-style:none}.project-bottom li{color:#c3c8cf;font-size:13px}.project-bottom li:before{content:'↗';color:var(--red);margin-right:9px}.gallery-lightbox:not([hidden]){position:fixed;inset:0;z-index:99;background:#050608f2;display:flex;align-items:center;justify-content:center;padding:65px 20px 25px}.gallery-lightbox img{max-width:95vw;max-height:85vh;object-fit:contain}.lightbox-close{position:absolute;right:25px;top:20px;background:#252a30;color:white;border:1px solid #555;padding:12px 16px;cursor:pointer}@media(max-width:800px){.project-heading{display:block}.project-enquiry{display:inline-block;margin-top:15px}.project-gallery{grid-template-columns:1fr 1fr}.project-gallery>*:first-child{grid-column:span 2;aspect-ratio:16/9}.project-bottom{gap:25px}}@media(max-width:600px){.project-feature{padding:55px 0}.project-gallery{gap:8px}.gallery-placeholder{padding:12px}.placeholder-copy{font-size:10px}.placeholder-copy small{font-size:8px}.project-bottom{grid-template-columns:1fr}.project-bottom ul{grid-template-columns:1fr 1fr}}
