:root{--bg:#050505;--fg:#f3f3f3;--muted:#8d8d8d;--line:#222;--panel:#0b0b0b;--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.05));backdrop-filter:blur(8px)}.brand{width:175px}.brand img{height:38px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.site-header nav a{color:#cfcfcf}.site-header nav a:hover{color:white}
.hero{height:100svh;min-height:700px;position:relative;display:flex;align-items:flex-end;padding:0 5vw 8vh;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero.webp') center 42%/cover no-repeat;transform:scale(1.015)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.1) 72%),linear-gradient(0deg,#050505 0%,transparent 34%)}.hero-content{position:relative;z-index:2;max-width:920px}.eyebrow{margin:0 0 22px;font-size:12px;letter-spacing:.27em;text-transform:uppercase;color:#b9b9b9}.hero h1,.section-head h2,.brands h2,.contact h2{margin:0;font-weight:700;line-height:.9;letter-spacing:-.055em}.hero h1{font-size:clamp(56px,8.8vw,150px)}.hero h1 span,.brands h2 span{color:#8d8d8d}.lead{margin:28px 0 34px;color:#d0d0d0;font-size:clamp(16px,1.4vw,22px);letter-spacing:.04em}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 20px;border:1px solid #555;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.btn.primary{background:#f2f2f2;color:#080808;border-color:#f2f2f2}.btn:hover{transform:translateY(-1px)}.scroll-mark{position:absolute;right:4vw;bottom:7vh;z-index:2;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.22em;color:#9a9a9a;transform:rotate(90deg);transform-origin:right bottom}.scroll-mark span{width:52px;height:1px;background:#777;display:block}
.section-pad{padding:120px 5vw;max-width:var(--max);margin:0 auto}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:65px}.section-head h2{font-size:clamp(48px,6.8vw,110px)}.project-copy{color:#a6a6a6;font-size:18px;line-height:1.65;max-width:520px;margin:0 0 8px}.feature-image{border:1px solid #1f1f1f;overflow:hidden}.feature-image img{aspect-ratio:16/9;object-fit:cover;object-position:center 56%}.project-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.stat{padding:34px 28px 40px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat span{display:block;font-size:10px;letter-spacing:.2em;color:#707070;margin-bottom:30px}.stat strong{display:block;font-size:17px;letter-spacing:.16em;margin-bottom:10px}.stat p{margin:0;color:#777;line-height:1.5;font-size:13px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:60px}.gallery-grid figure{margin:0;overflow:hidden;background:#111}.gallery-grid img{height:100%;object-fit:cover;transition:transform .5s ease}.gallery-grid figure:hover img{transform:scale(1.015)}.gallery-grid .g-tall{grid-row:span 2}.gallery-grid .g-tall img{aspect-ratio:3/4}.gallery-grid figure:not(.g-tall) img{aspect-ratio:16/9}
.services{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{min-height:315px;padding:30px 26px;border-right:1px solid var(--line)}.service:last-child{border-right:0}.service span{font-size:10px;letter-spacing:.2em;color:#666}.service h3{margin:100px 0 14px;font-size:21px}.service p{margin:0;color:#818181;line-height:1.65;font-size:14px}
.brands{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brands-image{overflow:hidden}.brands-image img{height:100%;object-fit:cover}.brands-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.brands h2{font-size:clamp(48px,6vw,92px);margin-bottom:35px}.brands-copy>p:not(.eyebrow){color:#9b9b9b;font-size:18px;line-height:1.75;max-width:620px}.text-link{display:inline-block;margin-top:28px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;border-bottom:1px solid #555;padding-bottom:8px;width:max-content}
.before-after{border-bottom:1px solid var(--line)}.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ba-grid figure{margin:0;position:relative;overflow:hidden}.ba-grid img{aspect-ratio:4/3;object-fit:cover}.ba-grid figcaption{position:absolute;left:20px;bottom:18px;background:rgba(0,0,0,.72);padding:8px 11px;font-size:10px;letter-spacing:.18em}
.contact{padding-top:150px;padding-bottom:130px}.contact h2{font-size:clamp(70px,11vw,180px);margin-bottom:75px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-grid>div{padding:28px 20px;border-right:1px solid var(--line)}.contact-grid>div:last-child{border-right:0}.contact-grid span{display:block;color:#666;text-transform:uppercase;font-size:9px;letter-spacing:.2em;margin-bottom:12px}.contact-grid a{font-size:17px}.socials{display:flex;gap:28px;margin-top:34px;text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:#aaa}.socials a:hover{color:#fff}
footer{border-top:1px solid var(--line);padding:34px 5vw 40px;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:11px}footer img{width:150px;height:34px;object-fit:contain;object-position:left}footer p{margin:0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:64px}.brand{width:135px}.site-header nav{display:none}.hero{padding:0 22px 8vh;min-height:650px}.hero-overlay{background:linear-gradient(0deg,#050505 0%,rgba(0,0,0,.45) 58%,rgba(0,0,0,.18) 100%)}.hero-bg{background-position:59% center}.hero h1{font-size:clamp(48px,15vw,76px)}.scroll-mark{display:none}.section-pad{padding:85px 22px}.section-head{grid-template-columns:1fr;gap:26px;margin-bottom:40px}.section-head h2{font-size:clamp(46px,14vw,74px)}.project-copy{font-size:16px}.project-strip{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);min-height:0}.gallery-grid{grid-template-columns:1fr}.gallery-grid .g-tall{grid-row:auto}.gallery-grid .g-tall img,.gallery-grid figure:not(.g-tall) img{aspect-ratio:4/5}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:270px;border-bottom:1px solid var(--line)}.service:nth-child(2){border-right:0}.service h3{margin-top:70px}.brands{grid-template-columns:1fr;min-height:0}.brands-image img{aspect-ratio:4/5}.brands-copy{padding:80px 22px}.brands h2{font-size:clamp(46px,13vw,76px)}.ba-grid{grid-template-columns:1fr}.contact{padding-top:100px}.contact h2{font-size:clamp(64px,18vw,100px)}.contact-grid{grid-template-columns:1fr}.contact-grid>div{border-right:0;border-bottom:1px solid var(--line)}.contact-grid>div:last-child{border-bottom:0}.socials{flex-wrap:wrap}footer{align-items:flex-start;gap:30px;flex-direction:column}}
@media(max-width:560px){.service-grid{grid-template-columns:1fr}.service{border-right:0}.service h3{margin-top:55px}.actions{flex-direction:column;align-items:stretch}.btn{text-align:center}.hero .lead{max-width:290px}.contact-grid a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.gallery-grid img{transition:none}}