:root{--experience-ink:#272b29;--experience-muted:#535950;--experience-accent:#314e40;--experience-surface:#f2ecdf}
.experience-v3 .header-inner{min-height:100px}.header-languages{max-width:1320px;margin:auto;padding:0 40px 18px}.language-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.language-nav a{font:500 13px/1.3 Arial,sans-serif;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--experience-muted)}.language-nav a[aria-current]{background:var(--experience-ink);color:#fff}.language-nav a:hover{background:#e8e2d7}.language-nav a[aria-current]:hover{background:#314e40}
.intro-hero{max-width:1320px;margin:0 auto;padding:72px 40px 80px;display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:start}.intro-copy h1{font:500 clamp(42px,5.1vw,72px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:24px 0 28px}.intro-copy p{max-width:620px;color:var(--experience-muted);font-size:17px;line-height:1.8}.intro-copy .intro-lead{font-size:20px;line-height:1.65}.intro-copy .button{margin-top:16px}.intro-art{margin:0;position:relative}.intro-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:5px;outline:1px solid oklch(0 0 0/.1);box-shadow:0 14px 35px #29251d12}.intro-art figcaption{position:absolute;inset:auto 24px 24px;color:white;font:600 13px/1.2 Arial,sans-serif;letter-spacing:.18em}.intro-facts{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font:500 12px/1.5 Arial,sans-serif;color:var(--experience-accent)}
.intro-section{max-width:1240px;margin:0 auto;padding:64px 40px}.section-heading{max-width:760px}.intro-section h2{font:500 clamp(30px,3vw,44px)/1.2 Georgia,serif;letter-spacing:-.025em}.intro-section p{color:var(--experience-muted);line-height:1.8}.reading-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:42px 0 0}.reading-steps li{padding:24px;background:var(--experience-surface);border-radius:8px}.step-number{font:600 13px/1 Arial,sans-serif;color:var(--experience-accent);letter-spacing:.15em}.reading-steps h3{font:500 24px/1.3 Georgia,serif;margin:20px 0 16px}.intro-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.intro-about h2{margin:0}.intro-about p:first-child{margin-top:0}.home-offers .purchase-panel{padding:40px;background:#eee7d9}.home-offers .purchase-panel>h2{max-width:720px}.home-offers .purchase-cards{grid-template-columns:1fr 1fr;gap:24px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.faq-section h2{margin:0}.faq-section details{border-bottom:1px solid #272b2924;padding:20px 0}.faq-section summary{cursor:pointer;font:600 18px/1.5 Arial,sans-serif}.faq-section details p{margin:18px 0 0}
.story-introduction{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:64px;padding:52px 40px 64px}.story-back{display:inline-block;margin-bottom:32px;color:var(--experience-muted);font-size:14px}.story-introduction h1{font:500 clamp(38px,4.5vw,62px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:22px 0}.story-introduction p{font-size:16px;line-height:1.8;color:var(--experience-muted)}.story-introduction p.story-teaser{font-size:21px;line-height:1.5;color:var(--experience-ink)}.story-badges{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 24px}.story-badges span{font:500 12px/1.4 Arial,sans-serif;background:var(--experience-surface);padding:7px 10px;border-radius:4px}.story-cover{margin:0;padding-top:52px}.story-cover img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;outline:1px solid oklch(0 0 0/.1)}.story-cover figcaption{font:13px/1.6 Arial,sans-serif;color:var(--experience-muted);margin:14px 0}.button--read{margin-top:16px}
.reading-layout{max-width:1320px;display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);gap:40px;margin:0 auto 80px;padding:0 40px;align-items:start;scroll-margin-top:24px}.reading-purchase{position:sticky;top:24px;grid-column:1}.reader-frame{grid-column:2;min-width:0}.purchase-panel{background:var(--experience-surface);padding:24px;border-radius:12px;scroll-margin-top:24px}.purchase-panel h2{font:500 26px/1.2 Georgia,serif;margin:18px 0}.purchase-panel>p{font:15px/1.65 Arial,sans-serif;color:var(--experience-muted)}.purchase-cards{display:grid;gap:16px;margin:26px 0}.purchase-card{border:1px solid #272b2928;background:#fbf8f1;padding:20px;border-radius:8px}.purchase-card--collection{background:#e2eadf}.purchase-price{display:flex;gap:18px;align-items:start;justify-content:space-between}.purchase-price>span{font:600 15px/1.5 Arial,sans-serif;max-width:150px}.purchase-price strong{font:500 40px/1 Georgia,serif}.purchase-price small{display:block;font:12px/1.3 Arial,sans-serif;text-align:end;margin-top:6px}.purchase-card p{font:14px/1.65 Arial,sans-serif;color:var(--experience-muted);margin:20px 0}.purchase-button{display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:48px;text-decoration:none;padding:12px 16px;border-radius:5px;background:var(--experience-ink);color:#fff;font:600 14px/1.4 Arial,sans-serif;transition:background-color 150ms,scale 150ms}.purchase-card--collection .purchase-button{background:var(--experience-accent)}.purchase-button:hover{background:#3d5145}.purchase-button:active{scale:.96}.purchase-panel p.purchase-fineprint{font:12px/1.65 Arial,sans-serif;margin:16px 0}.purchase-legal{display:flex;flex-wrap:wrap;gap:16px;font:13px/1.5 Arial,sans-serif}.reader-chapters{display:flex;gap:12px;margin-bottom:20px}.reader-chapters .chapter-choice{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;text-align:start;padding:16px;border:1px solid #272b2928;border-radius:8px;background:#f6f1e7;color:var(--experience-ink);cursor:pointer}.reader-chapters .chapter-choice strong{font:500 17px/1.4 Georgia,serif}.reader-chapters .chapter-choice small{font:12px/1.4 Arial,sans-serif;color:var(--experience-muted)}.reader-chapters .chapter-choice[aria-current=true]{border-color:var(--experience-accent);background:#e2eadf}.book-sheet{background:#fffdf7;padding:40px;border-radius:8px;box-shadow:0 2px 5px #25221f08,0 16px 36px #25221f0a}.book-sheet #page-content{font:20px/1.8 Georgia,serif;min-height:420px}.book-sheet #page-content p{margin:0 0 1.5em}.book-sheet h2{font:500 32px/1.2 Georgia,serif}.book-sheet h3{font:500 26px/1.3 Georgia,serif}.book-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;border-top:1px solid #272b2928;padding-top:20px;font:13px/1.5 Arial,sans-serif}.book-controls button{background:var(--experience-surface);border:0;border-radius:5px;color:var(--experience-ink);padding:12px;min-height:44px;cursor:pointer}.book-controls button:disabled{opacity:.4;cursor:default}.book-controls #page-count{margin-inline:auto}.reader-slider-label{display:flex;gap:8px;align-items:center;width:100%;order:4}.reader-slider-label input{flex:1;min-width:0;accent-color:var(--experience-accent)}.locked-reading{background:var(--experience-surface);padding:24px;border-radius:8px}.experience-v3 a:focus-visible,.experience-v3 button:focus-visible,.experience-v3 summary:focus-visible,.experience-v3 input:focus-visible{outline:3px solid #58734c;outline-offset:4px}.experience-v3 #page-content:focus{outline:none}.experience-v3 .advertising-banner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 40px;background:#e9e2d4;color:#394037;font:12px/1.6 Arial,sans-serif}.advertising-banner strong{text-transform:uppercase;letter-spacing:.08em}.advertising-banner a{margin-inline-start:auto}
@media(max-width:1050px){.intro-hero,.story-introduction{gap:36px}.intro-hero{padding-top:48px}.reading-layout{grid-template-columns:300px minmax(0,1fr);gap:24px}.book-sheet{padding:28px}.reading-steps{gap:20px}.intro-about,.faq-section{gap:36px}}
@media(max-width:820px){.intro-hero,.story-introduction{grid-template-columns:1fr}.intro-art{max-width:600px}.intro-art img{aspect-ratio:3/2}.story-cover{padding-top:0;max-width:620px}.story-cover img{aspect-ratio:3/2}.reading-layout{grid-template-columns:1fr}.reading-purchase{position:static;grid-column:1}.reader-frame{grid-column:1}.reading-purchase .purchase-cards{grid-template-columns:1fr 1fr}.intro-about,.faq-section{grid-template-columns:1fr}.reading-steps{grid-template-columns:1fr}.reading-steps li{padding:24px}.header-languages{padding-inline:24px}.language-nav{justify-content:flex-start}.experience-v3 .header-inner{flex-wrap:wrap;gap:24px;padding:24px}.experience-v3 .header-inner nav{flex-wrap:wrap;gap:24px}.intro-hero,.story-introduction,.intro-section{padding-inline:24px}.reading-layout{padding-inline:24px}.experience-v3 .advertising-banner{padding-inline:24px}.home-offers .purchase-panel{padding:24px}}
@media(max-width:520px){.intro-hero{padding-block:36px 48px}.intro-copy h1{font-size:44px}.intro-copy .intro-lead{font-size:18px}.intro-section{padding-block:40px}.intro-about,.faq-section{gap:24px}.reading-purchase .purchase-cards,.home-offers .purchase-cards{grid-template-columns:1fr}.story-introduction{padding-top:32px;gap:28px}.story-introduction h1{font-size:40px}.reader-chapters{flex-direction:column}.book-sheet{padding:24px 20px}.book-sheet #page-content{font-size:18px;min-height:0}.reading-layout{padding-inline:16px}.book-controls{gap:10px}.book-controls button{font-size:12px}.language-nav{gap:4px}.language-nav a{padding:8px}.experience-v3 .brand-word{font-size:30px}.experience-v3 .brand-mark{width:44px;height:44px}.experience-v3 .header-inner nav{gap:18px}.advertising-banner a{margin-inline-start:0}.intro-facts{gap:12px}}
@media(prefers-reduced-motion:reduce){.purchase-button{transition:none}.purchase-button:active{scale:1}}

.experience-v3 .story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px;max-width:1320px;margin:auto;padding:0 40px 80px}
@media(max-width:900px){.experience-v3 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:24px}}
@media(max-width:560px){.experience-v3 .story-grid{grid-template-columns:1fr}}
/* Purchase choices stay outside pagination and appear before the reader. */
.experience-v3 .reading-layout{grid-template-columns:1fr;gap:40px}
.experience-v3 .reading-purchase{position:static;grid-column:1}
.experience-v3 .reader-frame{grid-column:1;width:100%;max-width:920px;margin-inline:auto}
.reading-purchase .purchase-panel{padding:32px}
.reading-purchase .purchase-cards{grid-template-columns:1fr 1fr;gap:24px}
.reading-purchase .purchase-price>span{max-width:none}
@media(max-width:560px){.reading-purchase .purchase-cards{grid-template-columns:1fr}.reading-purchase .purchase-panel{padding:24px}}
.experience-v3 #page-slider{accent-color:var(--experience-accent)}
.experience-v3 .chapter-choice>span{color:var(--experience-accent)}
.experience-v3 .chapter-finish a{color:var(--experience-accent)}
.experience-v3 .button{background:var(--experience-accent);border-radius:5px}
.experience-v3 .button:hover{background:#273e33}
.experience-v3 .header-languages .language-nav{gap:4px;padding:0;width:auto}
@media(max-width:520px){.experience-v3 .header-languages .language-nav a{font-size:12px;padding:8px 10px}.experience-v3 .header-languages{padding-bottom:16px}}
.experience-v3 .page-top{max-width:1320px;margin-inline:auto;padding:56px 40px 48px}
.experience-v3 .page-top h1{max-width:1040px;font:500 clamp(36px,4.8vw,64px)/1.12 Georgia,serif;letter-spacing:-.025em}
.experience-v3 .page-top>p:not(.eyebrow){max-width:740px;font:17px/1.7 Arial,sans-serif;color:var(--experience-muted)}
@media(max-width:820px){.experience-v3 .page-top{padding:40px 24px}}
.intro-copy .eyebrow,.story-introduction .eyebrow{font:600 12px/1.7 Arial,sans-serif;letter-spacing:.13em}
@media(max-width:520px){.intro-copy h1{font-size:clamp(32px,9.5vw,40px)}}