@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Serif+Display&family=Manrope:wght@500;600;700&display=swap");:root{--ink:#24453b;--sage:#6e927a;--clay:#b76d54;--paper:#f5f0e2;--gold:#d9ae61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;overflow-x:hidden}.top{position:sticky;top:0;z-index:70;display:flex;justify-content:space-between;align-items:center;padding:16px max(17px,calc((100vw - 1180px)/2));background:rgba(245,240,226,.94);border-bottom:1px solid #bdc8b6;backdrop-filter:blur(12px)}.brand{font:26px 'DM Serif Display';color:var(--ink);text-decoration:none}.brand b{color:var(--clay)}.top a:last-child,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;text-decoration:none;padding:12px 17px;border-radius:999px;font-weight:700}.hero{width:min(1180px,calc(100% - 34px));margin:30px auto;display:grid;grid-template-columns:1.05fr .95fr;border-radius:38px;overflow:hidden;background:#e7eedf}.copy{padding:clamp(28px,5vw,65px)}.ey{font:11px 'DM Mono';color:var(--clay);letter-spacing:.04em}.hero h1,.copy h2,.faq h2,.legal h2{font-family:'DM Serif Display';letter-spacing:-.04em}.hero h1{font-size:clamp(54px,7.4vw,100px);line-height:.84;margin:18px 0}.lead,.copy p,.faq p,.legal p{line-height:1.72}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)}.notice{border-left:3px solid var(--clay);padding-left:13px;font-size:14px}.visual,.media{min-height:430px;position:relative;overflow:hidden}.visual img,.media img{width:100%;height:100%;object-fit:cover;display:block}.fan{width:min(1180px,calc(100% - 34px));height:310px;margin:20px auto 55px;position:relative}.fan a{position:absolute;left:50%;bottom:20px;transform-origin:50% 100%;width:210px;padding:18px;background:#fffaf0;color:var(--ink);text-decoration:none;border:1px solid #bdc8b6;transition:transform .5s ease}.fan a:nth-child(1){transform:translateX(-50%) rotate(-18deg)}.fan a:nth-child(2){transform:translateX(-50%) rotate(-10deg)}.fan a:nth-child(3){transform:translateX(-50%) rotate(0)}.fan a:nth-child(4){transform:translateX(-50%) rotate(10deg)}.fan a:nth-child(5){transform:translateX(-50%) rotate(18deg)}.fan.open a:nth-child(1){transform:translateX(-250%) rotate(-8deg)}.fan.open a:nth-child(2){transform:translateX(-145%) rotate(-4deg)}.fan.open a:nth-child(4){transform:translateX(45%) rotate(4deg)}.fan.open a:nth-child(5){transform:translateX(150%) rotate(8deg)}.story{width:min(1180px,calc(100% - 34px));margin:0 auto}.block{display:grid;grid-template-columns:110px 1fr 410px;min-height:470px;border-top:1px solid #bdc8b6}.block:nth-child(even){grid-template-columns:410px 1fr 110px;background:#edf2e7}.block:nth-child(even) .media{grid-column:1}.block:nth-child(even) .copy{grid-column:2}.block:nth-child(even) .num{grid-column:3}.num{padding:30px 18px;font:12px 'DM Mono';color:var(--clay)}.block .copy{padding:clamp(30px,5vw,65px)}.block h2{font-size:clamp(35px,4.8vw,66px);line-height:.97;margin:13px 0 20px}.faq,.legal{width:min(1010px,calc(100% - 34px));margin:60px auto;background:#fffaf0;padding:clamp(26px,4vw,56px)}details{border-top:1px solid #bdc8b6;padding:15px 0}summary{font-weight:700;cursor:pointer}footer{width:min(1180px,calc(100% - 34px));margin:30px auto;padding:28px 0 46px;border-top:1px solid #bdc8b6;display:flex;justify-content:space-between}footer a{color:var(--ink)}@media(max-width:800px){.hero,.block,.block:nth-child(even){grid-template-columns:1fr}.block .num,.block:nth-child(even) .num{grid-column:1;grid-row:1;padding:12px 24px}.block .copy,.block:nth-child(even) .copy{grid-column:1;grid-row:2;padding:34px 24px}.block .media,.block:nth-child(even) .media{grid-column:1;grid-row:3;min-height:290px}.fan{height:400px;overflow:hidden}.fan a{width:180px;left:50%}.fan.open a:nth-child(1){transform:translateX(-165%) rotate(-8deg)}.fan.open a:nth-child(2){transform:translateX(-95%) rotate(-4deg)}.fan.open a:nth-child(4){transform:translateX(-5%) rotate(4deg)}.fan.open a:nth-child(5){transform:translateX(65%) rotate(8deg)}.hero h1{font-size:clamp(50px,15vw,78px)}.actions,.btn{width:100%}footer{display:grid;gap:12px;text-align:center;padding-bottom:calc(40px + env(safe-area-inset-bottom))}}

/* Correct chapter alignment: copy and illustration share the same row */
.story .block,.story .block:nth-child(even){grid-template-columns:92px minmax(0,1fr) 410px!important;align-items:stretch}.story .block .num,.story .block:nth-child(even) .num{grid-column:1!important;grid-row:1!important}.story .block .copy,.story .block:nth-child(even) .copy{grid-column:2!important;grid-row:1!important;align-self:center}.story .block .media,.story .block:nth-child(even) .media{grid-column:3!important;grid-row:1!important;min-height:100%!important;order:initial!important}.story .block:nth-child(even){background:#edf2e7!important}.story .block:nth-child(3n){background:#f8f2e7!important}@media(max-width:800px){.story .block,.story .block:nth-child(even){grid-template-columns:1fr!important}.story .block .num,.story .block:nth-child(even) .num{grid-column:1!important;grid-row:1!important}.story .block .copy,.story .block:nth-child(even) .copy{grid-column:1!important;grid-row:2!important}.story .block .media,.story .block:nth-child(even) .media{grid-column:1!important;grid-row:3!important;min-height:290px!important}}
