:root{--bg:#0b0c0e;--fg:#f5f4ef;--muted:rgba(245,244,239,.62);--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3{margin:0}em{font-family:Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.05em}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:300}.wrap{width:min(94vw,1720px);margin-inline:auto}section,footer{scroll-margin-top:24px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;background:var(--fg);color:var(--bg);z-index:100;transform:translateY(-180%)}.skip-link:focus{transform:none}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#111}.hero-media{position:absolute;inset:0}.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-video[hidden]{display:none}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,7,9,.83),rgba(6,7,9,.58) 32%,rgba(6,7,9,.18) 62%),linear-gradient(0deg,rgba(7,8,10,.72),transparent 44%)}.nav{position:absolute;z-index:3;left:3vw;right:3vw;top:0;height:98px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.14)}.brand{font-family:Michroma,sans-serif;font-size:16px;letter-spacing:.34em;font-weight:400;white-space:nowrap}.nav-links{margin-left:auto;display:flex;gap:42px;align-items:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82)}.nav-links a{position:relative;padding:14px 0}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:1px;background:currentColor;transition:right .25s}.nav-links a:hover:after{right:0}.hero-copy{position:absolute;z-index:2;left:4vw;bottom:11vh;width:min(900px,68vw)}.eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.68);display:flex;align-items:center;gap:18px;margin-bottom:25px;line-height:1.6}.eyebrow:before{content:"";width:52px;flex-shrink:0;height:1px;background:rgba(255,255,255,.5)}h1{font-size:clamp(56px,7.2vw,128px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.lead{max-width:560px;margin:32px 0 30px;color:rgba(255,255,255,.74);font-size:15px;line-height:1.65}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(255,255,255,.6);padding:16px 19px 16px 22px;min-width:220px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;transition:background .25s,color .25s;background:rgba(8,9,11,.12);backdrop-filter:blur(6px)}.cta:hover{background:var(--fg);color:var(--bg)}.hero-meta{position:absolute;z-index:2;right:3.2vw;bottom:11vh;text-align:right}.hero-meta p{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.64);margin-bottom:18px}.hero-rule{height:2px;width:62px;background:var(--fg);margin-left:auto}.scroll{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:28px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.5)}.motion-toggle{position:absolute;z-index:2;right:3.2vw;bottom:18px;background:transparent;border:0;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:14px 0;cursor:pointer}
.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:var(--muted);line-height:1.6}.studio{padding:150px 0 120px}.studio-copy{margin-left:calc((100% - 8vw)/3.2 + 8vw);margin-top:38px}.studio h2{font-size:clamp(44px,5.3vw,92px);line-height:1.02;letter-spacing:-.05em;max-width:1100px}.studio-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:620px;margin-top:34px}.work{padding-bottom:135px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.work-heading h2{font-size:clamp(36px,4vw,68px);line-height:1;margin-top:8px;letter-spacing:-.04em}.text-link{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-bottom:4px;border-bottom:1px solid var(--line);line-height:1.7}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.project{position:relative;overflow:hidden;background:#15171a;min-height:420px}.project-tall{grid-row:span 2;min-height:860px}.project>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.project:hover>img{transform:scale(1.035);filter:brightness(.78)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,6,.85),transparent 50%)}.project-info{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;align-items:end;gap:16px}.project-number{font-size:9px;letter-spacing:.25em;color:rgba(255,255,255,.55);margin-bottom:9px}.project h3{font-size:24px;font-weight:400}.project-type{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.72);margin-top:7px;line-height:1.7}.arrow{font-size:24px;flex-shrink:0;font-weight:300}.services{border-top:1px solid var(--line);padding:115px 0 140px}.services-heading{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-bottom:64px}.services-heading h2{font-size:clamp(38px,4.7vw,82px);line-height:1.02;letter-spacing:-.05em}.service-row{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.15fr) 72px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:29px 0}.service-row:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:10px;color:var(--muted);letter-spacing:.2em}.service-row h3{font-size:22px;font-weight:400;line-height:1.4}.service-row p{font-size:13px;color:var(--muted);line-height:1.6}.service-tag{text-align:right;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.statement{min-height:72vh;display:flex;align-items:center;background:#eceae5;color:#111}.statement-inner{width:min(92vw,1600px);margin:auto;padding:120px 0}.statement .kicker{color:rgba(0,0,0,.5)}.statement h2{font-size:clamp(64px,9vw,165px);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:30px 0}.statement-copy{max-width:580px;color:rgba(0,0,0,.62);line-height:1.75;font-size:14px;margin-left:auto}footer{padding:80px 0 42px;background:#0a0b0d}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:68px;border-bottom:1px solid var(--line)}.footer-top h2{font-size:clamp(45px,6vw,100px);line-height:.95;letter-spacing:-.055em}.email{font-size:13px;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.45);line-height:1.8}.footer-brand{font-family:Michroma,sans-serif;font-size:10px;letter-spacing:.28em;color:var(--fg)}
.project-dialog{border:1px solid var(--line);padding:0;background:var(--bg);color:var(--fg);width:min(1200px,94vw);max-height:92svh;overflow:auto}.project-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.dialog-image{display:block;width:100%;max-height:72svh;object-fit:contain;background:#070809}.dialog-caption{padding:22px 28px}.dialog-caption h2{font-size:26px;margin-bottom:9px}.dialog-caption p{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}.dialog-close{position:absolute;top:12px;right:12px;width:44px;height:44px;background:var(--bg);border:1px solid var(--line);color:white;font-size:26px;cursor:pointer}
@media(max-width:1100px){.hero-meta{bottom:36px}.motion-toggle{bottom:0}.hero-copy{bottom:15vh;width:84vw}.service-row{grid-template-columns:45px minmax(0,1fr) minmax(0,1.15fr) 66px;gap:20px}.service-row h3{font-size:20px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav{left:20px;right:20px;height:78px}.brand{font-size:12px}.nav-links{gap:24px;font-size:10px;letter-spacing:.15em}.hero{min-height:680px}.hero-copy{left:24px;right:24px;width:auto}.hero-meta{right:24px}.hero h1{font-size:clamp(48px,10vw,82px)}.lead{max-width:560px;font-size:13px}.scroll{display:none}.studio{padding:95px 0 80px}.studio-copy{margin-left:0;margin-top:30px}.services-heading{grid-template-columns:1fr;gap:30px}.project-grid{grid-template-columns:1fr}.project,.project-tall{min-height:64vw;grid-row:auto}.service-row{grid-template-columns:45px minmax(0,1fr) 68px;gap:12px}.service-row p{grid-column:2/4;grid-row:2}.service-tag{grid-column:3;grid-row:1}.footer-top{display:block}.email{display:inline-block;margin-top:30px}.statement-copy{margin-left:0}.footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){.nav{height:112px;flex-wrap:wrap;align-content:center;gap:12px}.brand{font-size:12px}.nav-links{width:100%;margin:0;justify-content:space-between;gap:10px;font-size:9px}.nav-links a{padding:7px 0}.hero-copy{bottom:16vh}.hero h1{font-size:clamp(34px,10.7vw,64px)}.eyebrow{font-size:8px;letter-spacing:.2em;gap:12px;max-width:360px}.eyebrow:before{width:24px}.hero-poster,.hero-video{object-position:60% center}.lead{margin:26px 0;max-width:100%;line-height:1.65}.hero-meta p{font-size:8px;letter-spacing:.16em}.hero-meta{bottom:45px}.hero-rule{width:45px}.motion-toggle{right:24px;bottom:3px}.work-heading{align-items:start;gap:18px}.text-link{max-width:108px;flex-shrink:0}.project-info{left:20px;right:20px;bottom:20px}.project h3{font-size:21px}.project,.project-tall{min-height:350px}.project-type{font-size:9px;letter-spacing:.12em}.work{padding-bottom:85px}.services{padding:80px 0 95px}.service-row{grid-template-columns:25px minmax(0,1fr) 58px}.service-row h3{font-size:18px}.service-tag{font-size:8px;letter-spacing:.1em}.statement-inner{width:calc(100% - 40px);padding:90px 0}.statement h2{font-size:clamp(56px,14vw,84px)}.statement-copy{margin-top:40px}.footer-bottom{align-items:start;gap:18px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.footer-brand{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}