@font-face{font-family:Instrument;src:url('instrument-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--bg:#090c13;--panel:#111620;--ink:#eaecef;--muted:#9ca3b1;--dim:#687080;--accent:#c5cf9d;--line:#ffffff20;--wrap:1360px;--gutter:clamp(22px,4.5vw,80px);--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Instrument,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{display:block;max-width:100%}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}::selection{background:#c5cf9d;color:#090c13}.wrap{width:min(var(--wrap),calc(100% - var(--gutter)*2));margin-inline:auto}.skip{position:fixed;top:12px;left:12px;padding:10px 20px;background:var(--accent);color:var(--bg);transform:translateY(-170%);z-index:100}.skip:focus{transform:none}.text-dim{color:#717a8b}.eyebrow,.micro{font-family:Instrument,Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.13em;font-weight:500}.eyebrow{display:flex;align-items:center;gap:10px}.micro{color:var(--muted);font-size:9px}.status-dot,.nav-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--accent)}.nav-dot{margin-left:5px;vertical-align:2px}.header{height:97px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand>span{font-size:16px;font-weight:600;letter-spacing:.075em;line-height:1.05}.brand small{display:block;font-size:8px;letter-spacing:.39em;margin-top:8px}.header nav{display:flex;align-items:center;gap:38px;font-size:12px}.header nav a{transition:color .25s}.header nav a:hover{color:var(--accent)}.header nav>a:last-child{margin-left:28px}.header nav>a span[aria-hidden]{margin-left:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 21px;border:1px solid #737c8e;font-size:12px;font-weight:500;transition:background .3s,border-color .3s,transform .3s}.button:hover{background:#eaecef;color:#090c13;border-color:#eaecef}.button>span{font-size:20px;transition:transform .3s}.button:hover>span{transform:translate(2px,-2px)}.button-fill{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button-fill:hover{background:var(--accent);border-color:var(--accent)}.quiet-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;border-bottom:1px solid #ffffff42;padding-block:6px;transition:border-color .3s}.quiet-link:hover{border-color:var(--accent)}.round-arrow{width:60px;height:60px;display:grid;place-items:center;border:1px solid #dce2ed66;border-radius:50%;font-size:26px;flex-shrink:0;transition:background .35s,color .35s,transform .35s}.hero-project:hover .round-arrow{background:var(--ink);color:var(--bg);transform:rotate(45deg)}
/* The image carries the composition. Type sits in its shadows, rather than beside it. */
.cinematic{position:relative;isolation:isolate;overflow:hidden;background:#101622}.cinematic-media{position:absolute;inset:-4% 0;z-index:-3;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}.cinematic-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070c18b8 0%,#080c1840 44%,#060b1610 70%),linear-gradient(0deg,#060910dc 0%,transparent 47%,#080c1333)}.ambient-light{position:absolute;inset:-25%;pointer-events:none;z-index:-1;opacity:.2;background:radial-gradient(ellipse at 70% 40%,#3c436840,transparent 55%);animation:ambient-drift 22s ease-in-out infinite alternate}.studio-hero{margin-inline:18px;min-height:690px;height:calc(100svh - 115px);max-height:1000px}.hero-content{height:100%;min-height:inherit;display:flex;flex-direction:column;padding-block:32px 52px}.hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-top .eyebrow{font-size:9px;letter-spacing:.14em}.hero-top .micro{color:#d2d7e0}.coordinate{margin-left:32px}.studio-hero h1{font-size:clamp(85px,10.5vw,160px);font-weight:500;letter-spacing:-.065em;line-height:.88;margin:63px 0 42px;max-width:700px}.studio-hero h1 span{color:#dee2e9}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:auto}.hero-positioning p{font-size:14px;line-height:1.65;color:#bcc4d2;margin:0 0 20px}.hero-project{display:flex;align-items:center;gap:55px;padding:12px 0 8px}.hero-project .eyebrow{font-size:8px;letter-spacing:.18em;color:#c7cfb2;margin-bottom:12px}.hero-project strong{display:block;font-size:clamp(46px,5.3vw,76px);line-height:1;letter-spacing:.07em;font-weight:500}.project-type{display:block;color:#bbc1cd;font-size:11px;margin-top:14px}.art-caption{position:absolute;right:19px;bottom:9px;font-size:7px;letter-spacing:.1em;color:#c4cad7;background:#090e18a8;padding:3px 6px;z-index:4;line-height:1.6;max-width:calc(100% - 36px)}.studio-index{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:25px;font-size:8px;letter-spacing:.1em;color:var(--muted)}.studio-index a{color:var(--ink)}.studio-index a span{margin-left:24px}.studio-intro{padding-block:110px 120px}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.section-kicker .eyebrow{margin:0;color:var(--muted)}.tiny-cross{font-size:23px;color:var(--muted)}.editorial-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;align-items:end}.editorial-grid h2{font-size:clamp(36px,4.5vw,65px);font-weight:500;line-height:1.13;letter-spacing:-.04em;margin:0}.studio-copy p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 20px;max-width:390px}.studio-copy .studio-signature{color:var(--ink);margin-bottom:0}.flagship{border-top:1px solid var(--line);padding-block:35px 115px}.flagship-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.project-image{position:relative;display:block;aspect-ratio:1.23;overflow:hidden;background:#121a24}.project-image>img{width:100%;height:100%;object-fit:cover;object-position:47% center;filter:brightness(.72) saturate(.5);transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}.project-image:hover>img{transform:scale(1.04);filter:brightness(.9) saturate(.7)}.image-corners{position:absolute;inset:17%;border:1px solid #e6ead140;transition:inset .8s var(--ease)}.image-corners::before,.image-corners::after{content:'';position:absolute;width:18px;height:18px;border:solid #c5cf9d;border-width:1px 0 0 1px;top:-1px;left:-1px}.image-corners::after{inset:auto -1px -1px auto;transform:rotate(180deg)}.project-image:hover .image-corners{inset:22% 12%}.image-index{position:absolute;top:20px;left:22px;font:8px/1.5 monospace;letter-spacing:.12em;color:#e6e9df}.image-link-arrow{position:absolute;bottom:32px;right:25px;font-size:30px}.status-label{font-size:9px;letter-spacing:.1em;display:flex;align-items:center;gap:9px;color:#aeb6c5}.flagship-copy h2{font-size:clamp(53px,6.6vw,95px);font-weight:500;line-height:1;letter-spacing:-.035em;margin:25px 0 20px}.flagship-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:360px;margin:0 0 20px}.flagship-copy .project-line{font-size:21px;letter-spacing:-.025em;color:var(--ink);margin-bottom:24px}.flagship-copy .button{margin-top:9px}.project-meta{display:flex;flex-wrap:wrap;gap:10px 17px;border-top:1px solid var(--line);padding-top:22px;margin-top:31px;font-size:8px;letter-spacing:.05em;color:#b3bac7}.studio-principles{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-bottom:110px}.principles-heading .eyebrow{color:var(--muted)}.principles-heading h2{font-size:clamp(31px,3vw,44px);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin-top:25px}.principle{border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:22px 1fr;gap:0 20px;transition:border-color .4s}.principle:hover{border-color:#aab6ce}.principle>span{font-size:9px;color:var(--muted);padding-top:7px}.principle h3{font-size:28px;letter-spacing:-.025em;font-weight:500;margin:0}.principle p{grid-column:2;font-size:12px;color:var(--muted);margin:7px 0 0}.contact-rule{height:1px;background:linear-gradient(90deg,#647095,#253143 65%,transparent)}.contact-section{position:relative}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;padding-block:65px 70px}.contact-grid .eyebrow{color:var(--muted)}.contact-grid h2{font-size:clamp(55px,7vw,103px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:30px 0 0}.contact-copy p{font-size:14px;color:var(--muted);margin-bottom:27px}.mail-link{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:420px;padding-bottom:15px;border-bottom:1px solid #667186;font-size:clamp(19px,2.1vw,28px);letter-spacing:-.035em}.mail-link:hover{color:var(--accent)}.end-wordmark{font-size:clamp(60px,14.7vw,216px);line-height:.93;font-weight:600;letter-spacing:-.055em;color:#161e2b;white-space:nowrap;overflow:hidden;user-select:none}.footer{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line)}.footer p{font-size:10px;color:var(--muted);margin:0}.footer-links{display:flex;align-items:center;gap:25px;font-size:10px;color:var(--muted)}.footer a:hover{color:var(--ink)}.motion-toggle{padding:0;background:none;border:0;color:inherit;cursor:pointer;font-size:10px;text-decoration:underline;text-underline-offset:4px}.back-top{font-size:22px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line)}
/* Existing legal pages inherit the same typography and brand. */
.legal{max-width:820px;padding-block:65px 95px}.legal h1{font-size:clamp(46px,7vw,80px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0 0 45px}.legal h2{font-size:21px;line-height:1.4;margin:32px 0 10px}.legal p,.legal li{color:var(--muted)}.legal a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legal dl{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 24px}.legal dt{color:var(--muted)}.legal dd{margin:0}.legal-back{display:inline-block;font-size:13px;margin-bottom:35px}
/* Progressive enhancement: content is visible when JavaScript is unavailable. */
.reveal{transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.is-pending{opacity:0;transform:translateY(26px)}.reveal.is-visible,.reveal:focus-within{opacity:1;transform:none}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused .is-pending{opacity:1;transform:none}.motion-paused{scroll-behavior:auto}.motion-paused [data-parallax]{transform:none!important}@keyframes ambient-drift{from{transform:translate(-2%,-1%)}to{transform:translate(3%,2%)}}
@media(min-width:1600px){.studio-hero .hero-content{padding-top:43px}.studio-hero h1{margin-top:85px}}
@media(max-width:1050px){.header nav{gap:25px}.header nav>a:last-child{margin-left:0}.studio-hero{min-height:620px}.studio-hero h1{font-size:115px}.hero-project{gap:28px}.editorial-grid{gap:45px}.flagship-grid{gap:36px}.project-image{aspect-ratio:1}.studio-principles{gap:40px}.hero-positioning p{font-size:12px}.contact-grid{gap:35px}.studio-intro{padding-block:85px}.flagship{padding-bottom:80px}}
@media(max-width:700px){.header{height:80px;gap:15px}.brand{gap:9px}.brand img{width:32px;height:32px}.brand>span{font-size:13px}.brand small{font-size:7px}.header nav{gap:20px;font-size:11px}.header nav>a:first-child{display:none}.header nav>a:last-child{display:none}.header nav>a:only-child{display:flex}.studio-hero{margin-inline:8px;height:auto;min-height:760px;max-height:none}.hero-content{padding-block:25px 40px;min-height:760px}.hero-top .micro{display:none}.studio-hero h1{font-size:clamp(83px,17vw,115px);margin-top:65px}.cinematic-media img{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#070c1880,transparent),linear-gradient(0deg,#060910ef,transparent 72%)}.hero-bottom{align-items:start;flex-direction:column;gap:30px}.hero-positioning p{font-size:13px}.hero-project{width:100%;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:24px;gap:15px}.hero-project strong{font-size:49px}.hero-project .eyebrow{font-size:7px}.project-type{font-size:10px}.round-arrow{width:48px;height:48px;font-size:23px}.art-caption{font-size:6px;right:8px;bottom:5px}.studio-index{font-size:7px;gap:10px;padding-block:20px}.studio-index>span:nth-child(2){display:none}.studio-intro{padding-block:65px}.section-kicker{margin-bottom:30px}.editorial-grid,.flagship-grid,.studio-principles,.contact-grid{grid-template-columns:1fr;gap:30px}.editorial-grid h2{font-size:clamp(34px,8vw,49px)}.studio-copy p{font-size:14px;max-width:100%}.flagship{padding-block:25px 65px}.project-image{aspect-ratio:1.22}.flagship-copy h2{font-size:75px}.flagship-copy p{max-width:100%}.flagship-copy .button{width:100%}.project-meta{font-size:7px;gap:15px}.studio-principles{padding-bottom:65px;gap:15px}.principles-heading h2{font-size:35px}.principle{padding-block:22px}.contact-grid{padding-block:45px}.contact-grid h2{font-size:70px;margin-top:25px}.contact-copy p{font-size:13px}.mail-link{font-size:25px}.end-wordmark{font-size:15vw}.footer{flex-direction:column;align-items:start;padding-block:23px;gap:20px}.footer-links{width:100%;gap:20px;font-size:9px}.footer-links .back-top{margin-left:auto}.footer p,.motion-toggle{font-size:9px}.legal{padding-block:45px}.legal dl{grid-template-columns:1fr;gap:5px}.legal dd{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}[data-parallax]{transform:none!important}}