.site-header{justify-content:space-between}.site-header .brand .wordmark{width:216px;height:80px;object-fit:contain;max-width:100%}.intro-film{position:relative;isolation:isolate;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.intro-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1313c9,#0d131370);z-index:-1}.intro-content{position:relative}.intro-film .intro-label{justify-content:space-between}.intro-film .edition{text-transform:none}.hero-motion{border:0;background:#10131366;color:#fff;font:inherit;font-size:11px;border-radius:20px;padding:6px 10px}.intro-address{font-size:15px!important}.project-overlay h2,.project-card[data-span="2"] h2,.project-card[data-span="6"] h2{font-size:clamp(23px,2.4vw,38px);line-height:1.1}.project-card[data-span="6"] h2{font-size:clamp(28px,3.6vw,52px)}.project-overlay p{font-size:clamp(12px,1vw,15px);font-style:italic;line-height:1.5}.project-card[data-span="2"] .project-overlay p{font-size:12px}.project-visual{width:100%;border:0;padding:0;text-align:left;color:inherit;background:#18201c;cursor:pointer;font:inherit}.project-visual:disabled{cursor:default}.frame-trace{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.frame-trace rect{fill:none;stroke:#c8f653;stroke-width:1.5;stroke-dasharray:20 80;stroke-dashoffset:100;opacity:0;vector-effect:non-scaling-stroke;width:calc(100% - 2px);height:calc(100% - 2px)}.project-visual:hover .frame-trace rect,.project-visual:focus-visible .frame-trace rect{opacity:1;animation:trace-motion 3s cubic-bezier(.42,0,.58,1) infinite,trace-length 3s linear infinite}@keyframes trace-motion{0%{stroke-dashoffset:100}78%,100%{stroke-dashoffset:0}}@keyframes trace-length{0%{stroke-dasharray:0 100}39%{stroke-dasharray:20 80}78%,100%{stroke-dasharray:0 100}}
.project-card.is-expanded{grid-column:1/-1!important;position:relative;scroll-margin-top:120px}.project-card.is-expanded>.project-visual{display:none}.inline-player{aspect-ratio:16/9;background:#050808;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #c8f65366}.inline-player iframe{width:100%;height:100%;border:0;display:block}.inline-close{display:block;margin:10px 0 0 auto;border:1px solid #677064;border-radius:25px;padding:9px 15px;font:inherit;font-size:13px;background:#131a17;color:white}.credit-groups>.credits-list+.credits-list{margin-top:40px;padding-top:26px;border-top:1px solid #ffffff18}.studio-lead{font-size:clamp(20px,2.3vw,32px);max-width:780px;line-height:1.5;color:#c6cec8;margin-bottom:38px}.studio-film{margin-bottom:60px}.studio-story{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;margin:65px 0}.studio-story h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:0}.studio-values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:70px 0}.studio-values>div{border-top:1px solid #56614b;padding-top:25px}.studio-values span{font-size:11px;color:#c8f653}.studio-values h3{font-size:24px}.studio-values p{line-height:1.7;color:#b9c1b9}.ai-services{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:50px 0 65px;border-top:1px solid #ffffff22}.ai-services h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:0 0 20px}.ai-services p{max-width:740px;line-height:1.8;color:#c4cbc4}.ai-services a{color:#c8f653}.ai-services .eyebrow{color:#c8f653}
@media(max-width:750px){.site-header .brand .wordmark{width:145px;height:54px}.studio-story,.studio-values,.ai-services{grid-template-columns:1fr;gap:25px}.project-overlay h2,.project-card[data-span="2"] h2,.project-card[data-span="6"] h2{font-size:24px}.project-overlay p,.project-card[data-span="2"] .project-overlay p{font-size:12px}.hero-motion{font-size:10px}.intro-film .edition{font-size:10px}.inline-player{border-radius:23px}.frame-trace rect{rx:22px}}
@media(prefers-reduced-motion:reduce){.frame-trace rect{animation:none!important;stroke-dasharray:none}.hero-video{display:none}}

.site-header .brand .wordmark{height:54px;width:190px}.no-cover .project-overlay{opacity:1}.intro-address{color:#fff!important}.intro-film .edition{color:#fff}

@media(max-width:650px){.intro-film .edition{display:block;font-size:9px}.intro-film .intro-label{display:flex;gap:8px}.site-header .brand .wordmark{width:160px;height:50px}}

.site-header .brand .original-logo{width:52px;height:48px;object-fit:contain}
.intro.intro-film{box-sizing:border-box;width:92%;max-width:1656px;margin:8px auto 18px;border-radius:30px;min-height:370px;padding:55px 4%;display:flex;align-items:center;background:#17231c}
.intro-film .hero-video{top:-18%;height:136%;will-change:transform}
.intro-film .intro-content{width:100%}.intro.intro-film h1{font-size:clamp(36px,4.5vw,68px);max-width:1200px;line-height:1.12;margin:0;letter-spacing:-.04em}
.studio-preview{width:100%;height:100%;object-fit:cover;display:block}.studio-film{overflow:hidden;border-radius:28px}.work-status>span{letter-spacing:.09em;font-size:11px}
@media(max-width:750px){.site-header .brand .original-logo{width:44px;height:42px}.intro.intro-film{min-height:340px;padding:38px 6%;border-radius:25px}.intro.intro-film h1{font-size:clamp(30px,5.9vw,44px)}.studio-film{border-radius:23px}}
@media(prefers-reduced-motion:reduce){.intro-film .hero-video{transform:none!important;will-change:auto}.frame-trace rect{opacity:1}}
@media(max-width:650px){.work-status>span{display:block;font-size:9px;letter-spacing:.04em;text-align:right}}

.site-header{position:relative;border-bottom:0}.site-header:after{content:"";position:absolute;bottom:0;left:4%;right:4%;height:1px;background:#ffffff18;pointer-events:none}
@media(max-width:650px){.site-header:after{left:5%;right:5%}}

/* Wordmark hero, wrapping filters and project artwork. */
.hero-heading .hero-wordmark{display:block;width:clamp(200px,25vw,320px);height:auto;max-width:80%;margin:0 0 20px}
.hero-title-words{display:block}.hero-word{display:inline-block}
.hero-title-words.is-entering .hero-word{animation:hero-word-in 1.1s both cubic-bezier(.2,.6,.2,1);animation-delay:calc(var(--word-index)*.3s)}
@keyframes hero-word-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.work-toolbar{flex-wrap:wrap;align-items:center}.work-toolbar .filters{display:flex;flex:1 1 460px;min-width:0;flex-wrap:wrap;overflow:visible;gap:8px;padding:0}.work-toolbar .filter{white-space:normal;max-width:100%;overflow-wrap:anywhere}.work-toolbar .motion-toggle{flex:0 0 auto}
.project-card.is-expanded{scroll-margin-top:calc(var(--toolbar-height,100px) + 20px)}
.block-content img,.prose img{border-radius:12px}.block-content .editorial-gallery{gap:20px;align-items:start}.block-content .editorial-gallery img{display:block;border-radius:12px;object-fit:contain;background:#101313}.project-image-gallery{margin:35px 0}.project-image-gallery>.editorial-gallery{margin:0}.project-image-gallery>.editorial-gallery>.editorial-item>img{width:100%;height:auto;aspect-ratio:16/9}.project-image-gallery>.editorial-gallery>.editorial-item[data-ratio="portrait"]>img{aspect-ratio:4/5}
@media(max-width:650px){.hero-heading .hero-wordmark{width:210px;margin-bottom:18px}.work-toolbar{gap:10px}.work-toolbar .filters{flex-basis:100%;gap:7px}.work-toolbar .filter{font-size:12px;min-height:36px;padding:8px 12px}.work-toolbar .motion-toggle{margin-left:auto}.work-toolbar .motion-toggle span{display:inline;margin-left:4px}.block-content .editorial-gallery{gap:16px}.block-content .editorial-gallery img{aspect-ratio:auto!important}.block-content img,.prose img{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.hero-title-words.is-entering .hero-word{animation:none;opacity:1;transform:none}}

.block-content .editorial-gallery{align-items:center}.block-content .editorial-gallery img,.project-image-gallery>.editorial-gallery>.editorial-item>img{aspect-ratio:auto!important;width:100%;max-width:var(--art-width,100%);height:auto;margin-inline:auto;border-radius:12px;background:none}.block-content .editorial-item{width:100%}

.film[data-video-orientation="portrait"],.inline-player[data-video-orientation="portrait"]{width:100%;max-width:480px;margin-inline:auto}
.film[data-video-orientation="square"],.inline-player[data-video-orientation="square"]{width:100%;max-width:800px;margin-inline:auto}
.film>iframe,.inline-player>iframe{position:absolute;inset:0;display:block;width:100%;height:100%}

.intro-film .hero-award{position:absolute;right:24px;bottom:0;width:clamp(135px,17vw,230px);height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 5px 16px #0003)}
.intro-film .intro-content{padding-right:clamp(140px,18vw,235px);box-sizing:border-box}
@media(max-width:750px){.intro-film .hero-award{width:120px;right:16px}.intro-film .intro-content{padding-right:0;padding-bottom:105px}.intro.intro-film{min-height:400px;align-items:flex-start}}
@media(max-width:420px){.intro-film .hero-award{width:105px;right:12px}}

/* Larger animated header wordmark with room for mobile navigation. */
.site-header .brand{flex-shrink:0}.site-header .brand .animated-logo{width:auto;height:72px;max-width:none;object-fit:contain}@media(max-width:750px){.site-header .brand .animated-logo{height:56px}}@media(max-width:380px){.site-header{flex-wrap:wrap;gap:10px}.site-header .brand .animated-logo{height:48px}.site-header nav{gap:10px;margin-left:auto}}
/* Place the banner heading over the darker lower edge. */
.intro.intro-film{align-items:flex-end}
.intro-film:after{background:linear-gradient(to bottom,rgba(13,19,19,0) 0%,rgba(13,19,19,.12) 35%,rgba(13,19,19,.85) 100%)}
.intro.intro-film h1{white-space:normal}
@media(max-width:750px){.intro-film .intro-content{padding-right:120px;padding-bottom:0}}
@media(max-width:420px){.intro-film .intro-content{padding-right:100px}}

/* Mobile project cards and stable, animated filters. */
.mobile-filter-toggle{display:none}
.mobile-filter-slot,.mobile-filter-panel{display:contents}
@media(max-width:750px){
  .project-overlay p{display:none}
  .mobile-filter-slot{display:block;position:relative;overflow-anchor:none}
  .mobile-filter-slot .work-toolbar{position:relative;top:auto;display:block;padding:8px 0;overflow:visible;box-sizing:border-box}
  .mobile-filter-slot .work-toolbar.mobile-filters-compact{position:fixed;top:0;left:var(--filter-left);width:var(--filter-width);z-index:40}
  .mobile-filter-slot .mobile-filter-toggle{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 15px;border:1px solid #48504a;border-radius:24px;background:#101313;color:#f7f8f4;font:inherit;font-size:13px;text-align:left;cursor:pointer}
  .mobile-filter-slot .mobile-filter-panel{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0;max-height:var(--filter-panel-height,600px);opacity:1;visibility:visible;overflow:hidden;transition:max-height .32s cubic-bezier(.22,.61,.36,1),opacity .22s ease,visibility 0s}
  .mobile-filter-slot .filters{flex:0 0 auto;padding-top:12px}
  .mobile-filter-slot .motion-toggle{align-self:flex-end;flex:0 0 auto}
  .mobile-filters-compact:not(.mobile-filters-open) .mobile-filter-panel{max-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .32s cubic-bezier(.22,.61,.36,1),opacity .18s ease,visibility 0s .32s}
  .mobile-filters-compact.mobile-filters-open .mobile-filter-panel{max-height:min(var(--filter-panel-height,600px),65vh);max-height:min(var(--filter-panel-height,600px),65dvh);overflow-y:auto;overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){.mobile-filter-slot .mobile-filter-panel{transition:none}}

/* Direct mobile contact access; hover previews are a desktop control. */
.mobile-contact-link{display:none}
#contact,#innovation{scroll-margin-top:24px}
@media(max-width:750px){
  .site-header{flex-wrap:wrap;gap:14px}
  .site-header .mobile-contact-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-left:auto;border:1px solid #65725e;border-radius:24px;padding:10px 17px;font-size:13px}
  .site-header nav{flex-basis:100%;justify-content:flex-end}
  .work-toolbar .motion-toggle,.mobile-filter-slot .motion-toggle{display:none}
}