@font-face{font-family:Work Sans;src:url('assets/work-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:Oddval;src:url('assets/oddval-black.otf') format('opentype');font-display:swap}
:root{font-family:Work Sans,Arial,sans-serif;font-size:16px;color:#161616;background:#fff;font-synthesis:none;--gutter:clamp(24px,4.2vw,72px);--ink:#161616;--muted:#686868;--rule:#c8c8c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1[tabindex="-1"]:focus{outline:none}
.skip{position:fixed;z-index:20;top:10px;left:10px;padding:12px;background:#fff;color:#111;transform:translateY(-200%)}.skip:focus{transform:none}
header{position:fixed;z-index:5;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:34px var(--gutter);color:#fff;transition:transform .35s ease,opacity .35s ease,padding .35s ease;background:transparent;pointer-events:none}
.brand,.menu-toggle{pointer-events:auto}.brand{justify-self:center}.brand img{display:block;width:112px;height:auto;filter:brightness(0) invert(1);transition:opacity .2s ease,filter .2s ease}
.menu-toggle,.menu-close{appearance:none;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:16px;padding:5px 0;cursor:pointer;text-transform:uppercase;font-size:14px;letter-spacing:.055em}.menu-toggle{justify-self:start}.hamburger{display:inline-flex;flex-direction:column;gap:7px;width:36px}.hamburger i{display:block;width:36px;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .25s ease}.menu-toggle:hover .hamburger i:first-child{transform:translateX(4px)}.menu-toggle:hover .hamburger i:last-child{transform:translateX(-4px)}
body[data-page="about"] header,body[data-page="contact"] header{color:var(--ink);background:rgba(255,255,255,.96)}body[data-page="about"] .brand img,body[data-page="contact"] .brand img{filter:none}
.header-compact header{padding-top:17px;padding-bottom:17px}.header-compact .brand{opacity:0;pointer-events:none;transform:scale(.88)}.header-compact .menu-toggle>span:last-child{display:none}.header-compact .hamburger{gap:6px}.header-hidden header{transform:translateY(-110%);opacity:0;pointer-events:none}.header-hidden header *{pointer-events:none}
.menu-panel{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;padding:34px var(--gutter) 30px;color:white;background:rgba(6,7,10,.76);backdrop-filter:blur(22px) saturate(.72);-webkit-backdrop-filter:blur(22px) saturate(.72);animation:menu-in .28s ease both}.menu-open{overflow:hidden}.menu-panel-top{display:flex;justify-content:flex-start;align-items:flex-start}.menu-close{min-height:36px}.is-close{position:relative;display:inline-block;width:36px;height:28px}.is-close i{position:absolute;top:13px;left:0;width:36px;height:1.5px;background:currentColor}.is-close i:first-child{transform:rotate(45deg)}.is-close i:last-child{transform:rotate(-45deg)}
.menu-panel nav[aria-label="Menu links"]{display:flex;flex-direction:column;gap:clamp(5px,1.2vh,13px);width:min(100%,920px);margin:auto 0;padding:0}.menu-panel nav a{display:block;padding:2px 0;font-family:Work Sans,Arial,sans-serif;font-size:clamp(38px,5.4vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.025em;transition:transform .25s ease,opacity .25s ease}.menu-panel nav a:hover{transform:translateX(7px);opacity:.72}.menu-panel nav a:focus-visible{outline-offset:3px}.menu-panel-bottom{margin-top:24px;display:flex;justify-content:flex-start;align-items:center;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
body.menu-open header{visibility:hidden;pointer-events:none}
@keyframes menu-in{from{opacity:0}to{opacity:1}}
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;color:#fff;background:#100d13}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.001);transition:transform 1.2s cubic-bezier(.2,.65,.25,1)}.hero:hover .hero-image{transform:scale(1.018)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 26%,rgba(0,0,0,.05) 55%,rgba(0,0,0,.63))}
.project-title{position:absolute;left:var(--gutter);bottom:clamp(118px,18vh,190px);width:min(58vw,850px);transition:opacity .25s ease}.project-title h1{margin:0;line-height:0}.project-title h1 img{display:block;width:100%;height:auto}.project-title:hover{opacity:.78}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;font-size:14px;line-height:1.35;letter-spacing:.025em;text-shadow:0 1px 12px rgba(0,0,0,.5)}.hero-bottom>a{justify-self:end;border-bottom:1px solid rgba(255,255,255,.78);padding-bottom:5px}.hero-bottom>span:nth-child(2){font-size:13px;letter-spacing:.06em}
.page{min-height:100svh;padding:72px var(--gutter) 86px}.page h1{font-family:Oddval,Work Sans,Arial,sans-serif;font-weight:400;font-size:clamp(56px,8vw,118px);line-height:.96;letter-spacing:-.03em;margin:0 0 26px}.eyebrow{margin:0 0 24px;font-size:13px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.project{padding:0!important}.project-hero{position:relative;width:100%;height:100svh;min-height:560px;margin:0;overflow:hidden;background:#101010;color:#fff}.project-hero picture{position:absolute;inset:0;display:block}.project-hero picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;transform:scale(1.001);transition:transform 1.2s cubic-bezier(.2,.65,.25,1)}.project-hero:hover picture>img{transform:scale(1.018)}.project-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 31%,rgba(0,0,0,.08) 57%,rgba(0,0,0,.76));pointer-events:none}
.project-hero-copy{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:clamp(32px,7vh,72px)}.project-hero-copy h1{font-size:clamp(56px,8vw,118px);line-height:.88;letter-spacing:-.03em;margin:0 0 20px}.project-hero-copy>div{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;letter-spacing:.065em;text-transform:uppercase}.trailer-launch{position:absolute;z-index:3;left:50%;top:48%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%,-50%);padding:0;border:0;background:none;color:#fff;cursor:pointer;text-shadow:0 1px 12px rgba(0,0,0,.5);transition:opacity .2s ease}.trailer-play-circle{display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(8,8,9,.34);backdrop-filter:blur(5px);transition:transform .28s ease,background .28s ease}.play-triangle{width:0;height:0;margin-left:5px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid currentColor}.trailer-label{font-size:12px;font-weight:500;letter-spacing:.17em;text-transform:uppercase}.trailer-launch:hover .trailer-play-circle{transform:scale(1.1);background:rgba(8,8,9,.62)}.trailer-launch:hover .trailer-label{opacity:.7}
.trailer-modal{position:fixed;inset:0;z-index:12;display:grid;place-items:center;background:#050507;padding:20px}.trailer-stage{width:min(calc(100vw - 40px),calc(56.25svh - 22.5px));height:min(calc(100svh - 40px),calc(177.78vw - 71.112px));display:flex;align-items:center;justify-content:center}.trailer-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#050507}.trailer-close{position:absolute;top:30px;left:var(--gutter);z-index:2;display:flex;align-items:center;gap:12px;border:0;padding:5px 0;background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.trailer-close .is-close{width:30px;height:28px}.trailer-close .is-close i{left:0;width:30px}.trailer-open{overflow:hidden}
.project-layout{width:min(100%,1180px);margin:0 auto;padding:clamp(58px,8vw,112px) var(--gutter) 96px}.project-layout article{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:0 clamp(44px,7vw,110px)}.project-story{grid-column:1;grid-row:1}.project-story .synopsis{max-width:38ch;margin:0 0 30px;font-size:clamp(21px,2.1vw,28px);line-height:1.45;letter-spacing:-.018em}.project-story>p:not(.synopsis){display:inline-block;margin:0 24px 16px 0}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:16px;transition:opacity .2s ease}.text-link:hover{opacity:.58}.project-press{grid-column:2;grid-row:1}.project-press h2{margin:0 0 20px;font-size:13px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.recognition{display:grid;grid-template-columns:1fr auto;gap:13px 18px;margin:0;font-size:15px}.recognition dd{margin:0;text-align:right;color:var(--muted)}.project details{margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);font-size:15px;line-height:1.55}.project summary{cursor:pointer;font-size:16px}.credits{display:grid;grid-template-columns:1fr;gap:2px;margin:14px 0 0}.credits dt{margin-top:14px;color:var(--muted)}.credits dd{margin:0}.press-details{scroll-margin-top:30px}.press-details[open] summary{margin-bottom:22px}.press-list{display:grid;gap:26px}.press-group h3{margin:0 0 4px;padding-top:17px;border-top:1px solid var(--rule);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.press-group a{display:grid;grid-template-columns:minmax(150px,.38fr) minmax(0,1fr) 16px;align-items:baseline;gap:12px;width:100%;padding:13px 0;border-bottom:1px solid #ddd;transition:padding .2s ease,opacity .2s ease}.press-group a:hover{padding-left:5px;opacity:.68}.press-group a span{font-size:12px;line-height:1.45;letter-spacing:.015em;color:var(--muted)}.press-group a strong{font-size:15px;font-weight:400;line-height:1.4}.press-group a:after{content:"↗";font-size:15px}.press-request{margin-top:30px;padding-top:18px;border-top:1px solid var(--rule)}.press-request p{margin:0 0 9px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.press-request a{display:inline-block;border-bottom:1px solid;padding-bottom:5px;font-size:16px}
.about{padding-top:clamp(150px,18vh,190px)}.about,.contact{width:min(100%,1320px);margin-inline:auto}.about h1,.contact h1{font-family:Oddval,Work Sans,Arial,sans-serif;font-size:clamp(56px,8vw,118px);font-weight:400;letter-spacing:-.03em}.statement{max-width:14ch;margin:48px 0 52px;font-family:Oddval,Work Sans,Arial,sans-serif;font-size:clamp(38px,6vw,82px);font-weight:400;line-height:1.08;letter-spacing:-.03em}.about-bottom{max-width:68ch;font-size:clamp(18px,2vw,23px);line-height:1.52}.about-bottom p{margin:0}.about-bottom a{border-bottom:1px solid}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,34px);max-width:1180px;margin-top:72px}.team-grid figure{min-width:0;margin:0}.team-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease,transform .7s cubic-bezier(.2,.65,.25,1)}.team-grid figure:hover img{filter:grayscale(0);transform:translateY(-4px)}.team-grid figcaption{margin-top:12px;font-size:14px}
.contact{padding-top:clamp(150px,18vh,190px)}.contact h1{margin-bottom:0}.contact .email{display:inline-block;margin:48px 0 80px;border-bottom:1px solid;padding-bottom:6px;font-size:clamp(25px,5vw,68px);letter-spacing:-.05em}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.contact-bottom p{margin:0;font-size:16px;line-height:1.6}.social-links{display:flex;justify-content:flex-end;gap:clamp(18px,3vw,36px)}.social-links a{border-bottom:1px solid;padding-bottom:5px;font-size:15px;transition:opacity .2s ease}.social-links a:hover{opacity:.55}.jobs-link{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:78px;padding:19px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:padding .2s ease}.jobs-link:hover{padding-left:7px;padding-right:7px}.jobs-link span{font-size:17px;letter-spacing:.075em;text-transform:uppercase}.jobs-link small{font-size:14px;color:var(--muted);text-align:right}
.jobs-page{padding:0 var(--gutter) 90px}.jobs-hero{position:relative;width:calc(100% + 2*var(--gutter));height:100svh;min-height:560px;max-height:960px;margin:0 calc(-1*var(--gutter)) 56px;overflow:hidden;background:#111;color:#fff}.jobs-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.001);transition:transform 1.1s cubic-bezier(.2,.65,.25,1)}.jobs-hero:hover .jobs-image{transform:scale(1.015)}.jobs-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14) 10%,rgba(0,0,0,.06) 40%,rgba(0,0,0,.78) 100%)}.jobs-hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(30px,6vh,70px)}.jobs-hero-copy .eyebrow{margin:0 0 20px;color:rgba(255,255,255,.85)}.jobs-hero-copy h1{max-width:12ch;margin:0;color:#fff;font-family:Oddval,Work Sans,Arial,sans-serif;font-size:clamp(56px,8vw,118px);font-weight:400;line-height:.88;letter-spacing:-.03em}.jobs-intro{width:min(100%,1180px);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);align-items:end;gap:30px;max-width:1180px}.jobs-lead{max-width:34ch;margin:0;font-size:clamp(24px,3.1vw,40px);line-height:1.23;letter-spacing:-.035em}.jobs-lead strong{font-weight:600}.jobs-apply-link{justify-self:end;max-width:30ch;border-bottom:1px solid;padding:0 0 7px;font-size:16px;line-height:1.45;transition:opacity .2s ease}.jobs-apply-link:hover{opacity:.58}.jobs-facts{width:min(100%,1180px);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:60px 0 0;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:1180px}.jobs-facts div{min-width:0}.jobs-facts dt{margin-bottom:9px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.jobs-facts dd{margin:0;font-size:16px;line-height:1.4}.jobs-grid{width:min(100%,1180px);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:1180px;margin-top:68px}.jobs-grid section{border-top:1px solid var(--rule);padding-top:17px}.jobs-grid h2{margin:0 0 16px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.jobs-grid p{max-width:56ch;margin:0;font-size:17px;line-height:1.55}.jobs-apply{width:min(100%,1180px);margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 28px;max-width:1180px;margin-top:68px;padding-top:21px;border-top:1px solid var(--ink)}.jobs-apply p{margin:0;font-size:16px;line-height:1.45}.jobs-apply>p:first-child{width:100%;margin-bottom:2px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.jobs-apply a{border-bottom:1px solid;padding-bottom:5px;font-size:17px;transition:opacity .2s ease}.jobs-apply a:hover{opacity:.6}
.jobs-intro,.jobs-facts,.jobs-grid,.jobs-apply{margin-left:auto;margin-right:auto}.is-entering{animation:page-arrive .42s cubic-bezier(.2,.7,.2,1) both}@keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 :root{--gutter:24px}header{padding-top:25px;padding-bottom:20px}.brand img{width:88px}.menu-toggle,.menu-close{gap:12px;font-size:13px}.hamburger{width:30px;gap:6px}.hamburger i{width:30px}.menu-panel{padding-top:25px;padding-bottom:25px}.menu-panel nav[aria-label="Menu links"]{gap:clamp(7px,1.2vh,12px)}.menu-panel nav a{font-size:clamp(34px,8.8vw,46px)}.menu-panel-bottom{font-size:12px}
 .hero{min-height:560px}.hero-image{object-position:20% 50%}.project-title{left:var(--gutter);bottom:clamp(135px,20vh,180px);width:min(84vw,560px)}.hero-bottom{bottom:24px;grid-template-columns:1fr auto;gap:13px 16px;font-size:12px}.hero-bottom>span:first-child{grid-column:1/-1}.hero-bottom>span:nth-child(2){font-size:12px}.hero-bottom>a{grid-column:2;grid-row:2;font-size:12px}
 .page{padding:50px var(--gutter) 64px}.page h1{font-size:clamp(52px,13vw,76px)}.project-hero{height:100svh;min-height:560px}.project-hero picture>img{object-position:52% center}.project-hero-copy{bottom:30px}.project-hero-copy h1{font-size:clamp(52px,13vw,76px);margin-bottom:15px}.project-hero-copy>div{display:flex;flex-direction:column;gap:7px;font-size:12px}.trailer-launch{top:46%}.trailer-play-circle{width:70px;height:70px}.trailer-label{font-size:11px}.trailer-close{top:22px}
 .project-layout{padding:48px var(--gutter) 68px}.project-layout article{display:block}.project-story .synopsis{font-size:21px;line-height:1.48}.project-story>p:not(.synopsis){display:block;margin:0 0 16px}.project-press{margin-top:55px}.press-group a{grid-template-columns:minmax(0,1fr) 16px;gap:4px 12px}.press-group a span{grid-column:1}.press-group a strong{grid-column:1;font-size:15px}.press-group a:after{grid-column:2;grid-row:1/3;align-self:center}
 .about,.contact{padding-top:130px}.about h1,.contact h1{font-size:clamp(52px,13vw,76px)}.statement{font-size:clamp(36px,8.8vw,52px);margin:38px 0 42px}.about-bottom{font-size:18px;line-height:1.5}.team-grid{grid-template-columns:1fr;gap:22px;margin-top:50px}.team-grid figure{display:grid;grid-template-columns:88px 1fr;align-items:end;gap:15px}.team-grid img{aspect-ratio:1}.team-grid figcaption{padding-bottom:7px}
 .contact .email{margin:32px 0 64px;font-size:clamp(23px,6.1vw,42px)}.contact-bottom{flex-direction:column;gap:30px}.social-links{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:18px 25px}.social-links a{font-size:14px}.jobs-link{flex-direction:column;align-items:flex-start;gap:8px;margin-top:58px}.jobs-link span{font-size:15px}.jobs-link small{text-align:left;font-size:13px}
 .jobs-page{padding:0 var(--gutter) 64px}.jobs-hero{width:calc(100% + 2*var(--gutter));height:100svh;min-height:560px;max-height:900px;margin-bottom:35px}.jobs-image{object-position:52% 38%}.jobs-hero-copy{bottom:24px}.jobs-hero-copy .eyebrow{margin-bottom:14px}.jobs-hero-copy h1{font-size:clamp(52px,13vw,76px)}.jobs-intro{display:block}.jobs-lead{font-size:clamp(23px,6.5vw,28px);line-height:1.28}.jobs-apply-link{display:inline-block;margin-top:22px;font-size:15px}.jobs-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px;margin-top:38px;padding:18px 0}.jobs-facts dd{font-size:15px}.jobs-grid{grid-template-columns:1fr;gap:25px;margin-top:44px}.jobs-grid p{font-size:16px}.jobs-apply{margin-top:48px;gap:14px}.jobs-apply>p:not(:first-child){width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.is-entering{animation:none}}

/* Cleaner, consistent Jobs and Contact layouts */
.menu-panel nav[aria-label="Menu links"]{width:min(100%,920px)}
.contact{display:flex;flex-direction:column;min-height:100svh;padding-top:clamp(150px,18vh,190px);padding-bottom:42px}
.contact .eyebrow{margin:0 0 18px}
.contact h1{margin:0}
.contact .email{margin:28px 0 0;padding-bottom:5px;font-size:clamp(26px,4.7vw,62px);line-height:1.15;letter-spacing:-.045em}
.contact .email span{display:inline-block;font-size:.6em;vertical-align:top;margin:5px 0 0 4px}
.contact-bottom{margin-top:auto;padding-top:22px;border-top:1px solid var(--rule);align-items:center}
.contact-bottom p{font-size:15px;line-height:1.4}
.social-links{justify-content:flex-start;gap:26px}
.social-links a{font-size:14px}
.jobs-content{width:min(100%,1180px);margin:0 auto}
.jobs-lead{max-width:29ch;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.14;letter-spacing:-.035em}
.jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:54px}
.jobs-grid section{padding-top:15px}
.jobs-grid h2{margin:0 0 12px;font-size:12px;letter-spacing:.075em}
.jobs-grid p{font-size:16px;line-height:1.5}
.jobs-apply{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:54px;padding-top:18px;border-top:1px solid var(--ink)}
.jobs-apply p{margin:0;font-size:13px;letter-spacing:.075em;text-transform:uppercase}
.jobs-apply a{margin-left:auto;font-size:16px}
@media(max-width:700px){
 .contact{min-height:100svh;padding-top:130px;padding-bottom:28px}
 .contact .eyebrow{margin-bottom:15px}
 .contact .email{margin-top:26px;font-size:clamp(23px,6.1vw,42px)}
 .contact-bottom{align-items:flex-start;gap:20px;padding-top:18px}
 .social-links{width:auto;gap:22px}
 .jobs-hero{margin-bottom:35px}
 .jobs-lead{font-size:clamp(25px,7vw,32px);line-height:1.2}
 .jobs-grid{grid-template-columns:1fr;gap:24px;margin-top:38px}
 .jobs-grid p{font-size:16px}
 .jobs-apply{align-items:flex-start;flex-direction:column;gap:12px;margin-top:38px}
 .jobs-apply a{margin-left:0}
}
/* Studio editorial refinement */
.home-editorial{padding:88px var(--gutter);display:grid;grid-template-columns:1.3fr 1fr;gap:28px 8vw;align-items:end}.home-editorial>.eyebrow{grid-column:1/-1}.home-editorial h2{font-family:Oddval,Arial,sans-serif;font-weight:400;font-size:clamp(36px,5vw,72px);line-height:1.08;letter-spacing:-.03em;margin:0}.home-editorial>div{max-width:39ch;font-size:20px;line-height:1.5}.home-editorial>div p{margin:0 0 24px}.home-tapes{margin:0 var(--gutter);padding:28px 0 42px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:24px;font-size:16px}.home-tapes>a{font-weight:500;border-bottom:1px solid;padding-bottom:4px}.about-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start}.about-bottom h2{font-size:clamp(24px,2.8vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 28px}.about-bottom p{margin:0 0 22px}.about-bottom{font-size:18px;line-height:1.55}.studio-image{margin:0}.studio-image img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.studio-image figcaption{font-size:13px;margin-top:12px;color:var(--muted)}.team-grid{margin-top:88px;gap:42px}.team-grid img{aspect-ratio:1;max-width:240px}.team-grid figcaption strong{display:block;font-size:16px;font-weight:500}.team-grid figcaption span{display:block;font-size:14px;line-height:1.5;margin-top:6px;color:var(--muted)}.interests{margin-top:88px;padding-top:24px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 2fr;gap:24px}.interests>p:last-child{font-size:clamp(24px,3.5vw,44px);line-height:1.35;letter-spacing:-.03em;margin:0}.tapes-section{margin-top:88px;padding:42px 0 0;border-top:1px solid var(--ink);scroll-margin-top:100px}.tapes-section h2{font-family:Oddval,Arial,sans-serif;font-size:clamp(36px,5vw,70px);font-weight:400;letter-spacing:-.03em;line-height:1.06;margin:0 0 32px}.tapes-bottom{display:flex;align-items:end;justify-content:space-between;gap:36px}.tapes-bottom p{max-width:47ch;font-size:18px;line-height:1.55;margin:0}.tapes-bottom a{white-space:nowrap}.site-footer{padding:32px var(--gutter);border-top:1px solid var(--rule);display:flex;align-items:center;gap:32px;font-size:14px}.site-footer img{display:block;width:76px;height:auto}.site-footer>span{color:var(--muted)}.site-footer nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:26px}.site-footer a:hover{opacity:.65}.contact-intro{font-size:18px;line-height:1.5;margin:24px 0 0;color:var(--muted)}.jobs-hero{height:72svh;min-height:500px}.jobs-grid h2{font-size:14px}.hero-image{object-position:center 48%}
@media(max-width:700px){.home-editorial{display:block;padding:56px var(--gutter)}.home-editorial h2{margin:0 0 28px}.home-editorial>div{font-size:18px}.home-tapes{flex-direction:column;align-items:start;gap:14px;font-size:14px}.about-editorial{grid-template-columns:1fr;gap:38px}.studio-image{max-width:480px}.studio-image img{aspect-ratio:4/3}.team-grid{margin-top:52px;gap:26px}.team-grid figure{align-items:center}.team-grid figcaption{margin:0;padding:0}.interests{grid-template-columns:1fr;margin-top:56px;gap:4px}.tapes-section{margin-top:56px;padding-top:28px}.tapes-bottom{display:block}.tapes-bottom p{font-size:17px;margin-bottom:24px}.site-footer{flex-wrap:wrap;gap:22px;font-size:14px}.site-footer nav{width:100%;margin:0;gap:28px}.jobs-hero{height:66svh;min-height:460px}.hero-image{object-position:35% center}.contact-intro{font-size:16px;max-width:26ch}}
/* Team roles, tapes emphasis and bilingual vacancy */
.tapes-section{padding:42px clamp(24px,4vw,56px);background:var(--ink);color:white;border:0}.tapes-section .eyebrow{color:#b8b8b8}.tapes-section h2{font-size:clamp(44px,6.5vw,92px);max-width:11ch}.tapes-section .text-link{border-color:white;font-weight:600}.home-tapes>a{font-weight:700}.jobs-language{display:flex;justify-content:flex-end;gap:4px;margin:0 0 28px}.jobs-language button{border:1px solid var(--rule);background:white;color:var(--ink);padding:10px 17px;font-size:14px;cursor:pointer}.jobs-language button[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}
@media(max-width:700px){.tapes-section{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:32px var(--gutter)}.jobs-language{justify-content:flex-start}.tapes-section h2{font-size:clamp(44px,11vw,68px)}}

/* Quiet contact composition */
.contact .email,.contact .social-links a{border:0;padding-bottom:0}.contact-bottom{border:0;padding-top:0}body[data-page="contact"] .site-footer{border:0}.contact .email{align-self:flex-start}.contact .email:hover{opacity:.6}

/* Refine the existing translucent menu, retaining its layout and links. */
.menu-panel{background:linear-gradient(100deg,rgba(5,6,9,.88) 0%,rgba(5,6,9,.72) 45%,rgba(5,6,9,.48) 100%);backdrop-filter:blur(10px) saturate(.95);-webkit-backdrop-filter:blur(10px) saturate(.95);overflow-y:auto}
.menu-panel-top{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;flex-shrink:0;min-height:65px}.menu-close{justify-self:start}.menu-brand{grid-column:2;line-height:0;display:block}.menu-brand img{display:block;width:112px;height:auto;filter:brightness(0) invert(1)}
.menu-panel nav[aria-label="Menu links"]{padding:36px 0;gap:clamp(6px,1.4vh,16px);flex-shrink:0}
.menu-panel nav a{width:fit-content;font-family:Oddval,Work Sans,Arial,sans-serif;font-weight:400;font-size:clamp(44px,6.3vw,82px);line-height:1.08;letter-spacing:-.035em;text-shadow:0 6px 36px rgba(0,0,0,.2);transition:transform .25s ease,opacity .25s ease}
.menu-panel nav a:hover{transform:translateX(9px);opacity:.8}.menu-panel nav a[aria-current="page"]{text-decoration:none}
@media(max-width:700px){.menu-brand img{width:88px}.menu-panel-top{min-height:51px}.menu-panel{background:linear-gradient(110deg,rgba(5,6,9,.86),rgba(5,6,9,.59));backdrop-filter:blur(8px) saturate(.95);-webkit-backdrop-filter:blur(8px) saturate(.95)}.menu-panel nav a{font-size:clamp(40px,10.5vw,58px)}.menu-panel nav[aria-label="Menu links"]{padding:30px 0;gap:12px}}

.jobs-role{max-width:38ch;margin:22px 0 0;font-size:clamp(18px,2.2vw,28px);font-weight:400;line-height:1.35;letter-spacing:-.015em;color:#fff}
@media(max-width:700px){.jobs-role{max-width:29ch;margin-top:18px}}

/* Contact: clear links and a personal glimpse of the studio. */
.contact{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-bottom:70px;min-height:100svh}
.contact-copy{min-width:0}.contact .email{display:inline-flex;align-items:baseline;gap:8px;margin:30px 0 0;font-size:clamp(23px,3.5vw,46px);line-height:1.3;letter-spacing:-.04em;white-space:nowrap}.contact .email span{margin:0;font-size:.65em;vertical-align:baseline}
.contact .social-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px;width:auto}.contact .social-links a{display:inline-flex;gap:16px;align-items:baseline;font-size:clamp(24px,2.6vw,34px);line-height:1.35;letter-spacing:-.025em;padding:4px 0}.contact .social-links a span{font-size:.75em}.contact-location{margin:44px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.contact-image{margin:0;width:100%;align-self:center}.contact-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:52% center}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:48px;padding-bottom:48px;min-height:auto}.contact .email{font-size:clamp(23px,5.9vw,46px);margin-top:26px}.contact .social-links{margin-top:28px}.contact-location{margin-top:32px}.contact-image{max-width:620px}.contact-image img{aspect-ratio:3/2;object-position:center}}

/* Percy Percy leads; Red Flag is the featured work. */
.studio-title{position:absolute;left:var(--gutter);bottom:clamp(160px,19vh,210px);width:min(52vw,720px);margin:0;line-height:0}.studio-title img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
body[data-page="home"] header>.brand{visibility:hidden}
.home-page .hero-bottom{grid-template-columns:1fr auto;align-items:end}.home-page .hero-bottom>.home-feature{display:flex;flex-direction:column;align-items:flex-end;gap:8px;border:0;padding:0}.home-feature>span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;opacity:.8}.home-feature strong{font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.025em;line-height:1.2}.home-feature:hover{opacity:.7}
@media(max-width:700px){.studio-title{width:min(78vw,460px);bottom:clamp(190px,27svh,260px)}.home-page .hero-bottom{grid-template-columns:1fr;gap:25px;bottom:28px}.home-page .hero-bottom>.home-feature{justify-self:start;align-items:flex-start}.home-page .hero-bottom>span{font-size:12px;max-width:28ch;line-height:1.5}}

/* Dark Contact page, including its navigation and footer. */
body[data-page="contact"]{background:#111;color:#fff;--muted:#aaa;--rule:#444}
body[data-page="contact"] header{color:#fff;background:rgba(17,17,17,.96)}
body[data-page="contact"] .brand img,body[data-page="contact"] .site-footer img{filter:brightness(0) invert(1)}
body[data-page="contact"] .contact h1{color:#fff}
body[data-page="contact"] .site-footer{background:#111;color:#fff}
.contact-image img{aspect-ratio:3/2;object-fit:cover;object-position:center}

/* Restore the original site's warm charcoal across the studio. */
:root{background:#171714;color:#f2f3ed;--ink:#f2f3ed;--muted:#b5b5af;--rule:#ffffff30}
body,body[data-page="contact"]{background:#171714;color:#f2f3ed;--muted:#b5b5af;--rule:#ffffff30}
body[data-page="about"] header,body[data-page="contact"] header{color:#f2f3ed;background:rgba(23,23,20,.96)}
body[data-page="about"] .brand img,body[data-page="contact"] .brand img,.site-footer img{filter:brightness(0) invert(1)}
body[data-page="contact"] .contact h1{color:#f2f3ed}
.site-footer,body[data-page="contact"] .site-footer{background:#171714;color:#f2f3ed}
.tapes-section{background:#242420;color:#f2f3ed}.tapes-section .text-link{border-color:#f2f3ed}
.jobs-language button{background:transparent;color:#f2f3ed;border-color:#ffffff50}.jobs-language button[aria-pressed="true"]{background:#f2f3ed;color:#171714;border-color:#f2f3ed}
.press-group a{border-bottom-color:#ffffff30}
.team-grid{gap:clamp(24px,3.4vw,48px);max-width:none}.team-grid img{width:100%;max-width:none;aspect-ratio:1;object-fit:cover}.team-grid figcaption{margin-top:18px}.team-grid figcaption strong{font-size:18px}.team-grid figcaption span{font-size:15px;margin-top:5px}
@media(max-width:700px){.team-grid{gap:30px}.team-grid figure{grid-template-columns:112px minmax(0,1fr);gap:22px}.team-grid figcaption{margin:0}.team-grid figcaption strong{font-size:17px}.team-grid figcaption span{font-size:14px}}

/* About: one leading statement. */
.about-name{margin:0;font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.about h1.statement{max-width:16ch;margin:28px 0 52px;font-size:clamp(44px,6vw,82px);line-height:1.08;letter-spacing:-.03em}
@media(max-width:700px){.about-name{font-size:20px}.about h1.statement{font-size:clamp(38px,9.5vw,60px);margin:24px 0 38px}}

/* Shared editorial grid and spacing across the studio pages. */
:root{--content-width:1320px;--title-size:clamp(44px,6vw,82px);--section-gap:clamp(56px,6.5vw,88px);--page-top:clamp(150px,18vh,190px);--column-gap:clamp(32px,5vw,72px);--gutter:max(clamp(24px,4.2vw,72px),calc((100vw - var(--content-width))/2))}
.about,.contact{width:100%;padding-top:var(--page-top);padding-bottom:var(--section-gap)}
.about h1.statement,.contact h1{font-size:var(--title-size);line-height:1.08;letter-spacing:-.03em}
.about-editorial{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--column-gap)}
.about-bottom{max-width:56ch}.about-bottom p:last-of-type{margin-bottom:28px}
.team-grid,.tapes-section{margin-top:var(--section-gap)}
.contact{align-items:start;gap:var(--column-gap)}
.contact .eyebrow{margin-bottom:24px}.contact-image{align-self:start;margin-top:42px}
.project-layout{width:100%;padding:var(--section-gap) var(--gutter)}
.jobs-content{width:100%;max-width:none}.jobs-grid,.jobs-apply{max-width:none}
.jobs-page{padding-bottom:var(--section-gap)}.jobs-hero{margin-bottom:var(--section-gap)}
.site-footer{padding-top:32px;padding-bottom:32px}
@media(max-width:900px){.contact-image{margin-top:0;max-width:none}}
@media(max-width:700px){
 :root{--gutter:24px;--title-size:clamp(38px,9.5vw,60px);--page-top:130px;--section-gap:56px;--column-gap:38px}
 .about-editorial{grid-template-columns:1fr}.studio-image{max-width:none}
 .about h1.statement{margin-bottom:38px}.contact{gap:var(--column-gap)}
 .project-layout{padding-bottom:var(--section-gap)}.jobs-hero{margin-bottom:38px}
}

/* A quieter menu with warm glass, directional light and a clear hierarchy. */
.menu-panel{color:#f2f3ed;background:radial-gradient(ellipse at 85% 24%,rgba(190,179,150,.10),transparent 58%),linear-gradient(105deg,rgba(16,16,14,.92),rgba(16,16,14,.76) 46%,rgba(16,16,14,.52));backdrop-filter:blur(12px) saturate(.9);-webkit-backdrop-filter:blur(12px) saturate(.9)}
.menu-panel nav[aria-label="Menu links"]{gap:clamp(8px,1.2vh,14px);padding:40px 0}
.menu-panel nav a{font-size:clamp(44px,6vw,80px);color:rgba(242,243,237,.7);text-shadow:0 8px 32px rgba(0,0,0,.28)}
.menu-panel nav a[aria-current="page"],.menu-panel nav a:hover,.menu-panel nav a:focus-visible{color:#f2f3ed;opacity:1}
.menu-panel-bottom{color:#b5b5af;font-size:12px;letter-spacing:.07em;flex-shrink:0;margin-top:0}
.menu-panel-bottom a{padding:8px 0}.menu-panel-bottom a:hover{color:#f2f3ed}
.about h1.statement{margin-top:0}
@media(max-width:700px){
 .menu-panel{background:radial-gradient(ellipse at 100% 20%,rgba(190,179,150,.08),transparent 60%),linear-gradient(110deg,rgba(16,16,14,.91),rgba(16,16,14,.61));backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}
 .menu-panel nav[aria-label="Menu links"]{padding:30px 0;gap:12px}
 .menu-panel nav a{font-size:clamp(40px,10.5vw,58px)}
 .about h1.statement{margin-top:0}
}

/* A manual studio photo sequence and a typographic contact page. */
.menu-panel nav.menu-panel-bottom{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 28px;width:auto;margin:0;padding:0;font-size:12px}
.menu-panel nav.menu-panel-bottom a{font-family:Work Sans,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#b5b5af;text-shadow:none;padding:8px 0;transform:none}
.menu-panel nav.menu-panel-bottom a:hover,.menu-panel nav.menu-panel-bottom a:focus-visible{color:#f2f3ed}
.studio-carousel{min-width:0;width:100%}.studio-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:0}.studio-track::-webkit-scrollbar{display:none}
.studio-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.studio-slide img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.studio-slide:first-child img{object-position:center 40%}.studio-slide figcaption{margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted)}
.studio-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:var(--muted)}.studio-count{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.07em}.studio-controls>div{display:flex;gap:8px}.studio-controls button{border:0;background:transparent;color:var(--ink);padding:8px;width:44px;height:44px;font-size:25px;line-height:1;cursor:pointer}.studio-controls button:disabled{opacity:.25;cursor:default}.studio-controls button:not(:disabled):hover{transform:translateX(2px)}
.contact{display:block;min-height:calc(100svh - 110px)}.contact-copy{max-width:960px}.contact .email{font-size:clamp(32px,5vw,68px);margin-top:42px}.contact .social-links{margin-top:40px}.contact-location{margin-top:48px}
@media(max-width:700px){.menu-panel nav.menu-panel-bottom{gap:12px 24px}.contact .email{font-size:clamp(23px,6vw,42px);margin-top:30px}.contact .social-links{margin-top:32px}.contact-location{margin-top:38px}.studio-slide img{aspect-ratio:4/3}}

/* Keep the pioneering credit quiet, alongside the project story. */
.project-story>p.project-origin{display:block;max-width:38ch;margin:0 0 24px;font-size:16px;line-height:1.5;color:var(--muted)}

/* Percy Percy Tapes: artwork leads, each tape opens its Spotify playlist. */
.tapes-section{padding:0;background:transparent;border:0;color:var(--ink)}
.tapes-header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}
.tapes-header .eyebrow{margin-bottom:22px;color:var(--muted)}
.tapes-header h2{font-size:var(--title-size);max-width:none;margin:0;line-height:1.08}
.tapes-header>.text-link{flex-shrink:0;margin-bottom:6px;font-weight:400}
.tapes-intro{max-width:58ch;margin:28px 0 40px;font-size:18px;line-height:1.55;color:var(--muted)}
.tapes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.tape-card{min-width:0}.tape-art{position:relative;overflow:hidden;aspect-ratio:1;background:#242420}
.tape-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .45s ease}
.tape-listen{position:absolute;right:14px;bottom:14px;padding:8px 12px;font-size:12px;background:#171714e8;color:#f2f3ed;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}
.tape-card a:hover .tape-art img{transform:scale(1.025)}.tape-card a:hover .tape-listen,.tape-card a:focus-visible .tape-listen{opacity:1;transform:none}
.tape-card h3{display:flex;justify-content:space-between;gap:10px;margin:18px 0 10px;font-family:Work Sans,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.45;letter-spacing:.015em}
.tape-card h3 span{flex-shrink:0;color:var(--muted)}.tape-card p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
@media(max-width:1000px){.tapes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.tapes-header{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:700px){.tapes-section{margin-left:0;margin-right:0;padding:0}.tapes-header h2{font-size:var(--title-size)}.tapes-header .eyebrow{margin-bottom:18px}.tapes-intro{font-size:16px;margin:24px 0 30px}.tapes-grid{gap:30px 18px}.tape-card h3{font-size:12px;margin-top:14px;gap:5px}.tape-card p{font-size:13px}.tape-listen{display:none}}
@media(hover:none){.tape-listen{display:none}}