/* A bookshop atmosphere, keeping the original navy, gold and paper palette. */
[hidden]{display:none!important}
.hero-premium{min-height:780px;background:#061722}
.hero-premium .hero-inner{grid-template-columns:1fr 1fr;gap:30px;min-height:660px;padding-block:58px 35px}
.hero-premium .hero-copy{position:relative;z-index:3}
.hero-premium h1{font-size:clamp(58px,5.5vw,84px);line-height:1.045;letter-spacing:-3px}
.hero-premium h1 em{white-space:nowrap}
.hero-premium .hero-description{max-width:405px;font-size:16px;line-height:1.85;color:#c2cbd0;margin-top:24px}
.hero-premium .hero-scene{inset:0 0 0 34%;opacity:.78}
.hero-premium .hero-scene img{object-position:50% 62%;opacity:.6;filter:saturate(.8)}
.hero-premium .hero-shade{background:linear-gradient(90deg,#061722 8%,#061722f2 32%,#06172285 65%,#06172266),linear-gradient(0deg,#061722 0%,transparent 70%)}
.hero-premium .hero-actions{gap:25px;margin-top:30px}
.hero-signature{display:flex;align-items:center;gap:16px;margin-top:43px;font-size:11px;line-height:1.8;color:#d4c5a9}
.signature-line{width:38px;height:1px;background:#b48e52}
.hero-signature strong{font-weight:500;letter-spacing:1px}.hero-signature p>span{color:#839ca9}
.book-stage{position:relative;height:565px;isolation:isolate;display:flex;align-items:center;justify-content:center;margin-top:5px;min-width:0}
.stage-caption{position:absolute;top:9px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:#e3c68f9e}
.stage-halo{position:absolute;inset:5% -8% 12%;border-radius:50%;border:1px solid #dfc08b1c;background:radial-gradient(ellipse,#b1905924,transparent 65%);z-index:-2}
.stage-halo:after{content:'';position:absolute;inset:9%;border:1px solid #dfc08b12;border-radius:50%}
.hero-premium .stage-main{position:absolute;top:70px;left:50%;width:222px;max-width:44%;margin-left:-111px;z-index:3;transform:rotate(-5deg);box-shadow:-18px 25px 40px #0009;border-radius:2px;transition:transform .45s,filter .4s;background:none;padding:0}
.hero-premium .stage-main:after{content:'';position:absolute;right:-5px;top:2px;bottom:2px;width:5px;background:repeating-linear-gradient(0deg,#b4a791 0 1px,#ede2c8 1px 3px);transform:skewY(10deg);z-index:-1}
.hero-premium .stage-main:hover{transform:rotate(-2deg) translateY(-8px)}
.stage-main img{border-radius:2px;aspect-ratio:2/3;object-fit:contain}
.satellite{position:absolute;top:120px;width:143px;max-width:28%;background:none;padding:0;box-shadow:-12px 18px 30px #0008;filter:brightness(.68);transition:transform .4s,filter .4s;z-index:1}
.satellite-left{left:4%;transform:translateY(22px) rotate(-16deg)}
.satellite-right{right:2%;transform:translateY(5px) rotate(15deg)}
.satellite-left:hover{transform:translateY(10px) rotate(-10deg);filter:brightness(1)}
.satellite-right:hover{transform:translateY(-7px) rotate(9deg);filter:brightness(1)}
.stage-plinth{position:absolute;top:405px;left:5%;right:3%;height:16px;border-top:1px solid #e2bd7e42;border-radius:50%;background:radial-gradient(ellipse,#e5ba764d,transparent 70%);filter:blur(1px);z-index:-1}
.stage-copy{position:absolute;top:448px;left:3%;right:3%;text-align:center;padding:0}
.stage-copy .eyebrow{margin-bottom:10px;font-size:9px;letter-spacing:2px}
.stage-copy .feature-question{font-size:24px;line-height:1.28;max-width:390px;margin:auto;min-height:60px;text-wrap:balance}
.stage-copy .link-button{font-size:12px;padding-block:6px;min-height:38px;margin-top:4px;border-color:#d7b07150}
.hero-premium .hero-bottom{min-height:85px;padding-block:18px;gap:28px}
.hero-premium .world-prompt{font-family:var(--serif);font-size:16px;color:#c0ad8f;white-space:nowrap}
.hero-premium .world-tabs{gap:20px;flex:1;justify-content:space-between}
.hero-premium .world-tabs button{font-size:11px;transition:color .2s,border-color .2s}
.promise-bar{background:#0d2431;border-block:1px solid #e2c6901a}
.promise-bar .wrap{font-size:11px;letter-spacing:.25px;color:#c4cbd0;justify-content:space-around}
.promise-bar span:before{content:'✧';margin-right:10px;color:#d0ad72}
.catalog{background:#f3efe6;padding-top:88px}
.section-heading{align-items:end}.section-heading h2{font-size:clamp(42px,4.5vw,65px);max-width:650px}
.section-heading>p{max-width:330px;color:#66716d;line-height:1.85}
.curiosity-banner{display:flex;align-items:center;gap:22px;padding:24px 29px;margin:0 0 42px;border:1px solid #cabc9c;background:linear-gradient(110deg,#e8dfcb66,transparent)}
.curiosity-symbol{font-size:43px;color:#9c7942;line-height:1}
.curiosity-banner>div{flex:1}.curiosity-banner h3{font:24px/1.3 var(--serif);color:#253b42;letter-spacing:-.4px}
.curiosity-banner p{font-size:12px;color:#69716b;margin-top:4px}
.outline-dark{background:transparent;color:var(--ink);border:1px solid #7e8d8c;font-weight:500;font-size:12px;min-width:175px}
.outline-dark:hover{background:var(--night);color:var(--paper);border-color:var(--night)}
.catalog-tools{margin-bottom:12px}.catalog-results{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px;font-size:11px;color:#68756d}
.catalog-results label{display:flex;align-items:center;gap:10px}
.catalog-results select{font:11px var(--sans);background:transparent;color:#233943;border:0;border-bottom:1px solid #b6b6a8;padding:9px 22px 9px 5px;cursor:pointer;border-radius:0;max-width:190px}
.catalog-results select:focus-visible{outline:2px solid #997233;outline-offset:4px}
.book-card{background:#fcfaf5;border:1px solid #dcd6c9;box-shadow:0 3px 0 #d1c5ad20;transition:box-shadow .3s,border-color .3s,transform .3s}
.book-card:hover{border-color:#bba77f;box-shadow:0 15px 35px #2233400b;transform:translateY(-3px)}
.book-topline{font-size:9px;letter-spacing:1.4px;border-bottom:1px solid #e5dfd2;padding-bottom:15px}
.book-topline>span:last-child{color:#8a6935}.card-genre{font-size:8px;letter-spacing:1.2px;color:#8c764f;margin:4px 0 9px}
.book-card h3{font-size:29px;line-height:1.12;letter-spacing:-.8px}
.book-description{font-size:13px;line-height:1.8;margin-top:14px;color:#65706b}
.book-visual{align-self:start;padding:12px 2px}
.cover-button img{box-shadow:-8px 10px 15px #122b351f}
.card-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:13px}
.card-actions .book-details{margin:0;font-size:12px;min-height:40px;border-bottom:1px solid #b9985f;padding:4px 0;gap:13px}
.card-excerpt{font-size:11px;color:#6f756b;background:none;padding:10px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c7bfae}
.card-excerpt:hover{color:#9b7133}.book-buy{border-color:#e1d9c8;padding-top:19px}
.book-buy .format-links a{min-height:44px;font-size:12px}
.reading{background:radial-gradient(ellipse at 90% 20%,#1d3b4966,transparent 60%),#081d2a}
.paper-preview{box-shadow:0 25px 60px #0004}.reading-copy h2{max-width:590px}
.reading-tabs button:hover{color:var(--gold)}
.reading-progress{position:sticky;top:69px;height:2px;background:transparent;z-index:6;display:none}
.excerpt-open .reading-progress{display:block}.reading-progress span{display:block;background:#a27b37;width:0;height:2px}
.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 55px;padding:14px 0;border-bottom:1px solid var(--line)}
.reader-tabs{display:flex;gap:24px}.reader-tabs button{background:none;min-height:40px;font-size:12px;color:#6f786e;border-bottom:2px solid transparent;padding:7px 0}
.reader-tabs button[aria-pressed=true]{border-color:#9e7431;color:var(--ink)}
.reader-settings{display:flex;gap:7px;align-items:center}.reader-settings button{background:transparent;border:1px solid #c5bfaf;min-width:36px;min-height:36px;font-size:13px;color:var(--ink);padding:4px 8px}
.reader-settings button:disabled{opacity:.35;cursor:default}.reader-settings button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.book-presentation{padding:34px 65px 40px}.book-presentation h3{font:32px/1.3 var(--serif);margin-bottom:22px;max-width:620px;text-wrap:balance}
.book-presentation>p:not(.eyebrow){font-size:15px;color:#5b6964;line-height:1.9;margin-top:15px}
.book-presentation .eyebrow{font-size:9px;margin-bottom:15px}
.book-motifs{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.book-motifs span{font-size:11px;border:1px solid #c9bea8;padding:6px 11px;color:#76664c}
.reading-invitation{margin-top:32px;border-top:1px solid var(--line);padding-top:25px}.reading-invitation p{font:21px/1.5 var(--serif);margin-bottom:20px}
.book-presentation .book-independent{font-size:12px!important;color:#7e8478!important;margin-top:25px!important}
.excerpt-body p{font-size:var(--reader-size,19px);line-height:1.95}.excerpt-body .eyebrow{font:9px var(--sans);margin-bottom:20px}.excerpt-body .excerpt-end{font-size:12px}
.reading-night{background:#102630;color:#eae2d1}.reading-night .dialog-chrome,.reading-night .dialog-buy{background:#102630f7;border-color:#6f7e7c55}
.reading-night .dialog-title-block,.reading-night .reader-toolbar,.reading-night .excerpt-end{border-color:#6f7e7c55}
.reading-night .dialog-title-block>div>p:last-child,.reading-night .dialog-chrome>span{color:#9db2b7}
.reading-night .bronze,.reading-night .excerpt-body .eyebrow{color:#d4b883}
.reading-night .reader-tabs button{color:#a4b4b4}.reading-night .reader-tabs button[aria-pressed=true]{color:#f2e7d1;border-color:#d1b67c}
.reading-night .reader-settings button{color:#ece5d6;border-color:#6a7e80}.reading-night .reader-settings button[aria-pressed=true]{background:#e1c187;color:#102630}
.reading-night .dialog-buy>p{color:#a9b9ba}.reading-night .dialog-buy>p>strong{color:#f0e5d3}
.reading-night .format-links a{background:#dbc089;color:#102630;border-color:#dbc089}.reading-night .format-links a:last-child{background:none;color:#eadfca;border-color:#819390}
.reading-night .excerpt-end{color:#b1bfbb}.reading-night .book-presentation>p:not(.eyebrow){color:#b5c3c0}
.reading-night .book-motifs span{color:#d7c69f;border-color:#7b857b}.reading-night .reading-invitation{border-color:#73837e55}
#finder-dialog{width:min(780px,94vw)}.finder-step,.finder-result{padding:38px 45px 34px}.finder-step h2{font-size:43px;line-height:1.15;letter-spacing:-1.2px;margin-bottom:28px;max-width:600px}
.finder-step .eyebrow,.finder-result>.eyebrow{font-size:9px;margin-bottom:19px}
.quiz-options{display:grid;gap:12px}.quiz-options>button{display:flex;text-align:left;align-items:center;gap:18px;background:#fffaf0;border:1px solid #cfc5ae;padding:22px 20px;color:var(--ink);transition:border-color .2s,background .2s}
.quiz-options>button:hover{border-color:#9a783c;background:#e8dfcb66}.quiz-options>button>span:nth-child(2){flex:1}
.quiz-number{font:12px var(--serif);color:#a1824e}.quiz-options strong{display:block;font:22px/1.25 var(--serif)}.quiz-options small{display:block;font-size:12px;line-height:1.6;color:#738071;margin-top:6px}
.quiz-note{font-size:11px;color:#7c8376;margin-top:22px}.quiz-back{font-size:11px;color:#7b694e;min-height:42px;background:none;padding:4px 0;display:block;margin-bottom:16px;text-align:left}
.finder-book{display:grid;grid-template-columns:160px 1fr;gap:33px;align-items:center}.finder-book img{box-shadow:-10px 12px 25px #182d3829;transform:rotate(-4deg)}
.finder-book h2{font-size:34px;letter-spacing:-1px;line-height:1.15}.result-volume{font-size:9px;color:#8e713d;letter-spacing:1px;margin-bottom:12px}
.finder-book>div>p:not(.result-volume){font-size:13px;color:#69756c;margin-top:18px;line-height:1.8}.finder-book .button{font-size:12px;margin-top:20px}
.finder-buy{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.finder-buy>p{font-size:11px;color:#75806f}.finder-result>.quiz-back{margin-top:20px;margin-bottom:0}
@media(min-width:1600px){.hero-premium .hero-inner{min-height:700px}.hero-premium{min-height:800px}.hero-premium h1{font-size:87px}}
@media(max-width:1100px){.hero-premium h1{font-size:60px}.hero-premium .hero-inner{gap:12px}.hero-premium .hero-description{font-size:14px}.hero-premium .hero-actions{gap:16px}.hero-premium .stage-main{width:190px;margin-left:-95px;top:84px}.satellite{width:119px;top:137px}.stage-plinth{top:384px}.stage-copy{top:422px}.stage-copy .feature-question{font-size:22px}.book-stage{height:540px}.hero-premium .world-tabs{gap:12px}.hero-premium .world-tabs button{font-size:10px}.hero-premium .world-prompt{display:none}.curiosity-banner h3{font-size:22px}.book-card h3{font-size:25px}}
@media(max-width:760px){
 .hero-premium .hero-inner{display:flex;flex-direction:column;gap:0;padding-block:36px 12px;min-height:0}.hero-premium .hero-copy{width:100%}
 .hero-premium h1{font-size:clamp(43px,9.8vw,66px);letter-spacing:-2px;line-height:1.08}.hero-premium h1 em{white-space:normal}
 .hero-premium .hero-description{font-size:14px;max-width:380px;margin-top:20px;line-height:1.8}.hero-premium .hero-actions{margin-top:23px;gap:19px;flex-direction:row;align-items:center;flex-wrap:wrap}.hero-premium .hero-actions .button{font-size:12px;padding:12px 15px}.hero-premium .hero-actions .link-button{font-size:11px;gap:10px}
 .hero-signature{display:none}.hero-premium .hero-scene{inset:12% -20% 0 0}.hero-premium .hero-scene img{opacity:.5;object-position:52% 65%}.hero-premium .hero-shade{background:linear-gradient(180deg,#061722 0%,#061722e8 15%,#0617228c 70%,#061722 100%)}
 .book-stage{height:435px;width:100%;max-width:480px;margin-top:20px}.stage-caption{top:10px;font-size:7px;letter-spacing:2px}
 .hero-premium .stage-main{width:153px;max-width:44%;margin-left:-76.5px;top:48px}.satellite{width:102px;max-width:28%;top:90px}.satellite-left{left:6%}.satellite-right{right:3%}.stage-plinth{top:291px}.stage-halo{inset:0 -4% 16%}.stage-copy{top:321px;left:0;right:0}.stage-copy .feature-question{font-size:21px;line-height:1.25;max-width:315px;min-height:52px}.stage-copy .eyebrow{max-width:none;font-size:8px;margin-bottom:8px}.stage-copy .link-button{min-height:36px;font-size:11px}
 .hero-premium .hero-bottom{padding:10px 6% 15px;min-height:0}.hero-premium .world-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.hero-premium .world-tabs button{font-size:10px;min-height:43px}
 .promise-bar .wrap{font-size:9px;grid-template-columns:1fr 1fr;padding-block:13px;gap:12px}.promise-bar span:before{margin-right:4px}
 .catalog{padding-top:55px}.section-heading h2{font-size:40px}.section-heading>p{max-width:none;font-size:14px}
 .curiosity-banner{gap:14px;flex-wrap:wrap;padding:23px 21px;margin-bottom:28px}.curiosity-symbol{font-size:32px}.curiosity-banner>div{flex-basis:calc(100% - 50px)}.curiosity-banner h3{font-size:22px}.curiosity-banner p{font-size:12px;margin-top:7px}.curiosity-banner .button{width:100%;min-height:44px;margin-top:3px;justify-content:space-between}
 .catalog-results{align-items:flex-start;gap:10px;font-size:10px;margin-block:16px 21px}.catalog-results p{padding-top:7px}.catalog-results label{gap:5px}.catalog-results label{font-size:0}.catalog-results select{font-size:10px;max-width:180px;padding:8px 15px 8px 2px}
 .book-card{padding:22px 20px}.book-overview{grid-template-columns:31% 1fr;gap:19px}.book-topline{font-size:8px;letter-spacing:.8px;margin-bottom:16px;padding-bottom:12px}.card-genre{font-size:7px;letter-spacing:.8px;margin-top:0}.book-card h3{font-size:25px;line-height:1.14}.book-description{font-size:13px;line-height:1.75}.card-actions{gap:10px;margin-top:12px}.card-actions .book-details{font-size:11px;gap:8px}.card-excerpt{font-size:10px}.book-buy .format-links a{font-size:12px}.book-buy{margin-top:21px}
 .reader-toolbar{margin:0 23px;padding-block:12px;gap:10px;flex-wrap:wrap}.reader-tabs{gap:20px}.reader-tabs button{font-size:11px}.reader-settings{gap:5px}.reader-settings button{min-width:32px;min-height:36px;font-size:12px;padding:3px 7px}.reading-progress{top:60px}
 .book-presentation{padding:28px 24px 30px}.book-presentation h3{font-size:27px}.book-presentation>p:not(.eyebrow){font-size:14px}.book-motifs{gap:7px}.book-motifs span{font-size:10px;padding:5px 9px}.reading-invitation p{font-size:20px}.reading-invitation .button{font-size:12px;width:100%;gap:12px}
 .excerpt-body p{line-height:1.9}.excerpt-body .excerpt-end{font-size:12px}.dialog-title-block{padding-top:24px;padding-bottom:24px}.dialog-buy .format-links a{font-size:12px}
 .finder-step,.finder-result{padding:28px 24px}.finder-step h2{font-size:33px;letter-spacing:-.8px}.finder-step .eyebrow,.finder-result>.eyebrow{font-size:8px;letter-spacing:1px}.quiz-options>button{gap:13px;padding:18px 14px}.quiz-options strong{font-size:21px}.quiz-options small{font-size:11px}.quiz-number{font-size:10px}.quiz-back{line-height:1.6;font-size:11px}.finder-book{grid-template-columns:83px 1fr;gap:22px}.finder-book h2{font-size:27px}.finder-book>div>p:not(.result-volume){font-size:12px}.finder-book .button{font-size:11px;padding:11px 13px;gap:10px}.finder-buy{display:block;margin-top:28px}.finder-buy>p{margin-bottom:12px}.finder-buy .format-links{width:100%}.finder-buy .format-links a{font-size:12px}.finder-result>.quiz-back{margin-top:13px}
}
@media(max-width:370px){.hero-premium h1{font-size:42px;letter-spacing:-1.8px}.hero-premium .hero-actions{gap:12px}.hero-premium .hero-actions .link-button{font-size:10px}.hero-premium .hero-actions .button{font-size:11px}.hero-premium .stage-main{width:138px;margin-left:-69px}.book-stage{height:410px}.stage-plinth{top:269px}.stage-copy{top:295px}.stage-copy .feature-question{font-size:20px}.satellite{top:85px;width:90px}.book-card h3{font-size:23px}.book-description{font-size:12px}.book-overview{gap:16px}.book-topline{font-size:7px}.curiosity-banner h3{font-size:20px}.reader-toolbar{gap:8px}.reader-tabs{gap:16px}.reader-tabs button{font-size:10px}.reader-settings button{min-width:31px}.finder-book{grid-template-columns:65px 1fr;gap:17px}.finder-book h2{font-size:25px}.finder-step h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-premium .stage-main,.satellite,.book-card{transition:none}.book-card:hover,.hero-premium .stage-main:hover{transform:none}.has-motion .reveal{opacity:1;transform:none}}

@media(min-width:761px) and (max-width:1100px){.hero-premium h1{font-size:clamp(46px,5.2vw,58px)}}
.hero-premium .stage-main{margin-left:0;transform:translateX(-50%) rotate(-5deg)}
.hero-premium .stage-main:hover{transform:translateX(-50%) rotate(-2deg) translateY(-8px)}
@media(prefers-reduced-motion:reduce){.hero-premium .stage-main:hover{transform:translateX(-50%) rotate(-5deg)}}

@media(max-width:760px){.book-visual{align-self:start;padding-top:20px}}
