/* Apple Design review translated to the existing creature-studio identity. */
:root{--action:#c8b89d;--action-hover:#e1d5c2;--action-ink:#18232a;--focus:#d8c7a8}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--focus)}
#open-film>span:first-child,.world-links .arrow-icon{color:var(--action-hover)}
.button,.button.brass,.header-cta,.hero-actions>.button,.project-button,.privacy-notice__accept{background:var(--action);color:var(--action-ink)!important;border-color:var(--action);border-radius:2px;min-height:52px;font-size:16px;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s}
.button:hover,.button.brass:hover,.header-cta:hover,.hero-actions>.button:hover,.project-button:hover,.privacy-notice__accept:hover{background:var(--action-hover);border-color:var(--action-hover);color:var(--action-ink)!important}
.button:active,.header-cta:active,.project-button:active,.privacy-notice__accept:active{background:#b4a182;border-color:#b4a182;box-shadow:inset 0 2px 0 #18232a33}
.button:disabled,.project-button:disabled,.privacy-notice__accept:disabled{background:#b7bab8;color:#303a3d!important;border-color:#b7bab8;cursor:wait;box-shadow:none}
.button:focus-visible,.header-cta:focus-visible,.project-button:focus-visible,.privacy-notice__accept:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.header-cta{min-height:44px;font-size:15px}
.cinematic-header nav>a,.cinematic-header .world-trigger,.studio-menu summary{font-size:14px}
.cinematic-header nav>a[aria-current="page"],.studio-menu summary[data-current]{text-decoration:underline;text-decoration-color:var(--action);text-underline-offset:10px;text-decoration-thickness:2px}
.studio-menu div a{font-size:14px}
.text-link,.project-link,.read-story,.archive-link,.craft-detail a{font-size:16px}
.project-link{color:var(--action-hover)}
.project-tile-copy>p:first-child,.project-heading>p:first-child{color:var(--action)}
.journal-cover img[src*="c0d39c_f15dd"],.journal-collection img[src*="c0d39c_f15dd"]{object-fit:contain;background:#111a20}
.journal-collection .read-story{color:var(--action-hover)}
.journal-collection a:hover h2{color:var(--action-hover)}
.journal-categories a{min-height:44px;display:inline-flex;align-items:center;font-size:15px}
.new-footer .footer-legal{font-size:14px;line-height:1.6}
.new-footer .footer-legal a{display:inline-flex;align-items:center;min-height:32px}
.new-footer a[aria-current="page"]{color:var(--action-hover);text-decoration-color:var(--action-hover)}
.home-page .new-footer{padding-top:38px}
.motion-toggle,#motion-toggle,.logo-pause,#logo-pause,.hero-bottom>a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1100px){.cinematic-header nav{gap:15px}}
@media(max-width:1000px){
 .cinematic-header .menu-button{display:block;min-height:44px;min-width:50px;font-size:14px}
 .cinematic-header nav{display:none;position:absolute;top:var(--fixed-header-height);left:0;right:0;background:#101c25;padding:16px 6%;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - var(--fixed-header-height));overflow-y:auto}
 .cinematic-header nav.open{display:flex}
 .cinematic-header nav>a,.cinematic-header .world-trigger,.studio-menu summary{font-size:17px;text-align:left;padding:15px 0;min-height:48px;border-bottom:1px solid #ffffff25}
 .cinematic-header .nav-divider{display:none}
}
@media(max-width:800px){
 .header.cinematic-header{padding-inline:10px;gap:8px}
 .header.cinematic-header .brand{width:108px}
 .header.cinematic-header .brand-main{font-size:31px;letter-spacing:6px;padding-left:6px}
 .header.cinematic-header .brand-sub{font-size:12px;letter-spacing:2px}
 .header.cinematic-header .header-cta{font-size:14px;min-height:44px;padding:10px;white-space:nowrap;flex-shrink:0}
 .header.cinematic-header .menu-button{font-size:14px;min-height:44px;min-width:50px;padding:10px 4px;white-space:nowrap;flex-shrink:0}
 .new-footer .footer-directory a:not(.brand),.new-footer .footer-legal a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
 .new-footer .social-row{gap:18px;flex-wrap:wrap}
 .new-footer .footer-legal>div{gap:12px;flex-wrap:wrap}
 .button,.project-button,.privacy-notice__accept{font-size:16px}
 .motion-toggle,#motion-toggle,.logo-pause,#logo-pause,.hero-bottom>a{font-size:14px}
}
@media(prefers-reduced-transparency:reduce){.header.cinematic-header,.world-menu{background:#101c25;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.button,.header-cta,.project-button,.privacy-notice__accept{transition:none}}
@media(forced-colors:active){.button,.header-cta,.project-button,.privacy-notice__accept{border:1px solid ButtonText}.cinematic-header nav>a[aria-current="page"]{text-decoration-color:LinkText}}
/* Show the optimized first frame without waiting for the hero video or form bundle. */
.hero-image .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.5) brightness(.7)}
.hero-image:has(.hero-poster) video{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.hero-image.hero-video-ready video{opacity:1}
.enquiry-details .enquiry-brief{font-size:16px;line-height:1.7;color:#bccdd4;max-width:48ch}
.project-context{max-width:820px;margin:72px 0 30px}.project-context h2{font-size:clamp(26px,3vw,38px);font-weight:400}.project-context p{font-size:18px;line-height:1.75;color:#bccdd4}
.journal-context{max-width:820px;margin:72px 0 30px}.journal-context h2{font-size:clamp(26px,3vw,38px);font-weight:400}.journal-context p{font-size:18px;line-height:1.75;color:#bccdd4}.journal-context a{text-decoration:underline;text-underline-offset:4px}