@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f1eee7;background:#171a19;font-synthesis:none;--paper:#f1eee7;--ink:#171a19;--gold:#c9ab79;--edge:clamp(24px,5vw,88px)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}a:hover{opacity:.78}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-weight:450;letter-spacing:-.065em;line-height:1.02}p{line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:-100px;left:24px;background:var(--paper);color:var(--ink);z-index:100;padding:12px}.skip-link:focus{top:12px}.site-header{position:absolute;top:0;left:0;right:0;height:100px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;z-index:30;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-.055em}.brand img{width:34px;height:34px}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px);font-size:13px}.nav-button{border:1px solid #8d91864d;padding:12px 17px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:16px 25px;background:var(--paper);color:var(--ink);font-size:14px;border:1px solid #c3bda93b;white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}.opening{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px var(--edge);isolation:isolate;background:radial-gradient(ellipse at 30% 85%,#3b382920,transparent 60%)}.hero-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(25px,4vw,64px);width:min(1100px,90vw);will-change:transform}.hero-mark{width:clamp(86px,14vw,205px);flex-shrink:0}.hero-lockup h1{width:100%;line-height:0}.hero-word{width:100%;will-change:transform,opacity}.opening-actions{margin-top:52px;display:flex;align-items:center;gap:38px}.direct-links{display:flex;gap:25px;font-size:13px;color:#b9bdb3}.scroll-cue{position:absolute;bottom:46px;left:var(--edge);display:flex;align-items:center;gap:15px;font-size:11px;color:#acb1a7}.scroll-cue span{font-size:28px;font-weight:400}.opening-index{position:absolute;bottom:50px;right:var(--edge);font-size:9px;letter-spacing:.19em;color:#949a8e}#folio-canvas{display:none}.scene-background{display:none}.chapter{position:relative;min-height:100svh;overflow:hidden;background:#141b19;display:flex;align-items:flex-end;padding:var(--edge);isolation:isolate}.chapter-art{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.chapter:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d1418ed,transparent 90%)}.chapter.light{background:#e7dfd0;color:var(--ink)}.chapter.light:after{background:linear-gradient(0deg,#ece5d9eb,transparent 90%)}.chapter-copy{max-width:760px}.chapter h2{font-size:clamp(60px,8vw,128px);margin:16px 0 18px}.chapter-copy>p:not(.eyebrow){font-size:clamp(15px,1.5vw,20px);margin-bottom:25px}.chapter.light .button{background:var(--ink);color:var(--paper)}.studio{position:relative;min-height:100svh;padding:var(--edge);display:flex;align-items:center;background:#20271f;color:var(--paper);overflow:hidden}.studio-copy{width:min(760px,90vw)}.studio h2{font-size:clamp(70px,10vw,155px);margin:27px 0}.studio-lead{font-size:clamp(24px,3vw,43px);letter-spacing:-.035em;margin-bottom:22px}.studio-copy>p:not(.eyebrow):not(.studio-lead){max-width:510px;color:#c2c7bb;font-size:18px}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid #bcc4b066;padding:0 0 10px;margin-top:35px;font-size:14px}.transition-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--gold);left:80%;top:75%}.closing{min-height:65svh;background:var(--paper);color:var(--ink);padding:var(--edge);display:flex;align-items:center}.closing h2{font-size:clamp(55px,8vw,115px);margin:20px 0 35px}.closing .button{background:var(--ink);color:var(--paper)}.chapter-progress{display:none}.site-footer{min-height:200px;background:var(--paper);color:var(--ink);padding:50px var(--edge);display:flex;align-items:flex-start;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #171a191c}.site-footer .brand img{filter:brightness(.12)}.footer-note{flex-basis:100%;font-size:10px;color:#697060;letter-spacing:.04em}.site-header.is-persistent{position:fixed;background:linear-gradient(#171a19dc,transparent);height:86px}.site-header.on-light{color:var(--ink);background:linear-gradient(#f1eee7db,transparent)}.site-header.on-light img{filter:brightness(.12)}
/* Motion is opt-in only after the renderer is ready; the baseline is semantic HTML. */
.motion .experience{position:relative}.motion .stage{height:100svh;min-height:500px;position:relative;overflow:hidden;background:#171a19}.motion #folio-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.motion .scene-background{display:block;position:absolute;inset:0;z-index:0;background:#171a19}.motion .opening{position:absolute;inset:0;z-index:4;min-height:0;background:none}.motion .chapters{position:absolute;inset:0;z-index:5;pointer-events:none}.motion .chapter{position:absolute;inset:0;min-height:0;background:none!important;padding:0;opacity:0;visibility:hidden;pointer-events:none;display:block}.motion .chapter-art,.motion .chapter:after{display:none}.motion .chapter-copy{position:absolute;left:var(--edge);bottom:10%;max-width:80%;will-change:transform,opacity}.motion .chapter-copy:before{content:'';position:absolute;inset:-50px -70px;background:radial-gradient(ellipse,#0c151aad,transparent 70%);z-index:-1}.motion .chapter.light .chapter-copy:before{background:radial-gradient(ellipse,#f1eee7d9,transparent 70%)}.motion .chapter.active{pointer-events:auto}.motion .studio,.motion .closing{position:absolute;inset:0;min-height:0;background:none;z-index:6;opacity:0;visibility:hidden;pointer-events:none}.motion .studio.active,.motion .closing.active{pointer-events:auto}.motion .studio-copy{position:relative;z-index:2;will-change:transform,opacity}.motion .transition-dot{z-index:1;will-change:transform}.motion .closing-copy{position:relative;z-index:3}.motion .chapter-progress{display:flex;position:absolute;right:var(--edge);bottom:45px;z-index:12;align-items:center;gap:8px;opacity:0}.chapter-progress a{height:3px;width:38px;background:#adafa351;display:block;padding:8px 0;background-clip:content-box}.chapter-progress a[aria-current]{background-color:var(--paper)}.motion .chapter h2{font-size:clamp(66px,8vw,130px)}
.catalogue-intro{padding:180px var(--edge) 85px}.catalogue-intro h1{font-size:clamp(75px,10vw,145px);margin:22px 0}.catalogue-intro>p:last-child{font-size:20px;color:#afb5a8}.catalogue-list{padding:0 var(--edge) 80px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.catalogue-product{min-width:0}.catalogue-art{height:clamp(260px,30vw,480px);display:block;overflow:hidden}.catalogue-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.catalogue-art:hover img{transform:scale(1.035)}.catalogue-copy{padding:30px 0 40px}.catalogue-copy h2{font-size:50px;margin:13px 0}.catalogue-copy>p:not(.eyebrow){color:#aeb5a8;margin:15px 0 25px}.catalogue-more{padding:60px var(--edge) 100px;border-top:1px solid #959d842b}.catalogue-more>a{font-size:clamp(26px,4vw,50px);display:flex;justify-content:space-between;margin-top:25px;letter-spacing:-.04em}
@media(max-width:700px){.site-header{height:80px;gap:16px}.site-header nav{gap:18px;font-size:12px}.nav-button{display:none}.brand{font-size:20px}.brand img{width:27px;height:27px}.hero-lockup{flex-direction:column;gap:30px;width:90%;margin-top:-50px}.hero-mark{width:105px}.hero-lockup h1{width:100%}.opening-actions{flex-direction:column;gap:26px;margin-top:38px}.opening-index{display:none}.scroll-cue{bottom:35px}.motion .chapter-copy{left:24px;bottom:12%;max-width:calc(100% - 48px)}.motion .chapter h2{font-size:64px}.chapter-copy>p:not(.eyebrow){font-size:15px;max-width:300px}.studio{padding-top:110px}.studio h2{font-size:70px}.studio-lead{font-size:27px}.studio-copy>p:not(.eyebrow):not(.studio-lead){font-size:16px}.transition-dot{left:85%;top:85%}.chapter-progress{bottom:28px!important}.site-footer{padding:35px 24px;gap:30px}.site-footer nav{width:100%;flex-wrap:wrap;font-size:12px;gap:23px}.catalogue-list{grid-template-columns:1fr;padding-bottom:30px}.catalogue-intro{padding-top:145px}.catalogue-art{height:330px}.catalogue-copy h2{font-size:43px}.site-header.is-persistent{height:76px}.motion .stage{min-height:480px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.direct-links a{min-height:44px;display:inline-flex;align-items:center}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav .nav-button{display:none}}
/* A single persistent space and a tangible spread: content belongs to its pages. */
.book-experience .stage{background:#0b111a}.book-experience .scene-background{background:radial-gradient(ellipse at 17% 35%,#42546e40,transparent 60%),radial-gradient(ellipse at 86% 70%,#493c3c55,transparent 58%),#0b111a}
.book-experience .chapter-copy{bottom:auto!important;padding:0;max-width:none}.book-experience .chapter-copy:before{display:none}.book-experience .chapter h2{font-size:var(--page-title)!important;letter-spacing:-.06em;margin:22px 0 24px}.book-experience .chapter-copy>p:not(.eyebrow){font-size:var(--page-body);line-height:1.65;margin-bottom:30px;max-width:95%}.book-experience .chapter-copy .eyebrow{font-size:clamp(8px,.7vw,10px);letter-spacing:.13em}.book-experience .chapter .button{font-size:var(--page-button);gap:22px;padding:13px 17px;min-height:46px}.book-experience .chapter.dark{color:#f1eee7}.book-experience .chapter.light{color:#171a19}
.studio h2{position:relative}.studio h2 .transition-dot{position:relative;display:inline-block;left:auto;top:auto;width:.13em;height:.13em;margin-left:.02em;vertical-align:.025em;background:#c9ab79;z-index:1}.studio-name{position:relative;z-index:2}
.book-experience .studio{background:none}.book-experience .studio-copy{z-index:6}.book-experience .closing{z-index:9}
@media(max-width:700px){.hero-lockup{flex-direction:row;gap:16px;width:100%}.hero-mark{width:62px}.hero-lockup h1{min-width:0;flex:1}.book-experience .chapter h2{margin:14px 0 18px}.book-experience .chapter-copy>p:not(.eyebrow){margin-bottom:24px}.book-experience .chapter .button{gap:9px;padding:10px 11px;min-height:44px}.book-experience .chapter-copy .eyebrow{font-size:8px;letter-spacing:.07em}}
@media(max-width:400px){.site-header nav{gap:12px}.site-header{padding-left:20px;padding-right:20px}.site-header nav a{min-height:44px;display:flex;align-items:center}.brand{font-size:18px}.brand img{width:25px}}
@media(max-height:500px) and (min-width:600px){.motion .stage{min-height:0}.site-header.is-persistent{height:60px}.motion .opening{padding:80px 35px 40px}.hero-lockup{width:70vw}.hero-mark{width:90px}.opening-actions{margin-top:25px}.scroll-cue{bottom:15px}.opening-index{bottom:24px}.motion .chapter-copy{bottom:9%}.motion .chapter h2{font-size:52px;margin:8px 0}.chapter-copy>p:not(.eyebrow){font-size:14px;margin-bottom:12px}.button{min-height:44px;padding:11px 20px}.studio{padding:80px 35px 20px}.studio h2{font-size:62px;margin:12px 0}.studio-lead{font-size:24px;margin-bottom:10px}.studio-copy>p:not(.eyebrow):not(.studio-lead){font-size:14px}.text-link{margin-top:15px}.closing{padding:80px 35px 25px}.closing h2{font-size:60px;margin:15px 0}}
/* Editorial hierarchy is shared by the physical folio and the accessible fallback. */
.chapter-statement{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.045em;line-height:1.02!important;font-size:clamp(40px,5vw,82px)!important;margin:20px 0 28px!important}
.book-experience .chapter h2{font-size:calc(var(--page-title)*.55)!important;letter-spacing:-.045em;margin:12px 0 28px}
.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.88)!important;color:#e2cfaa;max-width:100%;margin:0 0 24px!important}
.book-experience .chapter.light .chapter-statement{color:#655338}
.book-experience .chapter-copy .chapter-description{max-width:88%;font-size:calc(var(--page-body)*.94);line-height:1.55;margin-bottom:24px}
.book-experience .chapter .button{background:transparent;color:inherit;padding:10px 0;border:0;border-bottom:1px solid #b9aa8d80;min-width:160px;justify-content:space-between;font-size:var(--page-button)}
.book-experience .chapter .button span{border:1px solid #b9aa8d60;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;transition:transform .25s,background .25s}
.book-experience .chapter .button:hover{opacity:1}.book-experience .chapter .button:hover span{transform:translate(2px,-2px);background:#c9ab7920}
.book-experience .site-header.is-persistent{background:linear-gradient(#0a1016a0,transparent)}
@media(max-width:700px){.book-experience .chapter h2{font-size:calc(var(--page-title)*.75)!important;margin:12px 0 24px}.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.90)!important;margin-bottom:20px!important}.book-experience .chapter-copy .chapter-description{font-size:11px;max-width:100%;line-height:1.5;margin-bottom:18px}.book-experience .chapter .button{min-width:0;width:100%;gap:3px;font-size:10px}.book-experience .chapter .button span{width:22px;height:22px;flex-shrink:0}}
@media(max-height:500px) and (min-width:600px){.book-experience .chapter h2{margin:5px 0 12px}.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.72)!important;margin-bottom:10px!important}.book-experience .chapter-copy .chapter-description{font-size:11px;line-height:1.3;margin-bottom:7px}.book-experience .chapter .button{min-height:34px;padding:4px 0}.book-experience .chapter-copy .eyebrow{font-size:7px}}
.book-experience .chapter-copy .chapter-description{font-size:calc(var(--page-body)*.94)!important;line-height:1.55!important;margin-bottom:24px!important;max-width:88%!important}
@media(max-width:700px){.book-experience .chapter-copy .chapter-description{font-size:11px!important;line-height:1.5!important;margin-bottom:18px!important;max-width:100%!important}}
@media(max-height:500px) and (min-width:600px){.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.55)!important;max-width:100%!important}.book-experience .chapter-copy .chapter-description{font-size:11px!important;line-height:1.3!important;margin-bottom:9px!important;max-width:100%!important}}
.studio-index{width:29%;margin-left:auto;position:relative;z-index:7}.studio-index>.eyebrow{color:#baaa8e;margin-bottom:30px}.studio-index>a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bfb69742;padding:24px 0;font-size:clamp(28px,3vw,46px);letter-spacing:-.05em}.studio-index small{display:block;font:9px 'DM Sans',Arial,sans-serif;letter-spacing:.13em;color:#b8bfae;margin-bottom:12px}.studio-index b{font-size:24px;font-weight:400;color:#c9ab79}.studio-index-note{border-top:1px solid #bfb69742;padding-top:20px;font-size:12px;color:#b8bfae}.motion .studio-index{position:absolute;right:5vw;top:35%;width:27%;opacity:0;visibility:hidden}.motion .studio-copy{max-width:61%}.motion .studio h2{font-size:clamp(70px,9.2vw,145px)}
@media(max-width:850px){.motion .studio-index{display:none}.motion .studio-copy{max-width:100%}.studio-index{display:none}}
.book-experience .chapter-copy .chapter-statement{max-width:100%!important}
@media(min-width:701px) and (min-height:501px) and (max-height:700px){.book-experience .chapter h2{margin:10px 0 16px}.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.78)!important;margin-bottom:18px!important}.book-experience .chapter-copy .chapter-description{font-size:13.5px!important;line-height:1.45!important;margin-bottom:16px!important}.book-experience .chapter .button{min-height:40px;padding:6px 0}}
/* Product-led spreads: each product has its own visual identity. */
.book-experience .chapter h2{font-size:calc(var(--page-title)*.90)!important;margin:12px 0 24px;font-weight:550;letter-spacing:-.065em}
.book-experience .chapter-copy .chapter-statement{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:450;font-size:calc(var(--page-title)*.56)!important;line-height:1.15!important;letter-spacing:-.045em;margin-bottom:22px!important}
.book-experience .chapter.light .chapter-statement{color:#405681}.book-experience .chapter.light .eyebrow{color:#405681}
.book-experience .chapter-copy .chapter-description{font-size:calc(var(--page-body)*.85)!important;line-height:1.5!important}
@media(max-width:700px){.book-experience .chapter h2{font-size:calc(var(--page-title)*.95)!important;margin-bottom:22px}.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.72)!important}.book-experience .chapter-copy .chapter-description{font-size:11px!important}}
@media(min-width:701px) and (max-height:700px){.book-experience .chapter h2{font-size:calc(var(--page-title)*.85)!important;margin:8px 0 16px}.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.5)!important;margin-bottom:16px!important}.book-experience .chapter-copy .chapter-description{font-size:12px!important;margin-bottom:14px!important}}
@media(max-height:500px) and (min-width:600px){.book-experience .chapter h2{font-size:calc(var(--page-title)*.65)!important;margin:5px 0 10px}.book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.45)!important;margin-bottom:8px!important}.book-experience .chapter-copy .chapter-description{font-size:10px!important;margin-bottom:8px!important}}
.book-experience #lightwell .chapter-copy{display:flex;flex-direction:column}.book-experience #lightwell h2{color:#fff9ed;flex-shrink:0}.book-experience #lightwell .eyebrow{color:#eee2c7}.book-experience #lightwell .chapter-statement{margin-top:auto!important;color:#fff4d8;font-weight:500}.book-experience #lightwell .chapter-description{color:#ebece0}.book-experience #lightwell .button{align-self:flex-start;flex-shrink:0;color:#f7e2b8}.book-experience #lightwell .chapter-copy>*{flex-shrink:0}
@media(max-height:500px) and (min-width:600px){.book-experience #lightwell .chapter-copy{height:auto!important}.book-experience #lightwell .chapter-statement{margin-top:0!important}}
/* Compact leaves keep the same hierarchy with tighter typesetting. */
@media(max-width:700px) and (min-height:501px){
 .book-experience .chapter h2{margin:9px 0 12px;font-size:calc(var(--page-title)*.9)!important}
 .book-experience .chapter-copy .chapter-statement{font-size:calc(var(--page-title)*.6)!important;margin-bottom:13px!important}
 .book-experience .chapter-copy .chapter-description{font-size:10.5px!important;line-height:1.42!important;margin-bottom:9px!important}
 .book-experience .chapter .button{padding:5px 0;min-height:36px}
}
/* Clavendo: a restrained identifier and a distinct editorial focal point. */
@media(min-width:701px) and (min-height:501px){
 .book-experience #clavendo h2{font-size:calc(var(--page-title)*.72)!important;margin-bottom:30px}
 .book-experience #clavendo .chapter-statement{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:calc(var(--page-title)*.69)!important;line-height:1.13!important;letter-spacing:-.045em;color:#293d5c;margin-bottom:27px!important}
 .book-experience #clavendo .chapter-description{max-width:85%!important}
}
@media(min-width:701px) and (min-height:501px) and (max-height:700px){
 .book-experience #clavendo h2{margin-bottom:17px}
 .book-experience #clavendo .chapter-statement{font-size:calc(var(--page-title)*.60)!important;margin-bottom:17px!important}
}
@media(min-width:451px) and (max-width:700px) and (min-height:501px){
 .book-experience #clavendo .chapter-statement{font-family:Georgia,'Times New Roman',serif;font-size:calc(var(--page-title)*.72)!important;line-height:1.15!important;letter-spacing:-.045em;color:#293d5c;margin:20px 0!important}
}
/* Keep the product links comfortable to use on touch screens and keyboards. */
.book-experience .chapter .button{min-height:44px}
.book-experience .chapter.light .button:focus-visible{outline-color:#293d5c}
.book-experience .chapter.dark .button:focus-visible{outline-color:#f7e2b8}
@media(max-height:500px) and (min-width:600px){
 .book-experience .chapter h2{margin-bottom:6px}
 .book-experience .chapter-copy .chapter-statement{margin-bottom:4px!important}
 .book-experience .chapter-copy .chapter-description{line-height:1.25!important;margin-bottom:5px!important}
}
/* Shared Hestworks account navigation. */
.site-header .account-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid #f1eee75c;background:#f1eee7;color:#202729;border-radius:7px;white-space:nowrap;font-size:12px}
.site-header .account-link{white-space:nowrap}
.site-header.on-light .account-button{background:#273b43;color:#f7f3e9;border-color:#273b43}
.site-header nav a[aria-current="page"]:not(.account-button){text-decoration:underline;text-underline-offset:6px;text-decoration-color:currentColor}
@media(max-width:700px){.site-header nav{gap:16px;font-size:12px}.site-header .account-button{padding:9px 12px;min-height:40px;font-size:11px}}
@media(max-width:520px){.site-header .brand span{display:none}.site-header .brand{gap:0}.site-header nav{gap:17px}.site-header{gap:16px}.site-header .account-button{min-height:40px}}

.nav-signout{margin:0;display:flex}.site-header button.account-button{font-family:inherit;cursor:pointer}
/* The visible copy is ink on the deforming leaf; HTML retains semantics and links. */
.book-experience.copies-printed .chapter-copy{opacity:0}
.book-experience.copies-printed .chapter-copy:focus-within{opacity:1;background:#142522}
.book-experience.copies-printed .chapter.light .chapter-copy:focus-within{background:#eee8d9}
/* Keep the final hero layout in place while the WebGL scene and photos load. */
.folio-pending .experience{position:relative}.folio-pending .stage{height:100svh;min-height:500px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 17% 35%,#42546e40,transparent 60%),radial-gradient(ellipse at 86% 70%,#493c3c55,transparent 58%),#0b111a}.folio-pending .opening{position:absolute;inset:0;min-height:0;background:none}.folio-pending .chapters,.folio-pending .studio,.folio-pending .closing{position:absolute;inset:0;visibility:hidden;pointer-events:none}.folio-pending .site-footer{display:none}.folio-pending .site-header{position:fixed;height:86px;background:linear-gradient(#0a1016a0,transparent)}
@media(max-width:700px){.folio-pending .stage{min-height:480px}.folio-pending .site-header{height:76px}}
@media(max-height:500px) and (min-width:600px){.folio-pending .stage{min-height:0}.folio-pending .site-header{height:60px}.folio-pending .opening{padding:80px 35px 40px}}

/* The non-WebGL homepage is the same brand hero, never another website layout. */
html:not(.motion) .home-page .stage{position:relative;height:100svh;min-height:500px;overflow:hidden;background:radial-gradient(ellipse at 17% 35%,#42546e40,transparent 60%),radial-gradient(ellipse at 86% 70%,#493c3c55,transparent 58%),#0b111a}
html:not(.motion) .home-page .opening{position:absolute;inset:0;min-height:0;background:none}
html:not(.motion) .home-page .site-header{position:fixed;height:86px;background:linear-gradient(#0a1016a0,transparent)}
html:not(.motion) .home-page .chapters,html:not(.motion) .home-page .studio,html:not(.motion) .home-page .closing{position:absolute;inset:0;visibility:hidden;pointer-events:none}
html:not(.motion) .home-page .chapter{position:absolute;inset:0}
@media(max-width:700px){html:not(.motion) .home-page .stage{min-height:480px}html:not(.motion) .home-page .site-header{height:76px}}
@media(max-height:500px) and (min-width:600px){html:not(.motion) .home-page .stage{min-height:0}html:not(.motion) .home-page .site-header{height:60px}html:not(.motion) .home-page .opening{padding:80px 35px 40px}}