@font-face{font-family:Montagna;src:url('/assets/garamond.woff2') format('woff2'),url('/assets/garamond.woff') format('woff');font-weight:400;font-display:swap}
:root{--ink:#122b2a;--green:#0c2424;--deep:#091a1b;--cream:#eeeae0;--paper:#f7f4ec;--gold:#d9bb80;--muted:#5e6b64;--line:rgba(20,44,41,.18);--serif:Montagna,Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}img{max-width:100%;display:block}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ae7839;outline-offset:5px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.025em}em{font-weight:400;color:inherit}p{line-height:1.8}::selection{background:var(--gold);color:var(--deep)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:1000;background:var(--paper);padding:12px 22px}.skip-link:focus{top:10px}.preview-ribbon{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;background:#071718;color:#d0c3a5;font-size:9px;letter-spacing:.17em;border-bottom:1px solid #ffffff18}.preview-ribbon span:first-child{color:var(--gold);font-weight:600}.site-header{height:102px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:28px;left:0;width:100%;z-index:30;color:var(--paper);border-bottom:1px solid #ffffff2b}.brand{display:flex;align-items:center;gap:14px}.brand-monogram{font-family:var(--serif);font-size:40px;line-height:1;letter-spacing:-.2em;color:var(--gold);width:52px;position:relative}.brand-monogram span{position:relative;top:8px;left:-5px;font-size:33px}.brand-name{font-size:11px;letter-spacing:.19em;line-height:1.6;font-weight:500}.site-header nav{display:flex;gap:28px;font-size:12px}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{width:100%}.nav-tools{display:flex;align-items:center;gap:22px}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;font-size:22px;flex-shrink:0;transition:background .25s,transform .25s}.icon-button:hover{background:#d9bb8025;transform:translateY(-2px)}.nav-tools>.icon-button{border:0}.list-link{font-size:11px;display:flex;gap:12px;align-items:center}.list-link span{font:10px var(--sans);border:1px solid #ffffff55;border-radius:50%;display:grid;place-content:center;width:22px;height:22px}.menu-toggle{display:none}.light-header .site-header{color:var(--ink);border-bottom-color:var(--line)}.light-header .list-link span{border-color:var(--line)}.light-header .brand-monogram{color:#997540}.eyebrow{font:10px/1.6 var(--sans);font-weight:500;letter-spacing:.19em;text-transform:uppercase}.micro{font:10px/1.8 var(--sans);letter-spacing:.08em}.button{display:inline-flex;min-height:53px;align-items:center;justify-content:space-between;gap:40px;padding:15px 24px;font-size:12px;font-weight:500;border:1px solid transparent;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#edcf95}.dark{background:var(--green);color:var(--paper)}.dark:hover{background:#214744}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:7px;line-height:1.5;text-align:left}.text-link:hover{color:#9a733e}.hero{position:relative;min-height:900px;height:calc(100svh - 28px);max-height:1200px;background:var(--green);color:var(--paper);overflow:hidden;isolation:isolate}.hero-image{position:absolute;inset:-5% -2% -10%;z-index:-3;background:#133333 url('/assets/world-of-wind.webp') center/cover no-repeat;will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,22,23,.65),transparent 80%),linear-gradient(0deg,rgba(4,19,21,.88),transparent 50%)}.hero-content{padding:202px 0 145px 8.5vw;max-width:940px;position:relative}.hero-content>.eyebrow{color:var(--gold);font-size:10px;margin-bottom:27px}.hero h1{font-size:clamp(78px,7.9vw,132px);line-height:.94;letter-spacing:-.04em}.hero h1 em{color:#e4cca0}.hero-description{max-width:450px;font-size:14px;color:#d5dcd6;line-height:1.85;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px}.play-link{display:flex;align-items:center;gap:12px;padding:0;font-size:11px;text-align:left}.play-circle{width:39px;height:39px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-content:center;font-size:10px}.hero-side{position:absolute;left:30px;top:240px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.18em;display:flex;gap:45px;color:#d9d6c8}.hero-side span{color:#a4b6af}.hero-feature{position:absolute;right:6vw;bottom:115px;display:flex;align-items:center;gap:25px;max-width:380px}.feature-cover{width:126px;transform:perspective(700px) rotateY(-15deg) rotateZ(2deg);box-shadow:13px 19px 28px #0008;border-left:5px solid #bc9d72;transition:transform .6s}.hero-feature:hover .feature-cover{transform:perspective(700px) rotateY(-4deg) rotateZ(0)}.feature-cover img{width:100%;height:auto}.hero-feature h2{font-size:31px;margin:12px 0}.hero-feature .eyebrow{font-size:8px;color:var(--gold)}.hero-feature .micro{font-size:9px;color:#b9c7bf}.hero-bottom{position:absolute;bottom:0;left:4vw;right:4vw;border-top:1px solid #ffffff38;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;color:#c4c7b9}.hero-bottom a{display:flex;gap:35px;align-items:center}.hero-bottom a span{font-size:20px}.hero-in{animation:enter 1.1s cubic-bezier(.2,.65,.2,1) both}.hero-in:nth-child(2){animation-delay:.12s}.hero-in:nth-child(3){animation-delay:.24s}.hero-in:nth-child(4){animation-delay:.36s}@keyframes enter{from{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.genre-strip{background:var(--green);color:#c9c7b6;display:flex;align-items:center;justify-content:space-around;gap:30px;padding:23px 4vw;border-top:1px solid #ffffff18;font-size:9px;letter-spacing:.15em}.genre-strip i{font-size:19px;color:var(--gold);font-style:normal}.section{padding:105px 8vw}.cream{background:var(--cream)}.paper{background:var(--paper)}.green{background:var(--green);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:54px}.section-heading h2,.author-copy h2{font-size:clamp(43px,4.3vw,70px)}.section-heading .eyebrow{margin-bottom:22px;color:#77664a}.section-heading>p{font-size:13px;max-width:300px;color:var(--muted);padding-bottom:5px}.section-heading>.text-link{margin-bottom:10px;white-space:nowrap}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.world-panel{min-height:510px;position:relative;overflow:hidden;padding:34px 32px 28px;color:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.wind-panel{background:linear-gradient(160deg,#2b4744,#0b2525)}.scorpion-panel{background:linear-gradient(150deg,#514638,#292c28)}.world-panel:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #e6d0a512;border-radius:50%;top:35px;right:-160px;box-shadow:0 0 0 45px #e6d0a505,0 0 0 90px #e6d0a503;transition:transform 2s}.world-panel:hover:before{transform:scale(1.2)}.world-panel>.eyebrow{color:#d6ccb3;font-size:9px;z-index:1}.world-covers{position:relative;height:310px;width:100%;perspective:900px;display:flex;align-items:center;justify-content:center}.world-covers img{width:160px;height:240px;object-fit:cover;position:absolute;box-shadow:12px 18px 22px #0006;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.world-covers img:nth-child(1){transform:translateX(90px) rotate(11deg) scale(.85);z-index:0}.world-covers img:nth-child(2){transform:translateX(-90px) rotate(-11deg) scale(.85);z-index:1}.world-covers img:nth-child(3){transform:rotateY(-10deg);z-index:2}.world-panel:hover .world-covers img:nth-child(1){transform:translateX(110px) rotate(15deg) scale(.85)}.world-panel:hover .world-covers img:nth-child(2){transform:translateX(-110px) rotate(-15deg) scale(.85)}.world-panel:hover .world-covers img:nth-child(3){transform:rotateY(0) translateY(-7px)}.world-caption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px}.world-caption h3{font-size:37px}.world-caption p{font-size:11px;margin-top:10px;color:#c7c9bd}.circle-arrow{border:1px solid currentColor;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.collection-more{margin-top:30px;font-size:11px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 25px}.cover-stage{height:325px;background:#e7e4da;position:relative;padding:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-card:nth-child(4n+2) .cover-stage{background:#e2e7e1}.book-card:nth-child(4n+3) .cover-stage{background:#e9e3d6}.book-card:nth-child(4n+4) .cover-stage{background:#dfe5e4}.cover-link{height:100%;display:block;perspective:700px}.cover-stage img{height:100%;width:auto;max-width:100%;object-fit:contain;transform:rotateY(-7deg);box-shadow:7px 12px 12px #1623212b;transition:transform .55s,box-shadow .55s}.book-card:hover .cover-stage img{transform:rotateY(0) translateY(-7px);box-shadow:12px 20px 20px #16232130}.cover-stage .save-book{position:absolute;top:13px;right:13px;z-index:3;width:32px;height:32px;font-size:20px;background:#f7f4ecc9;color:var(--ink);border:1px solid #122b2a26}.save-book[aria-pressed=true]{background:var(--green);color:var(--gold)}.cover-number{position:absolute;left:13px;bottom:12px;font-size:9px;letter-spacing:.1em;color:#5b675f}.book-meta{padding-top:23px}.book-meta .eyebrow{font-size:8px;letter-spacing:.09em;color:#687166}.book-meta h3{font-size:27px;margin:10px 0 12px}.book-meta p{font-size:12px;color:#657167;line-height:1.75;margin-bottom:20px}.book-meta .text-link{font-size:10px;gap:15px;border-color:#122b2a42}.cinema-section{position:relative;isolation:isolate;background:var(--deep);color:var(--paper);min-height:600px;padding:100px 8vw;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.cinema-art{position:absolute;inset:0;z-index:-2;background:url('/assets/world-of-wind.webp') center 45%/cover;filter:saturate(.6);opacity:.75}.cinema-section:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061b1c 5%,#061b1cdd 35%,#061b1c00)}.cinema-copy{max-width:530px}.cinema-copy .eyebrow{color:var(--gold);margin-bottom:22px}.cinema-copy h2{font-size:64px}.cinema-copy p:not(.eyebrow){max-width:390px;margin:25px 0;color:#c0cbc5;font-size:13px}.cinema-copy>.text-link{display:table;margin-top:25px;color:var(--gold);font-size:11px}.cinema-play{width:220px;display:flex;align-items:center;flex-direction:column;gap:28px;margin-right:9vw;color:var(--gold)}.cinema-play>span{border:1px solid #d9bb8088;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 0 0 20px #d9bb8009;transition:box-shadow .5s,transform .5s}.cinema-play:hover>span{box-shadow:0 0 0 35px #d9bb800b;transform:scale(1.08)}.cinema-play small{font:9px/2 var(--sans);letter-spacing:.15em}.author-preview{display:grid;grid-template-columns:.9fr 1fr;gap:10vw;align-items:center}.author-image{padding-right:20px;position:relative}.author-image img{width:100%;height:570px;object-fit:cover;object-position:top;filter:grayscale(1);background:#d6d0c1}.image-caption{position:absolute;right:0;top:0;writing-mode:vertical-rl;font-size:8px;letter-spacing:.15em}.author-copy>.eyebrow{color:#77664a;margin-bottom:24px}.author-copy>p:not(.eyebrow){font-size:13px;max-width:430px;color:var(--muted);margin:28px 0}.author-copy blockquote{font:italic 29px/1.3 var(--serif);margin:35px 0;border-left:1px solid #ac8e55;padding-left:24px}.author-copy>.text-link{margin-top:8px}.site-footer{background:var(--green);color:var(--paper);padding:70px 8vw 35px}.footer-top{position:relative;padding-bottom:70px;border-bottom:1px solid #ffffff24}.footer-top>.eyebrow{color:var(--gold);margin-bottom:27px}.footer-invitation{display:block;position:relative;font:80px/.99 var(--serif);letter-spacing:-.035em}.footer-invitation>span{position:absolute;right:1vw;bottom:0;font-family:var(--sans);font-size:80px;color:var(--gold);font-weight:100;transition:transform .3s}.footer-invitation:hover>span{transform:translate(8px,-8px)}.footer-bottom{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:25px;align-items:start;padding-top:32px}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:10px;max-width:400px}.footer-bottom>p{font-size:9px;color:#9eafa4;text-align:right;line-height:1.9}.page-intro{padding:185px 8vw 75px;background:var(--cream);border-bottom:1px solid var(--line)}.page-intro>.eyebrow{margin-bottom:23px;color:#8e784d}.page-intro h1{font-size:clamp(65px,7.2vw,110px);max-width:1100px}.page-intro>p:last-child{font-size:14px;color:#637169;max-width:570px;margin-top:28px}.library-section{padding-top:50px}.library-controls{border-bottom:1px solid var(--line);padding-bottom:27px;display:flex;flex-direction:column;gap:25px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs button{font-size:11px;border:1px solid #122b2a32;padding:10px 16px;transition:background .2s}.filter-tabs button[aria-pressed=true]{background:var(--green);color:var(--paper)}.filter-tabs button span{font-size:9px;margin-left:10px;opacity:.65}.library-search{display:flex;justify-content:space-between;gap:15px}.library-search input{width:min(480px,70%);border:0;border-bottom:1px solid #122b2a55;background:transparent;padding:10px 0;color:var(--ink);font-size:13px;border-radius:0}.library-search select{border:0;background:transparent;color:var(--ink);font-size:11px;max-width:140px}.library-summary{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em;padding:25px 0 34px;color:var(--muted)}.library-summary span:last-child{font-size:8px}.catalog-grid .cover-stage{height:350px;padding:35px}.empty-state,.reading-empty{text-align:center;padding:55px 0}.empty-state h2,.reading-empty h2{font-size:50px}.empty-state p,.reading-empty p{margin:18px 0 30px;color:var(--muted)}[hidden]{display:none!important}.book-detail{padding:155px 8vw 80px}.breadcrumb{display:flex;gap:15px;font-size:10px;color:var(--muted);margin-bottom:45px}.breadcrumb>a{border-bottom:1px solid currentColor}.detail-grid{display:grid;grid-template-columns:.9fr 1fr;gap:9vw;align-items:center}.detail-cover{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;min-height:640px;justify-content:center}.cover-halo{position:absolute;width:90%;height:85%;background:radial-gradient(ellipse,#d2cbb8,transparent 70%);z-index:-1}.detail-cover>img{height:auto;max-height:550px;width:auto;max-width:90%;box-shadow:22px 28px 35px #0b242437;transform:perspective(1000px) rotateY(-7deg)}.cover-caption{font-size:8px;letter-spacing:.1em;color:#7d806e;padding-top:35px}.detail-copy>.eyebrow{color:#776643;font-size:9px;margin-bottom:20px}.detail-copy h1{font-size:clamp(48px,5.3vw,78px);overflow-wrap:anywhere}.detail-tagline{font:23px/1.4 var(--serif);color:#6a7365;margin:25px 0 20px;max-width:480px}.byline{font-size:9px;letter-spacing:.17em;color:#7d806d}.detail-actions{display:flex;align-items:center;gap:20px;margin:30px 0}.detail-facts{border-top:1px solid var(--line);margin-top:35px}.detail-facts>div{border-bottom:1px solid var(--line);padding:13px 0;display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:10px}.detail-facts span{font-size:8px;letter-spacing:.08em;color:#7b8373}.detail-facts p{line-height:1.7}.dark-play{font-size:11px}.dark-play .play-circle{border-color:var(--line)}.story-section{display:grid;grid-template-columns:1fr 1.25fr;gap:9vw}.story-section h2{font-size:43px;max-width:400px;margin:20px 0 25px}.synopsis>p{font-family:var(--serif);font-size:24px;line-height:1.65;margin-bottom:35px}.synopsis details{border-top:1px solid var(--line);padding:18px 0;font-size:12px}.synopsis details:last-child{border-bottom:1px solid var(--line)}details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details p{margin:18px 0;color:var(--muted)}.related-grid{grid-template-columns:repeat(3,1fr)}.related-grid .cover-stage{height:390px;padding:40px}.series-block .section-heading>p{max-width:350px}.series-block.green .section-heading>p{color:#c4cec3}.series-block.green .eyebrow{color:var(--gold)}.chapter{display:grid;grid-template-columns:70px 160px 1fr 45px;align-items:center;gap:45px;border-top:1px solid var(--line);padding:35px 0}.green .chapter{border-color:#ffffff2a}.chapter:last-child{border-bottom:1px solid var(--line)}.green .chapter:last-child{border-color:#ffffff2a}.chapter-number{font:40px var(--serif);opacity:.5}.chapter-cover{height:210px;display:flex;align-items:center;justify-content:center}.chapter-cover img{height:100%;width:auto;object-fit:contain;box-shadow:8px 10px 14px #0002;transition:transform .4s}.chapter:hover img{transform:rotate(-3deg) translateY(-5px)}.chapter-copy .eyebrow{color:#77664a}.chapter-copy h3{font-size:44px;margin:13px 0}.chapter-copy p{font-size:13px;opacity:.7;max-width:400px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:start}.about-photo{position:sticky;top:40px}.about-photo img{width:100%;height:auto;filter:grayscale(1)}.about-photo p{padding-top:15px}.prose{max-width:720px}.prose>h2{font-size:62px;margin-bottom:30px}.prose>.eyebrow{color:#77664a;margin-bottom:23px}.prose>p{font-size:14px;color:var(--muted);margin:22px 0}.prose>p.large-copy{font:25px/1.5 var(--serif);color:var(--ink)}.prose blockquote{font:italic 40px/1.2 var(--serif);margin:40px 0 15px}.prose h3{font-size:32px;margin:35px 0 16px}.prose .button{margin-top:25px}.author-statement{text-align:center;padding-top:110px;padding-bottom:110px}.author-statement .eyebrow{color:var(--gold);margin-bottom:35px}.author-statement h2{font-size:clamp(54px,6vw,90px)}.author-statement h2 em{color:var(--gold)}.author-statement>p:last-child{font-size:9px;letter-spacing:.14em;margin-top:40px;color:#aab9ac}.film-row{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;padding:45px 0;border-bottom:1px solid var(--line)}.film-row:first-child{padding-top:0}.film-poster{height:380px;background:var(--green);width:100%;position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center}.wind-film:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#08222355,#082223aa),url('/assets/world-of-wind.webp') center/cover}.military-film{background:radial-gradient(ellipse at 60% 20%,#626045,#162a27 70%)}.film-poster>img{height:80%;width:auto;max-width:55%;object-fit:contain;transform:rotate(8deg) translateX(40px);opacity:.6;box-shadow:12px 12px 20px #0005;transition:transform .5s,opacity .5s}.film-poster:hover>img{transform:rotate(3deg) translateX(40px);opacity:.9}.film-play{position:absolute;width:70px;height:70px;border:1px solid var(--gold);background:#08222380;color:var(--gold);display:grid;place-items:center;border-radius:50%;left:25%;top:40%}.film-index{position:absolute;bottom:18px;left:22px;color:#d9dbcd;font-size:8px;letter-spacing:.15em}.film-row>div>.eyebrow{color:#776643;font-size:9px}.film-row h2{font-size:50px;margin:18px 0}.film-row p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:28px;max-width:350px}.film-row .text-link{display:table;margin:18px 0;font-size:11px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-topics{display:grid;gap:15px;font-size:10px;letter-spacing:.08em;margin:40px 0}.contact-grid form{padding-top:12px}.contact-grid label{display:block;font-size:11px;margin-bottom:8px}.contact-grid input,.contact-grid select,.contact-grid textarea{width:100%;background:#f7f4ec80;border:1px solid var(--line);border-radius:0;padding:13px;margin-bottom:22px;color:var(--ink)}.contact-grid form>.button{width:100%}.contact-grid form>.micro{font-size:8px;margin-top:15px;color:var(--muted)}dialog{border:0;padding:30px;background:var(--paper);color:var(--ink);max-width:820px;width:calc(100% - 40px);max-height:88svh}dialog::backdrop{background:#041718de;backdrop-filter:blur(9px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.dialog-top .icon-button{width:35px;height:35px;font-size:15px}#global-search{width:100%;border:0;border-bottom:1px solid var(--line);font:32px/1.5 var(--serif);padding:10px 0;background:none;color:var(--ink);border-radius:0}.search-results{max-height:50svh;overflow:auto;margin:20px 0}.search-result{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.search-result img{width:45px;height:67px;object-fit:contain}.search-result h3{font-size:24px;margin-bottom:4px}.search-result span{font-size:9px;color:var(--muted)}#video-dialog{max-width:1000px;background:var(--deep);color:var(--paper)}#video-title{font:26px var(--serif)}#video-container{aspect-ratio:16/9;background:#071213;display:grid;place-items:center}#video-container iframe{width:100%;height:100%;border:0}.video-consent{text-align:center;max-width:500px;padding:30px}.video-consent p{font-size:12px;color:#bdc8bc;margin-bottom:25px}.video-consent .text-link{margin-top:22px;font-size:10px;color:var(--gold)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--green);color:var(--paper);padding:14px 25px;font-size:12px;box-shadow:0 5px 30px #0002;z-index:1000;transition:opacity .3s,transform .3s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.retailer-row{padding:15px 0;border-bottom:1px solid var(--line)}.retailer-row a{display:block;color:#8c622b;font-size:12px}.retailer-notice{font-size:13px;line-height:1.8;padding-bottom:20px}.js .reveal{opacity:0;transform:translateY(23px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}
.hero-content{padding-top:167px}.hero{min-height:800px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 30px}.review-card>div{height:370px;overflow:hidden;background:#e0dfd5;padding:25px}.review-card img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.review-card:hover img{transform:scale(1.03)}.review-card>.eyebrow{display:block;margin-top:23px;color:#78684a;font-size:8px}.review-card h3{font-size:31px;margin:12px 0 18px}.review-card>.text-link{font-size:10px}.review-source-note{font-size:11px;color:var(--muted);max-width:650px;margin-top:60px}.review-document-section{max-width:1250px;margin:auto}.review-document{margin:50px 0}.review-document img{max-width:100%;height:auto;margin:auto;box-shadow:0 10px 30px #122b2a18}.review-document figcaption{font-size:9px;letter-spacing:.05em;color:var(--muted);margin-top:20px;display:flex;justify-content:space-between;gap:20px}.review-document figcaption a{border-bottom:1px solid currentColor}.review-document-section>.button{margin-bottom:15px}
@media(min-width:1700px){.hero-content{padding-top:220px}.hero-feature{right:9vw}.section{padding-left:max(8vw,calc((100vw - 1500px)/2));padding-right:max(8vw,calc((100vw - 1500px)/2))}}
@media(max-width:1150px){.site-header{padding:0 3vw}.site-header nav{gap:18px;font-size:11px}.nav-tools{gap:10px}.list-link{font-size:10px}.hero{min-height:840px}.hero-content{padding-top:210px;padding-left:8vw;max-width:780px}.hero h1{font-size:99px}.hero-feature{right:5vw;bottom:105px;gap:16px;max-width:280px}.feature-cover{width:95px}.hero-feature h2{font-size:24px}.hero-feature .eyebrow{font-size:7px}.hero-description{max-width:410px}.section{padding:80px 6vw}.cover-stage{height:290px;padding:30px 23px}.catalog-grid .cover-stage{height:300px;padding:30px 23px}.world-panel{padding:28px 24px;min-height:470px}.world-caption h3{font-size:31px}.world-covers img{width:145px;height:218px}.world-covers img:nth-child(1){transform:translateX(72px) rotate(11deg) scale(.85)}.world-covers img:nth-child(2){transform:translateX(-72px) rotate(-11deg) scale(.85)}.cinema-copy h2{font-size:55px}.cinema-play{margin-right:3vw}.author-preview{gap:7vw}.author-image img{height:500px}.footer-bottom{grid-template-columns:1fr 1.5fr 1.5fr}.detail-grid{gap:6vw}.detail-cover{min-height:550px}.detail-cover>img{max-height:480px}.related-grid .cover-stage{height:340px}.chapter{gap:30px;grid-template-columns:45px 130px 1fr 40px}.chapter-copy h3{font-size:38px}.chapter-cover{height:190px}.film-poster{height:330px}.page-intro{padding-left:6vw;padding-right:6vw}.book-detail{padding-left:6vw;padding-right:6vw}}
@media(max-width:900px){.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--green);color:var(--paper);padding:25px 6vw;border-top:1px solid #ffffff22;flex-direction:column;gap:12px;font-size:20px}.site-header nav.open{display:flex}.menu-toggle{display:flex;border:0;font-size:20px}.site-header{height:86px}.brand-name{font-size:10px}.hero{min-height:920px;max-height:none}.hero-content{padding-top:190px;padding-left:8vw}.hero h1{font-size:100px}.hero-feature{bottom:100px;right:7vw;max-width:330px}.hero-description{max-width:430px}.hero-side{left:15px;font-size:7px}.hero-bottom{font-size:7px}.genre-strip{gap:15px;font-size:7px;padding:20px 3vw}.genre-strip i{font-size:14px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 22px}.cover-stage,.catalog-grid .cover-stage{height:380px;padding:40px}.featured-grid .cover-stage{height:380px}.world-grid{gap:16px}.world-caption{gap:8px}.world-caption h3{font-size:28px}.world-caption p{font-size:10px}.world-panel{min-height:450px;padding:24px 20px}.world-panel .eyebrow{font-size:7px}.world-covers img{width:130px;height:195px}.world-covers img:nth-child(1){transform:translateX(50px) rotate(10deg) scale(.85)}.world-covers img:nth-child(2){transform:translateX(-50px) rotate(-10deg) scale(.85)}.world-panel:hover .world-covers img:nth-child(1){transform:translateX(60px) rotate(12deg) scale(.85)}.world-panel:hover .world-covers img:nth-child(2){transform:translateX(-60px) rotate(-12deg) scale(.85)}.world-caption .circle-arrow{width:32px;height:32px;font-size:18px}.section-heading h2,.author-copy h2{font-size:49px}.section-heading>p{font-size:11px;max-width:230px}.cinema-section{padding:80px 6vw}.cinema-copy{max-width:440px}.cinema-copy h2{font-size:50px}.cinema-play{margin-right:0;width:130px}.cinema-play>span{width:75px;height:75px}.author-preview{gap:6vw}.author-image img{height:450px}.author-copy blockquote{font-size:25px;padding-left:15px}.author-copy>p:not(.eyebrow){font-size:12px}.footer-bottom{grid-template-columns:1fr 2fr}.footer-bottom>p{grid-column:1/-1;text-align:left}.page-intro{padding-top:160px}.detail-grid{gap:5vw}.detail-cover{min-height:480px}.detail-cover>img{max-height:400px}.detail-copy h1{font-size:48px}.detail-tagline{font-size:21px}.detail-facts>div{grid-template-columns:85px 1fr}.story-section{gap:6vw;grid-template-columns:1fr 1.2fr}.story-section h2{font-size:35px}.synopsis>p{font-size:22px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related-grid .cover-stage{height:280px;padding:25px 20px}.chapter{grid-template-columns:35px 110px 1fr 35px;gap:24px}.chapter-cover{height:165px}.chapter-copy h3{font-size:34px}.chapter-copy p{font-size:12px}.about-layout{gap:7vw;grid-template-columns:.9fr 1.1fr}.prose>h2{font-size:49px}.prose>p{font-size:12px}.prose>p.large-copy{font-size:22px}.film-row{gap:5vw}.film-row h2{font-size:40px}.film-poster{height:280px}.contact-grid{gap:7vw}.section-heading .text-link{font-size:11px}.library-summary span:last-child{display:none}}
@media(max-width:600px){.preview-ribbon{padding:0 5vw;font-size:7px;height:25px}.preview-ribbon span:last-child{display:none}.site-header{top:0;padding:0 5vw;height:82px}.brand{gap:8px}.brand-monogram{font-size:31px;width:40px}.brand-monogram span{font-size:27px}.brand-name{font-size:8px;letter-spacing:.14em}.nav-tools{gap:0}.nav-tools>.icon-button{width:33px;height:33px}.nav-tools .list-link{font-size:0;gap:0;margin:0 5px}.nav-tools .list-link span{font-size:9px;width:23px;height:23px}.hero{height:auto;min-height:940px;max-height:none}.hero-image{background-position:62% center;inset:0 -35% -5% -5%;opacity:.8}.hero-shade{background:linear-gradient(90deg,#06202277,#06202210),linear-gradient(0deg,#061c1ed9,transparent 80%)}.hero-content{padding:158px 7vw 0}.hero-content>.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:23px;max-width:290px}.hero h1{font-size:clamp(60px,15.2vw,91px);line-height:.99;letter-spacing:-.04em}.hero-description{font-size:12px;max-width:320px;margin:26px 0 28px;line-height:1.9}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-actions .button{min-height:48px;padding:13px 20px;font-size:11px}.hero-actions .play-link{font-size:10px}.hero-actions .play-circle{width:32px;height:32px}.hero-side{display:none}.hero-feature{bottom:89px;left:7vw;right:auto;gap:20px}.feature-cover{width:80px}.hero-feature h2{font-size:26px;margin:8px 0}.hero-feature .eyebrow{font-size:7px}.hero-bottom{left:7vw;right:7vw;padding:20px 0}.hero-bottom>span{display:none}.hero-bottom>a{width:100%;justify-content:space-between;font-size:8px}.genre-strip{justify-content:center;flex-wrap:wrap;padding:21px 4vw;gap:12px 18px;font-size:7px}.genre-strip i:nth-of-type(2){display:none}.section{padding:65px 6vw}.section-heading{display:block;margin-bottom:35px}.section-heading h2,.author-copy h2{font-size:46px}.section-heading>.text-link{margin-top:25px}.section-heading>p{margin-top:25px;max-width:300px;font-size:12px}.section-heading .eyebrow{font-size:9px;margin-bottom:20px}.world-grid{grid-template-columns:1fr;gap:18px}.world-panel{min-height:470px;padding:27px}.world-panel .eyebrow{font-size:8px}.world-covers{height:305px}.world-covers img{width:151px;height:227px}.world-covers img:nth-child(1){transform:translateX(70px) rotate(10deg) scale(.85)}.world-covers img:nth-child(2){transform:translateX(-70px) rotate(-10deg) scale(.85)}.world-caption h3{font-size:32px}.world-caption p{font-size:10px}.world-caption .circle-arrow{width:38px;height:38px;font-size:22px}.collection-more{font-size:10px;line-height:1.8;gap:15px}.book-grid{gap:35px 15px}.cover-stage,.catalog-grid .cover-stage,.featured-grid .cover-stage{height:245px;padding:28px 19px}.cover-stage .save-book{width:27px;height:27px;font-size:18px;top:8px;right:8px}.cover-number{font-size:7px;left:8px;bottom:8px}.book-meta{padding-top:17px}.book-meta h3{font-size:25px;line-height:1.08;margin:9px 0 12px}.book-meta .eyebrow{font-size:7px;line-height:1.7;display:block}.book-meta p{font-size:12px;margin-bottom:17px}.book-meta .text-link{font-size:9px;gap:6px}.cinema-section{padding:65px 7vw;min-height:650px;display:block}.cinema-copy h2{font-size:47px}.cinema-copy p:not(.eyebrow){font-size:12px;max-width:300px}.cinema-copy .eyebrow{font-size:9px}.cinema-play{position:absolute;bottom:45px;right:30px;flex-direction:row;align-items:center;width:auto;gap:15px}.cinema-play>span{height:60px;width:60px;font-size:13px}.cinema-play small{font-size:7px;text-align:left}.cinema-art{background-position:62% center;opacity:.5}.author-preview{grid-template-columns:1fr;gap:45px}.author-image{padding-right:20px;margin-right:20vw}.author-image img{height:400px}.image-caption{font-size:7px}.author-copy>.eyebrow{font-size:9px}.author-copy>p:not(.eyebrow){font-size:13px}.author-copy blockquote{font-size:29px;margin:28px 0}.site-footer{padding:55px 6vw 30px}.footer-top{padding-bottom:50px}.footer-invitation{font-size:62px}.footer-invitation>span{font-size:51px;right:0}.footer-bottom{grid-template-columns:1fr;gap:25px;padding-top:25px}.footer-bottom>.brand-name{font-size:10px}.footer-bottom>div{font-size:10px;gap:12px 20px}.footer-bottom>p{font-size:8px;line-height:1.8}.page-intro{padding:155px 6vw 52px}.page-intro h1{font-size:60px;line-height:1.01}.page-intro>.eyebrow{font-size:8px}.page-intro>p:last-child{font-size:12px;margin-top:25px}.library-section{padding-top:30px}.filter-tabs{gap:7px}.filter-tabs button{padding:9px 10px;font-size:9px}.filter-tabs button span{margin-left:5px;font-size:8px}.library-search{gap:15px}.library-search input{font-size:11px;width:65%}.library-search select{max-width:110px;font-size:10px}.library-summary{padding:24px 0;font-size:8px}.library-controls{gap:20px}.book-detail{padding:130px 6vw 55px}.breadcrumb{font-size:8px;margin-bottom:25px;flex-wrap:wrap;gap:10px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-cover{min-height:440px}.detail-cover>img{max-height:400px;max-width:80%}.cover-caption{font-size:7px;padding-top:30px}.detail-copy h1{font-size:57px}.detail-copy>.eyebrow{font-size:8px}.detail-tagline{font-size:24px;max-width:360px}.detail-facts>div{grid-template-columns:100px 1fr;font-size:10px;padding:15px 0}.detail-actions{margin:25px 0}.story-section{grid-template-columns:1fr;gap:30px}.story-section h2{font-size:39px}.synopsis>p{font-size:24px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.related-grid .cover-stage{height:245px;padding:28px 19px}.related-grid:not(.related-pair) .book-card:last-child{display:none}.chapter{grid-template-columns:25px 85px 1fr;gap:17px;padding:25px 0}.chapter-number{font-size:26px}.chapter-cover{height:128px}.chapter-copy h3{font-size:29px;margin:10px 0}.chapter-copy .eyebrow{font-size:7px}.chapter-copy p{font-size:10px;line-height:1.7}.chapter>.circle-arrow{display:none}.about-layout{grid-template-columns:1fr;gap:40px}.about-photo{position:static;max-width:75%}.prose>h2{font-size:50px}.prose>p{font-size:13px}.prose>p.large-copy{font-size:25px}.prose blockquote{font-size:37px}.author-statement h2{font-size:53px}.author-statement>p:last-child{font-size:7px;line-height:2}.film-row{grid-template-columns:1fr;gap:30px;padding:40px 0}.film-poster{height:310px}.film-row h2{font-size:43px}.film-row>div>.eyebrow{font-size:8px}.film-row p:not(.eyebrow){font-size:12px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid label{font-size:10px}.contact-grid input,.contact-grid textarea,.contact-grid select{font-size:14px}dialog{padding:23px;width:calc(100% - 24px)}#global-search{font-size:23px}.search-result h3{font-size:23px}.search-result span{font-size:8px}.video-consent{padding:20px}.video-consent p{font-size:10px}.video-consent .button{min-height:42px;font-size:10px;padding:10px 15px}.video-consent .text-link{font-size:9px;margin-top:15px}#video-dialog{padding:15px}#video-title{font-size:22px}.dialog-top{margin-bottom:20px}.toast{font-size:11px;padding:12px 20px;bottom:15px;width:max-content}.empty-state h2,.reading-empty h2{font-size:42px}.empty-state p,.reading-empty p{font-size:12px}}
@media(max-width:370px){.hero{min-height:960px}.hero h1{font-size:57px}.hero-content>.eyebrow{font-size:7px}.cover-stage,.catalog-grid .cover-stage,.featured-grid .cover-stage{height:215px;padding:28px 17px}.book-meta h3{font-size:23px}.world-panel{padding:24px 20px}.world-caption h3{font-size:30px}.world-covers img{width:140px;height:210px}.chapter{gap:12px;grid-template-columns:20px 70px 1fr}.chapter-copy h3{font-size:26px}.chapter-cover{height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-image{transform:none!important;will-change:auto}}
@media(max-width:900px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.review-card>div{height:320px}.review-card h3{font-size:29px}}
@media(max-width:600px){.review-card>div{height:230px;padding:15px}.review-grid{gap:35px 15px}.review-card h3{font-size:25px}.review-card>.text-link{font-size:9px}.review-card>.eyebrow{font-size:7px}.review-document figcaption{font-size:8px;flex-direction:column}.review-document{margin:35px 0}}
.book-companion-link{background:var(--green);color:var(--paper);padding:35px 8vw;display:flex;gap:35px;align-items:center;justify-content:space-between}.book-companion-link>.eyebrow{color:var(--gold);font-size:9px}.book-companion-link>.text-link{font-size:19px;font-family:var(--serif)}.book-companion-link>p{font-size:11px;color:#b2c4b9;max-width:290px}.portfolio-toolbar{padding:27px 8vw;background:#e6e2d7;display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-toolbar>span{font-size:9px;letter-spacing:.1em;color:#5e675a}.portfolio-reader{display:grid;grid-template-columns:240px minmax(0,1fr);gap:7vw;align-items:start}.portfolio-reader aside{position:sticky;top:25px;max-height:85vh;overflow:auto}.portfolio-reader aside>.eyebrow{color:#776643;margin-bottom:23px}.portfolio-reader aside nav{display:grid}.portfolio-reader aside a{font-size:10px;display:flex;gap:12px;line-height:1.6;border-bottom:1px solid var(--line);padding:13px 0}.portfolio-reader aside a>span{color:#a48e64}.portfolio-prose{max-width:760px;overflow-wrap:anywhere}.portfolio-source-note{font-size:11px;color:var(--muted);line-height:1.85;border-left:1px solid #a48e64;padding-left:20px;margin-bottom:50px}.portfolio-section{border-top:1px solid var(--line);padding:40px 0 20px}.portfolio-section>.eyebrow{color:#a48e64;font-size:8px}.portfolio-section h2{font-size:40px;line-height:1.15;margin:20px 0 25px}.portfolio-section h3{font-size:27px;line-height:1.2;margin:22px 0 18px}.portfolio-section p{font:21px/1.75 var(--serif);margin:18px 0}.portfolio-prose>.button{margin-top:35px}
@media(max-width:900px){.portfolio-reader{grid-template-columns:180px minmax(0,1fr);gap:5vw}.book-companion-link{padding:30px 6vw;flex-wrap:wrap;gap:20px}.book-companion-link>.eyebrow{width:100%}.portfolio-section h2{font-size:33px}.portfolio-section p{font-size:20px}}
@media(max-width:600px){.portfolio-reader{grid-template-columns:1fr;gap:45px}.portfolio-reader aside{position:static;max-height:250px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:20px}.portfolio-reader aside a{font-size:10px}.portfolio-toolbar{padding:25px 6vw}.portfolio-toolbar>span{font-size:7px;text-align:right;max-width:120px}.book-companion-link{display:block}.book-companion-link>.text-link{margin:20px 0}.book-companion-link>p{max-width:320px}.portfolio-section h2{font-size:36px}.portfolio-section p{font-size:22px}}

.related-pair{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Sticky header and type that grows with the screen. */
html{scroll-padding-top:130px}
.site-header,.light-header .site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:40;height:clamp(86px,7vw,118px);background:rgba(12,36,36,.58);color:var(--paper);border-bottom-color:rgba(247,244,236,.16)}
.brand-name{font-size:clamp(12px,.95vw,16px)}
@media (min-width:901px){
  .site-header nav{flex-wrap:nowrap;font-size:clamp(14px,.95vw,18px);gap:clamp(12px,1.1vw,26px)}
  .site-header nav a{white-space:nowrap}
  .list-link{font-size:clamp(13px,.9vw,16px)}
  .brand-monogram{font-size:clamp(44px,2.7vw,60px);width:clamp(56px,3.3vw,74px)}
  .brand-monogram span{font-size:clamp(34px,2.1vw,48px)}
  .eyebrow{font-size:clamp(11px,.78vw,13px)}
  .page-intro>p:last-child{font-size:clamp(16px,1.05vw,20px);max-width:680px}
}
@media (min-width:1200px){
  body{font-size:17px}
  .hero-description{font-size:clamp(17px,1.05vw,20px)}
}
@media (min-width:1280px){
  .site-header nav{font-size:clamp(16px,1.08vw,20px);gap:clamp(16px,1.35vw,28px)}
}
.nav-drop{position:relative;display:flex;align-items:center}
.nav-caret{display:inline-block;margin-left:.35em;font-size:.72em;transform:translateY(-1px)}
.nav-sub{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);min-width:248px;padding:12px 0;background:#071918;border:1px solid rgba(217,187,128,.38);box-shadow:0 18px 40px #04131288;opacity:0;visibility:hidden;pointer-events:none;z-index:60}
.nav-sub:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.nav-drop:hover>.nav-sub,.nav-drop:focus-within>.nav-sub{opacity:1;visibility:visible;pointer-events:auto}
.site-header .nav-sub a{display:block;padding:14px 36px;color:#f7f4ec;white-space:nowrap}
.nav-sub a:after{display:none}
.nav-sub a:hover,.nav-sub a[aria-current="page"]{color:var(--gold)}
.nav-drop.nav-current>.nav-drop-parent:after{width:100%}
.collection-jump{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;padding:18px 8vw;background:#0b2525;color:#d9d3c2;border-top:1px solid #ffffff18;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.collection-jump span{color:#9fb0a4}
.collection-jump a{border-bottom:1px solid currentColor;padding-bottom:2px}
.collection-switch{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;max-width:680px}
.collection-switch a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff55;color:#f7f4ec;padding:10px 14px}
.collection-switch a span{opacity:.7;margin-left:6px}
.collection-switch a[aria-current="page"]{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.collection-switch a[aria-current="page"] span{opacity:.75}
.collection-lead{display:grid;grid-template-columns:.72fr 1.15fr;gap:7vw;align-items:center}
.collection-lead-cover{display:flex;justify-content:center}
.collection-lead-cover img{max-height:540px;width:auto;box-shadow:18px 26px 34px #0b242438}
.collection-lead h2{font-size:clamp(42px,4.4vw,68px);margin:14px 0 16px}
.collection-tagline{font:22px/1.4 var(--serif);color:#5d6a60;margin-bottom:16px}
.collection-lead p:not(.eyebrow):not(.collection-tagline){color:var(--muted);max-width:560px}
.collection-lead-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.collection-band{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:78px 8vw;background:#102c2c;color:#f7f4ec;border-top:1px solid #ffffff14}
.collection-band:nth-of-type(even){background:#183836}
.collection-band h2{font-size:clamp(44px,4.6vw,72px);margin:16px 0 18px}
.collection-band h2 em{color:#e4cca0}
.collection-band .eyebrow{color:var(--gold)}
.collection-band p{max-width:480px;color:#c5d0c6;margin-bottom:26px}
.collection-band .text-link{color:var(--gold);font-size:12px}
.collection-band-covers{display:flex;justify-content:center;align-items:flex-end;min-height:280px}
.collection-band-covers img{width:148px;height:222px;object-fit:cover;box-shadow:14px 18px 24px #0007;margin:0 -16px}
.collection-band-covers img:nth-child(1){transform:rotate(-8deg) translateY(16px)}
.collection-band-covers img:nth-child(2){transform:translateY(-10px);z-index:1;width:160px;height:240px}
.collection-band-covers img:nth-child(3){transform:rotate(8deg) translateY(16px)}
.collection-band:hover .collection-band-covers img:nth-child(2){transform:translateY(-18px)}
@media(max-width:900px){
 .nav-drop{flex-direction:column;align-items:flex-start;width:100%}
 .nav-sub{position:static;transform:none;min-width:0;width:100%;padding:2px 0 10px 18px;background:transparent;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto}
 .nav-sub:before{display:none}
 .site-header .nav-sub a{padding:8px 0;font-size:16px;white-space:normal}
 .nav-caret{display:none}
 .collection-lead,.collection-band{grid-template-columns:1fr;gap:32px}
 .collection-band{padding:56px 7vw}
 .collection-band-covers{min-height:0}
 .collection-band-covers img{width:108px;height:162px}
 .collection-band-covers img:nth-child(2){width:118px;height:176px}
 .collection-lead-cover img{max-height:420px}
}
.contact-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}
.contact-intro h2{font-size:clamp(46px,4.6vw,72px);margin:14px 0 18px}
.contact-intro>p{max-width:440px;color:var(--muted)}
.contact-points{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:0}
.contact-points li{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.6}
.contact-points li:last-child{border-bottom:1px solid var(--line)}
.contact-points span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#776643}
.contact-card{background:#fbf8f1;border-top:2px solid var(--gold);padding:42px 44px 36px;box-shadow:0 22px 48px #122b2a10}
.contact-card .eyebrow{color:#776643}
.contact-card h2{font-size:48px;margin:8px 0 8px}
.contact-card label{display:block;margin:22px 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5c6b62}
.contact-card input,.contact-card select,.contact-card textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #122b2a33;border-radius:0;padding:12px 0;color:var(--ink)}
.contact-card input.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.contact-card textarea{min-height:150px;resize:vertical;line-height:1.6}
.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{outline:none;border-bottom-color:#997540}
.contact-card .button{width:100%;margin-top:28px}
.contact-card button:disabled{opacity:.6;cursor:wait}
.contact-card .micro{display:block;margin-top:16px;color:var(--muted);letter-spacing:.02em;text-transform:none;font-size:12px;line-height:1.7}
@media(min-width:901px){
 .film-row:nth-child(even){grid-template-columns:1fr 1.2fr}
 .film-row:nth-child(even) .film-poster{order:2}
}
.film-poster{cursor:pointer}
.film-poster .film-play{left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.film-poster iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#04120f}
.film-poster.is-playing{cursor:default}
.film-poster.is-playing>img,.film-poster.is-playing .film-play,.film-poster.is-playing .film-index{opacity:0;pointer-events:none}
.buy-box{display:grid;gap:10px;margin-top:18px}
.buy-formats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.buy-formats:has(.buy-format:only-child){grid-template-columns:1fr}
.buy-format{position:relative;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);background:#fffdf8;padding:8px 10px;cursor:pointer;min-width:0}
.buy-format input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.buy-format span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#78684a}
.buy-format b{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:0;color:var(--ink)}
.buy-format s{font-family:var(--sans);font-size:11px;color:#78684a;margin-right:4px}
.buy-format:has(input:checked){border-color:#997540;background:#f4ecdc}
.buy-format:has(input:checked) b{color:var(--deep)}
.buy-format:focus-within{outline:2px solid #ae7839;outline-offset:3px}
.buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.buy-add,.buy-now{padding:11px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center;border:1px solid transparent}
.buy-add{border-color:var(--gold);background:var(--gold);color:#122b2a}
.buy-now{background:var(--green);color:var(--paper);border-color:var(--green)}
.buy-add:hover{background:#e6cd96;border-color:#e6cd96;color:#122b2a}
.buy-now:hover{background:#143836;border-color:#143836}
.buy-pending{font-size:12px;line-height:1.6;color:var(--muted);margin-top:16px}
.buy-box.on-dark .buy-format{border:1px solid rgba(217,187,128,.55);background:rgba(9,26,27,.4)}
.buy-box.on-dark .buy-format span,.buy-box.on-dark .buy-format s{color:#d8c69e}
.buy-box.on-dark .buy-format b{color:#f7f4ec}
.buy-box.on-dark .buy-format:has(input:checked){border-color:var(--gold);background:#f4ecdc}
.buy-box.on-dark .buy-format:has(input:checked) span,.buy-box.on-dark .buy-format:has(input:checked) s{color:#78684a}
.buy-box.on-dark .buy-format:has(input:checked) b{color:#122b2a}
.buy-box.on-dark .buy-add{border-color:#f7f4ec;background:#f7f4ec;color:#122b2a}
.buy-box.on-dark .buy-add:hover{background:#fff;border-color:#fff;color:#122b2a}
.buy-box.on-dark .buy-now{background:var(--gold);color:#122b2a;border-color:var(--gold)}
.buy-box.on-dark .buy-now:hover{background:#e6cd96;border-color:#e6cd96;color:#122b2a}
.buy-box.on-dark.buy-pending{color:#e4ece2}
.saga-volume .buy-actions,.chapter .buy-actions{grid-template-columns:1fr}
.saga-volume .buy-format{padding:7px 6px}
.saga-volume .buy-format b{font-size:15px}
.chapter-copy .buy-box{max-width:440px}
.detail-copy>.buy-box{max-width:460px;margin:8px 0 22px}
.collection-lead .buy-box{max-width:460px}
.folio-note .buy-box{margin-top:16px;text-align:left;max-width:22rem;margin-left:auto}
#cart-dialog{width:min(640px,calc(100vw - 28px));max-height:min(86vh,820px);border:0;padding:28px 28px 22px;background:var(--paper);color:var(--ink)}
#cart-dialog::backdrop{background:#091a1bcc}
.cart-empty{padding:28px 0 10px}
.cart-empty p{color:var(--muted);margin:8px 0 18px}
.cart-line{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.cart-line img{width:64px;height:96px;object-fit:cover}
.cart-line h3{font-size:22px;margin-bottom:4px}
.cart-line p{font-size:12px;color:var(--muted)}
.cart-qty{display:flex;align-items:center;gap:8px;margin-top:8px}
.cart-qty button,.cart-remove{border:1px solid var(--line);width:28px;height:28px;background:transparent}
.cart-remove{width:auto;padding:0 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.cart-line>b{font-family:var(--serif);font-size:20px;font-weight:400}
.cart-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:6px}
.cart-foot .micro{flex-basis:100%;color:var(--muted);text-transform:none;letter-spacing:.02em;font-size:12px}
.cart-total{font-family:var(--serif);font-size:32px}
.cart-total span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px}
.cart-page-layout,.checkout-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:48px;align-items:start}
.checkout-card,.cart-summary{border-top:3px solid var(--gold);background:#fffdf8;padding:28px}
.checkout-card label,.checkout-card .micro{display:block}
.checkout-card label{margin-top:16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.checkout-card input,.checkout-card select{width:100%;background:transparent;border:0;border-bottom:1px solid #122b2a33;padding:10px 0;color:var(--ink)}
.checkout-card .row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checkout-card .button{margin-top:22px}
.order-held{max-width:720px}
.order-held h2{font-size:48px;margin:10px 0 16px}
.order-held .cart-line{grid-template-columns:64px 1fr auto}
.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px}
.search-result>a{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.search-add{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
@media(max-width:800px){.cart-page-layout,.checkout-layout{grid-template-columns:1fr}.checkout-card .row-2{grid-template-columns:1fr}}
@media(max-width:900px){
 .contact-stage{grid-template-columns:1fr;gap:36px}
 .contact-card{padding:28px 22px}
 .contact-points li{grid-template-columns:1fr;gap:6px}
}
/* Review archive cards: covers and readable lines, not a scan thumbnail. */
.review-shelf{padding-top:72px;padding-bottom:36px}
.review-shelf+.review-shelf{padding-top:28px}
.review-shelf .section-heading{align-items:flex-end}
.review-shelf .section-heading>p{max-width:340px}
.review-grid{align-items:stretch}
.review-card{display:flex;flex-direction:column;min-height:100%;color:var(--ink)}
.review-card>div.review-stage{height:340px;padding:28px 22px 18px;background:var(--green);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;position:relative}
.review-card .review-stage img{width:auto;height:100%;max-width:78%;object-fit:contain;box-shadow:14px 22px 28px #0008;transform:rotateY(-8deg);transition:transform .5s}
.review-card:hover .review-stage img{transform:rotateY(0) translateY(-8px)}
.review-card .review-fan img{position:absolute;height:78%;max-width:42%}
.review-card .review-fan img:nth-child(1){transform:translateX(-38%) rotate(-10deg);z-index:0}
.review-card .review-fan img:nth-child(2){transform:translateY(-10px);z-index:2;height:86%}
.review-card .review-fan img:nth-child(3){transform:translateX(38%) rotate(10deg);z-index:1}
.review-card:hover .review-fan img:nth-child(1){transform:translateX(-46%) rotate(-14deg)}
.review-card:hover .review-fan img:nth-child(2){transform:translateY(-16px)}
.review-card:hover .review-fan img:nth-child(3){transform:translateX(46%) rotate(14deg)}
.review-index{position:absolute;left:14px;bottom:12px;color:var(--gold);font:11px/1 var(--sans);letter-spacing:.16em}
.review-card>.eyebrow{margin-top:18px;color:#8a7349;font-size:9px}
.review-card h3{font-size:32px;margin:8px 0 10px}
.review-line{font:20px/1.35 var(--serif);color:var(--ink);margin:0 0 10px}
.review-detail{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 16px;flex:1}
.review-card>.text-link{margin-top:auto;font-size:11px;align-self:flex-start}
.review-lead-copy{max-width:720px;margin:0 0 28px}
.review-lead-copy>.review-tagline{font:32px/1.35 var(--serif);color:var(--ink);margin:0 0 18px}
.review-lead-copy>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 14px;max-width:68ch}
.review-lead-copy a{border-bottom:1px solid currentColor}
@media(max-width:900px){
 .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .review-card>div.review-stage{height:300px}
 .review-card h3{font-size:28px}
}
@media(max-width:600px){
 .review-grid{grid-template-columns:1fr;gap:42px}
 .review-card>div.review-stage{height:280px;padding:22px}
 .review-card h3{font-size:30px}
 .review-line{font-size:18px}
 .review-shelf .section-heading{flex-direction:column;align-items:flex-start}
}
.review-grid-series{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px}
.review-grid-series .review-card>div.review-stage{height:420px}
.review-grid-series h3{font-size:36px}
.review-grid-series .review-line{font-size:22px}
@media(max-width:900px){
 .review-grid-series .review-card>div.review-stage{height:300px}
 .review-grid-series h3{font-size:28px}
}
@media(max-width:600px){
 .review-grid-series{grid-template-columns:1fr}
}

/* ---------- search layer (Claude, 2026-11-07) ----------
   .h1-kw: the keyword line inside each H1 (seo_content.apply_h1); .h1-kicker: the home hero eyebrow, now part of the H1;
   .reader-guide: the guide at the foot of every page; .review-transcript: the full text of each editorial review. */
.h1-kw{display:block;font:500 clamp(12px,.95vw,15px)/1.5 var(--sans);letter-spacing:.06em;text-transform:none;margin:0 0 .85em;opacity:.84;max-width:760px}
.h1-kw-after{margin:.8em 0 0}
.hero h1>.h1-kicker{display:block;color:var(--gold);font:500 10px/1.6 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin-bottom:27px}
.hero[data-worlds] h1>.h1-kicker{color:var(--accent)}
@media (max-width:600px){.hero h1>.h1-kicker{font-size:8px;letter-spacing:.13em;margin-bottom:23px;max-width:290px}}
@media (max-width:370px){.hero h1>.h1-kicker{font-size:7px}}
.reader-guide .prose>h2:not(#reader-guide-title){margin-top:60px}
.reader-guide .guide-summary{font-size:19px;line-height:1.7;color:#16332b;border-left:2px solid #b08a45;padding-left:18px;margin:0 0 26px}
.reader-guide .guide-faq h3{font-size:25px;margin:30px 0 8px}
.reader-guide ul,.reader-guide ol{margin:0 0 20px;padding-left:1.25em}
.reader-guide li{font-size:17px;line-height:1.7;color:#243f36;margin:0 0 8px}
.reader-guide li a,.reader-guide p a{color:#1a4034;border-bottom:1px solid #b08a45}
.reader-guide .guide-sources li,.reader-guide .guide-related li{font-size:15px}
.reader-guide .guide-cite{margin:0 0 20px;font-size:14px;line-height:1.7;color:#35514a}
.reader-guide .guide-cite dt{font:600 10px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#77664a;margin-top:14px}
.reader-guide .guide-cite dd{margin:3px 0 0;overflow-wrap:anywhere}
.reader-guide .guide-machine{font-size:14px;color:#4e6658;overflow-wrap:anywhere}
.review-transcript{max-width:760px;margin:46px auto 56px}
.review-transcript h2{font-size:clamp(30px,3.2vw,44px);margin:0 0 10px}
.review-transcript .review-byline{font:500 11px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#77664a;margin:0 0 26px}
.review-transcript h3{font-size:26px;margin:30px 0 10px}
.review-transcript p{font-size:17px;line-height:1.8;color:#243f36;margin:0 0 16px}
.review-transcript ul{margin:0 0 18px;padding-left:1.2em}
.review-transcript li{font-size:17px;line-height:1.7;color:#243f36;margin:0 0 6px}

/* ---------- IngramSpark buying (Claude, 2026-11-07): each edition tile links to its IngramSpark Buy Now page ---------- */
a.buy-format{text-decoration:none;color:inherit;transition:border-color .2s,background .2s}
a.buy-format:hover{border-color:#997540;background:#f4ecdc}
a.buy-format:focus-visible{outline:2px solid #ae7839;outline-offset:3px}
.buy-format em{display:block;font-style:normal;font-size:10px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-top:7px;padding:7px 4px}
a.buy-format em{background:var(--gold);color:#122b2a}
a.buy-format:hover em{background:#e6cd96}
.buy-format.is-pending{cursor:default}
.buy-format.is-pending em{border:1px dashed var(--line);color:#78684a;letter-spacing:.04em;text-transform:none;font-size:11px}
.buy-note{margin:0;font-size:11px;line-height:1.5;color:inherit;opacity:.75}
.buy-box.on-dark a.buy-format:hover{border-color:var(--gold);background:rgba(9,26,27,.65)}
.buy-box.on-dark a.buy-format em{background:#f7f4ec;color:#122b2a}
.buy-box.on-dark a.buy-format:hover em{background:#fff}
.buy-box.on-dark .buy-format.is-pending em{border-color:rgba(217,187,128,.55);color:#d8c69e}
.buy-box.on-dark .buy-note{color:#d8c69e}
.search-add{text-decoration:none}
/* Independently animated photographic worlds, with a static fallback underneath. */
.living-scene{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:#102b2b;contain:strict}
.scene-still,.scene-surface,.scene-life,.scene-vignette,.scene-grain{position:absolute;inset:0;width:100%;height:100%}
.scene-still{background-position:center;background-size:cover}
.scene-coast .scene-still{background-image:url('/assets/scene-coast.webp')}
.scene-wind .scene-still{background-position:84% center;background-image:url('/assets/world-of-wind-clean.webp')}
.scene-desert .scene-still{background-image:url('/assets/scene-desert.webp')}
.scene-city .scene-still{background-image:url('/assets/scene-city.webp')}
.scene-surface{opacity:0;transition:opacity 1.4s}
.scene-surface.ready{opacity:1}
.scene-life{z-index:1}
.scene-vignette{z-index:2;background:linear-gradient(90deg,#041b1c77 0%,#061d1d26 48%,#041a1a05 75%),linear-gradient(0deg,#04171970,transparent 70%)}
.scene-grain{z-index:3;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:screen}
.scene-motion-toggle{font-family:Arial,sans-serif;font-size:18px;opacity:.8}
.cinematic-page.light-header .site-header{color:var(--paper);border-bottom-color:#ffffff2c}
.cinematic-page.light-header .brand-monogram{color:var(--gold)}
.cinematic-page.light-header .list-link span{border-color:#ffffff40}
.hero .hero-shade{background:linear-gradient(90deg,#04191b6b,transparent 75%),linear-gradient(0deg,#051a1c77,transparent 55%)}
.hero-catalog{position:absolute;right:6.5vw;bottom:115px;width:355px;color:var(--paper)}
.hero-catalog>.eyebrow{font-size:8px;color:var(--gold);letter-spacing:.14em;display:block;text-align:center;margin-bottom:25px}
.hero-catalog-covers{display:flex;gap:16px;align-items:flex-end;justify-content:center;padding:0 10px}
.hero-catalog-covers a{display:block;width:100px;flex-shrink:0;box-shadow:9px 14px 25px #0007;transform:perspective(700px) rotateY(-10deg);transition:transform .5s;animation:cover-breathe 7s ease-in-out infinite alternate}
.hero-catalog-covers a:nth-child(2){width:113px;animation-delay:-2.5s}
.hero-catalog-covers a:nth-child(3){animation-delay:-5s}
.hero-catalog-covers a:hover{transform:perspective(700px) rotateY(0) translateY(-10px);animation-play-state:paused}
.hero-catalog-covers img{width:100%;height:auto}
.hero-catalog-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin:22px 9px 0;padding-bottom:10px;border-bottom:1px solid #ffffff45}
@keyframes cover-breathe{to{transform:perspective(700px) rotateY(-5deg) translateY(-5px)}}
html[data-scene-motion=paused] .hero-catalog-covers a,html[data-scene-motion=paused] .intro-book-art img{animation-play-state:paused}
.page-intro.animated-intro{position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:var(--deep);min-height:635px;padding-top:200px;padding-bottom:85px;border-bottom:0}
.animated-intro>.eyebrow{color:var(--gold);position:relative;font-size:10px}
.animated-intro>h1{position:relative;z-index:2;text-shadow:0 2px 25px #00151330;max-width:1000px}
.animated-intro>h1 em{color:#e6d0a6}
.page-intro.animated-intro>p:last-of-type{position:relative;color:#c6d2c7;font-size:14px;max-width:570px;z-index:2}
.animated-intro:has(.intro-book-art)>h1{max-width:760px;font-size:clamp(60px,6.8vw,100px)}
.intro-book-art{position:absolute;right:7vw;top:50%;width:280px;height:300px;z-index:1;perspective:1000px;display:flex;align-items:center;justify-content:center}
.intro-book-art img{position:absolute;width:152px;height:228px;object-fit:cover;box-shadow:15px 18px 25px #0007}
.intro-book-art img:nth-child(1){transform:translate(-67px,-25px) rotate(-13deg);opacity:.8;animation:cover-side-breathe 8s ease-in-out infinite alternate}
.intro-book-art img:nth-child(2){transform:translate(70px,-5px) rotate(13deg);opacity:.85}
.intro-book-art img:nth-child(3){transform:translateY(23px) rotateY(-10deg);z-index:2}
@keyframes cover-side-breathe{to{transform:translate(-72px,-31px) rotate(-15deg)}}
.animated-book-detail{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:var(--paper)}
.animated-book-detail .scene-vignette{background:linear-gradient(90deg,#031a1a55,#031a1a99),linear-gradient(0deg,#051a1b,transparent 50%)}
.animated-book-detail .breadcrumb{color:#d0d5c4}
.animated-book-detail .detail-copy>.eyebrow,.animated-book-detail .detail-facts span{color:var(--gold)}
.animated-book-detail .detail-tagline{color:#c9d3c5}
.animated-book-detail .byline,.animated-book-detail .cover-caption{color:#b8c8ba}
.animated-book-detail .detail-facts,.animated-book-detail .detail-facts>div{border-color:#ffffff2b}
.animated-book-detail .detail-actions>.button{background:var(--gold);color:var(--deep)}
.animated-book-detail .cover-halo{background:radial-gradient(ellipse,#d3b57a25,transparent 70%)}
.animated-book-detail .detail-cover>img{box-shadow:20px 30px 45px #0009}
.animated-book-detail .dark-play .play-circle{border-color:#ffffff60}
.cinema-section .living-scene{z-index:-3}
.folio-page .animated-intro{min-height:465px;padding-top:180px;padding-bottom:60px}
.folio-page .animated-intro h1{font-size:clamp(53px,5.7vw,85px);max-width:1000px}
.folio-page .animated-intro>p:last-of-type{max-width:630px;font-size:13px}
.folio-page .portfolio-toolbar{background:#e8e3d7}
.folio-workbench{position:relative;background:radial-gradient(ellipse at 50% 45%,#33534b 0%,#153632 45%,#0b2525 85%);color:var(--paper);padding:65px 6vw 35px;isolation:isolate;scroll-margin-top:15px}
.folio-heading{max-width:1120px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.folio-heading .eyebrow{color:var(--gold);font-size:9px}
.folio-heading h2{font-size:49px;margin-top:18px}
.folio-heading h2 em{color:#d8c69e}
.folio-heading>p{font-size:12px;line-height:1.9;color:#b5c7b8;padding-bottom:5px}
.folio-toolbar{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;padding:16px 0}
.folio-mode-tabs{display:flex;gap:7px;flex-wrap:wrap}
.folio-mode-tabs button{font-size:10px;padding:10px 15px;border:1px solid transparent;transition:background .2s}
.folio-mode-tabs button[aria-pressed=true]{border-color:#d9bb8077;background:#d9bb8012;color:var(--gold)}
.folio-mode-tabs button:hover{background:#ffffff0b}
.folio-expand{font-size:10px;white-space:nowrap;color:#d4d9c8;padding:10px}
.folio-theatre{height:clamp(400px,calc(100svh - 370px),655px);max-width:1080px;margin:38px auto 0;outline-offset:8px;position:relative;filter:drop-shadow(0 22px 25px #00161466)}
.folio-book-host{width:100%;height:100%;margin:auto;opacity:0;transition:opacity .6s;touch-action:pan-y}
[data-reader-ready=true] .folio-book-host{opacity:1}
.folio-leaf{background:#f3efe3;color:#263b32;overflow:hidden;border:1px solid #dbd1b7}
.folio-page-content{width:100%;height:100%;display:flex;flex-direction:column;padding:31px 29px 22px;background:linear-gradient(90deg,#e2d9c514,#fffdf655 12%,#f5efdf55 90%,#c6bda42b);overflow:hidden}
.folio-running-head{font-size:7px;letter-spacing:.05em;line-height:1.5;text-transform:uppercase;color:#8c8c73;border-bottom:1px solid #a3977244;padding-bottom:12px;display:flex;justify-content:space-between;gap:12px;margin-bottom:19px}
.folio-running-head>span{font-size:6px;text-align:right;max-width:125px}
.folio-page-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a7976f transparent}
.folio-page-body h3{font-size:22px;line-height:1.15;margin:0 0 15px;letter-spacing:-.015em}
.folio-page-body p{font:14px/1.63 var(--serif);margin:0 0 12px}
.folio-page-footer{font-size:7px;letter-spacing:.09em;display:flex;justify-content:space-between;border-top:1px solid #a3977244;padding-top:11px;margin-top:16px;color:#8b876b}
.folio-cover{background:#102e2b;color:var(--gold);border:1px solid #b79b5d}
.folio-cover-inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:23px 0 20px;box-shadow:inset 0 0 0 10px #102e2b,inset 0 0 0 11px #a08b5855;background:linear-gradient(105deg,#071c1c,#23433a 25%,#0d2725 95%)}
.folio-cover-inner img{max-width:83%;height:82%;width:auto;object-fit:contain;box-shadow:8px 12px 18px #00171299}
.folio-cover-kicker,.folio-cover-name{font-size:8px;letter-spacing:.16em;text-align:center}
.folio-title-page{align-items:center;justify-content:center;text-align:center}
.folio-title-page>.eyebrow{font-size:8px;letter-spacing:.17em;color:#8e794d}
.folio-author{font:26px/1.15 var(--serif);margin:20px 0}
.folio-rule{display:block;background:#ad9867;width:35px;height:1px;margin:15px 0 30px}
.folio-title-page h2{font-size:39px;line-height:1.06;max-width:300px}
.folio-title-note{font:italic 17px/1.5 var(--serif);color:#8c876e;margin-top:25px}
.folio-imprint{font-size:6px;letter-spacing:.12em;margin-top:40px;color:#948b70}
.folio-back .folio-page-content{align-items:center;justify-content:center;background:#102e2b;color:#e6d1a1;text-align:center}
.folio-back-monogram{font:100px/1 var(--serif);color:#bfa46e;margin-bottom:30px}
.folio-back h2{font-size:38px;line-height:1.1;max-width:300px}
.folio-back p{font:21px var(--serif);margin:30px 0 50px}
.folio-back .eyebrow{font-size:7px}
.folio-navigation{max-width:1040px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px auto 13px}
.folio-navigation button{font-size:11px;padding:12px 18px;border:1px solid #ffffff32;min-width:114px;transition:border-color .2s}
.folio-navigation button:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}
.folio-navigation button:disabled{opacity:.25;cursor:default}
.folio-page-status{font-size:9px;letter-spacing:.1em;color:#d4d2bc;text-align:center}
.folio-progress{max-width:1040px;height:1px;background:#ffffff22;margin:auto}
.folio-progress span{height:1px;display:block;background:var(--gold);width:0;transition:width .4s}
.folio-hint{text-align:center;font-size:7px;letter-spacing:.16em;color:#90aa99;margin-top:23px}
.folio-source-caption{max-width:670px;text-align:center;font-size:10px;line-height:1.9;color:#9fb3a2;margin:30px auto 0}
.folio-original-panel{max-width:1120px;height:720px;margin:30px auto 0;border:1px solid #ffffff24;background:#0a2222}
.folio-original-consent{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}
.folio-original-consent h3{font-size:48px;color:#dfc796}
.folio-original-consent p{max-width:500px;font-size:13px;line-height:1.9;color:#b3c3b5;margin:27px 0}
.folio-original-panel iframe{width:100%;height:100%;border:0;display:block}
.folio-workbench:fullscreen,.folio-expanded{width:100%;height:100%;overflow:auto;padding:25px 4vw;background:#0b2926}
.folio-workbench:fullscreen .folio-heading,.folio-expanded .folio-heading{margin-bottom:20px}
.folio-workbench:fullscreen .folio-heading h2,.folio-expanded .folio-heading h2{font-size:30px}
.folio-workbench:fullscreen .folio-heading h2 br,.folio-expanded .folio-heading h2 br{display:none}
.folio-workbench:fullscreen .folio-theatre,.folio-expanded .folio-theatre{height:calc(100vh - 270px);min-height:360px;margin-top:20px}
.folio-workbench:fullscreen .folio-source-caption,.folio-expanded .folio-source-caption{display:none}
.folio-expanded{position:fixed;inset:0;z-index:200}
.folio-page .portfolio-reader[hidden]{display:none}
html:not(.js):not(.js-early) .folio-workbench{display:none}
@media(max-width:1150px){.intro-book-art{right:5vw;width:230px}.intro-book-art img{width:126px;height:189px}.intro-book-art img:nth-child(1){transform:translate(-55px,-25px) rotate(-13deg)}.intro-book-art img:nth-child(2){transform:translate(55px,-5px) rotate(13deg)}.animated-intro:has(.intro-book-art)>h1{max-width:680px}.hero-catalog{width:300px;right:5vw;bottom:100px}.hero-catalog-covers{gap:13px}.hero-catalog-covers a{width:84px}.hero-catalog-covers a:nth-child(2){width:94px}.hero-catalog-caption{font-size:9px}.hero-catalog>.eyebrow{font-size:7px}.folio-theatre{height:600px}}
@media(max-width:1000px){.intro-book-art{display:none}.animated-intro:has(.intro-book-art)>h1{max-width:900px;font-size:clamp(60px,7.2vw,100px)}}
@media(max-width:900px){.page-intro.animated-intro{min-height:600px;padding-top:175px}.hero-catalog{bottom:105px;width:330px;right:7vw}.hero-catalog-covers a{width:92px}.hero-catalog-covers a:nth-child(2){width:103px}.folio-workbench{padding:50px 5vw 30px}.folio-heading h2{font-size:43px}.folio-heading>p{font-size:11px}.folio-theatre{height:560px}.folio-running-head{font-size:6px}.folio-page-content{padding:26px 24px 20px}.folio-page-body p{font-size:13px;line-height:1.58}.folio-page-body h3{font-size:21px}.folio-title-page h2{font-size:34px}.folio-mode-tabs button{font-size:9px;padding:10px 12px}.folio-original-panel{height:640px}}
@media(max-width:600px){.hero{min-height:990px}.hero-catalog{left:7vw;right:auto;bottom:90px;width:85%}.hero-catalog>.eyebrow{text-align:left;font-size:7px;margin-bottom:18px}.hero-catalog-covers{justify-content:flex-start;padding:0;gap:16px}.hero-catalog-covers a{width:69px}.hero-catalog-covers a:nth-child(2){width:78px}.hero-catalog-caption{margin:17px 0 0;max-width:285px;font-size:9px}.hero-content{padding-top:150px}.hero-description{margin:22px 0 24px}.hero-actions{gap:17px}.hero-actions .play-link{font-size:9px}.page-intro.animated-intro{min-height:570px;padding-top:160px;padding-bottom:60px}.animated-intro>.eyebrow{font-size:8px}.page-intro.animated-intro>p:last-of-type{font-size:12px;max-width:330px}.animated-intro:has(.intro-book-art)>h1{font-size:59px}.folio-page .animated-intro{min-height:420px;padding-top:145px;padding-bottom:45px}.folio-page .animated-intro h1{font-size:49px}.folio-page .animated-intro>p:last-of-type{font-size:11px}.scene-motion-toggle{font-size:16px}.folio-workbench{padding:45px 5vw 28px}.folio-heading{display:block;margin-bottom:25px}.folio-heading h2{font-size:42px}.folio-heading>p{margin-top:20px;font-size:11px}.folio-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap;padding:15px 0 10px}.folio-mode-tabs{gap:2px;width:100%;justify-content:space-between}.folio-mode-tabs button{padding:10px;font-size:8px;letter-spacing:.015em}.folio-expand{font-size:9px;padding:7px 0}.folio-theatre{height:490px;margin-top:22px;max-width:365px}.folio-page-content{padding:25px 23px 17px}.folio-page-body p{font-size:12.5px;line-height:1.58;margin-bottom:10px}.folio-page-body h3{font-size:20px;margin-bottom:12px}.folio-running-head{font-size:6px;margin-bottom:15px;padding-bottom:10px}.folio-running-head>span{font-size:5px;max-width:95px}.folio-page-footer{font-size:6px;margin-top:10px}.folio-title-page h2{font-size:31px}.folio-author{font-size:25px}.folio-title-note{font-size:16px}.folio-cover-kicker,.folio-cover-name{font-size:7px}.folio-imprint{font-size:5px}.folio-navigation{gap:10px;margin-top:15px}.folio-navigation button{font-size:9px;padding:11px;min-width:88px}.folio-page-status{font-size:8px;letter-spacing:.03em}.folio-hint{font-size:6px;letter-spacing:.1em}.folio-source-caption{font-size:9px;margin-top:24px}.folio-original-panel{height:580px;margin-top:23px}.folio-original-consent{padding:25px}.folio-original-consent h3{font-size:38px}.folio-original-consent p{font-size:11px;margin:23px 0}.folio-workbench:fullscreen .folio-heading>p{display:none}.folio-workbench:fullscreen .folio-heading h2{font-size:28px}.folio-workbench:fullscreen .folio-theatre{height:calc(100dvh - 285px);min-height:330px}.animated-book-detail .detail-facts>div{font-size:10px}}
@media(max-width:370px){.hero{min-height:1020px}.folio-theatre{height:430px}.folio-mode-tabs button{font-size:7px;padding:9px 7px}.folio-page-content{padding:20px 18px 15px}.folio-page-body p{font-size:11.5px}.folio-title-page h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-catalog-covers a,.intro-book-art img{animation:none}.folio-progress span{transition:none}}
html:has(body.folio-page){scroll-padding-top:15px}
@media(max-width:600px){.folio-workbench{padding-top:28px}.folio-heading{margin-bottom:20px}.folio-heading h2{font-size:29px;line-height:1.05;margin-top:12px}.folio-heading h2 br{display:none}.folio-heading>p{display:none}.folio-toolbar{flex-wrap:nowrap;align-items:center;gap:5px;padding:12px 0}.folio-mode-tabs{width:auto;justify-content:flex-start;flex:1;gap:1px}.folio-mode-tabs button{font-size:8px;padding:9px 8px}.folio-expand{width:24px;font-size:0;flex-shrink:0;padding:8px 0}.folio-expand:after{content:'↗';font-size:15px}.folio-theatre{height:430px;margin-top:22px}.folio-source-caption{font-size:8px}.folio-hint{font-size:6px}}
@media(max-width:370px){.folio-mode-tabs button{font-size:7px;padding:8px 6px}.folio-heading h2{font-size:27px}.folio-theatre{height:410px}}

/* Two large editorial worlds, each with all three volumes in reading order. */
.hero-world-label{position:absolute;right:6vw;bottom:112px;width:355px;padding:19px 0;color:var(--paper);border-top:1px solid #d7c79e60;border-bottom:1px solid #d7c79e35}
.hero-world-label>.eyebrow{color:var(--gold);font-size:8px;display:block;margin-bottom:12px;letter-spacing:.12em}
.hero-world-label>span:last-child{font-size:11px;display:flex;justify-content:space-between;gap:20px;line-height:1.5}
#worlds{padding-bottom:65px}
#worlds .section-heading{margin-bottom:0}
.saga-feature{position:relative;isolation:isolate;overflow:hidden;min-height:900px;padding:120px 7vw 115px;display:grid;grid-template-columns:1fr 1.13fr;align-items:center;gap:7vw;color:var(--paper);background:#0c2524}
.saga-feature .scene-vignette{background:linear-gradient(90deg,#031719cf,#051a1a66 45%,#071b1b44),linear-gradient(0deg,#041a1bd9,transparent 65%)}
.saga-scorpion .scene-vignette{background:linear-gradient(90deg,#171d1ce8,#24292355 70%),linear-gradient(0deg,#0b2222f0,transparent 80%)}
.saga-copy{position:relative;z-index:3}
.saga-copy>.eyebrow{font-size:9px;letter-spacing:.15em;color:var(--gold)}
.saga-copy h2{font-size:clamp(55px,5.6vw,91px);line-height:1.02;margin:28px 0 30px;letter-spacing:-.045em}
.saga-copy h2 em{color:#e1c692}
.saga-copy>p{font-size:13px;line-height:1.95;color:#c5d1c4;max-width:425px;margin-bottom:32px}
.saga-copy>.button{font-size:10px;min-width:200px}
.saga-copy>.text-link{display:block;font-size:10px;margin-top:24px;width:fit-content}
.saga-shelf{position:relative;z-index:3;padding-top:150px;transform:translateY(var(--chapter-depth,0px));transition:opacity .7s;min-width:0}
.js .saga-shelf.reveal.visible{transform:translateY(var(--chapter-depth,0px));transition:opacity .8s}
.saga-shelf-label{display:block;font-size:8px;color:#c2c9b6;letter-spacing:.12em;border-bottom:1px solid #ffffff33;padding-bottom:17px;margin-bottom:35px}
.saga-volumes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start;perspective:1600px}
.saga-volume{display:block;min-width:0}
.saga-volume:nth-child(2){padding-top:35px}.saga-volume:nth-child(3){padding-top:70px}
.saga-cover{display:block;box-shadow:12px 15px 24px #0007;transform:rotateY(-10deg);transform-origin:left;transition:transform .6s;position:relative}
.saga-cover:after{content:'';position:absolute;inset:0;box-shadow:inset 5px 0 8px #0004;border:1px solid #ffffff25;pointer-events:none}
.saga-cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.saga-volume:hover .saga-cover{transform:rotateY(-2deg) translateY(-12px)}
.saga-volume-no{display:block;color:#c6b480;font-size:8px;letter-spacing:.12em;margin:25px 0 10px}
.saga-volume h3{font-size:23px;line-height:1.1;letter-spacing:-.02em}
.saga-watermark::before{content:attr(data-mark)}.saga-watermark{font-family:var(--serif);position:absolute;font-size:320px;right:2vw;bottom:-50px;line-height:1;color:#fff;opacity:.035;z-index:0;pointer-events:none}
.collection-bridge{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 7vw;background:#0b2525;color:#e2decf;border-top:1px solid #ffffff25}
.collection-bridge p{font-size:13px;line-height:1.8}.collection-bridge p span{display:block;color:#9fb5a5;font-size:11px}.collection-bridge .text-link{font-size:11px;white-space:nowrap;color:var(--gold)}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.discovery-grid>a{border-top:1px solid #123c3c55;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .4s}
.discovery-grid>a:hover{transform:translateY(-6px)}
.discovery-grid>a>span{font-size:8px;letter-spacing:.1em;color:#627360}
.discovery-grid h3{font-size:clamp(30px,3vw,46px);line-height:1.07;margin:26px 0 21px;letter-spacing:-.025em}
.discovery-grid p{font-size:12px;line-height:1.9;color:#566c5b;max-width:290px;margin-bottom:28px}
.discovery-grid b{font-weight:400;font-size:11px;margin-top:auto;border-bottom:1px solid #213f3d66;padding-bottom:10px}
.film-context>h2{margin:25px 0;font-size:clamp(45px,5.4vw,80px)}.film-context>p{font-size:14px;line-height:1.9;max-width:670px;color:#566b5a}.film-world-links{display:flex;gap:15px;margin-top:35px}
.living-scene{inset:0;transform:none;will-change:auto}
.folio-dormant{position:absolute;left:6vw;right:6vw;visibility:hidden;pointer-events:none;top:200px}
.folio-book-host>.stf__wrapper{height:100%;padding-bottom:0!important}
.folio-navigation{position:relative;z-index:5}
.series-jump-links{display:flex;gap:45px;justify-content:center;flex-wrap:wrap;padding:24px 6vw;background:#0b2525;color:#cbb88f;border-top:1px solid #ffffff28}
.series-jump-links a{font-size:10px;line-height:1.8}
.series-deep-guide{display:grid;grid-template-columns:1fr 1fr;gap:65px 7vw}.series-deep-guide h2{font-size:clamp(45px,5vw,75px);margin:27px 0 35px}.series-deep-guide .prose{font-size:13px;line-height:2;color:#4e6658}.series-deep-guide .prose .large-copy{font-size:19px;color:#234338;line-height:1.7}.series-timeline{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:25px}.series-timeline>div{border-top:1px solid #36534755;padding-top:25px}.series-timeline span{font-size:8px;letter-spacing:.1em;color:#6f684c}.series-timeline h3{font-size:28px;margin:20px 0 14px}.series-timeline p{font-size:12px;line-height:1.9;color:#566e5d}.series-order-note{font-size:10px;line-height:1.7;max-width:400px;color:inherit;opacity:.7;margin-top:18px}.series-block .chapter-copy p{max-width:640px}.story-continuation{padding:60px 8vw;background:#173832;color:#d8decc}.story-continuation h3{font-size:38px;margin:22px 0}.story-continuation h3 em{color:#d9bd85}.story-continuation>p{font-size:12px;color:#aec1ac;line-height:1.9;max-width:500px;margin:20px 0}.story-continuation>a{color:#e0c58f;font-size:11px}
@media(max-width:700px){.series-jump-links{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:25px 7vw}.series-jump-links a{font-size:9px}.series-deep-guide{grid-template-columns:1fr;gap:35px}.series-deep-guide .prose .large-copy{font-size:17px}.series-deep-guide h2{margin-bottom:28px}.series-timeline{grid-column:1;grid-template-columns:1fr;gap:30px;padding-top:5px}.series-timeline h3{font-size:28px;margin:15px 0 12px}.series-timeline p{font-size:12px}.story-continuation h3{font-size:33px}}
.site-footer.footer-redesign{padding:75px 6vw 0;background:#071e20;color:#cbd2c3}
.footer-main{display:grid;grid-template-columns:1fr 3fr;gap:6vw;padding-bottom:65px}
.footer-wordmark{display:block;font-family:var(--serif);font-size:36px;line-height:1.07;color:var(--paper);letter-spacing:-.03em}.footer-wordmark em{color:#d9bf8e;font-style:italic;font-size:47px}
.footer-wordmark>span{display:block;font-family:var(--sans);font-size:6px;letter-spacing:.14em;color:#94aa9a;margin-top:20px;line-height:1.8}
.footer-identity>p{font-size:11px;line-height:1.9;color:#8fa699;margin:25px 0 23px}.footer-identity>.text-link{font-size:10px;color:#d9bf8e}
.footer-navigation{display:grid;grid-template-columns:1fr 1.1fr 1.3fr 1fr;gap:25px}
.footer-navigation>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-navigation h2{font-family:var(--sans);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);line-height:1.5;margin:3px 0 10px}
.footer-navigation a{font-size:12px;line-height:1.7;color:#afc0b2;transition:color .2s}.footer-navigation a:hover{color:var(--paper)}.footer-navigation .footer-guide{color:#e0cfab;margin-top:8px}
.footer-colophon{padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff20;color:#91aa9c;font-size:9px;line-height:1.8;letter-spacing:.025em}.footer-colophon b{font-weight:400;color:#b4c4b5}.footer-colophon>a{color:#afc0b2}
@media(min-width:1800px){.saga-feature{min-height:1050px}.saga-copy h2{font-size:110px}.saga-copy>p{font-size:15px}.saga-volume h3{font-size:30px}.saga-volumes{gap:35px}.footer-navigation a{font-size:12px}.footer-navigation h2{font-size:10px}}
@media(max-width:1100px){.saga-feature{gap:5vw;padding:90px 6vw;min-height:780px;grid-template-columns:.9fr 1.1fr}.saga-copy h2{font-size:62px}.saga-volumes{gap:15px}.saga-volume h3{font-size:20px}.saga-shelf-label{font-size:6px}.footer-main{grid-template-columns:1fr;gap:45px}.footer-identity{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:40px}.footer-identity>p{margin:0 0 15px}.footer-identity>.text-link{grid-column:2}.footer-wordmark{grid-row:1/3}.footer-navigation{gap:25px}}
@media(max-width:700px){.hero-world-label{right:6vw;left:6vw;width:auto;bottom:115px}.hero .scene-still,.scene-wind .scene-still{background-position:84% center}.hero{min-height:930px}.hero-world-label>span:last-child{font-size:10px}.hero-world-label>.eyebrow{font-size:7px}#worlds{padding-bottom:50px}.saga-feature{display:block;padding:75px 7vw 70px;min-height:0}.saga-copy h2{font-size:67px;margin:25px 0}.saga-copy>p{font-size:12px;max-width:390px}.saga-copy>.eyebrow{font-size:8px}.saga-shelf{padding-top:60px}.saga-shelf-label{font-size:6px;margin-bottom:25px}.saga-volumes{gap:18px}.saga-volume h3{font-size:19px}.saga-volume-no{font-size:6px;margin:18px 0 10px}.saga-volume:nth-child(2){padding-top:23px}.saga-volume:nth-child(3){padding-top:46px}.saga-watermark{font-size:240px;bottom:-35px}.collection-bridge{display:block;padding:30px 7vw}.collection-bridge p{font-size:12px}.collection-bridge p span{font-size:10px;margin:7px 0 22px}.collection-bridge .text-link{font-size:10px}.discovery-grid{grid-template-columns:1fr;gap:36px}.discovery-grid>a{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.discovery-grid>a>span{grid-column:1/3;font-size:7px}.discovery-grid h3{font-size:33px;margin:23px 0}.discovery-grid p{font-size:12px;margin:23px 0}.discovery-grid b{font-size:10px;grid-column:1/3}.film-context>p{font-size:12px}.film-world-links{flex-direction:column;align-items:flex-start}.footer-main{padding-bottom:40px}.site-footer.footer-redesign{padding-top:50px}.footer-identity{display:block}.footer-wordmark{font-size:34px}.footer-wordmark em{font-size:47px}.footer-wordmark>span{font-size:6px}.footer-identity>p{margin:23px 0 18px}.footer-navigation{grid-template-columns:1fr 1fr;gap:35px 23px}.footer-navigation>div{gap:12px}.footer-navigation h2{font-size:8px;margin-bottom:6px}.footer-navigation a{font-size:11px}.footer-colophon{display:grid;grid-template-columns:1fr auto;font-size:8px;padding:22px 0;gap:14px}.footer-colophon>span:nth-child(2){grid-column:1;grid-row:2}.footer-colophon>a{grid-column:2;grid-row:1/3}.folio-dormant{left:5vw;right:5vw}}
@media(max-width:370px){.saga-copy h2{font-size:58px}.saga-volume h3{font-size:16px}.saga-volumes{gap:13px}.hero-world-label>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.living-scene{transform:none;will-change:auto}.saga-shelf,.js .saga-shelf.reveal.visible{transform:none}.saga-cover,.discovery-grid>a{transition:none}}

/* The open book fills the screen under the header. The note sits in the heading, and the controls sit under the pages. */
.folio-scan{background:#f4efe4}
.folio-scan img{width:100%;height:100%;object-fit:contain;pointer-events:none;background:#f4efe4}
#book-reader{--folio-offset:clamp(86px,7vw,118px);scroll-margin-top:var(--folio-offset)}
.folio-workbench{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:calc(100svh - var(--folio-offset) - 16px);max-height:calc(100svh - var(--folio-offset) - 16px);padding:14px 4vw 12px;overflow:hidden;box-sizing:border-box}
.folio-heading{max-width:none;width:100%;margin:0;align-items:start;gap:24px}
.folio-heading>div:first-child{flex:1 1 auto;min-width:0}
.folio-heading h2{font-size:clamp(26px,2.4vw,40px);line-height:1.05;margin-top:4px}
.folio-note{flex:0 1 22rem;min-width:0;text-align:right}
.folio-note .eyebrow{color:var(--gold);font-size:11px}
.folio-note-title{font-family:var(--serif);font-size:clamp(18px,1.4vw,26px);line-height:1.15;color:#f7f1e4;margin:4px 0 6px}
.folio-note p{font-size:14px;line-height:1.45;color:#d7e0d4}
.folio-note .folio-side-count{margin-top:6px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#d8c69e}
.folio-layout{flex:1;min-height:0;width:100%;margin:0;display:flex}
.folio-native-panel{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.folio-theatre{flex:0 0 auto;min-height:0;max-width:100%;margin:0 auto;overflow:hidden}
.folio-navigation{max-width:none;width:100%;margin:0}
.folio-progress{max-width:none;width:100%}
.folio-toolbar{position:static;top:auto;max-width:none;width:100%;margin:0;padding:8px 0 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid #ffffff29;border-bottom:0}
.folio-mode-tabs button{font-size:14px;padding:8px 14px}
.folio-navigation button,.folio-page-status,.folio-expand{font-size:14px}
.folio-workbench[data-mode="text"]{min-height:0;max-height:none;overflow:visible}
.folio-workbench[data-mode="text"] .folio-layout{display:none}
.folio-workbench:fullscreen,.folio-expanded{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:100%;max-height:none;overflow:hidden;padding:12px 3vw}
.folio-workbench:fullscreen .folio-heading,.folio-expanded .folio-heading{margin:0}
.folio-workbench:fullscreen .folio-heading h2,.folio-expanded .folio-heading h2{font-size:28px}
.folio-workbench:fullscreen .folio-theatre,.folio-expanded .folio-theatre{height:100%;min-height:0;margin:0}
@media (max-width:800px){
  .folio-heading{display:block}
  .folio-note{max-width:none;text-align:left;margin-top:8px}
  .folio-note p{font-size:13px}
}
@media (min-width:1000px){
  .animated-intro>.eyebrow,
  .hero-catalog>.eyebrow,
  .hero-world-label>.eyebrow,
  .saga-copy>.eyebrow{font-size:clamp(12px,.8vw,14px)}
  .hero-side,.hero-bottom,.genre-strip{font-size:clamp(11px,.75vw,13px)}
}
.library-essay{padding:72px 8vw 96px;content-visibility:auto;contain-intrinsic-size:auto 980px}
.library-essay .prose{max-width:740px}
.library-essay .prose h2{font-size:clamp(36px,4vw,58px);margin:10px 0 22px}
.library-essay .prose h3{font-size:28px;margin:32px 0 12px}
.library-essay .prose p{margin:0 0 18px;font-size:17px;line-height:1.75;color:#243f36}
.library-essay .prose a{color:#1a4034;border-bottom:1px solid #b08a45}
.policy-page .prose{max-width:740px}
.policy-page .prose h2{font-size:clamp(32px,3.5vw,48px);margin:8px 0 16px}
.policy-page .prose h3{font-size:26px;margin:28px 0 10px}
.policy-page .prose p,.policy-page .prose li{font-size:17px;line-height:1.75}
.policy-page .prose p{margin:0 0 16px}
.policy-page .prose ul{margin:0 0 18px;padding-left:1.2em}
.policy-page .prose li{margin:0 0 8px}
.policy-page .prose a{color:#1a4034;border-bottom:1px solid #b08a45}
/* Spectacle layer — 3D books, hero featured stage, library ring, 3D trilogies, premiere.
   Loaded after style.css + living.css. Generated markup lives in scripts/spectacle.py. */

/* ---------- 3D book ---------- */
.b3d{--w:180px;--h:calc(var(--w)*1.5);--d:calc(var(--w)*.15);--half-d:calc(var(--d)/2);position:relative;display:block;width:var(--w);height:var(--h);transform-style:preserve-3d}
.b3d>span{position:absolute;display:block;backface-visibility:hidden}
.b3d-f{inset:0;transform:translateZ(var(--half-d));overflow:hidden;border-radius:1px 3px 3px 1px;background:var(--spine)}
.b3d-f img{display:block;width:100%;height:100%;object-fit:cover}
.b3d-f:after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,var(--dim,0)),rgba(0,0,0,var(--dim,0))),linear-gradient(90deg,#0006 0,#0000 3.5%,#fff2 4.5%,#0000 7%),linear-gradient(180deg,#ffffff14,#0000 30%,#0000 70%,#0003);pointer-events:none}
.b3d-sp,.b3d-bk,.b3d-tp,.b3d-bt{box-shadow:inset 0 0 0 999px rgba(0,0,0,var(--dim,0))}
.b3d-sheen{position:absolute;inset:-20% -60%;background:linear-gradient(105deg,#0000 42%,#fff6 50%,#0000 58%);transform:translateX(-70%);animation:b3dSheen 7s ease-in-out infinite;mix-blend-mode:overlay;pointer-events:none}
@keyframes b3dSheen{0%,62%{transform:translateX(-70%)}82%,100%{transform:translateX(70%)}}
.b3d-bk{inset:0;transform:rotateY(180deg) translateZ(var(--half-d));background:linear-gradient(90deg,#000c,#000a),var(--cover) center/cover,var(--spine)}
.b3d-sp{top:0;height:100%;width:var(--d);left:calc(50% - var(--half-d));transform:rotateY(-90deg) translateZ(calc(var(--w)/2));background:linear-gradient(90deg,color-mix(in srgb,var(--spine) 65%,#000),var(--spine) 30%,color-mix(in srgb,var(--spine) 80%,#fff) 55%,var(--spine) 75%,color-mix(in srgb,var(--spine) 60%,#000));display:flex!important;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--d)*.5) 0;overflow:hidden}
.b3d-sp b,.b3d-sp small{writing-mode:vertical-rl;color:#f3e7c9;font-family:var(--serif);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3d-sp b{font-size:calc(var(--d)*.38);max-height:72%;letter-spacing:.02em}
.b3d-sp small{font-family:var(--sans);font-size:calc(var(--d)*.2);letter-spacing:.2em;color:#d9bb80}
.b3d-pg{top:2px;height:calc(100% - 4px);width:calc(var(--d) - 2px);left:calc(50% - var(--half-d) + 1px);transform:rotateY(90deg) translateZ(calc(var(--w)/2 - 2px));background:repeating-linear-gradient(90deg,#f4efe2 0 1px,#d8d0bd 1px 2px),#ece5d4;box-shadow:inset 0 0 0 999px rgba(0,0,0,var(--dim,0)),inset 0 0 6px #0004}
.b3d-tp,.b3d-bt{left:1px;width:calc(100% - 3px);height:calc(var(--d) - 2px);top:calc(50% - var(--half-d) + 1px);background:repeating-linear-gradient(0deg,#f1ebdc 0 1px,#d6cdb8 1px 2px)}
.b3d-tp{transform:rotateX(90deg) translateZ(calc(var(--h)/2 - 1px))}
.b3d-bt{transform:rotateX(-90deg) translateZ(calc(var(--h)/2 - 1px))}

/* ---------- headline: words arrive out of the mist (from the .si builds) ---------- */
/* The spans are in the HTML (build), so this runs from the first paint without waiting for JavaScript.
   Words start as a faint mist (opacity .12) rather than invisible, so the headline is painted at once. */
.hero h1 .word{display:inline-block;opacity:.12;filter:blur(16px);transform:translateY(.32em) rotateX(-55deg);transform-origin:50% 100%;animation:wordIn 1.25s cubic-bezier(.16,.8,.2,1) forwards;animation-delay:calc(var(--wi)*95ms + .25s)}
@keyframes wordIn{to{opacity:1;filter:blur(0);transform:none}}
.hero h1.hero-in{animation:none;opacity:1;transform:none}
.hero h1 em .word{padding-right:.06em}
.hero [data-hero-copy]{transform:none;opacity:1}
.hero .hero-shade{background:linear-gradient(90deg,#03171acc 0%,#04191b80 30%,transparent 58%),linear-gradient(0deg,#051a1caa,transparent 40%)}

/* ---------- hero featured stage ---------- */
.hero-featured{position:absolute;z-index:4;left:52vw;top:150px;width:27vw;max-width:470px;color:var(--paper);perspective:1600px;animation:featIn 1.6s 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes featIn{from{opacity:0;transform:translate3d(60px,30px,0) rotateY(-25deg)}}
.feat-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9bb8055;padding-bottom:12px;font-size:9px;letter-spacing:.18em}
.feat-head .eyebrow{color:var(--gold);font-size:9px;margin:0}
.feat-count{color:#c9d2c8}.feat-count b{color:#fff;font-weight:600}
.hero-featured:before{content:'';position:absolute;inset:-12% -22% -6%;z-index:-2;background:radial-gradient(ellipse 50% 50% at 50% 50%,#03141699 0%,#04161855 45%,transparent 72%);pointer-events:none}
.feat-head{text-shadow:0 1px 10px #000}
.feat-glow{position:absolute;left:50%;top:44%;width:150%;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(circle,#e9c88433 0%,#d9bb8014 32%,transparent 62%);filter:blur(10px);animation:glowBreathe 6s ease-in-out infinite alternate;pointer-events:none;z-index:-1}
@keyframes glowBreathe{to{transform:scale(1.15);opacity:.7}}
.feat-stage{position:relative;height:clamp(420px,calc(12.5vw*1.5 + 190px),560px);transform-style:preserve-3d;margin-top:18px}
.feat-item{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.feat-item[data-pos="0"]{pointer-events:auto}
.feat-book{position:absolute;left:50%;top:6px;display:block;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(.2,.75,.15,1),visibility 1.25s;transform:translateX(-50%) translateZ(-900px) rotateY(80deg);visibility:hidden;--dim:.7}
.feat-book .b3d>span{transition:box-shadow 1s}
.feat-item[data-pos="0"]:before{content:'';position:absolute;left:50%;top:calc(var(--bw)*1.5 + 26px);width:calc(var(--bw)*1.5);height:38px;translate:-50% -50%;background:radial-gradient(closest-side,#000d,transparent);filter:blur(5px);animation:shadowBob 9s ease-in-out infinite}
@keyframes shadowBob{50%{transform:scale(.86);opacity:.7}}
.feat-item[data-pos="0"] .feat-book{transform:translateX(-50%) translateZ(0) rotateY(0);visibility:visible;--dim:0}
.feat-item[data-pos="-1"] .feat-book{transform:translateX(-118%) translateZ(-340px) rotateY(48deg);visibility:visible;--dim:.55}
.feat-item[data-pos="1"] .feat-book{transform:translateX(18%) translateZ(-340px) rotateY(-48deg);visibility:visible;--dim:.55}
.feat-item[data-pos="-2"] .feat-book{transform:translateX(-150%) translateZ(-700px) rotateY(70deg)}
.feat-item[data-pos="2"] .feat-book{transform:translateX(50%) translateZ(-700px) rotateY(-70deg)}
.hero-featured{--bw:clamp(150px,12.5vw,225px)}
.b3d-hero{--w:var(--bw);transform:rotateY(calc(-22deg + var(--tilt-x,0deg))) rotateX(calc(4deg + var(--tilt-y,0deg)));animation:heroBook 9s ease-in-out infinite}
@keyframes heroBook{0%,100%{translate:0 0;rotate:y 0deg}50%{translate:0 -12px;rotate:y 14deg}}
.feat-item:not([data-pos="0"]) .b3d-hero{animation:none}
.feat-copy{position:absolute;left:0;right:0;bottom:0;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}
.feat-item[data-pos="0"] .feat-copy{opacity:1;transform:none;transition-delay:.35s}
.feat-group{display:block;font-size:8px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.feat-copy h2{font-size:clamp(26px,2.3vw,38px);line-height:1.04;margin:9px 0 8px;letter-spacing:-.02em;text-shadow:0 4px 30px #000c}
.feat-copy p{font-size:12px;line-height:1.6;color:#d3dbd3;max-width:330px;margin:0 auto;text-shadow:0 2px 12px #000}
.feat-actions{display:flex;justify-content:center;gap:18px;margin-top:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.feat-link{color:var(--gold)}
.feat-play{background:none;border:1px solid #ffffff55;color:var(--paper);padding:6px 12px;border-radius:30px;font:inherit;letter-spacing:inherit;cursor:pointer}
.feat-play:hover{border-color:var(--gold);color:var(--gold)}
.feat-nav{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px}
.feat-buy{margin-top:8px}
.feat-buy .buy-box{max-width:420px;margin:0 auto}
@media(min-width:1181px){.hero{min-height:1080px}}
.feat-dot{width:24px;height:3px;border:0;padding:0;background:#ffffff45;cursor:pointer;transition:background .3s,width .4s}
.feat-dot[aria-current=true]{background:var(--gold);width:42px}
.feat-arrow{background:none;border:1px solid #ffffff40;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:13px}
.feat-arrow:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:1180px){
  .hero{height:auto;max-height:none;min-height:0;padding-bottom:110px}
  .hero [data-hero-copy],.hero-featured{transform:none;opacity:1}
  .hero>.living-scene{inset:0 0 auto 0;height:min(1000px,118svh);-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
  .hero-featured{position:relative;left:auto;top:auto;width:auto;max-width:640px;margin:-40px 7vw 0 auto}
  .feat-stage{height:440px}
  .hero-featured{--bw:170px}
}
@media(max-width:700px){
  .hero-content{padding-bottom:30px}
  .hero>.living-scene{height:860px}
  .hero-featured{margin:250px 6vw 0;max-width:none}
  .feat-stage{height:400px}
  .hero-featured{--bw:150px}
  .feat-item[data-pos="-1"] .feat-book{transform:translateX(-112%) translateZ(-300px) rotateY(48deg)}
  .feat-item[data-pos="1"] .feat-book{transform:translateX(12%) translateZ(-300px) rotateY(-48deg)}
}

/* ---------- 21-book ring ---------- */
.ring-section{position:relative;overflow:hidden;isolation:isolate;padding:90px 0 80px;color:var(--paper);background:radial-gradient(ellipse 80% 60% at 50% 42%,#1b4441 0%,#0d2726 45%,#061413 100%)}
.ring-aurora{position:absolute;inset:-30% -10% auto;height:120%;z-index:-1;background:conic-gradient(from 200deg at 50% 50%,#d9bb8000,#d9bb8022,#2b6b6022,#d9bb8000 60%);filter:blur(60px);animation:aurora 22s linear infinite;opacity:.9}
@keyframes aurora{to{transform:rotate(360deg)}}
/* The gloss sweep stays on the book facing you. A highlight on every copy is what stalls an old machine. */
.b3d-sheen{animation:none}
.feat-item[data-pos="0"] .b3d-sheen,
.ring-item.front .b3d-sheen{animation:b3dSheen 7s ease-in-out infinite}
/* Below the opening screen, skip layout and paint until the section is near. The picture is unchanged once it is on screen. */
.saga-worlds,.ring-section,.premiere,.author-preview,.discovery-paths{content-visibility:auto;contain-intrinsic-size:auto 880px}
.saga-worlds{contain-intrinsic-size:auto 1500px}
.ring-section{contain-intrinsic-size:auto 1040px}
/* Same shelf on a slow computer: the wash stays put. */
html.modest-motion .ring-aurora{animation:none}
html.modest-type .hero h1 .word{filter:none;animation-name:wordInLite}
@keyframes wordInLite{to{opacity:1;transform:none}}
.ring-head{text-align:center;max-width:720px;margin:0 auto;padding:0 6vw;position:relative;z-index:2}
.ring-head .eyebrow{color:var(--gold)}
.ring-head h2{font-size:clamp(44px,5vw,80px);line-height:.98;letter-spacing:-.04em;margin:16px 0}
.ring-head h2 em{color:#e1c692}
.ring-head p{color:#b9c9bf;font-size:14px;line-height:1.8}
.ring-stage{--rw:150px;--gap:38px;--r:calc(var(--n) * (var(--rw) + var(--gap)) / 6.2832);position:relative;height:calc(var(--rw)*1.5 + 360px);perspective:2200px;perspective-origin:50% -20%;margin-top:10px;cursor:grab;touch-action:pan-y;user-select:none}
.ring-stage.dragging{cursor:grabbing}
.ring{position:absolute;left:50%;top:120px;transform-style:preserve-3d;transform:translateZ(calc(var(--r)*-1 + 230px)) rotateX(-12deg) rotateY(var(--angle,0deg))}
.ring-item{position:absolute;left:calc(var(--rw)/-2);top:0;display:block;transform-style:preserve-3d;transform:rotateY(calc(var(--i)*360deg/var(--n))) translateZ(var(--r))}
.ring-item:before{content:'';position:absolute;left:-15%;right:-15%;top:calc(var(--rw)*1.5 + 12px);height:26px;background:radial-gradient(closest-side,#000b,transparent);transform:rotateX(90deg);pointer-events:none}
.b3d-ring{--w:var(--rw);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ring-item.front .b3d-ring{transform:translateZ(40px) translateY(-14px) rotateY(-14deg)}
.ring-item:focus-visible{outline:none}.ring-item:focus-visible .b3d-f{outline:2px solid var(--gold);outline-offset:4px}
.ring-floor{position:absolute;left:50%;top:calc(var(--rw)*1.5 + 110px);width:min(1500px,120vw);height:240px;translate:-50% -50%;background:radial-gradient(ellipse at center,#e7c78a40 0%,#d9bb8012 35%,transparent 68%);transform:rotateX(78deg);filter:blur(6px);pointer-events:none}
.ring-caption{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,560px) auto;justify-content:center;align-items:center;gap:30px;text-align:center;margin-top:-10px;padding:0 6vw}
.ring-caption span{font-size:9px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.ring-caption h3{font-size:clamp(30px,3.4vw,52px);line-height:1.05;margin:10px 0;letter-spacing:-.03em}
.ring-caption p{font-size:13px;color:#c5d2c9;line-height:1.7;margin-bottom:14px}
.ring-caption .text-link{font-size:11px;color:var(--gold)}
.ring-arrow{width:52px;height:52px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff08;color:#fff;font-size:18px;cursor:pointer;transition:all .3s}
.ring-arrow:hover{border-color:var(--gold);color:var(--gold);transform:scale(1.08)}
.ring-all{display:block;width:fit-content;margin:38px auto 0;font-size:11px;color:#d7dccf}
@media(max-width:700px){.ring-section{padding:80px 0 60px}.ring-stage{--rw:96px;--gap:20px;perspective:1100px;height:calc(var(--rw)*1.5 + 200px)}.ring{top:90px;transform:translateZ(calc(var(--r)*-1 + 40px)) rotateX(-12deg) rotateY(var(--angle,0deg))}.ring-item.front .b3d-ring{transform:translateZ(24px) translateY(-8px) rotateY(-12deg)}.ring-caption{gap:12px}.ring-arrow{width:42px;height:42px}}

/* ---------- 3D trilogy shelves ---------- */
.saga-volume{container-type:inline-size}
.saga-cover.saga-3d{box-shadow:none;transform:none;perspective:1200px;padding:6% 0 0}
.saga-cover.saga-3d:after{display:none}
.b3d-saga{--w:calc(100cqw - 10px);margin:0 auto;transform:rotateY(calc(var(--fan,-16deg) - (1 - var(--rv,1)) * 95deg)) translateZ(calc((1 - var(--rv,1)) * -200px)) rotateX(3deg);transition:transform .25s linear}
.saga-cover.saga-3d:before{content:'';position:absolute;left:8%;right:-6%;bottom:-18px;height:30px;background:radial-gradient(closest-side,#000c,transparent);filter:blur(4px)}
.saga-volume:hover .b3d-saga{transform:rotateY(-4deg) translateY(-16px) translateZ(40px) rotateX(2deg)!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.saga-volume:nth-child(1) .b3d-saga{--fan:-22deg}.saga-volume:nth-child(2) .b3d-saga{--fan:-12deg}.saga-volume:nth-child(3) .b3d-saga{--fan:-2deg}

/* ---------- premiere (new film) ---------- */
.premiere{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6vw;align-items:center;padding:130px 7vw;background:radial-gradient(ellipse at 75% 50%,#2a2416 0%,#0b1716 55%,#050c0c 100%);color:var(--paper);overflow:hidden}
.premiere:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px);pointer-events:none}
.premiere-copy .eyebrow{color:var(--gold)}
.premiere-copy h2{font-size:clamp(48px,5.5vw,92px);line-height:1;letter-spacing:-.04em;margin:22px 0}
.premiere-copy h2 em{color:#e1c692}
.premiere-copy p{color:#c8d1c6;line-height:1.85;font-size:14px;max-width:440px;margin-bottom:30px}
.premiere-note{display:block;margin-top:22px;font-size:10px;letter-spacing:.06em;color:#8fa298;max-width:380px;line-height:1.6}
.premiere-screen{position:relative;display:block;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:16/9;width:100%;box-shadow:0 0 0 1px #d9bb8040,0 50px 120px #000c,0 0 140px #d9bb8022;transform:perspective(1600px) rotateY(-7deg) rotateX(2deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.premiere-screen:hover{transform:perspective(1600px) rotateY(0) rotateX(0) scale(1.02)}
.premiere-screen img{width:100%;height:100%;object-fit:cover;display:block}
.premiere-play{position:absolute;left:50%;top:50%;width:92px;height:92px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:#d9bb80e6;color:#0b1716;font-size:26px;padding-left:6px;box-shadow:0 0 0 0 #d9bb8088;animation:pulsePlay 2.4s infinite}
@keyframes pulsePlay{70%{box-shadow:0 0 0 30px #d9bb8000}100%{box-shadow:0 0 0 0 #d9bb8000}}
.premiere-runtime{position:absolute;right:16px;bottom:14px;font-size:10px;letter-spacing:.16em;color:#fff;background:#0008;padding:5px 9px}
@media(max-width:900px){.premiere{grid-template-columns:1fr;padding:90px 7vw}.premiere-screen{transform:none}}
dialog.film-dialog{border:0;padding:0;background:#000;width:min(1280px,94vw);max-width:none;max-height:92vh;box-shadow:0 40px 140px #000}
.film-dialog video{aspect-ratio:16/9}
.film-dialog::backdrop{background:#020707e8;backdrop-filter:blur(6px)}
.film-dialog video{display:block;width:100%;height:auto;max-height:86vh;background:#000}
.film-dialog header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#e6e0d0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#0b1514}
.film-dialog button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}

/* ---------- reduced motion / paused ---------- */
@media(prefers-reduced-motion:reduce){
  .hero h1 .word{animation:none;opacity:1;filter:none;transform:none}
  .b3d-hero,.b3d-sheen,.feat-glow,.ring-aurora,.premiere-play{animation:none}
  .hero-featured{animation:none}
}
html[data-scene-motion=paused] .b3d-hero,html[data-scene-motion=paused] .b3d-sheen,html[data-scene-motion=paused] .ring-aurora,html[data-scene-motion=paused] .feat-glow{animation-play-state:paused}

/* ---- hero worlds (2026-10-17): each featured book brings its own living background.
   motion.js swaps the worlds; the new one grows out of the featured book (--wx/--wy) behind a ring of its accent colour. */
@property --accent{syntax:'<color>';inherits:true;initial-value:#d9bb80}
@property --wr{syntax:'<percentage>';inherits:true;initial-value:165%}
.hero[data-worlds]{transition:--accent 1.4s ease}
.hero[data-worlds]>.living-scene{visibility:hidden;z-index:-4}
.hero[data-worlds]>.living-scene:not(.world-on) .scene-still{background-image:none}
.living-scene.scene-defer .scene-still{background-image:none}
.hero[data-worlds]>.living-scene.world-on{visibility:visible}
.hero[data-worlds]>.living-scene.world-in{z-index:-3;-webkit-mask-image:radial-gradient(circle at var(--wx,66%) var(--wy,40%),#000 calc(var(--wr) - 11%),transparent var(--wr));mask-image:radial-gradient(circle at var(--wx,66%) var(--wy,40%),#000 calc(var(--wr) - 11%),transparent var(--wr));animation:worldIn 1.8s cubic-bezier(.62,0,.22,1) both}
.hero[data-worlds]>.living-scene.world-in:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--wx,66%) var(--wy,40%),transparent calc(var(--wr) - 16%),color-mix(in srgb,var(--accent) 38%,transparent) calc(var(--wr) - 3%),transparent var(--wr));mix-blend-mode:screen}
@keyframes worldIn{from{--wr:0%}to{--wr:165%}}
/* stills shown while a world's WebGL layer is still loading, roughly matched to each grade */
.world-scorpion .scene-still{filter:sepia(.25) saturate(1.25) brightness(.92)}
.world-dragon .scene-still{filter:brightness(.82) saturate(.9)}
.world-cuba .scene-still{filter:sepia(.4) saturate(.85)}
.world-talon .scene-still{filter:hue-rotate(185deg) saturate(.45) brightness(.82)}
/* the world's accent colour runs through the featured panel, eyebrow and coordinates */
.hero[data-worlds] .hero-featured{--gold:var(--accent)}
.hero[data-worlds] .hero-content>.eyebrow,.hero[data-worlds] .hero-side span{color:var(--accent)}
.hero[data-worlds] .feat-glow{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent) 0%,color-mix(in srgb,var(--accent) 8%,transparent) 32%,transparent 62%)}
.hero[data-worlds] .feat-head{border-bottom-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.world-place{display:flex;align-items:baseline;gap:12px;letter-spacing:.2em}
.world-place i{font-style:normal;color:#93a49e}
.world-place b{font-weight:600;color:var(--accent);min-width:23ch;white-space:nowrap}
/* dwell progress on the active dot; pauses while the visitor hovers the panel */
.feat-dot{position:relative;overflow:hidden}
.feat-dot[aria-current=true]{background:#ffffff40}
.feat-dot[aria-current=true]:after{content:'';position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0);animation:featProgress var(--dwell,11000ms) linear forwards}
.hero-featured.held .feat-dot[aria-current=true]:after{animation-play-state:paused}
html[data-scene-motion=paused] .feat-dot[aria-current=true]:after{animation:none;transform:none}
@keyframes featProgress{to{transform:scaleX(1)}}
@media(max-width:900px){.world-place i{display:none}.world-place b{min-width:0}}
@media(max-width:600px){.world-place{display:none}}
.hero[data-worlds] .feat-head{text-shadow:0 0 6px #000,0 0 16px #000c}

/* ---------- PageSpeed + accessibility pass (Claude, 2026-10-28) ----------
   1. Decorative loops hold their first frame until html.motion-live (app.js: first interaction or idle after load).
   2. Contrast and target-size fixes found by axe; colours are the same hue, only darkened to reach 4.5:1. */
html:not(.motion-live) .b3d-sheen,html:not(.motion-live) .b3d-hero,html:not(.motion-live) .feat-glow,
html:not(.motion-live) .feat-item[data-pos="0"]:before,html:not(.motion-live) .ring-aurora,html:not(.motion-live) .premiere-play,
html:not(.motion-live) .hero-catalog-covers a,html:not(.motion-live) .intro-book-art img,
html:not(.motion-live) .feat-dot[aria-current=true]:after{animation-play-state:paused}
.library-essay{content-visibility:visible;contain-intrinsic-size:none}
/* low-contrast text colours were darkened in place (same hue) — see research/CLAUDE-HANDOFF-2026-10-28-pagespeed-seo.md */
/* footer links: 24px tall targets, same text position and spacing as before */
.footer-navigation a{display:inline-flex;align-items:center;min-height:24px;margin-block:min(0px,calc((1.7em - 24px)/2))}
.footer-navigation .footer-guide{margin-top:calc(8px + min(0px,calc((1.7em - 24px)/2)))}
.footer-identity .text-link{min-height:24px}
/* flipbook pages: the page-turn reader replaces the text edition on start; hide it from the first paint so nothing
   below jumps (html.folio-js comes from the inline head script; text mode or a reader failure shows it again) */
html.folio-js body:not(:has([data-folio][data-mode="text"])) .portfolio-reader{display:none}
/* until the page-turn reader starts, only its first page is laid out, so the browser does not fetch every lazy page image */
[data-folio]:not([data-reader-starting]) .folio-book-host>.folio-leaf+.folio-leaf{display:none}
/* screening room: YouTube loads only when a trailer is played (a facade with the same thumbnail and play button) */
.yt-facade{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;z-index:3;background:#04120f center/cover no-repeat;cursor:pointer}
.yt-facade-play{position:absolute;left:50%;top:50%;width:68px;height:48px;translate:-50% -50%;border-radius:14px;background:#212121e6;transition:background .2s}
.yt-facade-play:after{content:'';position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt-facade:hover .yt-facade-play,.yt-facade:focus-visible .yt-facade-play{background:#f00}
/* generated by scripts/stills.py: still frames placed like the motion camera, phone crops */
.living-scene{container-type:size}
.scene-coast:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 186.699cqh), calc(50cqw - 95.061cqh), -3.422cqh) clamp(-5.074cqh, -3.5cqh, -1.926cqh)}
.scene-wind:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 191.054cqh), calc(84cqw - 161.481cqh), -3.502cqh) clamp(-5.074cqh, -3.584cqh, -1.926cqh)}
.scene-desert:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 186.699cqh), calc(62cqw - 117.875cqh), -3.422cqh) clamp(-5.074cqh, -3.5cqh, -1.926cqh)}
.scene-city:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 186.699cqh), calc(66cqw - 136.887cqh), -3.422cqh) clamp(-5.074cqh, -3.29cqh, -1.926cqh)}
.living-scene[data-hero].scene-wind .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 191.054cqh), calc(84cqw - 161.481cqh), -3.502cqh) clamp(-5.074cqh, -3.584cqh, -1.926cqh)}
@container (min-aspect-ratio:1691/930){.scene-coast:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-3.5cqw clamp(calc(-59.136cqw + 100cqh), calc(-30.11cqw + 50cqh), -1.084cqw)}.scene-wind:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-4.81cqw clamp(calc(-57.788cqw + 100cqh), calc(-30.13cqw + 51.2cqh), -1.059cqw)}.scene-desert:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-4.34cqw clamp(calc(-59.136cqw + 100cqh), calc(-30.11cqw + 50cqh), -1.084cqw)}.scene-city:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-5.074cqw clamp(calc(-59.136cqw + 100cqh), calc(-28.303cqw + 47cqh), -1.084cqw)}.living-scene[data-hero].scene-wind .scene-still{background-size:107cqw auto;background-position:-4.81cqw clamp(calc(-57.788cqw + 100cqh), calc(-30.13cqw + 51.2cqh), -1.059cqw)}}
@media (max-width:699.98px){.scene-coast:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 186.699cqh), calc(50cqw - 95.061cqh), -3.422cqh) clamp(-5.074cqh, -3.5cqh, -1.926cqh)}.scene-wind:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 191.054cqh), calc(70cqw - 161.481cqh), -3.502cqh) clamp(-5.074cqh, -3.584cqh, -1.926cqh)}.scene-desert:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 186.699cqh), calc(62cqw - 117.875cqh), -3.422cqh) clamp(-5.074cqh, -3.5cqh, -1.926cqh)}.scene-city:not([data-hero]) .scene-still{background-size:auto 107cqh;background-position:clamp(calc(100cqw - 186.699cqh), calc(70cqw - 136.887cqh), -3.422cqh) clamp(-5.074cqh, -3.29cqh, -1.926cqh)}.living-scene[data-hero].scene-wind .scene-still{background-size:auto 165.85cqh;background-position:clamp(calc(100cqw - 296.134cqh), calc(70cqw - 250.296cqh), -5.428cqh) clamp(-62.865cqh, -6.242cqh, -2.985cqh)}@container (min-aspect-ratio:1691/930){.scene-coast:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-3.5cqw clamp(calc(-59.136cqw + 100cqh), calc(-30.11cqw + 50cqh), -1.084cqw)}.scene-wind:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-5.074cqw clamp(calc(-57.788cqw + 100cqh), calc(-30.13cqw + 51.2cqh), -1.059cqw)}.scene-desert:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-4.34cqw clamp(calc(-59.136cqw + 100cqh), calc(-30.11cqw + 50cqh), -1.084cqw)}.scene-city:not([data-hero]) .scene-still{background-size:107cqw auto;background-position:-5.074cqw clamp(calc(-59.136cqw + 100cqh), calc(-28.303cqw + 47cqh), -1.084cqw)}.living-scene[data-hero].scene-wind .scene-still{background-size:165.85cqw auto;background-position:-62.865cqw clamp(calc(-89.571cqw + 100cqh), calc(-47.431cqw + 80cqh), -1.642cqw)}}}
@media (max-width:600px) and (orientation:portrait){.scene-coast:not([data-hero]):not(.scene-defer) .scene-still{background-image:url(/assets/m/scene-coast.webp);background-size:auto 107cqh;background-position:clamp(calc(100cqw - 151.449cqh), calc(50cqw - 59.811cqh), 31.828cqh) clamp(-5.074cqh, -3.5cqh, -1.926cqh)}.scene-wind:not([data-hero]):not(.scene-defer) .scene-still{background-image:url(/assets/m/world-of-wind-clean.webp);background-size:auto 107cqh;background-position:clamp(calc(100cqw - 115.924cqh), calc(70cqw - 86.351cqh), 71.628cqh) clamp(-5.074cqh, -3.584cqh, -1.926cqh)}.scene-desert:not([data-hero]):not(.scene-defer) .scene-still{background-image:url(/assets/m/scene-desert.webp);background-size:auto 107cqh;background-position:clamp(calc(100cqw - 142.011cqh), calc(62cqw - 73.188cqh), 41.265cqh) clamp(-5.074cqh, -3.5cqh, -1.926cqh)}.scene-city:not([data-hero]):not(.scene-defer) .scene-still{background-image:url(/assets/m/scene-city.webp);background-size:auto 107cqh;background-position:clamp(calc(100cqw - 132.005cqh), calc(70cqw - 82.193cqh), 51.272cqh) clamp(-5.074cqh, -3.29cqh, -1.926cqh)}}
