/* The final frame of the opening film becomes the living page. */
:root{--bg:#19140f;--panel:#241c14;--panel2:#302419;--ink:#f1dfbb;--muted:#c4ad87;--dim:#ab9270;--line:#b9915638;--line2:#98784e;--gold:#d8ac6b;--gold2:#f3d4a0;--seal:#a54130;color-scheme:dark}
html{background:#19140f;scroll-padding-top:84px}body{background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 0,#6c4e2524,transparent 65%),linear-gradient(#19140fed,#19140fed),url('paper-grain.webp');background-size:auto,auto,750px;color:var(--ink)}
body:before{content:'';position:fixed;inset:0;z-index:50;pointer-events:none;box-shadow:inset 0 0 100px #09070530}
.top{position:absolute;inset:0 0 auto;z-index:30;height:86px;background:linear-gradient(#100c09ed,#100c0900);border:0;padding-inline:5vw;backdrop-filter:none}.top nav{color:#e6cfaa}.top nav a:hover{color:#fff1d8}.top .btn{color:#ecd2a8;border-bottom-color:#b99156}.brand-logo{width:210px;height:49px}
.hero{display:block;position:relative;isolation:isolate;max-width:none;margin:0;padding:0;height:108svh;min-height:870px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#624420 0%,#2a1e12 42%,#19140f 75%)}
.hero-art{position:absolute;inset:28px auto auto 50%;transform:translateX(-50%);height:calc(100svh - 28px);width:auto;max-height:1100px;aspect-ratio:4/5!important;box-shadow:0 0 100px #080604b3;border:0;margin:0;overflow:visible;z-index:-2}
.hero-art img{height:100%;width:100%;object-fit:fill;border:0;max-width:none;filter:none}.hero-art:after{inset:-1px;background:linear-gradient(0deg,#19140f 0%,#19140f00 28%);border:0}.portrait-label{display:none}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#19140f 0%,#19140fe6 8%,#19140f88 24%,#19140f00 45%),linear-gradient(90deg,#19140f66,transparent 23%,transparent 77%,#19140f66)}
.hero-copy{position:absolute;left:5vw;right:5vw;bottom:48px;text-align:center;max-width:none;padding:0;text-shadow:0 2px 24px #080604}.hero .eyebrow{display:block;font-size:10px;color:#d2ad79;letter-spacing:.35em}.hero-chapter{display:none}.hero h1{color:#f7e8cc;font-size:clamp(38px,4.8vw,66px);font-weight:800;white-space:nowrap;letter-spacing:-.04em;line-height:1.4;margin:13px 0 12px}.hero-note{max-width:none;font-size:15px;line-height:1.85;color:#dac3a0;margin:0 0 18px}.hero .cta-row{justify-content:center}.hero .cta-row .btn{width:min(390px,100%);min-height:57px;padding:12px 19px;color:#f8e7c5;border:1px solid #c19a62;background:linear-gradient(100deg,#6341228c,#3b2b1b88);font-size:22px;justify-content:space-between}.hero .btn small{color:#ddbc86}.hero .trust{justify-content:center;color:#bca17c;font-size:10px;margin-top:14px}
.btn,.btn-gold,.btn-line{color:var(--ink);border-color:var(--line2)}.btn-gold:hover,.btn-line:hover{color:#fff0d4;border-color:#dfb77b;background:#9e773218}.btn small,.btn-text,.kicker{color:#d7ad75}.btn-text:hover{color:#ffe3b3}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#f1ce93}
section{padding:115px 5vw;max-width:1240px}h2{color:#f0dbb7;font-size:clamp(32px,4.1vw,53px);letter-spacing:-.05em}.kicker{letter-spacing:.2em;font-size:11px;margin-bottom:24px}.sec-lead{color:var(--muted)}
.band{border-block:1px solid var(--line);background:linear-gradient(120deg,#9a6c3220,#19140f33 65%);position:relative}.band:before{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 25px 55px #100b0644,inset 0 -25px 55px #100b0644}.band>section{position:relative}.sample{gap:75px;grid-template-columns:1.05fr 1fr;margin-top:55px}.sample .mapcard{position:relative;padding:25px 15px 15px;background:radial-gradient(ellipse,#d3b17a20,transparent 75%);isolation:isolate}.sample .mapcard:before{content:'';position:absolute;inset:15px;z-index:-1;border:1px solid #9c77443b;transform:rotate(-1.5deg)}.portrait-study{box-shadow:none;filter:sepia(.2) contrast(1.12) brightness(.85);-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 92%,transparent)}.study-caption{color:#bba17c;font-size:11px}.type{color:#efd3a5}.type small{color:var(--muted)}.item{border-color:var(--line);padding-block:27px}.item .part{color:#d9a66b}.item b{color:#edd7b4;font-size:25px}.item p,.item .advice{color:#c4ac87}.num,.items .num{color:#d9ac74;background:none;border-color:#a46b49}#sampleItems .feature-study{mix-blend-mode:normal;filter:sepia(.55) brightness(.72) contrast(1.2);opacity:.9}
#topics{padding-bottom:70px}.topics{border-top:1px solid #aa85534d;margin-top:45px}.topic{border-color:var(--line);padding:29px 10px;min-height:112px}.topic b{font-size:28px;color:#f0d8ad}.topic .han{font-size:39px;color:#bb8350;width:66px}.topic span:not(.han){color:var(--muted)}.topic:after{font-size:25px;color:#d7ad75}.topic:hover{background:linear-gradient(90deg,#a27b3820,transparent);border-color:#a9824a}.topic:hover .han{color:#ebc28b}
.story{gap:80px;grid-template-columns:1fr 1.2fr;align-items:center;padding-block:25px}.story img{width:100%;height:auto;max-width:420px;aspect-ratio:4/5;filter:sepia(.12) contrast(1.08);box-shadow:0 20px 65px #08060466;-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent)}.story .quote{color:#eddbb8;font-size:clamp(30px,4vw,50px);line-height:1.65;font-weight:700}.story .quote em{color:#d49f66}.story .sec-lead{max-width:25em;font-size:14px;line-height:2}
.paid{position:relative;padding:58px 40px;background:linear-gradient(110deg,#76542a33,#19140f00);border-color:#ac834e;box-shadow:inset 0 0 0 7px #19140f,inset 0 0 0 8px #8c67303b}.paid .price{color:#e5ba7c}.paid .price small{color:#bfa783}.paid ul{color:#cbb28b}.faq{border-top:1px solid var(--line)}.faq details{border-color:var(--line);padding-block:23px}.faq summary{color:#e4cda6;font-family:var(--head);font-size:19px}.faq details p{color:#c4ad87;max-width:48em}.faq summary:after{color:#b68d59}
footer{background:#120f0b;border-color:var(--line);color:#b69b75;padding:35px 5vw 65px}footer a{color:#cfb18a}.dock{background:linear-gradient(0deg,#19140f 70%,#19140f00);padding:24px 22px calc(18px + var(--safe))}.dock .btn{background:#38291a;color:#f4dfb9;border:1px solid #b08a55}
.cinema,.cinema video{background:#19140f}.intro-caption{color:#c3a37c}.intro-skip{background:#22170ce0;border-color:#ad8855;color:#eed5af}
/* The same lacquer-and-paper palette carries through the conversation. */
dialog.flow,dialog.sheet{background:var(--bg);color:var(--ink);border:1px solid #967248;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#080604d9;backdrop-filter:blur(8px)}.fl-head,.fl-foot,.pr-head,.pr-navigation{background:#21180f;color:var(--ink);border-color:var(--line)}.fl-body{background:linear-gradient(#19140fed,#19140fed),url('paper-grain.webp')}.icon-btn{color:#d3b48b}.steps,.fine,.field-note,.personal-privacy,.profile-steps,.field-error,.choice small,.choice span{color:#c0a47e}.steps .on,.steps .on .dot,.steps .done .dot{color:#e2b87d}.say p{color:#efd8af}.choice{color:var(--ink);border-color:var(--line)}.choice:hover{background:#ae7a2920}.storybox textarea,input,.personal-card input{color:#f0dbb7;background:#6a4f2520;border-color:var(--line2)}.storybox label,.choose-label{color:#e0c79e}.storybox .tiny,.status,.file-help{color:#bba17b}.personal-scene{background:#19140f}.personal-card{background:#21180ff5;border-color:#927044;color:#f0d9b1}.personal-portrait p{background:linear-gradient(100deg,#19140ff5,#19140f00);color:#edd4aa}.personal-portrait:after{background:linear-gradient(0deg,#19140f 0%,transparent 70%)}.personal-card h2{color:#f1dcba}.profile-steps li[aria-current]{color:#e4b679}.chip[aria-pressed=true],.corelink,.r-tags .is-core,.rtags .is-core{color:#e2b77c!important}.scroll-head{color:#f0d8af;border-color:var(--line2)}.scroll-head .fine{color:var(--muted)}.locked,.r-brief,.storycard{color:var(--ink);background:none;border-color:var(--line2)}.errbox,.err-tips{color:var(--ink);background:none}.pr-toc{background:#261d13;color:#ead4af}.preview-banner{background:#70532c33;color:#c9ad84}.pr-toc a[aria-current=true],.pr-toc a:hover{background:#a77d3830}.pr-ch>header small,.pr-sec .sub{color:#c5a77e}.prep-facts,.pr-sum,.pr-resume,.pr-next{background:none;border-color:var(--line2);color:var(--ink)}.agechips button{color:#d3b68d!important}.agechips button[aria-checked=true]{color:#ffdea7!important;box-shadow:inset 0 -2px #d6ad72}
@media(min-width:1500px){.hero{height:105svh}.hero-copy{bottom:5svh}}
@media(max-width:860px){.top{height:70px;padding-inline:22px}.brand-logo{width:166px;height:42px}.top nav a{display:none}.top .btn{font-size:12px}.hero{height:100svh;min-height:760px;max-height:1080px}.hero-art{top:38px;height:auto;width:min(100%,calc(92svh * .8));max-height:none;aspect-ratio:4/5!important}.hero-art img{height:auto;aspect-ratio:4/5}.hero:after{background:linear-gradient(0deg,#19140f 0%,#19140fe6 12%,#19140f80 30%,transparent 50%)}.hero-copy{left:23px;right:23px;bottom:40px}.hero h1{font-size:clamp(26px,7.6vw,45px);margin:12px 0;line-height:1.5}.hero .eyebrow{font-size:9px;letter-spacing:.25em}.hero-note{font-size:13px;margin-bottom:20px;line-height:1.9}.hero .cta-row .btn{font-size:21px;width:100%;max-width:360px;min-height:57px}.hero .trust{font-size:9px;gap:12px}.hero-copy{max-width:none}section{padding:78px 24px}h2{font-size:34px}.kicker{font-size:10px;margin-bottom:20px}.sample{grid-template-columns:1fr;gap:34px;margin-top:35px}.sample .mapcard{max-width:450px;width:100%;margin:auto;padding-inline:0}.item b{font-size:21px}.item{padding-block:23px}.topic{min-height:104px;padding-block:25px;gap:13px}.topic .han{width:48px;font-size:32px}.topic b{font-size:24px}.topic span:not(.han){font-size:12px}.story{display:grid;grid-template-columns:1fr;gap:32px}.story img{width:75%;max-width:340px;margin:auto}.story .quote{font-size:34px}.story .sec-lead{font-size:13px}.paid{padding:38px 23px}.faq summary{font-size:17px}footer{padding:30px 24px 100px}.personal-card{padding:23px 24px}.personal-portrait p{font-size:21px}.fl-body{padding:24px 23px 28px}}
@media(max-width:360px){.hero-copy{left:20px;right:20px}.hero h1{font-size:26px}.hero-note{font-size:12px}.hero .cta-row .btn{font-size:19px}.brand-logo{width:151px}h2{font-size:30px}.topic b{font-size:22px}.story .quote{font-size:29px}}
@media(prefers-reduced-motion:reduce){.cinema{display:none}.hero-art,.hero-copy{animation:none}}
@media print{body,dialog.flow,.fl-body,#flow .pane.full[data-pane="paidread"],#flow [data-pane="paidread"] .pr-body{background:#fff!important;color:#111!important}body:before{display:none}.pr-sec p,.pr-sec h3,.pr-ch h2{color:#111!important}}

/* Keep the brand above the portrait; size copy inside both mobile gutters. */
.hero-art{top:108px;height:calc(100svh - 108px)}
.hero-copy{width:auto;min-width:0;margin-inline:0;box-sizing:border-box}
.hero-copy .cta-row{width:100%;min-width:0;margin-inline:auto}
.hero-copy .cta-row .btn{box-sizing:border-box;max-width:100%;min-width:0;margin-inline:auto}
@media(max-width:860px){
 .hero-art{top:88px;height:auto;width:min(100%,calc((92svh - 70px) * .8))}
 .hero-copy{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));width:auto;max-width:none;min-width:0;margin:0;padding:0;transform:none;text-align:center}
 .hero-copy h1,.hero-copy .hero-note,.hero-copy .eyebrow{width:100%;max-width:100%;margin-inline:auto;text-align:center}
 .hero-copy .cta-row{display:flex;justify-content:center;align-items:center;width:100%;max-width:360px;gap:0;margin-inline:auto}
 .hero-copy .cta-row .btn{flex:0 1 100%;width:100%;min-width:0;max-width:360px;margin:0;gap:12px}
 .hero-copy .trust{width:100%;max-width:100%;padding-left:0;justify-content:center;margin-inline:auto}
 .dock{left:0;right:0;width:auto;box-sizing:border-box}
 .dock .btn{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}