/* Direction A: isolated review copy of the existing site. */
:root { --header:76px; --review:38px; }
.review-bar{min-height:var(--review);padding:7px 24px;background:var(--cream);color:var(--night);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.4}
.review-bar button{font:inherit;border:0;border-bottom:1px solid var(--gold);background:none;color:var(--night);cursor:pointer;padding:0}
.site-head .wrap{min-height:var(--header)}
.hero .wrap{padding-block:70px 78px}
.hero h1{font-size:clamp(52px,5.6vw,86px);line-height:1.08;max-width:11ch;letter-spacing:0}
.hero .wrap>.hero-text{max-width:min(560px,47%);font-size:18px;line-height:1.8}
.hero-text p+p{margin-top:16px}
.hero::after{background:linear-gradient(to left,#0b1d38 0%,rgba(11,29,56,.96) 28%,rgba(11,29,56,.72) 44%,rgba(11,29,56,.08) 72%)}
.hero .compass{font-size:clamp(24px,2.1vw,30px)}
.hero .btns{margin-top:32px}
.hero-img{object-position:36% 50%}
.brandline{margin-bottom:22px}
.story .beat{min-height:66vh}
.story .beat-last{min-height:82vh}
.walk .beat{min-height:58vh}
.walk .beat h3{font-size:clamp(38px,4.5vw,64px)}
.shot figcaption{opacity:1;transform:none}
.arms-grid{height:min(72vh,680px);min-height:480px}
.arm-body{padding:40px 28px}
.arm-body .desc{max-height:8em;opacity:1}
.arms-grid:hover .arm-main:not(:hover) .desc{max-height:8em;opacity:1}
.journey .wrap{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:32px}
.stop{grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:520px}
.stop-body{padding:36px 28px}
.stop-body h2{font-size:clamp(32px,3.1vw,46px);line-height:1.14}
.stop-body p{line-height:1.7}
.trail-head{padding-block:48px 36px}
.trail-head h1{max-width:22ch;line-height:1.12}
.trail-head .open{font-size:18px;margin-top:20px}
.pin{min-height:44px;min-width:44px}
.preview-note{border-inline-start:2px solid var(--gold);padding:12px 18px;background:var(--paper);font-size:16px;margin-bottom:24px}
#review-dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:32px;max-width:600px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0004}
#review-dialog::backdrop{background:#071629b3}
#review-dialog h2{font-size:36px;margin-bottom:18px}
#review-dialog p{font-size:16px}
#review-dialog textarea{display:block;margin:12px 0 20px;min-height:180px}
.review-close{display:block;text-align:left;margin-bottom:8px}
.review-close button{background:none;border:0;color:var(--ink);font-size:30px;cursor:pointer}
#review-copy-status{margin-top:14px}
@media(min-width:901px) and (max-width:1150px){.stop{grid-template-columns:1fr}.stop-img{min-height:250px;max-height:310px}.journey .wrap{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}}
@media(max-width:900px){
 .hero{min-height:0;display:block;padding-top:270px}
 .hero-img{height:460px;object-position:50% 40%}
 .hero::after{background:linear-gradient(to top,var(--night) 0%,var(--night) calc(100% - 430px),rgba(11,29,56,.5) calc(100% - 320px),transparent 100%)}
 .hero .wrap{padding-block:18px 44px}
 .hero .wrap>*{max-width:none}
 .hero .wrap>.hero-text{max-width:none;font-size:17px;line-height:1.75}
 .hero h1{font-size:clamp(48px,9vw,70px);max-width:11ch;line-height:1.06}
 .hero .brandline{font-size:16px;margin-bottom:18px}
 .hero .compass{font-size:26px}
 .hero .btns{gap:12px;margin-top:28px}
 .hero .btn{min-height:54px}
 .hero-text p+p{margin-top:16px}
 .journey .wrap{grid-template-columns:1fr;gap:0}
 .map{height:230px;min-height:230px;position:relative;top:auto}
 .pins{display:flex;align-items:flex-end;gap:6px;padding:12px;overflow-x:auto}
 .pins li{flex:1}
 .pin{position:relative;inset:auto;top:auto;transform:none;display:flex;flex-direction:column;gap:6px;align-items:center;width:100%;padding:4px}
 .pin span{white-space:normal;text-align:center;font-size:16px;line-height:1.2;padding:4px}
 .pin i{width:16px;height:16px}
 .path{display:none}
 .map-cam{transform:scale(1.1)}
 .stop{grid-template-columns:1fr;min-height:0}
 .stop-img{min-height:220px;aspect-ratio:16/9}
 .stop-body{padding:28px 24px}
 .step-nav button{padding:8px 12px;font-size:16px}
 .trail-head{padding-block:32px 24px}
 .trail-head .open{font-size:16px}
 .arms-grid{height:auto;min-height:0}
 .arm,.arm-main,.arms-grid:hover .arm,.arms-grid .arm:hover{height:440px;min-height:400px}
 .story .beat{min-height:60vh}
 .walk .beat{min-height:52vh}
 .review-bar{padding-inline:16px;font-size:12px}
 .review-bar button{white-space:nowrap}
 .fin-b .arms-grid{height:auto}
}
@media(prefers-reduced-motion:reduce){
 .js .beats .beat>.wrap{opacity:1;transform:none}
 .story .scene img,.walk-cam,.map-cam{transform:none;filter:none}
}
@media(max-width:520px){.hero .btn{width:100%}.hero .brandline b{font-size:20px}.review-bar span{max-width:180px}.stop-body h2{font-size:34px}}
form .field{padding-top:0;background:transparent}

/* Editorial story: complete portrait photograph and an oversized anchor quote. */
.story-editorial{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--cream);color:var(--ink);scroll-margin-top:var(--header)}
.story-editorial-copy{padding:64px clamp(24px,5vw,80px) 60px;padding-inline-start:max(24px,calc((100vw - var(--wrap))/2 + 24px));align-self:center}
.story-editorial h2{font-size:clamp(34px,3.6vw,54px);line-height:1.12;letter-spacing:-.01em;margin:0 0 26px}
.story-editorial-text{max-width:52ch;font-size:clamp(18px,1.5vw,21px);line-height:1.85;color:var(--ink-2);margin:0}
.story-editorial-quote{position:relative;margin:32px 0 0;padding:26px 0 0;border-top:1px solid rgba(176,138,75,.5);max-width:650px}
.story-quote-mark{position:absolute;top:-14px;inset-inline-end:0;background:var(--cream);padding-inline-start:14px;font-family:var(--f-head);font-size:64px;color:var(--gold);line-height:1}
.story-editorial-quote p{margin:0;font-family:var(--f-head);font-size:clamp(30px,3.2vw,48px);line-height:1.2;font-weight:700;text-wrap:balance}
.story-editorial-quote em{font-style:normal;color:#84602d}
.story-editorial-photo{margin:0;min-width:0;background:var(--night);display:flex;align-items:center;justify-content:center}
.story-editorial-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:900px){
 .story-editorial{grid-template-columns:1fr}
 .story-editorial-copy{padding:40px 24px}
 .story-editorial h2{font-size:38px;margin-bottom:22px}
 .story-editorial-text{font-size:18px;line-height:1.8}
 .story-editorial-quote{margin-top:28px;padding-top:24px}
 .story-editorial-quote p{font-size:clamp(30px,7vw,42px)}
 .story-editorial-photo{background:var(--cream)}
 .story-editorial-photo img{width:100%;max-width:600px}
}

/* Entire process visible at once: semantic ordered sequence, no interaction. */
.process-overview{background:var(--night);color:var(--on-night);padding-block:64px 48px}
.process-intro{max-width:820px}
.process-eyebrow{font-size:16px;letter-spacing:.02em;color:var(--gold-light);margin-bottom:18px}
.process-intro h2{font-size:clamp(36px,4.2vw,60px);line-height:1.12;margin-bottom:20px}
.process-intro h2 span{color:var(--gold-light)}
.process-lead{font-size:20px;color:var(--on-night-2);line-height:1.65;margin:0}
.process-chain{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:44px 0 32px;padding:0;counter-reset:process}
.process-chain>li{position:relative;min-width:0}
.process-number{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--gold-light);border-radius:50%;font-size:18px;color:var(--gold-light);font-variant-numeric:tabular-nums;background:var(--night);margin-bottom:24px;z-index:1}
.process-chain>li:not(:last-child)::after{content:"";position:absolute;top:25px;inset-inline-start:50px;width:calc(100% - 22px);height:1px;background:rgba(210,176,111,.6)}
.process-chain>li:not(:last-child)::before{content:"";position:absolute;top:22px;inset-inline-end:-15px;width:6px;height:6px;border-left:1px solid var(--gold-light);border-bottom:1px solid var(--gold-light);transform:rotate(45deg)}
.process-content h3{font-size:clamp(23px,2.1vw,29px);line-height:1.2;margin:0 0 12px}
.process-content p{font-size:16px;line-height:1.8;color:var(--on-night-2);margin:0}
.process-content .status{font-size:16px;margin-top:14px;color:var(--gold-light)}
.process-footnote{font-size:16px;color:var(--on-night-2);border-top:1px solid var(--line-night);padding-top:22px;margin:0;line-height:1.6}
@media(max-width:900px){
 .process-overview{padding-block:40px 32px}
 .process-intro h2{font-size:36px}
 .process-lead{font-size:18px}
 .process-chain{grid-template-columns:1fr;gap:0;margin:30px 0 20px}
 .process-chain>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding-bottom:24px}
 .process-chain>li:last-child{padding-bottom:0}
 .process-number{width:44px;height:44px;margin:0;font-size:16px}
 .process-content h3{font-size:26px;margin:4px 0 8px}
 .process-content p{font-size:17px;line-height:1.65}
 .process-content .status{margin-top:10px}
 .process-chain>li:not(:last-child)::after{top:44px;inset-inline-start:22px;width:1px;height:calc(100% - 44px)}
 .process-chain>li:not(:last-child)::before{top:auto;bottom:9px;inset-inline-start:19px;inset-inline-end:auto;transform:rotate(-45deg)}
}

/* Partnership: direct donation and two visible support paths. */
.partnership-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--night);color:var(--on-night)}
.partnership-copy{padding:48px clamp(24px,5vw,72px) 54px;padding-inline-start:max(24px,calc((100vw - var(--wrap))/2 + 24px))}
.partnership-copy .crumb{font-size:16px;color:var(--on-night-2);margin-bottom:32px}
.partnership-copy .crumb a{color:var(--gold-light)}
.partnership-eyebrow{font-size:16px;color:var(--gold-light);margin:0 0 18px}
.partnership-copy h1{font-size:clamp(42px,4.7vw,68px);line-height:1.08;margin-bottom:26px}
.partnership-lead{font-size:20px;line-height:1.8;color:var(--on-night-2);max-width:46ch;margin:0}
.partnership-photo{min-height:420px;position:relative;overflow:hidden}
.partnership-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.partnership-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}
.partnership-talk{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:18px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold);padding-block:8px;width:fit-content}
.partnership-talk:hover{color:var(--gold-light)}
.partnership-payment-note{display:block;font-size:16px;color:var(--on-night-2);line-height:1.6;margin:14px 0 0}
.partnership-paths{background:var(--paper);padding-block:64px}
.partnership-section-title{margin-bottom:36px}
.partnership-paths .partnership-eyebrow{color:#84602d}
.partnership-section-title h2{font-size:clamp(34px,3.6vw,50px)}
.partnership-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.partnership-path{border-top:1px solid var(--gold);padding-top:24px}
.partnership-path-number{font-size:18px;color:#84602d;display:block;margin-bottom:16px}
.partnership-path h3{font-size:clamp(30px,3vw,40px);margin-bottom:14px}
.partnership-path-subtitle{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:12px}
.partnership-path p:not(.partnership-path-subtitle){font-size:18px;line-height:1.8;color:var(--ink-2);max-width:48ch}
.partnership-path .partnership-talk{margin-top:8px}
.partnership-path .partnership-talk:hover{color:#84602d}
.partnership-give{background:var(--night);color:var(--on-night);padding-block:52px}
.partnership-give .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.partnership-give h2{font-size:clamp(34px,3.7vw,52px);margin-bottom:22px;line-height:1.12}
.partnership-give p:not(.partnership-eyebrow){font-size:18px;line-height:1.75;color:var(--on-night-2);max-width:52ch;margin-bottom:0}
.partnership-give-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.partnership-give-actions .partnership-payment-note{margin:0}
@media(max-width:900px){
 .partnership-intro{grid-template-columns:1fr}
 .partnership-copy{padding:30px 24px 36px}
 .partnership-copy .crumb{margin-bottom:26px}
 .partnership-copy h1{font-size:46px}
 .partnership-lead{font-size:18px}
 .partnership-photo{min-height:240px;aspect-ratio:16/9}
 .partnership-paths{padding-block:40px}
 .partnership-path-grid{grid-template-columns:1fr;gap:32px}
 .partnership-section-title{margin-bottom:28px}
 .partnership-give{padding-block:36px}
 .partnership-give .wrap{grid-template-columns:1fr;gap:28px}
 .partnership-actions{gap:16px}
 .partnership-give-actions{align-items:stretch}
 .partnership-path .partnership-talk{font-size:17px}
}

.partnership-copy h1{font-size:clamp(36px,3.9vw,56px);line-height:1.16}
.partnership-copy h1 span{display:block;color:var(--gold-light);margin-top:18px}
@media(max-width:900px){.partnership-copy h1{font-size:38px}}

/* Story refinement: photograph melts into the shared paper; a quiet line connects it to the quote. */
.story-editorial{position:relative;isolation:isolate;overflow:hidden;background:var(--cream);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.story-editorial-copy{position:relative;z-index:2;padding-inline-end:clamp(24px,3vw,48px)}
.story-editorial-photo{position:relative;align-self:center;display:block;background:transparent;margin-inline-start:-28px;padding-block:24px 44px}
.story-editorial-photo img{display:block;width:100%;height:auto;object-fit:contain;transform:rotate(-1.5deg);transform-origin:center;mask-image:linear-gradient(to left,transparent 0%,#000 17%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to left,transparent 0%,#000 17%,#000 94%,transparent 100%)}
.story-editorial-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--cream),transparent 14%,transparent 81%,var(--cream) 97%)}
.story-editorial-photo::before{content:"";position:absolute;z-index:1;bottom:20%;inset-inline-start:-54px;width:74%;height:1px;background:linear-gradient(to left,transparent,var(--gold),transparent);transform:rotate(-7deg);opacity:.75;pointer-events:none}
.story-editorial-photo figcaption{position:absolute;z-index:2;bottom:8%;inset-inline:28px;font-family:var(--f-head);font-weight:700;font-size:22px;color:var(--ink);display:flex;align-items:center;gap:12px;justify-content:center;transform:rotate(-1.5deg);margin:0}
.story-editorial-photo figcaption>span{width:28px;height:1px;background:var(--gold)}
.story-editorial-quote{padding:24px 22px 22px;margin-top:28px;border-top:1px solid var(--gold);border-inline-start:2px solid var(--gold);background:linear-gradient(to left,rgba(210,176,111,.13),transparent 85%)}
.story-editorial-quote::after{content:"";display:block;width:48px;height:2px;background:var(--gold);margin-top:18px}
.story-quote-open,.story-quote-close{color:var(--gold);font-family:var(--f-head);font-weight:700;font-size:1.2em;line-height:0;vertical-align:-.06em}
.story-quote-open{margin-inline-end:.08em}.story-quote-close{margin-inline-start:.08em}
@media(max-width:900px){.story-editorial{grid-template-columns:1fr}.story-editorial-copy{padding:40px 24px 16px}.story-editorial-photo{margin:0 auto;width:min(100%,570px);padding:0 16px 32px}.story-editorial-photo img{mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 82%,transparent)}.story-editorial-photo::before{inset-inline-start:8%;bottom:21%;width:70%}.story-editorial-photo figcaption{bottom:8%}.story-editorial-quote{padding:22px 18px 18px}.story-editorial-photo::after{background:linear-gradient(to bottom,var(--cream),transparent 9%,transparent 80%,var(--cream) 97%)}}

/* Each visible process stage reveals its own atmosphere on hover or keyboard focus. */
.process-chain>li{isolation:isolate;min-height:300px;padding-bottom:12px;outline-offset:10px}
.process-visual{position:absolute;inset:64px -10px 0;z-index:-1;overflow:hidden;opacity:0;transition:opacity var(--d2) var(--ease);pointer-events:none}
.process-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.035);transition:transform var(--d3) var(--ease)}
.process-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,29,56,.55),rgba(11,29,56,.88) 65%,rgba(11,29,56,.97))}
.process-chain>li:hover .process-visual,.process-chain>li:focus .process-visual{opacity:1}
.process-chain>li:hover .process-visual img,.process-chain>li:focus .process-visual img{transform:scale(1)}
.process-content{position:relative;padding:10px;margin:-10px}
.process-chain>li .process-number{transition:background var(--d2) var(--ease),color var(--d2) var(--ease),box-shadow var(--d2) var(--ease)}
.process-chain>li:hover .process-number,.process-chain>li:focus .process-number{background:var(--gold-light);color:var(--night);box-shadow:0 0 0 5px rgba(210,176,111,.12)}
.process-chain>li:hover .process-content p,.process-chain>li:focus .process-content p{color:var(--on-night)}
.process-chain>li:hover::after,.process-chain>li:focus::after{background:var(--gold-light)}
@media(max-width:900px){
 .process-chain>li{min-height:190px;padding-bottom:28px;align-items:start}
 .process-chain>li:last-child{padding-bottom:14px}
 .process-visual{inset:0 62px 14px 0;opacity:1}
 .process-visual img{transform:none;object-position:50% 42%}
 .process-visual::after{background:linear-gradient(to left,rgba(11,29,56,.88),rgba(11,29,56,.7)),linear-gradient(transparent,rgba(11,29,56,.6))}
 .process-content{padding:14px;margin:0;min-height:160px}
 .process-content p{color:var(--on-night)}
 .process-number{margin-top:8px}
 .process-chain>li:not(:last-child)::after{top:52px;height:calc(100% - 52px)}
}
@media(hover:none){.process-visual{opacity:1}.process-visual img{transform:none}.process-content p{color:var(--on-night)}}
@media(prefers-reduced-motion:reduce){.process-visual,.process-visual img,.process-chain>li .process-number{transition:none}.process-visual img{transform:none}}

/* Story direction A: full-width photo, paper transition, narrative and closing quote. */
.story-editorial{display:block;background:var(--cream);padding-bottom:56px}
.story-editorial .story-editorial-photo{position:relative;display:block;width:100%;max-width:none;height:clamp(300px,36vw,470px);margin:0;padding:0;background:var(--night)}
.story-editorial .story-editorial-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 43%;transform:none;mask-image:none;-webkit-mask-image:none}
.story-editorial .story-editorial-photo::before{display:none}
.story-editorial .story-editorial-photo::after{background:linear-gradient(to bottom,transparent 42%,rgba(242,237,226,.28) 68%,var(--cream) 100%)}
.story-editorial .story-editorial-copy{position:relative;max-width:1000px;margin:-36px auto 0;padding:0 32px;z-index:2}
.story-editorial h2{max-width:none;font-size:clamp(36px,4.4vw,60px);line-height:1.12;margin-bottom:28px}
.story-editorial h2 br{display:none}
.story-editorial h2 br::after{content:" "}
.story-editorial-text{max-width:75ch;font-size:20px;line-height:1.9}
.story-editorial-quote{max-width:none;border-inline-start:0;border-top:1px solid rgba(176,138,75,.5);padding:30px 0 0;margin:32px 0 0;background:none}
.story-editorial-quote p{font-size:clamp(32px,3.7vw,48px);max-width:30ch;line-height:1.2}
.story-editorial-quote::after{margin-top:24px;width:56px}
/* Embrace photograph is integrated into the donation closing, keeping faces unobstructed. */
.finale{min-height:650px;padding-block:100px}
.finale>img{width:64%;inset-inline-start:auto;left:0;opacity:1;object-position:50% 36%}
.finale::after{background:linear-gradient(to left,var(--night) 0%,var(--night) 31%,rgba(11,29,56,.9) 44%,rgba(11,29,56,.12) 74%)}
.finale .wrap h2{font-size:clamp(42px,5.5vw,76px);max-width:13ch}
.finale .lead{max-width:40ch}
@media(max-width:900px){
 .story-editorial{padding-bottom:40px}
 .story-editorial .story-editorial-photo{height:320px}
 .story-editorial .story-editorial-photo img{object-position:50% 44%}
 .story-editorial .story-editorial-copy{padding:0 24px;margin-top:-20px}
 .story-editorial h2{font-size:38px;margin-bottom:22px}
 .story-editorial-text{font-size:18px;line-height:1.8}
 .story-editorial-quote{padding:24px 0 0;margin-top:26px}
 .story-editorial-quote p{font-size:32px}
 .finale{padding:420px 0 48px;min-height:0}
 .finale>img{width:100%;height:620px;object-position:50% 32%;inset:0}
 .finale::after{background:linear-gradient(to bottom,rgba(11,29,56,.03) 0%,rgba(11,29,56,.1) 300px,rgba(11,29,56,.85) 460px,var(--night) 610px)}
 .finale .wrap h2{font-size:44px;max-width:15ch}
 .finale .lead{margin-top:24px;max-width:45ch}
}

/* Narrative separates hero and photograph; the quote closes beneath the image. */
.story-editorial .story-editorial-copy{margin:0 auto;padding:48px 32px 36px;max-width:1000px}
.story-editorial .story-editorial-photo::after{background:linear-gradient(to bottom,var(--cream) 0%,rgba(242,237,226,.12) 18%,transparent 35%,transparent 62%,var(--cream) 100%)}
.story-quote-below{max-width:1000px;margin:0 auto;padding:0 32px}
.story-quote-below .story-editorial-quote{margin:0;padding:16px 0 0;border-top:0}
@media(max-width:900px){.story-editorial .story-editorial-copy{margin:0 auto;padding:36px 24px 24px}.story-quote-below{padding:0 24px}.story-quote-below .story-editorial-quote{margin:0;padding-top:12px}}

.process-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:26px;border-top:1px solid var(--line-night)}.process-cta p{margin:0;max-width:760px;font-size:clamp(18px,2vw,23px);line-height:1.6}.process-cta strong{display:block;color:var(--on-night,#fff)}.process-cta .btn{flex-shrink:0}@media(max-width:700px){.process-cta{flex-direction:column;align-items:flex-start;gap:18px}}

.story-readable{max-width:64ch;font-size:20px;line-height:1.75;display:grid;gap:16px}.story-readable p{margin:0}.story-readable strong{font-weight:700;color:var(--night)}.story-readable-lead{font-size:clamp(21px,2.1vw,25px);line-height:1.65}.story-readable-origin{border-inline-start:3px solid var(--gold);padding-inline-start:16px;margin-top:4px!important;color:var(--ink-2)}@media(max-width:700px){.story-readable{font-size:18px;gap:14px}.story-readable-lead{font-size:21px}}

.story-readable{max-width:80ch}.story-readable-flow{line-height:1.9}.story-readable .story-readable-origin{display:inline;border:0;padding:0;margin:0!important;font-size:clamp(23px,2.3vw,29px);line-height:1.5;color:var(--night);font-weight:500}.story-readable-origin strong{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:6px}@media(max-width:700px){.story-readable .story-readable-origin{font-size:23px}}