:root{--ink:#111518;--paper:#f2f0ea;--red:#dc321f;--muted:#77766f;--line:rgba(17,21,24,.16);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:42px;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);transition:.3s}.site-header.scrolled{position:fixed;height:72px;background:rgba(242,240,234,.94);backdrop-filter:blur(14px);color:var(--ink);border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.06)}.brand{width:190px;background:#fff;padding:9px 12px}.brand img{height:42px;object-fit:contain}.nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:.25s}.nav a:hover:after{width:100%}.header-cta{font-size:13px;border:1px solid currentColor;padding:12px 17px}.menu-toggle{display:none}.hero{height:min(930px,100svh);min-height:680px;position:relative;color:#fff;background:#222}.hero-image{height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,12,.74),rgba(7,10,12,.14) 65%),linear-gradient(0deg,rgba(7,10,12,.44),transparent 45%)}.hero-content{position:absolute;left:clamp(24px,8vw,120px);top:52%;transform:translateY(-45%);max-width:820px}.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:700}.eyebrow:before,.section-kicker:before{content:"";display:inline-block;width:36px;height:1px;background:currentColor;margin:0 13px 4px 0}.hero h1,.section h2,.company h2{font-family:var(--serif);font-size:clamp(58px,7.3vw,112px);line-height:.85;letter-spacing:-.04em;margin:30px 0;font-weight:600}.hero h1 em,.section h2 em,.company h2 em{font-weight:500}.hero-copy{max-width:570px;font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 23px;border:1px solid transparent;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer}.btn.primary{background:var(--red);color:#fff}.btn.ghost{border-color:rgba(255,255,255,.65);color:#fff}.hero-meta{position:absolute;bottom:30px;right:clamp(24px,5vw,76px);display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.scroll{position:absolute;bottom:25px;left:50%;height:46px;width:24px;border:1px solid rgba(255,255,255,.5);border-radius:20px}.scroll span{display:block;width:3px;height:7px;background:#fff;border-radius:5px;margin:9px auto;animation:scroll 1.8s infinite}@keyframes scroll{50%{transform:translateY(14px);opacity:.2}}.section{padding:clamp(90px,11vw,170px) clamp(24px,7vw,110px)}.intro-grid,.section-head,.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(40px,9vw,160px);align-items:end}.intro h2,.section-head h2,.contact h2{font-size:clamp(48px,6vw,88px);margin:34px 0 0}.intro-copy{font-size:17px;line-height:1.75;color:#555}.text-link{display:inline-flex;gap:20px;margin-top:24px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:100px}.numbers div{padding:35px 18px 0 0}.numbers strong{display:block;font-family:var(--serif);font-size:48px}.numbers span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.video-band{height:min(78vw,830px);min-height:500px;position:relative;background:#000}.video-band video{height:100%;object-fit:cover}.sound-toggle{position:absolute;right:32px;bottom:32px;border:1px solid #fff;background:rgba(0,0,0,.3);color:#fff;border-radius:50%;width:66px;height:66px}.video-label{position:absolute;left:34px;bottom:32px;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.video-label span{opacity:.55;margin-right:15px}.section-head>p{color:var(--muted);line-height:1.7;margin:0 0 5px}.services{margin-top:70px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0;transition:.25s}.service:hover{padding-left:16px;background:rgba(255,255,255,.35)}.service>span{font-size:11px;color:var(--red)}.service h3{font-family:var(--serif);font-size:clamp(25px,3vw,40px);font-weight:500;margin:0 0 8px}.service p{margin:0;color:var(--muted);font-size:14px}.service b{font-size:22px;font-weight:400}.projects{background:var(--ink);color:#fff}.section-head.light>p{color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:70px}.project{margin:0;position:relative;overflow:hidden;height:560px}.project.wide{grid-column:span 2;height:650px}.project img{height:100%;object-fit:cover;transition:transform .8s ease}.project:hover img{transform:scale(1.035)}.project:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.project figcaption{position:absolute;z-index:2;left:28px;bottom:26px}.project figcaption span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#ccc;margin-bottom:7px}.project figcaption strong{font-family:var(--serif);font-size:25px}.gallery-btn{margin:36px auto 0;background:transparent;border-color:#777;color:#fff;gap:28px}.gallery-btn span{color:#888}.references{background:#d9d5cd}.reference-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid rgba(0,0,0,.22)}.reference-list article{padding:30px 26px 15px 0;border-right:1px solid rgba(0,0,0,.18)}.reference-list article+article{padding-left:26px}.reference-list span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--red)}.reference-list h3{font-family:var(--serif);font-size:30px;margin:16px 0}.reference-list p{font-size:13px;line-height:1.7;color:#64625c}.company{display:grid;grid-template-columns:1fr 1fr;min-height:800px}.company-image img{height:100%;object-fit:cover}.company-copy{padding:clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.company h2{font-size:clamp(44px,5.2vw,76px)}.company-copy>p:not(.section-kicker){color:var(--muted);line-height:1.8}.company ul{list-style:none;padding:0;margin:30px 0 5px}.company li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.company li:before{content:"✓";color:var(--red);margin-right:14px}.contact{background:#e6e2da}.contact-details>a:first-child{font-family:var(--serif);font-size:clamp(26px,3vw,42px)}.contact-details p{line-height:1.7;color:#666;margin:28px 0}.contact-details .btn{width:max-content}footer{background:#0c0f11;color:#b8b8b5;padding:70px clamp(24px,7vw,110px) 35px;display:grid;grid-template-columns:220px 1fr auto;align-items:start;gap:50px}footer img{background:#fff;padding:10px;width:200px}footer p{max-width:420px;line-height:1.7;margin:0}footer>div{display:flex;flex-direction:column;gap:10px;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid #292d30;padding-top:25px;margin-top:35px;font-size:10px}.gallery{border:0;padding:0;width:100vw;max-width:none;height:100vh;background:#0d1012;color:#fff}.gallery::backdrop{background:#0d1012}.gallery-close{position:fixed;z-index:3;right:25px;top:18px;width:48px;height:48px;border:1px solid #777;border-radius:50%;background:#111;color:#fff;font-size:30px}.gallery-inner{columns:3;column-gap:12px;padding:80px 20px 20px}.gallery-inner img{margin-bottom:12px;break-inside:avoid}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:76px;padding:0 22px}.brand{width:155px}.nav{position:fixed;inset:0;background:var(--paper);color:var(--ink);flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:34px;transform:translateX(100%);transition:.35s}.menu-open .nav{transform:none}.menu-toggle{display:block;position:relative;z-index:2;margin-left:auto;width:40px;height:40px;border:0;background:none}.menu-toggle span{display:block;width:23px;height:1px;background:currentColor;margin:7px auto;transition:.3s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.header-cta{display:none}.hero-content{top:50%}.hero h1{font-size:clamp(55px,13vw,86px)}.hero-meta{display:none}.intro-grid,.section-head,.contact-grid{grid-template-columns:1fr;align-items:start}.intro-copy{max-width:650px}.numbers{grid-template-columns:1fr 1fr;margin-top:65px}.numbers div{border-bottom:1px solid var(--line);padding-bottom:24px}.reference-list{grid-template-columns:1fr 1fr}.company{grid-template-columns:1fr}.company-image{height:60vw;min-height:420px}.gallery-inner{columns:2}}@media(max-width:600px){.hero{min-height:700px}.hero-actions{align-items:stretch;flex-direction:column;width:max-content}.hero-content{right:24px}.hero-copy{font-size:15px}.scroll{display:none}.section{padding:82px 22px}.intro h2,.section-head h2,.contact h2{font-size:46px;line-height:.95}.video-band{height:72vh}.project-grid{display:block}.project,.project.wide{height:105vw;max-height:550px;margin-bottom:14px}.reference-list{grid-template-columns:1fr}.reference-list article,.reference-list article+article{padding:25px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.18)}.company-copy{padding:75px 22px}.company-image{height:85vw;min-height:0}footer{grid-template-columns:1fr;gap:28px}footer small{grid-column:auto}.gallery-inner{columns:1;padding-inline:10px}.sound-toggle{right:18px;bottom:18px}.video-label{left:18px;bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project img{transition:none}}
.hero-sound{left:clamp(24px,5vw,76px);right:auto;bottom:23px;z-index:3}.gallery-intro{padding:80px 20px 34px;text-align:center}.gallery-intro p{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#aaa}.gallery-intro h2{font-family:var(--serif);font-size:clamp(42px,6vw,78px);line-height:.95;margin:18px 0}.gallery-intro h2 em{font-weight:500}.gallery-inner{padding-top:16px}.gallery-inner figure{position:relative;margin:0 0 12px;break-inside:avoid;overflow:hidden;background:#191d20}.gallery-inner figure img{margin:0;transition:transform .7s ease}.gallery-inner figure:hover img{transform:scale(1.025)}.gallery-inner figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.gallery-inner figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.gallery-inner figcaption span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#c4c4c4;margin-bottom:5px}.gallery-inner figcaption strong{font-family:var(--serif);font-size:20px;font-weight:500}@media(max-width:600px){.hero-sound{left:auto;right:18px;bottom:18px}.gallery-intro{padding-top:76px}.gallery-inner figcaption strong{font-size:18px}}
.gallery-inner{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery-inner figure{aspect-ratio:2030/1430;margin:0}.gallery-inner figure img{width:100%;height:100%;object-fit:cover}.random-project,.random-company{background:#1a1d1f}@media(max-width:900px){.gallery-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gallery-inner{grid-template-columns:1fr;gap:10px}}
.random-project,.random-company{opacity:1;transition:opacity .42s ease,transform .8s ease}.random-project.is-changing,.random-company.is-changing{opacity:.08}.company-image,.project,.gallery-inner figure{position:relative}.photo-copyright{position:absolute;z-index:4;right:9px;top:8px;padding:3px 5px;border-radius:2px;background:rgba(5,8,10,.38);color:rgba(255,255,255,.64);font-size:7px;line-height:1;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(2px)}img,video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.gallery-inner figure{box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .3s ease,box-shadow .3s ease}.gallery-inner figure:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.32)}