:root{--ink:#090b0d;--paper:#f1f0ec;--red:#e3202b;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:82px;padding:0 4.5vw;display:flex;align-items:center;position:fixed;z-index:20;width:100%;color:white;border-bottom:1px solid var(--line);transition:.3s}.topbar.scrolled{background:rgba(8,9,11,.94);backdrop-filter:blur(14px)}.brand img{width:172px;display:block;filter:brightness(0) invert(1)}nav{margin-left:auto;display:flex;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}nav a{opacity:.75}nav a:hover{opacity:1}.nav-cta{margin-left:34px;background:var(--red);padding:14px 18px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{height:min(900px,100vh);min-height:700px;position:relative;color:white;overflow:hidden;background:#111}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.55) 52%,rgba(5,6,8,.18)),linear-gradient(0deg,rgba(5,6,8,.75),transparent 45%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:850px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#d4d6d8;margin:0 0 24px;display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:2px;background:var(--red)}.eyebrow.dark{color:#656a70}.hero h1,.intro h2,.detail-copy h2,.section-head h2,.process h2,.company h2,.cta h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:clamp(58px,7.5vw,116px);line-height:.82;letter-spacing:-.035em;margin:0;font-weight:700}.hero h1 em,.intro h2 i,.detail-copy h2 i,.section-head h2 i,.process h2 i,.company h2 i,.cta h2 i{font-weight:500;color:var(--red);font-style:normal}.lead{font-size:17px;line-height:1.7;color:#d5d8db;max-width:650px;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:34px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--red);padding:18px 22px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;box-shadow:0 12px 28px rgba(227,32,43,.22)}.primary:hover{background:#ff2733}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.hero-stats{position:absolute;bottom:34px;right:6vw;display:flex;gap:42px}.hero-stats div{border-left:1px solid var(--line);padding-left:18px}.hero-stats strong{display:block;font-family:"Barlow Condensed";font-size:29px}.hero-stats span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#b9bdc1}.sound{position:absolute;right:4vw;top:108px;background:rgba(0,0,0,.4);border:1px solid var(--line);color:white;padding:9px 12px;font-size:9px;letter-spacing:.16em}.intro{padding:120px 7vw 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.intro h2,.section-head h2,.company h2{font-size:clamp(54px,6vw,88px)}.intro-copy{font-size:17px;line-height:1.8;color:#555b61;max-width:570px;margin:0 0 8px}.capabilities{display:grid;grid-template-columns:1.25fr 1fr 1fr;min-height:530px}.cap-card{position:relative;overflow:hidden;color:#fff;min-height:520px}.cap-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.7s transform}.cap-card:hover img{transform:scale(1.055)}.cap-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,7,.92),rgba(5,6,7,.08) 68%)}.cap-no{position:absolute;right:22px;top:22px;font-size:12px;letter-spacing:.15em}.cap-card>div:last-child{position:absolute;bottom:34px;left:34px}.cap-card p{font-size:9px;letter-spacing:.18em;color:#c8cbd0}.cap-card h3{font:700 42px/1 "Barlow Condensed";text-transform:uppercase;margin:8px 0 22px}.cap-card button{border:0;border-bottom:1px solid rgba(255,255,255,.5);padding:0 0 7px;background:transparent;color:white;text-transform:uppercase;font-size:9px;letter-spacing:.12em;cursor:pointer}.detail-band{background:var(--ink);color:white;display:grid;grid-template-columns:1.05fr .95fr;min-height:760px}.detail-photo{overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:110px 8vw 80px 7vw}.detail-copy h2,.process h2{font-size:clamp(56px,6vw,88px)}.detail-copy>p:not(.eyebrow){color:#adb1b5;line-height:1.8;margin:30px 0 40px;max-width:520px}.detail-copy ul{list-style:none;padding:0;margin:0}.detail-copy li{display:flex;gap:22px;border-top:1px solid var(--line);padding:22px 0}.detail-copy li>span{color:var(--red);font:600 13px "Barlow Condensed"}.detail-copy li b{display:block;text-transform:uppercase;font:600 22px "Barlow Condensed"}.detail-copy li small{display:block;color:#888e94;margin-top:7px;line-height:1.6}.projects{padding:120px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 2vw 65px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #c9c9c5;background:transparent;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:330px;gap:12px}.gallery figure{margin:0;position:relative;overflow:hidden;cursor:zoom-in;background:#ddd}.gallery figure.wide{grid-column:span 2}.gallery img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery figure:hover img{transform:scale(1.045)}.gallery figcaption{position:absolute;inset:auto 0 0;padding:50px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.83));color:white}.gallery figcaption span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#ccc}.gallery figcaption b{font:600 21px "Barlow Condensed";text-transform:uppercase}.gallery figure.hidden{display:none}.gallery-note{text-align:center;color:#8b8e91;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:24px}.process{background:#111317;color:white;display:grid;grid-template-columns:.8fr 1.2fr}.process-photo{position:relative;min-height:720px}.process-photo img{width:100%;height:100%;object-fit:cover}.process-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(17,19,23,.42))}.process-photo span{position:absolute;left:22px;bottom:22px;z-index:2;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.process-content{padding:100px 6vw}.steps{margin-top:55px;display:grid;grid-template-columns:1fr 1fr}.steps article{padding:28px 30px 34px 0;border-top:1px solid var(--line)}.steps article:nth-child(odd){border-right:1px solid var(--line)}.steps article:nth-child(even){padding-left:30px}.steps b{color:var(--red);font-size:11px}.steps h3{text-transform:uppercase;font:600 23px "Barlow Condensed";margin:12px 0}.steps p{color:#8e949a;line-height:1.7;font-size:13px;margin:0}.company{padding:130px 8vw}.company-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:start}.company-grid p{font-size:16px;line-height:1.9;color:#555b61;margin:0 0 24px}.cta{height:670px;position:relative;color:white;display:grid;place-items:center;text-align:center;overflow:hidden}.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cta-shade{position:absolute;inset:0;background:rgba(5,6,8,.78)}.cta>div:last-child{position:relative;z-index:2}.cta .eyebrow{justify-content:center}.cta h2{font-size:clamp(58px,7vw,104px)}.cta p{color:#c5c8cb}.cta .primary{margin:20px 0}.contact-row{display:flex;justify-content:center;gap:24px;font-size:11px}.contact-row a{border-bottom:1px solid #888;padding-bottom:4px}footer{background:#060708;color:#aaa;padding:60px 7vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;font-size:11px;line-height:1.8}footer img{width:170px;filter:brightness(0) invert(1)}footer div{display:flex;gap:20px;text-transform:uppercase;letter-spacing:.1em}footer small{grid-column:1/-1;border-top:1px solid #242629;padding-top:20px;color:#666}.wa-float{position:fixed;z-index:18;right:22px;bottom:22px;background:#21c063;color:white;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:27px;box-shadow:0 9px 30px rgba(0,0,0,.25)}.wa-float span{position:absolute;right:62px;background:#111;color:white;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:8px 11px;opacity:0;transform:translateX(8px);transition:.25s}.wa-float:hover span{opacity:1;transform:none}.toast{position:fixed;z-index:40;bottom:28px;left:50%;transform:translate(-50%,100px);opacity:0;background:#111;color:white;padding:14px 18px;font-size:12px;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.lightbox{border:0;padding:0;background:#050607;color:white;max-width:none;width:100vw;height:100vh}.lightbox::backdrop{background:#050607}.lightbox img{width:100%;height:calc(100% - 70px);object-fit:contain}.lightbox button{position:absolute;right:22px;top:15px;z-index:2;background:none;border:0;color:white;font-size:38px;cursor:pointer}.lightbox div{height:70px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
@media(max-width:900px){.topbar{height:68px;padding:0 20px}.brand img{width:142px}nav,.nav-cta{display:none}.menu{display:block;margin-left:auto}.topbar.open nav{display:flex;position:absolute;top:68px;left:0;right:0;background:#090a0c;padding:24px;flex-direction:column;margin:0}.hero{min-height:690px}.hero-copy{left:24px;right:24px;top:46%}.hero h1{font-size:60px}.lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-stats{left:24px;right:24px;gap:14px}.hero-stats div{flex:1}.hero-stats strong{font-size:22px}.hero-stats span{font-size:7px}.sound{display:none}.intro{grid-template-columns:1fr;padding:85px 24px 50px;gap:28px}.capabilities{grid-template-columns:1fr}.cap-card{min-height:430px}.detail-band,.process,.company-grid{grid-template-columns:1fr}.detail-photo{height:430px}.detail-copy,.process-content{padding:75px 24px}.section-head{display:block;margin:0 0 40px}.filters{margin-top:30px}.projects{padding:85px 14px}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.gallery figure.wide{grid-column:span 2}.process-photo{min-height:480px}.company{padding:85px 24px}.company-grid{gap:35px}.cta{height:620px;padding:0 24px}.contact-row{flex-direction:column;gap:8px}footer{grid-template-columns:1fr;padding:50px 24px 24px}footer small{grid-column:1}.wa-float{right:14px;bottom:14px}}@media(max-width:560px){.hero h1{font-size:52px}.hero-stats div:nth-child(2){display:none}.gallery{grid-template-columns:1fr;grid-auto-rows:280px}.gallery figure.wide{grid-column:auto}.steps{grid-template-columns:1fr}.steps article:nth-child(odd){border-right:0}.steps article:nth-child(even){padding-left:0}.cap-card h3{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero video{display:none}*{transition:none!important}}