/* Hallmark · Long Document · warm editorial · terracotta brand from https://ich.center/ */
@import url('./story-tokens.css');
/* Book interlude: the same paper, typography and restrained rhythm as the story. */
.ebook-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:var(--space-3xl)}
.ebook-request{margin-block:var(--space-lg);max-width:580px;scroll-margin-top:110px}
.ebook-request form>label{display:block;font-size:.9375rem;font-weight:500;margin-bottom:8px}
.ebook-request input[type=email]{width:100%;padding:13px 14px;background:var(--color-paper-light);border:1px solid var(--color-muted);border-radius:2px;font:inherit;color:var(--color-ink);min-height:48px;box-sizing:border-box}
.ebook-request .ebook-newsletter{display:flex;align-items:flex-start;gap:12px;font-size:.8125rem;font-weight:400;line-height:1.6;margin-block:20px}
.ebook-newsletter input{flex:none;width:19px;height:19px;margin-top:3px;accent-color:var(--color-accent)}
.ebook-request .story-button{margin-top:16px;min-height:48px}
.ebook-request .ebook-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.ebook-status{font-size:.875rem;line-height:1.6;margin-top:16px}
.ebook-request input:focus-visible,.ebook-request button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
.ebook-request button:disabled{opacity:.65;cursor:default}
.ebook-promo{background:var(--color-paper-light);border-block:1px solid var(--color-rule)}
.ebook-cover{max-width:340px;margin-inline:auto!important;display:block}
.ebook-cover img{width:100%;border:1px solid var(--color-rule);box-shadow:8px 12px 0 var(--color-paper-deep)}
.ebook-eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)!important}
.ebook-promo h2+p,.ebook-page h1+p,.ebook-page h2+p{margin-top:var(--space-lg)}
.ebook-book-title{font-family:var(--font-display);font-size:var(--text-lede);margin-block:var(--space-lg)!important}
.ebook-book-title span{font-family:var(--font-body);font-size:.8rem}
.ebook-closing{text-align:center;margin-top:var(--space-lg)!important}
.ebook-page .story-actions{justify-content:flex-start}
.ebook-page .ebook-small{font-size:.8rem;margin-top:var(--space-md)}
.ebook-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl);margin-top:var(--space-2xl)}
.ebook-pages figcaption{min-height:180px}
.ebook-pages figcaption p{font-size:.9375rem;margin-top:var(--space-md)}
.ebook-pages img{width:100%;border:1px solid var(--color-rule);margin-top:var(--space-lg)}
.ebook-pages .story-link{margin-top:var(--space-md)}
.ebook-sample{background:var(--color-paper-light)}
.ebook-themes .story-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}
.ebook-next{background:var(--color-paper-deep)}
.ebook-next p{max-width:64ch}
.ebook-email .story-section__inner{max-width:760px}
.ebook-email summary,.ebook-transcript summary{cursor:pointer;min-height:44px;padding-block:var(--space-sm)}
.ebook-transcript{margin-top:var(--space-md);font-size:.875rem}
.ebook-transcript p{white-space:pre-line}
.ebook-email details>p{margin-block:var(--space-lg)}
.ebook-email [data-ich-island]{margin-top:var(--space-xl)}
.ebook-preview-note{display:none}
html[data-ich-preview-base] .ebook-preview-note,html[data-ebook-preview] .ebook-preview-note{display:block;border-left:3px solid var(--color-gold-ink);padding-left:var(--space-md)}
html[data-ich-preview-base] .ebook-email [data-ich-island],html[data-ebook-preview] .ebook-email [data-ich-island]{display:none}
.ebook-back{max-width:1120px;margin:0 auto var(--space-2xl);padding-inline:var(--space-lg)}
@media(max-width:900px){.ebook-grid{gap:var(--space-xl)}.ebook-page .story-button{white-space:normal;text-align:center}.ebook-pages figcaption{min-height:220px}}
@media(max-width:600px){.ebook-grid,.ebook-pages,.ebook-themes .story-items{grid-template-columns:minmax(0,1fr)}.ebook-cover{max-width:220px}.ebook-promo .ebook-cover{max-width:160px}.ebook-pages figcaption{min-height:0}.ebook-page .story-actions{align-items:flex-start}.ebook-page .story-link{white-space:normal}.ebook-promo h2{font-size:2rem}}
/* Hallmark · genre: editorial · macrostructure: Long Document · design-system: design.md · P5 H5 E5 S5 R5 V5 */
html:has(.story-page),body:has(.story-page){overflow-x:clip}
.story-page{background:var(--color-paper);color:var(--color-ink);font:400 var(--text-body)/1.7 var(--font-body);-webkit-font-smoothing:antialiased}
.story-page *{box-sizing:border-box}
.story-page h1,.story-page h2,.story-page h3,.story-page h4,.story-page p,.story-page figure,.story-page ol,.story-page ul,.story-page dl{margin:0}
.story-page h1,.story-page h2,.story-page h3,.story-page h4{font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:-.012em;overflow-wrap:anywhere;text-wrap:balance;color:var(--color-ink)}
.story-page h1{font-size:var(--text-display);max-width:18ch}
.story-page h2{font-size:var(--text-heading);max-width:25ch}
.story-page h3{font-size:1.5rem}
.story-page h4{font-size:1.25rem}
.story-page p{color:var(--color-ink-soft)}
.story-page p+p{margin-top:var(--space-md)}
.story-page a{color:inherit;text-decoration:none;text-underline-offset:4px}
.story-page a:hover{text-decoration:underline}
.story-page a:focus-visible,.story-page button:focus-visible,.story-page summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;transition:none}
.story-page img{display:block;max-width:100%;height:auto}
.story-page a:active,.story-page button:active{opacity:.85}
.story-page [aria-disabled="true"],.story-page button:disabled{opacity:.5;cursor:not-allowed}
.story-page .story-eyebrow{font:500 .72rem/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-ink);margin-bottom:var(--space-md)}
.story-page .story-caption{font-size:.8125rem;line-height:1.65;color:var(--color-muted);margin-top:var(--space-md)}
.story-page .story-lede{margin-top:var(--space-lg);max-width:66ch}
.story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);margin-top:var(--space-lg)}
.story-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:48px;padding:12px var(--space-lg);border:1px solid var(--color-accent);border-radius:var(--radius-button);color:var(--color-paper-light)!important;background:var(--color-accent);font-size:.875rem;font-weight:500;line-height:1.4;text-align:center}
.story-button:hover{background:var(--color-accent-hover);text-decoration:none!important}
.story-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;min-height:44px;line-height:1.4;border-bottom:1px solid var(--color-gold-ink)}
.story-link span,.story-button span{flex-shrink:0}
.story-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl);max-width:1280px;padding:var(--space-3xl) var(--space-2xl);margin:auto}
.story-hero__subtitle{font-family:var(--font-display);font-size:var(--text-subtitle);font-weight:500;font-style:italic;line-height:1.35;color:var(--color-gold-ink)!important;margin-top:var(--space-lg)!important}
.story-hero__lede{max-width:55ch;margin-top:var(--space-lg)!important}
.story-figure{min-width:0}
.story-figure img{width:100%}
.story-figure figcaption{font-size:.75rem;color:var(--color-muted);margin-top:var(--space-sm)}
.story-hero__figure{align-self:center}
.story-section{position:relative;padding:var(--space-3xl) var(--space-2xl);scroll-margin-top:96px}
.story-anchor{position:absolute;top:0;scroll-margin-top:96px}
.story-section__inner{max-width:1120px;margin:auto;min-width:0}
.story-section--conflict{background:var(--color-paper-deep);border-block:1px solid var(--color-rule)}
.story-section--conflict .story-section__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}
.story-scene{margin-top:var(--space-lg)!important}
.story-page .story-statement{font-family:var(--font-display);font-size:var(--text-subtitle);font-weight:500;line-height:1.4;color:var(--color-ink);margin-top:var(--space-lg)}
.story-section--approach .story-section__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}
.story-method{list-style:none;padding:0;margin-block:var(--space-lg)!important}
.story-method li{display:flex;gap:var(--space-md);padding-block:var(--space-md);border-top:1px solid var(--color-rule)}
.story-method__number{font:500 .75rem/1.8 var(--font-mono);color:var(--color-gold-ink)}
.story-method h3{font-size:1.25rem}
.story-method p{margin-top:var(--space-xs);font-size:.9375rem}
.story-section--result{background:var(--color-paper-light);border-block:1px solid var(--color-rule)}
.story-result__intro{max-width:760px}
.story-report{margin-top:var(--space-xl)!important;border:1px solid var(--color-rule);padding:var(--space-xl);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-lg) var(--space-2xl);background:var(--color-paper)}
.story-report>figcaption{grid-column:1/-1;font:500 .72rem/1.5 var(--font-mono);color:var(--color-ink-soft);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule)}
.story-report__question{grid-column:1}
.story-report__question>p{font-family:var(--font-display);font-size:1.5rem;line-height:1.4;color:var(--color-ink)}
.story-report__inputs{grid-column:1}
.story-report__inputs ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.story-report__inputs li{font-size:.8125rem;border-bottom:1px solid var(--color-sage);padding-bottom:var(--space-xs)}
.story-report__output{grid-column:2;grid-row:2/4;border-left:1px solid var(--color-rule);padding-left:var(--space-xl)}
.story-report__output h3{font-size:1.25rem}
.story-report__output ol{list-style:none;padding:0;margin-top:var(--space-md)}
.story-report__output li{display:flex;gap:var(--space-md);padding-block:var(--space-md)}
.story-report__number{color:var(--color-gold-ink);font:500 1.5rem/1 var(--font-display)}
.story-report__output h4{font-size:1.125rem}
.story-report__output p{font-size:.875rem;margin-top:var(--space-xs)}
.story-report__after{display:flex;align-items:start;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-md)}
.story-report__after p{max-width:68ch;margin-top:0!important}
.story-report__after a{flex-shrink:0}
.story-section--founder .story-section__inner{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}
.story-founder__portrait{max-width:370px}
.story-founder__portrait img{width:100%;height:auto}
.story-founder__portrait figcaption{margin-top:var(--space-md);display:grid;font-size:.875rem}
.story-founder__portrait figcaption span{color:var(--color-ink-soft);font-size:.8125rem}
.story-section--founder .story-link{margin-top:var(--space-lg)}
.story-page .story-note{font-size:.8125rem;line-height:1.7;max-width:90ch;border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-top:var(--space-lg)}
.story-section--offers{background:var(--color-paper-deep);border-block:1px solid var(--color-rule)}
.story-section__intro{max-width:760px}
.story-offers{margin-top:var(--space-xl)}
.story-offers article{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr) minmax(0,.9fr);gap:var(--space-xl);border-top:1px solid var(--color-rule);padding-block:var(--space-xl)}
.story-offers h3{font-size:2rem}
.story-offer__name .story-eyebrow{font-size:.68rem}
.story-offer__detail{font-size:.9375rem}
.story-page .story-price{font-weight:500;color:var(--color-ink);margin-bottom:var(--space-sm)}
.story-section--offers>.story-section__inner>.story-link{margin-top:var(--space-md)}
.story-section--closing .story-section__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3xl);align-items:start}
.story-book{border-left:1px solid var(--color-rule);padding-left:var(--space-xl);display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--space-lg);align-items:start}
.story-book h3{font-size:1.5rem;margin-bottom:var(--space-md)}
.story-book p{font-size:.875rem}
.story-book .story-link{margin-top:var(--space-md)}
.story-book__cover img{width:88px;border:1px solid var(--color-rule)}
.story-page.ebook-page h1{max-width:19ch;margin:0}
.ebook-eyebrow{font-family:var(--font-mono);font-weight:500}
@media(max-width:1050px){.story-hero{gap:var(--space-xl)}.story-section--closing .story-section__inner{grid-template-columns:1fr;gap:var(--space-xl)}.story-book{border-left:0;border-top:1px solid var(--color-rule);padding:var(--space-xl) 0 0}.story-report__after{flex-direction:column;gap:var(--space-sm)}}
@media(max-width:760px){.story-hero{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-xl) var(--space-lg)}.story-hero__figure{max-width:560px}.story-section{padding:var(--space-2xl) var(--space-lg)}.story-section--conflict .story-section__inner,.story-section--approach .story-section__inner,.story-section--founder .story-section__inner{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.story-section--approach .story-figure{max-width:430px;margin:auto}.story-section--founder .story-founder__portrait{max-width:230px}.story-section--founder .story-section__inner>div{grid-row:1}.story-offers article{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.story-offer__name .story-eyebrow{margin-bottom:var(--space-sm)}.story-report{grid-template-columns:1fr;padding:var(--space-lg);gap:var(--space-lg)}.story-report__output{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid var(--color-rule);padding:var(--space-lg) 0 0}.story-report__inputs{grid-column:1}.story-report__question>p{font-size:1.3rem}.story-actions{gap:var(--space-sm) var(--space-lg)}.story-hero__intro>.story-caption{max-width:36ch}.story-section--closing .story-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.story-book{grid-template-columns:64px minmax(0,1fr);gap:var(--space-md)}.story-book__cover img{width:64px}.story-report{padding:var(--space-md)}}
@media(prefers-reduced-motion:reduce){.story-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}