@import url('./start-action.css?v=1');
#gantua-full-story .film-scenes::before,#gantua-full-story .scene::before{content:none}
#gantua-full-story .film-scenes{position:relative}
.opening-route{position:absolute;left:0;top:0;width:100%;overflow:visible;pointer-events:none;z-index:6}
.navigation-surface{position:fixed;inset:0 0 auto;height:0;background:#fff;pointer-events:none;z-index:5}
body:has(.navigation-surface) .return-handoff{z-index:6}
#gantua-full-story.motion .scene .film-copy{opacity:1;transform:none;transition:none}
/* A protected gutter precedes navigation, type and photography alike. */
#gantua-site-wireframe>.nav{padding:24px 4.3vw 24px 7.2vw;border-bottom:0}
#gantua-site-wireframe .hero{max-width:none;margin:0;padding:36px 4.3vw 24px 12.8vw}
#gantua-site-wireframe .hero h1{font-size:clamp(38px,3.7vw,60px);line-height:1.14;width:min(720px,62vw);max-width:100%;margin:0;letter-spacing:-.025em;text-wrap:pretty}
#gantua-site-wireframe #gantua-full-story{max-width:none;padding-top:0}
#gantua-full-story .film-scenes{padding:0 4.3vw 0 calc(5.3vw + 32px)}
#gantua-full-story .scene{margin:0 0 144px}
#gantua-full-story .scene .frame{display:flex;flex-direction:column;gap:28px;max-width:1040px;margin:0}
#gantua-full-story .scene .frame img{width:100%;height:auto}
#gantua-full-story .scene .film-copy{margin:0;max-width:32ch;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
#gantua-full-story .story-introduction{margin:0 0 28px;font:400 clamp(28px,3vw,42px)/1.2 var(--site-serif,'Bodoni Moda'),serif;letter-spacing:-.02em}
/* One quiet opening viewport; the photograph begins beyond its lower edge. */
#gantua-site-wireframe .funnel-orientation{margin:0;padding:24px 4.3vw 64px 12.8vw;max-width:940px;box-sizing:border-box;font:var(--site-body-weight,400) clamp(19px,2vw,26px)/1.5 var(--site-sans,'General Sans'),sans-serif;text-wrap:pretty}
#gantua-site-wireframe>.nav{min-height:92px;position:sticky;top:0;z-index:5;background:#fff}
#gantua-site-wireframe>.nav :is(a,button){opacity:var(--opening-entry,0);visibility:hidden}
.opening-started #gantua-site-wireframe>.nav :is(a,button){visibility:visible}
#gantua-site-wireframe .footer #motion{font:400 13px/1.4 var(--site-sans,'General Sans'),sans-serif;padding:6px 0;border:0;background:transparent;color:inherit;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#gantua-site-wireframe .footer #motion:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#gantua-site-wireframe .page-continuation footer.footer{display:block;padding:72px 7.2vw 28px;background:var(--brand-ink);color:var(--brand-on-action)}
#gantua-site-wireframe .footer .footer-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:64px;padding-bottom:64px}
#gantua-site-wireframe .footer .footer-statement{max-width:24ch;margin:28px 0 0;font:400 clamp(30px,3.2vw,46px)/1.18 var(--site-serif,'Bodoni Moda'),serif;letter-spacing:-.02em;text-wrap:pretty}
#gantua-site-wireframe .footer .footer-contact{align-self:end;padding-bottom:4px}
#gantua-site-wireframe .footer .footer-label{margin:0 0 12px;font:400 13px/1.5 var(--site-sans),sans-serif;color:#c5c2ba}
#gantua-site-wireframe .footer .footer-contact a{display:inline-flex;align-items:center;min-height:44px;font:400 clamp(18px,2vw,24px)/1.4 var(--site-sans),sans-serif;text-underline-offset:6px;overflow-wrap:anywhere}
#gantua-site-wireframe .footer .footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-top:1px solid #ffffff30;padding-top:20px}
#gantua-site-wireframe .footer .footer-copyright{margin:0;padding:13px 0;font:400 12px/1.5 var(--site-sans),sans-serif;color:#c5c2ba}
#gantua-site-wireframe .footer .footer-links{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px 28px;flex-wrap:wrap;font:400 13px/1.4 var(--site-sans,'General Sans'),sans-serif}
#gantua-site-wireframe .footer a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:760px){
 #gantua-site-wireframe .page-continuation footer.footer{padding:48px 24px 24px}
 #gantua-site-wireframe .footer .footer-main{grid-template-columns:1fr;gap:36px;padding-bottom:36px}
 #gantua-site-wireframe .footer .footer-bottom{flex-direction:column;gap:8px}
 #gantua-site-wireframe .footer .footer-links{justify-content:flex-start;gap:8px 24px}
}
#gantua-site-wireframe .footer .footer-links a{min-height:44px;display:inline-flex;align-items:center}
#gantua-site-wireframe .footer .footer-accessibility{position:relative;margin:0;padding:0;border:0}
#gantua-site-wireframe .footer .footer-accessibility summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0;list-style:none;cursor:pointer;color:inherit;font:400 13px/1.4 var(--site-sans,'General Sans'),sans-serif;text-decoration:underline;text-underline-offset:4px}
#gantua-site-wireframe .footer .footer-accessibility summary::-webkit-details-marker{display:none}
#gantua-site-wireframe .footer .footer-accessibility summary::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform 160ms ease}
#gantua-site-wireframe .footer .footer-accessibility[open] summary::after{transform:rotate(225deg)}
#gantua-site-wireframe .footer .footer-accessibility summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#gantua-site-wireframe .footer .footer-accessibility-panel{padding:4px 0 0;text-align:right;color:inherit}
#gantua-site-wireframe .hero{min-height:calc(100svh - 108px);display:flex;align-items:center;padding-top:0;padding-bottom:12svh;box-sizing:border-box}
#gantua-site-wireframe .hero h1{font-size:clamp(38px,4.2vw,64px);width:min(820px,73vw);line-height:1.16;text-wrap:balance}
#gantua-full-story .scene:first-child .frame{opacity:var(--opening-entry,1)}
.journey-skip{position:fixed;top:12px;left:20px;z-index:20;padding:12px 18px;background:white;color:#212225;transform:translateY(-200%)}
.journey-skip:focus{transform:none}
.journey-reduced .opening-route,.journey-reduced .return-handoff{display:none}
.journey-reduced #gantua-full-story .scene:first-child .frame{opacity:1}
/* A single opening cue; ordinary scrolling reveals the already-visible explainer. */
.opening-scroll-cue{--cue-travel:5px;--cue-duration:1600ms;position:fixed;left:calc(50% - 24px);bottom:max(24px,env(safe-area-inset-bottom));width:48px;height:48px;display:grid;place-items:center;color:#212225;z-index:4;border:0;text-decoration:none}
.opening-scroll-cue svg{width:24px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:opening-scroll-nudge var(--cue-duration) ease-in-out infinite}
.opening-scroll-cue:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.opening-started .opening-scroll-cue{visibility:hidden;pointer-events:none}
.journey-reduced .opening-scroll-cue svg{animation:none}
@keyframes opening-scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--cue-travel))}}
@media(prefers-reduced-motion:reduce){.opening-scroll-cue svg{animation:none}}
@media(max-width:760px){
 #gantua-site-wireframe .funnel-orientation{padding:24px 20px 48px 56px;font-size:19px}
 #gantua-site-wireframe>.nav{padding-left:56px;padding-right:20px}
 #gantua-site-wireframe>.nav .gantua-wordmark{flex-basis:100%}
 #gantua-site-wireframe>.nav{gap:8px 16px}
 #gantua-site-wireframe>.nav a{font-size:13px}
 #gantua-site-wireframe .hero{padding:28px 20px 32px 56px}
 #gantua-site-wireframe .hero h1{font-size:clamp(29px,5.4vw,40px);line-height:1.17;width:auto;max-width:25ch;text-wrap:pretty}
 #gantua-site-wireframe>.nav{min-height:152px}
 #gantua-site-wireframe .hero{min-height:calc(100svh - 168px);padding-top:0;padding-bottom:12svh}
 #gantua-site-wireframe .hero h1{font-size:clamp(32px,6.8vw,46px);max-width:20ch;text-wrap:balance}
 #gantua-full-story .film-scenes{padding-left:56px;padding-right:20px}
 #gantua-full-story .scene{margin-bottom:80px}
 #gantua-full-story .scene .frame{display:flex;flex-direction:column;gap:24px}
 #gantua-full-story .scene .film-copy,#gantua-full-story .scene:nth-child(3) .film-copy{margin:0;font-size:clamp(25px,4.8vw,34px);max-width:24ch;align-self:start}
}