/* Editorial typography stays owned by the brand, not by the studio theme. */
.brand-signature{font-family:var(--brand-font),serif!important;color:var(--brand-ink)!important;font-weight:400!important;letter-spacing:.015em!important}
.brand-signature[data-brand-identity="1"]{font-style:italic;text-transform:lowercase}
.brand-signature[data-brand-identity="4"]{letter-spacing:.16em!important}
.hero-hotspot .brand-signature{font-size:22px}.hero-hotspot small{font:9px Manrope,sans-serif!important;color:#fff;letter-spacing:.12em}
#project-title{font-size:clamp(38px,7vw,108px);text-shadow:0 3px 28px #0009}
#journey-brand{font-size:18px}#pg-brand-name{font-size:26px;text-shadow:0 2px 12px #0008}
@supports(background-clip:text){.type-glint{--glint-color:var(--brand-ink,#f7ab84);background-image:linear-gradient(108deg,var(--glint-color) 0%,var(--glint-color) 42%,#fff2d8 49%,#fff 50%,var(--glint-color) 58%,var(--glint-color) 100%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:type-glint 17s ease-in-out infinite;animation-delay:var(--glint-delay,0s);animation-play-state:paused}.type-glint.glint-visible{animation-play-state:running}.type-glint small{background:none;-webkit-text-fill-color:#fff}} 
@keyframes type-glint{0%,86%{background-position:100% 0}96%,100%{background-position:0% 0}}
body.reduced .type-glint{animation:none;background:none;color:var(--brand-ink,#f7ab84)!important;-webkit-text-fill-color:currentColor}
@media(prefers-reduced-motion:reduce){.type-glint{animation:none;background:none;color:var(--brand-ink,#f7ab84)!important;-webkit-text-fill-color:currentColor}}

/* A moving highlight runs over the existing dusk palette, never hiding nested moving words. */
@supports(background-clip:text){body .type-glint{background-image:linear-gradient(108deg,var(--glint-a,#a39af8) 0%,var(--glint-b,#d16baf) 24%,var(--glint-c,#edaa75) 43%,#fff2dc 49%,#fff 50%,var(--glint-c,#edaa75) 57%,var(--glint-b,#d16baf) 76%,var(--glint-a,#a39af8) 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;background-size:300% 100%!important;animation-name:type-glint!important;animation-duration:17s!important;animation-iteration-count:infinite!important;animation-direction:normal!important;animation-play-state:paused!important}body .type-glint.glint-visible{animation-play-state:running!important}body .brand-signature.type-glint{--glint-a:var(--brand-ink);--glint-b:var(--brand-ink);--glint-c:var(--brand-ink)}.studio-playground .type-glint,.sales-faq .type-glint,.under-hood .type-glint,.social-poll .type-glint{--glint-a:#6957aa;--glint-b:#9c487b;--glint-c:#a55431}}
body.reduced .type-glint{animation:none!important;background-image:none!important;color:var(--brand-ink,var(--glint-a,#c59dd6))!important;-webkit-text-fill-color:currentColor!important}
@media(prefers-reduced-motion:reduce){body .type-glint{animation:none!important;background-image:none!important;color:var(--brand-ink,var(--glint-a,#c59dd6))!important;-webkit-text-fill-color:currentColor!important}}
/* A deliberately framed screening room: the poster never bleeds behind the film. */
.hero{background:radial-gradient(ellipse at 76% 46%,#482b3b80 0%,transparent 52%),radial-gradient(ellipse at 90% 82%,#a3663324,transparent 45%),#100e12}
.hero:before{content:'';position:absolute;inset:95px 0 0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff01 0 1px,transparent 1px 4px);opacity:.6}
.hero .hero-media{top:24%;bottom:auto;aspect-ratio:16/9;overflow:visible;border-radius:3px;background:#100e12;box-shadow:0 35px 90px #0009,0 0 70px #bb749517;border-color:#c6a6b64a}
.hero .hero-media #hero-image{display:none}.hero .hero-media #hero-film{display:block;position:absolute;inset:0;object-fit:contain;background:#100e12;border-radius:3px}
.hero .hero-media:before{content:'AFTERHOURS PICTURES / THE STUDIO FILM';position:absolute;left:0;top:-27px;color:#c8b2c4;font:8px Manrope,sans-serif;letter-spacing:.2em}
.hero .hero-media:after{content:'BRANDS WITH A PULSE. SYSTEMS WITH A PURPOSE.';position:absolute;left:0;right:0;bottom:-32px;border-top:1px solid #b298ae33;padding-top:13px;color:#aa91a3;font:8px Manrope,sans-serif;letter-spacing:.16em}
.hero .hero-hotspot{bottom:125px}.project-card[data-project="0"] h3,#project-dialog:has(#project-title[data-brand-identity="0"]) #project-title{font-weight:400!important;letter-spacing:.035em!important;line-height:1.04;text-shadow:0 3px 3px #160600,0 0 22px #000;background-color:#17090766;border-radius:4px;padding:5px 9px}.project-card[data-project="0"] .card-bottom{background:linear-gradient(transparent,#140906db);padding-top:50px}
.brand-signature[data-brand-identity="2"]{text-shadow:1px 1px #6b1024,2px 2px #6b1024,3px 3px #3a0711,0 0 7px #ff476b,0 0 24px #f72458,0 0 44px #ff174e66}
@media(min-width:801px) and (max-width:1100px){.hero .hero-title{width:29%}.hero h1{font-size:clamp(54px,6.1vw,68px)}}
@media(max-width:800px){.hero .hero-media{top:160px;left:5%;right:5%;aspect-ratio:16/9}.hero .hero-title{padding-top:calc(160px + 50.625vw + 65px)}.hero .hero-media:before{font-size:7px;letter-spacing:.12em}.hero .hero-media:after{font-size:7px;letter-spacing:.1em}}
/* A short sweep roughly every eight seconds; staggered so the page doesn't flash in unison. */
body .type-glint{animation-duration:8s!important}