.header{gap:18px}.brand{width:215px;flex-basis:215px;padding:0 18px 0 0;height:76%;display:flex;align-items:center}.brand:after{right:0}.header-horizontal-logo{width:100%;height:100%;object-fit:contain;object-position:left center;opacity:var(--wordmark-opacity,1)}.nav{margin-left:20px;gap:24px;margin-right:auto;font-size:10px}.header-utilities{display:flex;gap:18px;align-items:center;flex-shrink:0}.language-switch{display:flex;gap:5px;align-items:center;font-size:9px;color:#a99b87}.language-switch button{border:0;padding:5px 2px;background:none;color:#a99b87;font-size:10px}.language-switch button[aria-pressed="true"]{color:#f1d4a5;border-bottom:1px solid #cba26b}.login-trigger{background:none;border:1px solid #cba26b50;color:#d9b982;padding:8px 12px;font-size:11px}.login-trigger:hover{background:#cba26b18}.site-credit{position:fixed;right:16px;bottom:10px;font-size:9px;letter-spacing:.06em;color:#c2ad8c;z-index:76;text-shadow:0 1px 4px #000}.site-credit strong{color:#e2c394}.footer-credit{display:inline-block;margin-top:8px;color:#d1ab6c}.hero-emblem.flying-logo{max-height:none;width:19vw;height:auto;left:15%;top:11%;object-fit:contain}.opening-environment{position:absolute;inset:0;opacity:1}.opening-environment img{width:100%;height:100%;object-fit:cover;filter:blur(1px) brightness(.87)}.scene-layer{background:#0c1011}.project-backdrop-blank{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 38%,color-mix(in srgb,var(--scene-color) 32%,#111617),#080b0c 80%)}.project-backdrop-blank:before{content:'';position:absolute;inset:16% 7% 12% 49%;border:1px solid #d1ab6c16}.backdrop-project{position:absolute;right:6%;top:18%;font-size:clamp(20px,3vw,50px);color:#d1ab6c18;letter-spacing:-.03em}.backdrop-status{position:absolute;right:7%;top:calc(var(--header) + 24px);font-size:8px;letter-spacing:.13em;color:#b6a38b80}.scene-layer.awaiting-media img{display:none}.login-panel{max-width:650px;margin:auto;padding:50px 30px}.login-panel h2{font-size:45px;margin:25px 0}.login-panel p{color:var(--muted);font-size:14px}.login-pending{padding:25px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:#cfb991}
@media(max-width:1200px) and (min-width:768px){.brand{width:180px;flex-basis:180px}.header{gap:10px}.nav{margin-left:10px;gap:17px;font-size:9px}.header-utilities{gap:10px}.login-trigger{font-size:10px;padding:7px 9px}}
@media(max-width:1000px){.nav{display:none;position:absolute;top:var(--header);left:0;right:0;background:#080a0df5;padding:26px 7%;flex-direction:column;align-items:stretch;margin:0;gap:22px;font-size:12px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block;order:3;margin:0}.header-utilities{margin-left:auto}.brand{width:200px;flex-basis:200px}}
@media(max-width:767px){.header{padding:0 4%;gap:10px}.brand{width:155px;flex-basis:155px;padding:0;height:65%}.header-horizontal-logo{width:100%;height:100%}.header-utilities{gap:10px}.language-switch{gap:3px}.language-switch button{font-size:9px}.login-trigger{font-size:10px;padding:7px 8px}.menu-toggle{font-size:21px}.hero-emblem.flying-logo{width:35vw;left:13%;top:12%}.opening-environment img{object-position:58% center}.backdrop-status{font-size:6px;max-width:70%;text-align:right}.backdrop-project{display:none}.site-credit{font-size:7px;right:10px;bottom:7px}.login-panel{padding:25px 8px}.login-panel h2{font-size:35px}}
@media(max-width:360px){.brand{width:130px;flex-basis:130px}.header-utilities{gap:6px}.header{gap:7px}}

@media(min-width:1001px){.brand{height:100%}.header-horizontal-logo{height:100%;width:100%}}

.intro-film{position:absolute;inset:0;z-index:-2;isolation:isolate;background:#050607;will-change:opacity}.intro-video,.intro-last-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.intro-video[hidden],.intro-last-frame[hidden]{display:none}.intro-play-retry{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);border:1px solid #cba26b77;padding:10px 17px;background:#080a0de0;color:#d1ab6c;z-index:5}.intro-play-retry[hidden]{display:none}.story-stage .intro-control{z-index:8}.story-stage .portrait{z-index:-2}.stage-shade{pointer-events:none}.intro-film .intro-play-retry{pointer-events:auto}
@media(max-width:767px){.intro-video,.intro-last-frame{object-position:65% center}.intro-play-retry{bottom:13%;font-size:10px}}

.hero-emblem.flying-logo{width:auto;height:19svh;max-width:24vw;object-fit:contain}
@media(max-width:767px){.hero-emblem.flying-logo{height:13svh;width:auto;max-width:40vw}.intro-video,.intro-last-frame{top:auto;bottom:0;height:52svh;object-fit:cover;object-position:65% center}.intro-film{background:linear-gradient(180deg,#080a0d,#19120d 60%,#080a0d)}}

/* Supplied simplified emblem + readable horizontal wordmark. */
.header .brand{gap:8px;min-width:0}.header-simple-logo{width:60px;height:60px;object-fit:cover;flex:none}.header-wordmark{display:flex;flex-direction:column;white-space:nowrap;gap:4px}.header-wordmark strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.1;letter-spacing:0;color:#e3bf7c;font-weight:700}.header-wordmark small{font-size:8px;line-height:1.2;letter-spacing:.035em;color:#d1ab6c}.transition-film{pointer-events:none}.transition-video,.transition-last-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.transition-video[hidden],.transition-last-frame[hidden],.transition-film[hidden]{display:none}
@media(min-width:1001px){.header .brand{width:232px;flex-basis:232px}.nav{margin-left:10px;gap:20px}}
@media(min-width:1001px) and (max-width:1200px){.header .brand{width:218px;flex-basis:218px}.nav{gap:14px;margin-left:0}.header-wordmark strong{font-size:18px}.header-simple-logo{width:54px;height:54px}}
@media(max-width:767px){.header .brand{width:175px;flex-basis:175px;gap:5px;height:100%}.header-simple-logo{width:42px;height:42px}.header-wordmark strong{font-size:16px}.header-wordmark small{font-size:6px;letter-spacing:0}.header-wordmark{gap:3px}.transition-video,.transition-last-frame{top:auto;bottom:0;height:52svh;object-position:65% center}}
@media(max-width:360px){.header .brand{width:153px;flex-basis:153px}.header-simple-logo{width:36px;height:36px}.header-wordmark strong{font-size:14px}.header-wordmark small{font-size:5.5px}.header-utilities{gap:4px}}

.header .brand .header-wordmark{display:flex;flex-direction:column;gap:4px;margin:0}.header .brand .header-wordmark strong{font-family:"Be Vietnam Pro",Arial,sans-serif;font-kerning:normal;letter-spacing:0}.header .brand .header-wordmark small{display:block}

/* Scroll owns every sequence frame; canvas keeps the last painted frame while loading. */
.transition-sequence,.sequence-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.transition-sequence:not([data-frame]){visibility:hidden}
@media(max-width:767px){.transition-sequence,.sequence-poster{top:auto;bottom:0;height:52svh;object-position:65% center}}

/* Opaque source swaps: never blend two portraits or project backgrounds. */
.intro-film[hidden],.story-bg[hidden],.story-stage .portrait[hidden],.scene-layer[hidden],.opening-environment[hidden]{display:none!important}.transition-film{pointer-events:auto}.intro-film,.transition-film{transition:none!important;will-change:auto}.scene-layer img{filter:none;opacity:1!important}

/* Supplied logos retain the complete source aspect ratio, including transparent margins. */
.hero-emblem.flying-logo{height:21svh;width:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain}.header-simple-logo{object-fit:contain;aspect-ratio:auto}.story-copy{transition:none!important}
@media(max-width:767px){.hero-emblem.flying-logo{height:14svh;width:auto;max-width:none}}

.hero-emblem.flying-logo{pointer-events:auto;cursor:pointer}.hero-emblem.flying-logo:focus-visible{outline:1px solid #d1ab6c;outline-offset:5px}

.third-video,.third-last-frame,.third-wait-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.third-video[hidden],.third-last-frame[hidden],.third-wait-poster[hidden]{display:none}.third-film{pointer-events:auto}
@media(max-width:767px){.third-video,.third-last-frame,.third-wait-poster{top:auto;bottom:0;height:52svh;object-position:65% center}}

.reverse-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.reverse-film{pointer-events:auto}
@media(max-width:767px){.reverse-film video{top:auto;bottom:0;height:52svh;object-position:65% center}}

.mobile-scene-blur{display:none}
@media(max-width:767px){.mobile-scene-blur{display:block;position:absolute;inset:-30px;z-index:-3;background-size:cover;background-position:center;filter:blur(28px) brightness(.38);transform:scale(1.12);pointer-events:none}.story-stage .intro-film{background:transparent!important}.header .brand{width:170px;flex-basis:170px;padding:0;gap:0}.header .brand .header-simple-logo{content:url('/assets/logo-main-supplied-v2.png');width:165px;height:88px;object-fit:contain}.header .brand .header-wordmark{display:none}.hero-emblem.flying-logo{height:19svh;max-width:70vw;width:auto}.story-stage .stage-shade{background:linear-gradient(180deg,#03050824,#03050810 48%,#03050830)}}

@media(max-width:767px){:root{--header:96px}.header{height:96px;min-height:96px;max-height:96px}.nav{top:96px}.mobile-scene-blur{filter:blur(24px) brightness(.62);background-size:100% 100%}.header .brand .header-simple-logo{height:92px}}