/* Public entrance: actual Story artwork, with the central palette left intact. */
.home{background:var(--bg)}
.home :is(h1,h2,h3,p,a,span,small,blockquote,summary){letter-spacing:0}
.home .header{max-width:1440px;padding:16px 40px}
.home .subnav{max-width:1360px;margin:0 auto;padding:0 0 12px;border:0}
.home .header .brand img{width:46px;height:46px;border-radius:8px}
.home .header .brand{font-family:var(--serif);font-weight:500}
.home .subnav a{min-height:40px;padding:8px 14px;font-size:13px;border-radius:4px}
.home main{max-width:none;padding:0 0 48px}
.scene-hero{position:relative;isolation:isolate;display:flex;align-items:center;height:calc(100svh - 220px);min-height:430px;max-height:760px;overflow:hidden;background:#182322}
.scene-art,.scene-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.scene-art{object-fit:cover;object-position:center top}
.scene-shade{background:linear-gradient(90deg,#081014e8 0%,#0810148c 34%,#08101400 68%),linear-gradient(0deg,#081014ad,transparent 28%)}
.scene-copy{width:1360px;max-width:100%;margin:auto;padding:38px 40px 72px;color:#f4f0e5;text-shadow:0 2px 12px #0008}
.scene-copy .eyebrow{color:#ecdbac;font-size:12px;margin:0 0 20px}
.home .scene-copy h1{font:500 64px/1.25 var(--serif);margin:0 0 16px;color:#f7f0de}
.scene-tagline{font:500 28px/1.5 var(--serif);color:#ecdbac;margin:0 0 20px}
.scene-deck{font:17px/1.9 var(--serif);color:#e0e3df;margin:0 0 28px}
.scene-actions{display:flex;gap:12px;flex-wrap:wrap;max-width:470px}
.scene-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 20px;min-height:48px;font:500 14px/1.5 system-ui;border-radius:4px;text-decoration:none}
.scene-actions .scene-outline{border:1px solid #dadbd580;background:#13212399;color:#f0eee5}
.scene-actions .scene-outline:hover{background:#293934;border-color:#eee5ca}
.scene-feature{position:absolute;bottom:22px;right:40px;display:grid;grid-template-columns:1fr auto;gap:3px 24px;color:#f0e7d0;text-decoration:none;padding:12px 0 0;border-top:1px solid #e3dbc56b;text-shadow:0 2px 8px #000}
.scene-feature>span:first-child{font:500 18px/1.6 var(--serif)}
.scene-feature small{grid-column:1;font:12px/1.7 system-ui;color:#e4e2d9}
.scene-feature>span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}
.home main>section{max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}
.home .world-gallery{padding-top:38px;padding-bottom:56px;border:0}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 26px}
.gallery-heading .eyebrow{font-size:11px;margin:0 0 8px}
.gallery-heading h2{font-size:30px;line-height:1.5;margin:0}
.gallery-heading>p{font:15px/1.8 var(--serif);margin:0 0 3px}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.world-item{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#ffffff03}
.world-item>a{display:block;color:inherit;text-decoration:none;height:100%}
.world-item img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.world-caption{padding:20px 22px 18px}
.world-caption .eyebrow{font-size:11px;margin:0 0 8px}
.world-item:nth-child(2) .eyebrow{color:#c7d6b2}
.world-item:nth-child(3) .eyebrow{color:#b7cddd}
.world-caption h3{font-size:28px;margin:0 0 12px;line-height:1.4}
.world-caption>p:not(.eyebrow){font:15px/1.8 var(--serif);min-height:54px;margin:0 0 18px}
.world-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font:500 13px/1.6 system-ui;color:var(--accent)}
.world-item a:hover{background:#ffffff06;color:var(--ink)}
.world-item a:focus-visible{outline-offset:-4px}
.home .reading-room{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center;padding-top:64px;padding-bottom:64px}
.reading-intro h2{font-size:36px;line-height:1.65;margin:20px 0}
.reading-intro>p:not(.eyebrow){font:17px/2 var(--serif);margin-bottom:28px}
.reading-room .opening-book{transform:none;margin:0}
.home .foot{max-width:1200px;margin:0 auto}
@media(min-width:1440px){.scene-copy{padding-left:0;padding-right:0}.scene-feature{right:max(40px,calc((100% - 1360px)/2))}}
@media(max-width:1400px){.home .subnav{margin-left:40px;margin-right:40px}.home .foot{margin-left:40px;margin-right:40px}}
@media(max-width:900px){.gallery-heading{display:block}.gallery-heading>p{margin-top:12px}.world-grid{gap:16px}.world-caption{padding:18px 16px}.world-caption h3{font-size:24px}.home .reading-room{gap:32px}.reading-intro h2{font-size:30px}.scene-copy{padding-bottom:80px}.scene-art{object-position:60% center}}
@media(max-width:720px){
 .home .header{padding:12px 20px;flex-wrap:nowrap;gap:8px}
 .home .header .brand{gap:8px;font-size:19px}
 .home .header .brand img{width:40px;height:40px}
 .home .head-links{gap:6px}
 .home .head-links a{min-height:42px;padding:8px 10px;font-size:11px}
 .home .subnav{margin:0 20px;padding-bottom:12px;gap:6px}
 .home .subnav a{min-height:38px;font-size:12px;padding:7px 4px}
 .scene-hero{height:calc(100svh - 248px);min-height:420px;max-height:650px;align-items:end}
 .scene-art{object-position:67% center}
 .scene-shade{background:linear-gradient(0deg,#081014f5 0%,#081014c9 32%,#08101455 65%,#08101400 90%)}
 .scene-copy{padding:28px 24px 96px}
 .scene-copy .eyebrow{font-size:10px;margin-bottom:12px}
 .home .scene-copy h1{font-size:46px;margin-bottom:12px}
 .scene-tagline{font-size:23px;margin-bottom:14px}
 .scene-deck{font-size:15px;line-height:1.85;margin-bottom:20px}
 .scene-actions{gap:8px}
 .scene-actions a{flex:1 1 140px;min-height:46px;padding:10px 12px;gap:8px;font-size:12px}
 .scene-feature{left:24px;right:24px;bottom:16px;padding-top:10px}
 .scene-feature>span:first-child{font-size:16px}
 .scene-feature small{font-size:11px}
 .home main>section{padding-left:20px;padding-right:20px}
 .home .world-gallery{padding-top:28px;padding-bottom:36px}
 .gallery-heading{margin-bottom:22px}.gallery-heading h2{font-size:25px}.gallery-heading>p{font-size:14px}
 .world-grid{grid-template-columns:1fr;gap:22px}
 .world-item img{aspect-ratio:16/9}.world-caption{padding:20px}
 .world-caption h3{font-size:27px}.world-caption>p:not(.eyebrow){min-height:0}
 .home .reading-room{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:40px}
 .reading-intro h2{font-size:29px;margin:16px 0}.reading-intro>p:not(.eyebrow){font-size:15px}
 .home .foot{margin:0 20px}
}
@media(max-width:370px){.home .header{padding-left:16px;padding-right:16px}.home .header .brand{font-size:17px;gap:6px}.home .header .brand img{width:34px;height:34px}.home .head-links a{padding:8px;font-size:10px}.scene-copy{padding-left:20px;padding-right:20px}.home .scene-copy h1{font-size:40px}.scene-actions a{flex-basis:128px}.scene-feature{left:20px;right:20px}}
@media(max-height:700px) and (max-width:720px){.scene-hero{min-height:360px}.scene-copy{padding-top:24px;padding-bottom:86px}.scene-copy .eyebrow{margin-bottom:8px}.home .scene-copy h1{font-size:38px;margin-bottom:8px}.scene-tagline{font-size:20px;margin-bottom:10px}.scene-deck{font-size:14px;margin-bottom:14px}}

/* Public homepage film: the existing text and responsive artwork layout stay in place. */
.scene-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-1;opacity:0;pointer-events:none}
.scene-film.is-ready{opacity:1}
.scene-motion{position:absolute;right:24px;top:22px;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #d1b97d80;border-radius:4px;background:#122028d9;color:#f0e7d0;font:12px/1.5 system-ui;cursor:pointer;backdrop-filter:blur(8px)}
.scene-motion[hidden]{display:none}.scene-motion:hover{background:#293a3c}.scene-motion:focus-visible{outline:2px solid #ead596;outline-offset:4px}
@media(max-width:900px){.scene-film{object-position:60% center}}
@media(max-width:720px){.scene-film{object-position:67% center}.scene-motion{right:20px;top:16px}}
