@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,700&family=Manrope:wght@500;700&display=swap");:root{--ink:#27375d;--blue:#315da8;--red:#bc555a;--gold:#d8a64a;--paper:#f7f1e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope;overflow-x:hidden;background-image:radial-gradient(#315da822 1px,transparent 1px);background-size:7px 7px}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px max(17px,calc((100vw - 1160px)/2));background:#f7f1e7e8;border-bottom:1px solid #a9bedb;backdrop-filter:blur(12px)}.brand{font-weight:700;color:var(--ink);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;background:var(--blue);color:#fff;text-decoration:none;border-radius:999px;font-weight:700}.hero{width:min(1160px,calc(100% - 34px));margin:28px auto;display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#fffaf3;border:1px solid #a9bedb;overflow:hidden}.copy{padding:clamp(28px,5vw,64px)}.ey{font:11px 'DM Mono';color:var(--red)}h1,h2{font-family:Fraunces,serif;letter-spacing:-.04em}h1{font-size:clamp(54px,7vw,99px);line-height:.86;margin:16px 0;color:var(--blue)}h2{font-size:clamp(34px,4.4vw,61px);line-height:.96;margin:10px 0 18px}.lead,p{line-height:1.68}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.ghost{background:#fff;color:var(--blue);border:1px solid #a9bedb}.notice{font-size:17px;line-height:1.72;border-left:4px solid var(--red);padding-left:16px}.visual,.media{position:relative;min-height:420px;overflow:hidden}.visual img,.media img{width:100%;height:100%;object-fit:cover;display:block}.scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,#d8a64a33 19px 20px);animation:scan 5s linear infinite}@keyframes scan{to{transform:translateY(40px)}}.hud{width:min(1160px,calc(100% - 34px));margin:14px auto;display:flex;gap:10px;overflow:auto}.hud a{white-space:nowrap;padding:9px 13px;border:1px solid #a9bedb;color:var(--blue);font:11px 'DM Mono';text-decoration:none;background:#fffaf3}.story{width:min(1160px,calc(100% - 34px));margin:35px auto}.block{display:grid;grid-template-columns:76px 1fr 400px;min-height:450px;border:1px solid #a9bedb;background:#fffaf3;margin-top:18px}.block:nth-child(even){grid-template-columns:400px 1fr 76px;background:#f1e8df}.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:26px 12px;color:var(--red);font:12px 'DM Mono'}.block .copy{align-self:center}.block .media{min-height:100%}.faq,.legal{width:min(980px,calc(100% - 34px));margin:55px auto;padding:clamp(25px,4vw,54px);background:#fffaf3;border:1px solid #a9bedb}.legal p{font-size:18px;line-height:1.75}details{padding:14px 0;border-top:1px solid #b7c8dc}summary{cursor:pointer;font-weight:700;color:var(--blue)}footer{width:min(1160px,calc(100% - 34px));margin:30px auto;padding:28px 0 48px;border-top:1px solid #a9bedb;display:flex;justify-content:center}footer a{color:var(--blue)}@media(max-width:800px){.top{height:66px;padding:10px 17px}.hero{width:100%;margin:0;display:flex;flex-direction:column}.hero .copy{padding:30px 20px}.hero h1{font-size:49px}.hero .visual{min-height:245px;max-height:245px}.hud{width:100%;padding:12px 17px;margin:0}.story{width:100%;padding:0 17px;margin:0}.block,.block:nth-child(even){display:flex;flex-direction:column;margin:20px 0}.block .num,.block:nth-child(even) .num{order:0;padding:10px 16px}.block .copy,.block:nth-child(even) .copy{order:1;padding:25px 18px}.block .media,.block:nth-child(even) .media{order:2;min-height:220px;height:220px}.block h2{font-size:33px}.block .btn{width:100%}.scan{display:none}.faq,.legal{width:calc(100% - 34px);margin:28px auto;padding:25px 18px}.legal p{font-size:17px;line-height:1.72}footer{width:100%;margin:0;padding:24px 17px 36px}.actions,.btn{width:100%}}

/* Watercolor editorial pairing: media stays proportionate to its matching text on every chapter */
.story .block:nth-child(odd){grid-template-columns:76px minmax(0,1fr) 400px!important}.story .block:nth-child(odd) .num{grid-column:1!important;grid-row:1!important}.story .block:nth-child(odd) .copy{grid-column:2!important;grid-row:1!important}.story .block:nth-child(odd) .media{grid-column:3!important;grid-row:1!important}.story .block:nth-child(even){grid-template-columns:400px minmax(0,1fr) 76px!important}.story .block:nth-child(even) .media{grid-column:1!important;grid-row:1!important}.story .block:nth-child(even) .copy{grid-column:2!important;grid-row:1!important}.story .block:nth-child(even) .num{grid-column:3!important;grid-row:1!important}.story .block .copy{align-self:center!important}.story .block .media{min-height:100%!important;align-self:stretch!important}.story .block .media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}@media(max-width:800px){.story .block:nth-child(odd),.story .block:nth-child(even){grid-template-columns:1fr!important}.story .block:nth-child(odd) .num,.story .block:nth-child(even) .num{grid-column:1!important;grid-row:1!important}.story .block:nth-child(odd) .copy,.story .block:nth-child(even) .copy{grid-column:1!important;grid-row:2!important}.story .block:nth-child(odd) .media,.story .block:nth-child(even) .media{grid-column:1!important;grid-row:3!important;min-height:220px!important}}
