/* Story-specific layout; existing brand, navigation and native reading flow remain. */
.product-intro{font:14px/1.7 var(--sans);color:var(--muted);max-width:410px;margin:18px 0 0}
.chapter .story-note{display:block;font:12px/1.65 var(--sans);max-width:420px}
.product .chapter-copy .story-note{grid-column:2;margin:12px 0 0}
.story-status{display:flex;flex-direction:column;gap:7px;margin-top:24px;border-left:2px solid var(--accent);padding:2px 0 2px 16px;font:13px/1.55 var(--sans)}
.story-status span:first-child{color:var(--accent);font-weight:500}
.story-record{max-width:100%;font:15px/1.65 var(--sans)}
.story-update{padding:24px 28px;border-bottom:1px solid var(--line)}
.story-update .update-label{font-size:12px;color:var(--muted);margin:0 0 10px}
.story-update h3{font:500 30px/1.15 var(--serif);margin:0 0 10px}.story-update p{margin:0;max-width:650px}
.story-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0 28px}
.story-fields>div{padding:16px 20px 16px 0;border-bottom:1px solid var(--line);min-width:0}
.story-fields dt{font-size:12px;color:var(--muted);margin-bottom:5px}.story-fields dd{margin:0;font-size:15px;overflow-wrap:break-word}
.record-note{margin:0;padding:18px 28px;color:var(--muted);font-size:13px}
#the-record .product-wrap{width:100%;max-width:940px;justify-self:center}
.chapter.product .chapter-copy h2{font-size:clamp(40px,4vw,68px)}
.first .chapter-copy{padding-bottom:0}.chapter.drawing.first h1{font-size:clamp(46px,4.5vw,76px)}
@media(min-width:1200px){.first .stage{min-height:800px}.product .chapter-copy .body-copy{font-size:16px}.product .chapter-copy{column-gap:40px}}
@media(max-width:1199px){.product .chapter-copy .story-note{margin-top:16px}.chapter.drawing.first h1{font-size:clamp(42px,5.2vw,62px)}}
@media(max-width:767px){
 .chapter.drawing.first h1{font-size:43px;line-height:1.04}.first .body-copy{font-size:15px;line-height:1.75}.product-intro{font-size:13px;margin-top:14px}
 .chapter.product .chapter-copy h2{font-size:40px}.chapter .story-note{font-size:12px}.first .hero-actions{margin-top:22px}
 .story-fields{grid-template-columns:1fr;padding:0 18px}.story-fields>div{padding:13px 0}.story-update{padding:20px 18px}.record-note{padding:18px}
 .story-status{font-size:12px;margin-top:20px}.story-update h3{font-size:28px}
}

/* Clear first-screen value and a concrete scheduling offer. */
.first .stage{grid-template-columns:47% 53%;column-gap:16px;align-items:center}
.chapter.drawing.first h1{font-size:clamp(44px,4.15vw,66px);line-height:1.06;max-width:520px;margin-bottom:22px;text-wrap:balance}
.first .eyebrow{font-size:11px;margin-bottom:20px;max-width:440px}
.first .body-copy{max-width:480px;font-size:16px;line-height:1.7}
.availability-note{font:12px/1.65 var(--sans);color:var(--muted);max-width:450px;margin:16px 0 0;padding-left:12px;border-left:2px solid var(--accent)}
.first .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:22px}
.first .hero-primary{font-size:14px;padding:15px 19px;min-height:48px}
.first .hero-secondary{font-size:13px}
.booking-context{font:12px/1.6 var(--sans);color:var(--muted);margin:12px 0 0}
.first .story-note{margin-top:10px;font-size:11px}
.first .art-wrap{aspect-ratio:auto;transform:none;display:flex;flex-direction:column;align-items:center}
.first .art-wrap>.chapter-art{height:auto;aspect-ratio:900/560}
.hero-story{text-align:center;max-width:430px;padding:0 16px;margin:4px 0 20px;font:13px/1.7 var(--sans);color:var(--muted)}
.hero-story p{margin:0}.hero-story .hero-question{font:italic 26px/1.3 var(--serif);color:var(--ink);margin-bottom:8px}
.first .scroll-invitation{display:none}
.review-agenda{list-style:none;padding:0;margin:23px 0 0;max-width:460px}
.review-agenda li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.review-agenda li>span{font:11px/1.8 var(--mono);color:var(--accent);padding-top:1px}
.review-agenda strong{font:500 14px/1.6 var(--sans)}
.review-agenda p{font:13px/1.6 var(--sans);color:var(--muted);margin:3px 0 0}
.closing .body-copy{max-width:460px;font-size:16px;line-height:1.7}.closing .final-book{margin-top:23px}
.closing .review-note{max-width:440px}.closing .stage{padding-bottom:140px}
.reading-bar .skip-story{font-size:12px;font-weight:500;color:var(--navy);white-space:nowrap}
@media(min-width:1200px){.first .stage{min-height:760px;padding-top:calc(var(--nav-h) + 28px);padding-bottom:95px}.first .chapter-copy{align-self:center}}
@media(max-width:1199px){.first .stage{grid-template-columns:1fr}.first .chapter-copy{max-width:740px}.first .body-copy{max-width:580px}.first .art-wrap{max-width:760px;margin:auto}}
@media(max-width:767px){
 .chapter.drawing.first h1{font-size:40px;line-height:1.05;max-width:100%;margin-bottom:19px}
 .first .eyebrow{font-size:10px;line-height:1.6;max-width:100%;margin-bottom:16px}
 .first .body-copy{font-size:14px;line-height:1.75}.availability-note{font-size:12px;margin-top:14px}
 .first .hero-actions{gap:6px 17px;margin-top:20px}.first .hero-primary{font-size:13px;padding:14px 16px}
 .first .hero-secondary{font-size:12px}.booking-context{font-size:11px}.first .story-note{font-size:11px}
 .hero-story{padding:0 12px;margin-top:4px}.hero-story .hero-question{font-size:24px}
 .closing .body-copy{font-size:15px}.review-agenda{margin-top:22px}.review-agenda li{padding:11px 0}
 .closing .stage{padding-bottom:110px}.reading-bar{gap:8px}.reading-bar .skip-story{font-size:11px;gap:6px}
}
@media(max-width:359px){.chapter.drawing.first h1{font-size:35px}.first .hero-actions{gap:6px 12px}.first .hero-primary{padding:13px;font-size:12px}.first .hero-secondary{font-size:12px}.chapter-links a{width:23px}.chapter-links{gap:1px}}

/* Keep the story caption clear of the decorative connecting line. */
.chapter.drawing.first .stage{grid-template-columns:minmax(0,47fr) minmax(0,53fr)}
.first .art-wrap{z-index:5}.hero-story{position:relative;background:var(--surface);padding:12px 16px}
.first .chapter-copy{z-index:5;background:var(--surface)}
@media(max-width:1199px){.chapter.drawing.first .stage{grid-template-columns:minmax(0,1fr)}}