@import url('./brand.css');
body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}
button,a,input,select,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.site-header{max-width:1440px;margin:auto;padding:0 5%;height:96px;position:relative;gap:24px}
.wordmark{font-family:var(--serif);font-size:38px;font-weight:400;letter-spacing:-1.8px}
.wordmark span{color:var(--accent);font:inherit;margin:0;vertical-align:baseline}
.site-header nav{gap:28px;margin-right:16px}.site-header nav a{font-size:13px;font-weight:500}
.header-cta{border-radius:0;border-color:var(--ink);font-size:12px;padding:13px 18px}
.menu-toggle{display:none}
.hero{max-width:1440px;grid-template-columns:1.03fr 1fr;min-height:0;align-items:center;padding:44px 5% 52px;gap:28px;overflow:visible}
.hero-copy{padding:24px 0;background:none;display:block}
.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;margin-bottom:25px}
.live-dot{background:var(--accent);width:6px;height:6px}
h1{font-family:var(--serif);font-size:clamp(48px,5.45vw,79px);line-height:1.01;letter-spacing:-2.7px;font-weight:400;margin:0 0 28px}
h1 span{color:var(--accent)}
.hero-lead{font-size:20px;line-height:1.45;font-weight:500;letter-spacing:-.4px;margin-bottom:15px}
.hero-description{font-size:15px;line-height:1.8;max-width:405px;color:var(--muted)}
.hero-actions{gap:24px;margin-top:28px;flex-wrap:wrap}
.primary{border-radius:0;background:var(--accent);border-color:var(--accent);font-size:13px;padding:16px 21px;gap:28px;min-height:48px;font-weight:500}
.primary:hover{background:#9e2116;border-color:#9e2116}
.text-link{font-size:12px;font-weight:500;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.text-link span{margin:0}.small-note{font-size:11px;margin-top:12px}
.hero-art{margin:0;position:relative;min-width:0}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}
.hero-art figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);padding-top:12px;font-size:8px;letter-spacing:1.3px;line-height:1.6}
.reading-strip{display:flex;justify-content:center;align-items:center;gap:45px;padding:22px 5%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:10px;font-weight:500;letter-spacing:1.7px}
.reading-strip span:nth-child(even){color:var(--accent);font-size:18px}
.briefing-section{max-width:1296px;margin:0 auto;padding:90px 5.5%;background:none;border-radius:0;gap:90px}
.section-heading h2,.briefing-intro h2,.access-intro h2,.faq-section h2{font:400 clamp(36px,3.8vw,54px)/1.06 var(--serif);letter-spacing:-1.3px;margin:0}
.briefing-intro>p:not(.eyebrow){font-size:14px;max-width:360px}
.email-preview{border:1px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 #e8e1d4;transform:rotate(1deg);padding:30px;background:#fffcf5}
.email-top{border-color:var(--ink)}.email-top .wordmark{font-size:28px}.email-top .wordmark span{font:inherit}.email-top>span:last-child{font-size:8px}
.email-preview h3{font:400 36px/1.1 var(--serif);letter-spacing:-.7px;margin:26px 0}
.email-line{padding:19px 0}.email-line strong{font-size:13px}.email-line p{font-size:11px}.pill{font-size:9px;padding:6px 8px}.email-note{font-size:10px;line-height:1.6}
.perspective-bar{max-width:1150px;padding:25px 0;margin:0 auto;gap:24px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.perspective-bar p{font-size:12px}.perspective-bar .bar-detail{font-size:10px}.legend{font-size:11px;gap:18px}
.method{padding:85px 5%;max-width:1440px}.section-heading>p:last-child{font-size:15px;max-width:380px;margin-left:15%}.method-steps{gap:40px;margin-top:40px}.method-steps article{border-color:var(--ink)}
.step-number{color:var(--accent);font-size:10px}.method-steps h3{font:400 29px/1.15 var(--serif);letter-spacing:-.4px;margin-top:22px}.method-steps p{font-size:13px}
.demo-section{padding:60px 5%;max-width:1440px;gap:90px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#ece6da}
.access-intro>p:not(.eyebrow){font-size:14px;max-width:450px}.access-intro .access-note{font-size:12px}
.access-card{border:1px solid var(--rule);border-top:2px solid var(--ink);border-radius:0;background:#fffcf5;padding:30px}
.access-card h3{font:400 29px/1.15 var(--serif);letter-spacing:-.4px}.access-card .eyebrow{font-size:9px;margin-bottom:16px}
input,select{border-radius:0;padding:14px;border-color:#928c80;font-size:15px;min-height:48px}
.demo-section .access-card{border:0;background:transparent;padding:0}.demo-section label{margin-top:0}.demo-section .primary{width:100%;justify-content:space-between}
.field-error:empty{min-height:0;margin:12px 0}.form-status:empty{min-height:0;margin:0}.form-status{font-size:13px;line-height:1.6}
.access-section{max-width:1440px;padding:85px 5%;gap:65px;align-items:start}.access-section .access-intro{position:sticky;top:30px}
.offer-list{gap:20px}.access-price{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-1px;margin:20px 0}.access-card>p:not(.eyebrow):not(.access-price){font-size:13px}
.offer-list .access-card:nth-child(2){border-top-color:var(--accent)}.offer-list .access-card .primary{width:100%;justify-content:space-between}
.faq-section{max-width:1440px;margin:auto;padding:65px 5% 85px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:65px}
.faq-list details{border-bottom:1px solid var(--rule)}.faq-list details:first-child{border-top:1px solid var(--rule)}
summary{cursor:pointer;padding:22px 32px 22px 0;font-size:14px;line-height:1.5;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;top:19px;font-size:22px;color:var(--accent)}details[open]>summary:after{content:'−'}
.faq-list p{font-size:13px;line-height:1.85;color:var(--muted);margin:0 20px 22px 0}
footer{padding:30px 5%;background:var(--ink);color:var(--paper);gap:28px}footer p,footer>span{color:#c9c4b9}footer .wordmark{font-size:30px;color:var(--paper)}footer .wordmark span{font:inherit;color:#ef5847}
dialog{border-radius:0;background:var(--paper);padding:30px}dialog::backdrop{background:#171714b8}dialog h2{font:400 38px/1.1 var(--serif);letter-spacing:-.8px}.close-dialog{min-height:44px;min-width:44px}.preview-disclaimer{background:#e9e2d5;border-radius:0}.dialog-heading .wordmark span{font:inherit}.context-country{color:var(--accent)}
@media(min-width:1600px){.hero-copy{padding:24px 0}.hero{min-height:0}}
@media(max-width:1100px){.hero{gap:22px}.hero-actions{gap:16px}.site-header nav{gap:18px;margin-right:0}.site-header{gap:20px}.perspective-bar{margin:0 5%}.briefing-section{gap:45px}.demo-section{gap:45px}.reading-strip{gap:24px}.hero-art figcaption{font-size:7px;letter-spacing:1px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{height:78px;padding:0 6%;gap:15px}.wordmark{font-size:31px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:14px;margin-left:auto;background:none;border:1px solid var(--ink);padding:10px 13px;font-size:12px;min-height:44px}
.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;z-index:5;background:var(--paper);padding:15px 6% 22px;border-bottom:1px solid var(--ink);margin:0}.site-header nav.is-open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:14px 0;font-size:15px}
.hero{display:flex;flex-direction:column;align-items:stretch;padding:38px 6% 26px;gap:28px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.35px;margin-bottom:23px}h1{font-size:clamp(44px,9.5vw,68px);letter-spacing:-1.7px;margin-bottom:24px}.hero-lead{font-size:19px}.hero-lead br{display:none}.hero-description{font-size:14px;max-width:480px}.hero-actions{margin-top:24px;gap:10px 22px}.primary{font-size:13px}.hero-art{max-width:490px;width:100%;align-self:center}.hero-art figcaption{font-size:7px}.reading-strip{justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.7px;padding:18px 6%}.reading-strip span:nth-child(even){font-size:12px}
.briefing-section{padding:55px 6%;margin:0;display:block}.briefing-intro h2{font-size:40px}.briefing-intro>p:not(.eyebrow){max-width:none;margin:20px 0}.email-preview{margin:32px 5px 10px 0;padding:22px;transform:none}.email-preview h3{font-size:32px}.email-note{font-size:9px}.email-line{gap:10px}.pill{font-size:8px}.email-top>span:last-child{font-size:7px}
.perspective-bar{margin:0 6%;padding:24px 0;display:block}.perspective-bar .legend{margin-top:20px;flex-wrap:wrap;gap:12px 18px;font-size:11px}.perspective-bar .bar-detail{display:block;margin-top:18px;font-size:11px}
.method{padding:55px 6%}.section-heading h2,.access-intro h2,.faq-section h2{font-size:39px}.section-heading>p:last-child{margin:20px 0 0}.method-steps{gap:26px}.method-steps h3{font-size:27px}.method-steps p{font-size:14px}
.demo-section{padding:45px 6%;gap:20px}.demo-section .access-card{padding:0}.demo-section label{margin-top:0}.access-section{padding:55px 6%;gap:25px}.access-section .access-intro{position:static}.access-card{padding:24px}.offer-list{gap:18px}.access-card h3{font-size:27px}.access-price{font-size:44px}
.faq-section{padding:45px 6% 55px;grid-template-columns:1fr;gap:28px}summary{font-size:14px}footer{padding:28px 6%;gap:20px}footer p{font-size:11px;flex-basis:65%}footer .wordmark{font-size:27px}dialog{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Three typographic editorial posters. */
.subjects-section{max-width:1440px;margin:auto;padding:65px 5% 42px}
.subjects-heading{display:block;margin-bottom:40px}
.subjects-heading .eyebrow{margin-bottom:18px}
.subjects-heading h2{font:400 clamp(44px,5.3vw,74px)/1.01 var(--serif);letter-spacing:-2px;margin:0}
.subjects-heading h2 em{font-weight:400;color:var(--accent)}
.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.subject-column{display:flex;flex-direction:column;min-width:0;min-height:390px;padding:26px 28px 18px;position:relative;overflow:hidden}
.subject-risks{background-color:#922519;--subject-background:linear-gradient(90deg,rgba(83,13,7,.55),rgba(83,13,7,.15)),linear-gradient(0deg,rgba(55,9,5,.9),transparent 40%),url('assets/subject-risks.jpg');color:#fff9ee}
.subject-wins{background-color:#e9dfc8;--subject-background:linear-gradient(90deg,rgba(246,239,222,.94),rgba(246,239,222,.65) 54%,rgba(246,239,222,.03)),linear-gradient(0deg,rgba(246,239,222,.98),transparent 40%),url('assets/subject-wins.jpg');color:var(--ink)}
.subject-business{background-color:#1c211d;--subject-background:linear-gradient(90deg,rgba(12,20,15,.82),rgba(12,20,15,.25)),linear-gradient(0deg,rgba(12,20,15,.95),transparent 40%),url('assets/subject-business.jpg');color:#fff9ee}
.subject-column{background-size:cover;background-position:center;isolation:isolate;min-height:440px}
.subject-column .subject-impact{position:relative;z-index:1}
.subject-column .subject-description{position:relative;z-index:1}
.subject-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px}
.subject-kicker h3{font:600 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:1.3px;margin:0}
.subject-kicker>span{font:400 14px/1 var(--serif);opacity:.75}
.subject-impact{font:400 clamp(37px,4.2vw,59px)/1.02 var(--serif);letter-spacing:-1.7px;margin:50px 0 22px}
.subject-wins .subject-impact span{color:var(--accent)}
.subject-business .subject-impact span{color:#e6c77d}
.subject-description{font-size:12px;line-height:1.7;margin:0 0 36px;max-width:240px}
.subject-link{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;border:0;border-top:1px solid currentColor;background:transparent;padding:15px 0 8px;font-size:12px;text-align:left;color:inherit;margin-top:auto}
.subject-link span{font-size:26px;line-height:1;transition:transform .2s}
.subject-link:hover span{transform:translate(3px,-3px)}
.subject-link:hover{text-decoration:underline;text-underline-offset:5px}
.subject-column button:focus-visible{outline-color:currentColor;outline-offset:3px}
.subjects-footnote{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:23px}
.subjects-footnote p{font:400 21px/1.4 var(--serif);margin:0}
.subjects-footnote button{border:0;background:transparent;padding:8px 0;color:var(--ink);font-size:13px}
.subjects-disclaimer{font-size:10px;color:var(--muted);margin:12px 0 0}
.sample-row .sample-country{font-size:10px;margin-top:9px}.sample-row button{min-height:60px}.sample-row p{line-height:1.6}.sample-row h3{font-size:12px;letter-spacing:.5px}
.hero-description{font-size:19px;line-height:1.65;max-width:420px}
@media(max-width:1000px) and (min-width:761px){.subject-column{padding:22px 20px 16px;min-height:355px}.subject-impact{font-size:42px;letter-spacing:-1.3px}.subject-kicker h3{font-size:9px;letter-spacing:.7px}.subject-description{font-size:11px}}
@media(max-width:760px){.subjects-section{padding:45px 6% 32px}.subjects-heading{margin-bottom:28px}.subjects-heading h2{font-size:48px;letter-spacing:-1.5px}.subject-grid{grid-template-columns:1fr;gap:14px}.subject-column{padding:24px 26px 16px;min-height:330px}.subject-impact{font-size:56px;letter-spacing:-1.7px;margin:32px 0 18px}.subject-description{font-size:13px;max-width:none;margin-bottom:26px}.subject-kicker h3{font-size:10px}.subject-link{font-size:13px}.subjects-footnote{align-items:start;gap:12px;flex-direction:column;margin-top:24px}.subjects-footnote p{font-size:23px}.sample-row{align-items:start}.sample-row .pill{white-space:normal}.hero-description{font-size:18px}}

/* A separate image layer lets the collage move while the type stays still. */
.subject-column{transition:transform .3s ease,box-shadow .3s ease}
.subject-column::before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--subject-background);background-size:cover;background-position:center;transform:scale(1);transition:transform .65s cubic-bezier(.2,.65,.3,1);pointer-events:none}
.subject-column>*{position:relative;z-index:1}
.subject-link span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;transition:transform .3s ease,background-color .3s ease,color .3s ease}
.subject-column:focus-within{transform:translateY(-5px);box-shadow:0 15px 28px #17171424}
.subject-column:focus-within::before{transform:scale(1.045)}
.subject-column:focus-within .subject-link span{transform:translate(3px,-3px);background:#fff9ee;color:#171714}
.subject-wins:focus-within .subject-link span{background:#171714;color:#fff9ee}
@media(hover:hover) and (pointer:fine){
.subject-column:hover{transform:translateY(-5px);box-shadow:0 15px 28px #17171424}
.subject-column:hover::before{transform:scale(1.045)}
.subject-column:hover .subject-link span{transform:translate(3px,-3px);background:#fff9ee;color:#171714}
.subject-wins:hover .subject-link span{background:#171714;color:#fff9ee}
}
@media(prefers-reduced-motion:reduce){
.subject-column,.subject-column::before,.subject-link span{transition:none!important}
.subject-column:hover,.subject-column:focus-within,.subject-column:hover::before,.subject-column:focus-within::before,.subject-column:hover .subject-link span,.subject-column:focus-within .subject-link span,.subject-link:hover span{transform:none}
}

/* A quiet explanation followed by a bold statement of belonging. */
.tone-context{max-width:1296px;margin:0 auto;padding:36px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-bottom:0}
.tone-context-copy .eyebrow{font-size:9px;margin:0 0 12px}
.tone-context h2{font:400 34px/1.08 var(--serif);letter-spacing:-.7px;margin:0}
.tone-context h2 em{color:var(--muted)}
.tone-context-guide{max-width:500px;width:100%;justify-self:end}
.tone-context .legend{gap:22px;flex-wrap:wrap;font-size:11px;margin:0 0 15px}
.tone-details{border-top:1px solid var(--rule)}
.tone-details summary{font-size:12px;padding:14px 28px 10px 0;min-height:44px}
.tone-details summary:after{top:9px;font-size:20px}
.tone-details p{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 25px 0 0}
.connection-section{max-width:none;background:#191b18;color:var(--paper);padding:72px max(5%,calc((100% - 1296px)/2)) 48px;position:relative;overflow:hidden;isolation:isolate}
.connection-section::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(25,27,24,.8),rgba(25,27,24,.2)),linear-gradient(0deg,#191b18 2%,rgba(25,27,24,.94) 30%,transparent 75%),url('assets/connection-belonging.jpg');background-size:cover;background-position:center;pointer-events:none}
.connection-heading{position:relative;max-width:1120px}
.connection-heading .eyebrow{color:#d3c9b7;font-size:10px;margin-bottom:25px}
.connection-heading h2{font:400 clamp(48px,6.4vw,90px)/1.03 var(--serif);letter-spacing:-2.8px;margin:0;max-width:1150px}
.connection-heading h2 em{color:#ef6652;font-weight:400}
.connection-lead{font-size:16px;line-height:1.7;color:#d3c9b7;margin:26px 0 0}
.connection-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:52px}
.connection-steps article{display:flex;gap:18px;border-top:1px solid #ffffff38;padding-top:24px}
.connection-number{font:400 35px/1 var(--serif);color:#ef6652}
.connection-steps .eyebrow{font-size:9px;letter-spacing:1.6px;color:#d3c9b7;margin:2px 0 14px}
.connection-steps h3{font:400 31px/1.08 var(--serif);letter-spacing:-.4px;margin:0 0 12px}
.connection-steps article p:last-child{font-size:13px;line-height:1.8;color:#d3c9b7;margin:0;max-width:300px}
.connection-action{display:flex;align-items:center;gap:22px;margin-top:38px}
.connection-cta{display:inline-flex;align-items:center;gap:45px;min-height:50px;background:var(--paper);color:var(--ink);border:1px solid var(--paper);padding:14px 19px;font-size:13px;transition:background-color .2s,color .2s}
.connection-cta span{font-size:21px;transition:transform .2s}
.connection-cta:hover,.connection-cta:focus-visible{background:#ef6652;color:#191b18;border-color:#ef6652}
.connection-cta:hover span{transform:translate(2px,-2px)}
.connection-section .connection-steps,.connection-section .connection-action{position:relative}
@media(max-width:760px){.connection-section::before{background-size:100% 100%,100% 100%,auto 520px;background-position:center,center,top right;background-repeat:no-repeat}}
.connection-action>span{font-size:11px;color:#c5bbab;line-height:1.6}
@media(max-width:1440px){.tone-context{margin-left:5%;margin-right:5%}}
@media(max-width:1000px){.connection-steps{gap:25px}.connection-steps article{gap:12px}.connection-steps h3{font-size:27px}}
@media(max-width:760px){.tone-context{margin:0 6%;padding:28px 0 34px;grid-template-columns:1fr;gap:24px;display:grid}.tone-context h2{font-size:31px}.tone-context-guide{max-width:none}.tone-context .legend{margin:0 0 14px;font-size:10px;gap:12px 18px}.connection-section{padding:45px 6% 38px}.connection-heading h2{font-size:clamp(42px,9vw,65px);letter-spacing:-1.6px}.connection-heading .eyebrow{font-size:9px;margin-bottom:23px}.connection-lead{font-size:14px;max-width:320px;margin-top:22px}.connection-steps{grid-template-columns:1fr;gap:24px;margin-top:32px}.connection-steps article{gap:20px;padding-top:23px}.connection-number{font-size:34px;min-width:38px}.connection-steps .eyebrow{margin-bottom:10px}.connection-steps h3{font-size:31px}.connection-steps article p:last-child{font-size:13px;max-width:360px}.connection-action{flex-direction:column;align-items:start;gap:12px;margin-top:30px}.connection-cta{width:100%;justify-content:space-between}}

/* The invitation, reading plans and closing chapter. */
.demo-invitation{background:var(--paper);padding:90px 5%;border-top:0;border-bottom:1px solid var(--rule);gap:85px}
.demo-copy{min-width:0}.demo-invitation h2,.reading-plans h2,.faq-section h2{font-size:clamp(40px,4.6vw,65px);line-height:1.04;letter-spacing:-1.8px}
.demo-invitation h2 em,.reading-plans h2 em,.faq-section h2 em{color:var(--accent);font-weight:400}
.demo-invitation .access-intro .invitation-lead{font-size:16px;line-height:1.7;margin:22px 0 30px;max-width:360px}
.demo-copy #demo-form{max-width:420px}.demo-copy #demo-form label{font-size:12px;margin:0 0 10px}
.demo-copy #demo-form input{background:#fffcf6}.demo-copy #demo-form .demo-fine-print{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0 0}
.demo-art{margin:0;min-height:465px;background:#ded4c0 url('assets/subject-wins.jpg') right center/cover;display:flex;align-items:center;justify-content:center;position:relative;padding:32px 20px 46px;isolation:isolate}
.demo-art:before{content:'';position:absolute;inset:0;background:#5c402719;z-index:-1}
.demo-paper{width:80%;max-width:350px;padding:25px 28px;background:#fffcf4;border:1px solid #d4c9b5;box-shadow:8px 14px 26px #231c1933;transform:rotate(-6deg)}
.demo-paper .wordmark{display:block;border-bottom:1px solid var(--ink);padding-bottom:10px;font-size:29px}
.demo-paper .eyebrow{font-size:7px;letter-spacing:1.1px;margin:14px 0 18px}
.paper-headline{font:400 clamp(31px,3vw,43px)/1.05 var(--serif);letter-spacing:-1px;margin:0 0 23px}.paper-headline em{color:var(--accent)}
.paper-topics{display:flex;flex-direction:column;gap:0}.paper-topics span{border-top:1px solid var(--rule);padding:10px 0;font-size:8px;letter-spacing:1px}
.paper-caption{font-size:7px;letter-spacing:1px;color:var(--muted);display:block;margin-top:10px}
.demo-art figcaption{position:absolute;bottom:14px;left:20px;right:20px;text-align:center;font-size:8px;letter-spacing:2px;color:var(--ink)}
.reading-plans{display:block;padding:80px 5%;max-width:1440px}
.plans-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:40px}
.reading-plans .access-intro{position:static}.plans-status{font-size:11px!important;color:var(--muted);margin:20px 0 0}
.community-picker{max-width:420px;width:100%;justify-self:end}.community-picker label{display:block;font-size:12px;font-weight:500;margin:0 0 10px}.community-picker .access-note{font-size:11px;line-height:1.7;color:var(--muted)}
.reading-plans .offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.reading-plans .access-card{padding:35px;display:flex;flex-direction:column;border:1px solid var(--rule);border-top:3px solid var(--ink)}
.reading-plans .access-card h3{font-size:clamp(32px,3.2vw,44px);line-height:1.05;letter-spacing:-1px}
.reading-plans .access-price{font-size:64px;line-height:1;margin:26px 0 17px}.reading-plans .access-price span{font-size:12px}
.reading-plans .access-card .plan-promise{font-size:14px;line-height:1.8;margin:0 0 22px;color:var(--muted)}
.reading-plans .access-card .plan-renewal{font-size:13px;margin:-4px 0 18px;color:var(--ink);font-weight:500}
.reading-plans .plan-weekly{background:#ede5d5;border-top-color:var(--accent)}
.plan-details{border-top:1px solid var(--rule);margin-top:auto}.plan-details summary{font-size:12px;padding:15px 30px 15px 0;min-height:48px}.plan-details summary:after{top:11px}.plan-details p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 18px}
.plan-test{margin-top:22px}.plan-test p{font-size:9px;letter-spacing:1.2px;color:var(--muted);margin:0 0 12px}.plan-test .primary{justify-content:space-between}
.reading-plans #checkout-tracking,.subscriber-help,.reading-plans #paid-note{grid-column:1/-1}
.reading-plans #checkout-tracking{padding:22px;border:1px solid var(--rule)}
.reading-plans #checkout-tracking[hidden]{display:none}
.subscriber-help{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.subscriber-help summary{font-size:14px;padding:20px 35px 20px 0}.subscriber-help summary:after{top:17px}
.subscriber-help-content{max-width:540px;padding:0 0 22px}.subscriber-help-content h3{font:400 30px/1.1 var(--serif);margin:8px 0 15px}.subscriber-help-content p{font-size:13px;line-height:1.7;color:var(--muted)}
.subscriber-help label{font-size:12px;display:block;margin:20px 0 10px}.subscriber-help button,#checkout-resume{background:var(--ink);color:var(--paper);font:inherit;font-size:12px;min-height:44px;padding:12px 18px;border:1px solid var(--ink);margin-top:12px}
.reading-plans #paid-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:780px;margin:0}
.faq-section{padding-top:65px;padding-bottom:70px}.faq-section h2{font-size:clamp(38px,4vw,55px)}
.closing-section{border-top:1px solid var(--rule);padding:65px 5% 0;overflow:hidden}
.closing-copy{max-width:1296px;margin:0 auto 45px;position:relative}.closing-copy .eyebrow{margin-bottom:20px}
.closing-copy h2{font:400 clamp(43px,6vw,82px)/1.04 var(--serif);letter-spacing:-2.3px;margin:0 0 28px}.closing-copy h2 em{color:var(--accent);font-weight:400}
.closing-art{height:170px;max-width:1296px;margin:auto;background-image:linear-gradient(90deg,#f6f2e9b0,transparent 60%),url('assets/community-collage.png');background-size:cover;background-position:center 42%;filter:grayscale(1)}
@media(max-width:1000px){.demo-invitation{gap:40px;padding-top:65px;padding-bottom:65px}.demo-art{min-height:440px}.demo-paper{width:90%;padding:24px}.plans-heading{gap:40px}.reading-plans .access-card{padding:28px}}
@media(max-width:760px){.demo-invitation{padding:45px 6%;gap:32px}.demo-invitation h2,.reading-plans h2{font-size:46px;letter-spacing:-1.5px}.demo-copy #demo-form{max-width:none}.demo-invitation .access-intro .invitation-lead{font-size:15px;margin-bottom:26px}.demo-art{min-height:390px;padding:28px 20px 40px}.demo-paper{max-width:285px;padding:23px;width:83%}.paper-headline{font-size:35px}.demo-paper .wordmark{font-size:27px}.reading-plans{padding:48px 6%}.plans-heading{grid-template-columns:1fr;gap:26px;margin-bottom:26px}.community-picker{max-width:none}.reading-plans .offer-list{grid-template-columns:1fr;gap:18px}.reading-plans .access-card{padding:27px}.reading-plans .access-card h3{font-size:38px}.reading-plans .access-price{font-size:60px}.plan-test{margin-top:20px}.subscriber-help summary{font-size:14px}.faq-section{padding-top:45px;padding-bottom:45px}.faq-section h2{font-size:42px}.closing-section{padding:45px 6% 0}.closing-copy{margin-bottom:32px}.closing-copy h2{font-size:49px;letter-spacing:-1.7px}.closing-copy .primary{width:100%;justify-content:space-between}.closing-art{height:125px;background-position:center 40%}}