/* Approved glossy globe, with the existing spacing grid unchanged. */
.top-word{font-size:13.485vw;top:10%}.bottom-word{font-size:11.904vw;bottom:7%}
.continuous-story .hero-word{z-index:1}
.footer-blocks{margin-bottom:-1px}.footer-block-fill{bottom:-1px}
.ff-privacy{font-size:11px;line-height:1.8}.form-privacy{font-size:12px;line-height:1.9;margin-top:22px;color:var(--muted)}.form-privacy a{text-decoration:underline;text-underline-offset:4px}
.compact-story .continuous-story .scroll-scene{height:290svh}
.compact-story .scene-sticky{min-height:0;height:100svh}
.compact-story .reading-purpose{position:relative;inset:auto;transform:none;opacity:1;min-height:0;background:var(--accent);padding:var(--section-space) var(--page-gutter);pointer-events:auto}
.compact-story .reading-boundary{height:calc(300vw / 14);position:relative;display:flex;background:var(--paper);isolation:isolate}
.compact-story .reading-boundary>span{width:calc(100% / 14 + .3px);height:calc(var(--rows)*100vw / 14);background:var(--accent);flex-shrink:0}
.compact-story .reading-bridge{position:absolute;inset:0;top:0!important;height:100%;background:none;transform:none;opacity:1;z-index:2;display:grid;place-items:center}
.compact-story .reading-bridge .bridge-track{height:clamp(130px,20vw,220px);width:2px;background:#34565d}
.compact-story .reading-business{position:relative;inset:auto;height:270svh;visibility:visible!important;overflow:visible;background:var(--paper);padding:0}
.compact-story .reading-business .thought-flow{position:sticky;top:0;min-height:0;height:100svh;transform:none;padding:var(--chapter-space) var(--page-gutter);justify-content:center;gap:24px}
.compact-story .reading-business .business-heading{display:none}
.compact-story .reading-business .business-grid{min-height:0}
.compact-story .company-home{height:auto;padding:0}
.compact-story .company-sticky{position:relative;height:auto;min-height:0}
.compact-story .company-panel{position:relative;inset:auto;padding:var(--section-space) var(--page-gutter);min-height:0}
.compact-story .company-light{position:absolute;inset:0;height:100%}
.compact-story .company-title{align-self:start}
@media(max-width:800px){
 .top-word{font-size:20.46vw;top:108px}.bottom-word{font-size:13.206vw;bottom:64px}
 .hero,.shared-art{height:780px;min-height:780px;max-height:none}.shared-art{margin-bottom:-780px}
 .hero-copy{top:500px}.hero-copy p{font-size:26px}.hero-copy small{display:block;max-width:90%;line-height:1.8;font-size:11px}.motion-meta{top:448px}
 .hero-index{display:none}.hero-scroll{bottom:24px}
 .compact-story .continuous-story .scroll-scene{height:250svh}
 .compact-story .reading-purpose{padding-top:56px;padding-bottom:44px}
 .compact-story .reading-purpose .chapter-scroll{display:none}
 .compact-story .reading-boundary{height:calc(300vw / 8)}
 .compact-story .reading-boundary>span{width:calc(100% / 8 + .3px);height:calc(var(--rows)*100vw / 8)}
 .compact-story .reading-bridge .bridge-track{height:130px}
 .compact-story .reading-business{height:270svh}
 .compact-story .reading-business .thought-flow{height:100svh;min-height:580px;padding:32px var(--page-gutter);gap:18px}
 html .business-grid{grid-template-columns:minmax(0,1fr);border:0}
 html .business-index{grid-row:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 14px;border:0}
 html .business-index>span{font-size:30px}html .business-index small{margin:0;font-size:8px;text-align:right}html .business-index a{display:none}
 html .brand-stage{border:0;min-height:0;height:clamp(200px,30svh,260px);padding:18px 22px}
 html .brand-logo{width:80%;max-width:270px}html .brand-service{width:auto;max-width:68%;height:58%}html .brand-service img{height:100%;width:auto;max-width:100%;object-fit:contain}
 html .brand-description{border:0;padding:20px 0 0;min-height:160px}html .brand-description h3{font-size:21px}html .business-chapter .brand-description p{font-size:12px;line-height:1.85;margin:12px 0}html .brand-description .text-link{font-size:12px;padding-top:10px;margin-top:auto}
 .compact-story .company-panel{padding-top:56px;padding-bottom:56px}.compact-story .company-inner{gap:28px}
 body footer.filer-footer{padding:32px var(--page-gutter) 24px}.filer-footer .ff-footer-main{gap:24px}.filer-footer .ff-identity img{width:158px}.filer-footer .ff-identity p,.filer-footer .ff-socials,.__unused_footer_selector{display:none}
 .filer-footer .ff-navigation{gap:4px 20px}.filer-footer .ff-group h2 a{padding:10px 0;font-size:13px}.filer-footer .ff-colophon{margin-top:20px;padding-top:16px;flex-wrap:wrap;gap:14px}.filer-footer .ff-top{display:none}.filer-footer .ff-privacy{font-size:10px}
 .footer-blocks{height:calc(200vw / 9)}
}
@media(prefers-reduced-motion:reduce){.compact-story .continuous-story .scroll-scene{height:auto}.compact-story .reading-business{height:auto}.compact-story .reading-business .thought-flow{height:auto;min-height:0;position:relative}.compact-story .company-light{display:none}}

.compact-story .reading-business{align-content:normal}
.compact-story .reading-boundary>span{flex:1;min-width:0;width:auto;box-shadow:.5px 0 var(--accent)}
@media(max-width:800px){.hero-copy{width:calc(100% - 48px)}.hero-copy small{max-width:100%}}

@media(prefers-reduced-motion:reduce){.compact-story .scene-sticky{height:auto;min-height:0}.compact-story .company-panel{background:var(--paper);color:var(--ink);--muted:#526c75}.compact-story .business-slide{visibility:visible!important;display:grid!important}}

/* Responsive motion correction: keep the next chapter moving into the filled scene. */
.compact-story .reading-purpose{margin-top:-85svh;z-index:4}
.compact-story .reading-boundary{z-index:4;overflow:hidden}
.compact-story .reading-business .business-slide{background:transparent}
.compact-story .reading-business .brand-description{background:var(--paper)}
.compact-story .reading-business{height:330svh}
@media(max-width:800px){
 .compact-story .reading-business .thought-flow{padding:24px var(--page-gutter);gap:16px;min-height:560px}
 html .brand-stage{height:clamp(190px,28svh,235px)}
 html .brand-description{padding-top:18px;min-height:155px}
 html .brand-description h3{font-size:22px;line-height:1.5}
 .filer-footer .ff-footer-main{gap:22px}
 .filer-footer .ff-navigation{grid-template-columns:1fr 1fr;gap:0 20px}
 .filer-footer .ff-nav-controls{display:flex;grid-column:1/-1;margin-top:16px;padding-top:16px}
 .filer-footer .ff-expand{width:100%;justify-content:space-between;font-size:12px}
 .filer-footer .ff-more{display:grid}
 .filer-footer .ff-group:nth-child(2),.filer-footer .ff-group:nth-child(3){display:none}
 .filer-footer .expanded .ff-group:nth-child(2),.filer-footer .expanded .ff-group:nth-child(3){display:block}
 .filer-footer .ff-group:nth-child(4){grid-column:2;grid-row:1}
 .filer-footer .ff-group h2 a{font-size:13px;padding:8px 0}
 .footer-blocks{height:calc(300vw / 9)}
}
@media(prefers-reduced-motion:reduce){.compact-story .reading-purpose{margin-top:0}.compact-story .reading-business{height:auto}.compact-story .reading-business .business-slide{background:var(--paper)}}

.compact-story .reading-business .brand-description,.compact-story .reading-business .business-index{transition:none!important}

/* Match the desktop pinned entrance, hold, square wipe and release. */
@media(max-width:1440px) and (prefers-reduced-motion:no-preference){
 .scene-sticky{height:100svh;min-height:0}
 .business-chapter .thought-flow{height:100svh;min-height:0;padding:32px var(--page-gutter);justify-content:center;gap:20px}
 .business-heading{display:none}
 .business-slide{background:transparent}
 .brand-description{background:var(--paper);transition:none!important}
 .company-home{width:100%;max-width:none;margin:0;height:240svh;padding:0}
 .company-sticky{width:100%;height:100svh;min-height:0;position:sticky;top:0}
 .company-panel{padding:40px var(--page-gutter);height:100%;min-height:0}
 .company-inner{max-width:none;width:100%}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
 .company-inner{gap:22px}
 .company-title .eyebrow{margin-bottom:12px}
 .company-title h2{font-size:28px;margin-bottom:6px}
 .company-home-links .company-link{padding-top:13px;padding-bottom:13px}
 .company-home-links .company-link>small{margin-bottom:8px}
 .company-home-links .company-link>span{font-size:22px}
 .company-home-links .company-link p{margin-top:8px;font-size:11px}
 .company-home-links .company-contact:last-child{padding:16px;margin-top:8px}
 .mint-chapter{padding:40px var(--page-gutter)}
 .mint-chapter>.eyebrow{margin-bottom:22px}
 .mint-chapter .chapter-scroll{display:none}
 .business-chapter .thought-flow{padding:24px var(--page-gutter);gap:16px}
}

/* Safari toolbars can retract: fill the current visible viewport, not its small state. */
@media(max-width:1440px) and (prefers-reduced-motion:no-preference){
 .scene-sticky,.company-sticky,.business-chapter .thought-flow{height:100dvh}
}

/* Use the same seventeen-column footer motif on every screen. */
@media(max-width:800px){.footer-blocks{height:calc(300vw / 17 + 16px)}}

/* Match the eight-column square grid used by the mobile section wipes. */
@media(max-width:800px){.footer-blocks{height:calc(300vw / 8)}}