/* Mukelle shared visual language. Deliberate serif display + one neutral reading face. */
:root{
 --font-display:Georgia,'Times New Roman',serif;
 --font-body:'Helvetica Neue',Arial,sans-serif;
 --serif:var(--font-display);
 --paper:#f8f5ef;--ink:#2e2729;--wine:#572538;--muted:#62555b;
 --line:#d6cace;--control-line:#ad969f;--surface:#fffaf5;
 --focus:#245ca0;--wine-hover:#70384d;--on-wine:#fff8f1;--on-wine-muted:#e2cbd3;
 --text-meta:.75rem;--text-label:.875rem;--text-body:1rem;--text-reading:1.0625rem;
 --text-lead:1.375rem;--text-card:1.75rem;
 --text-hero:clamp(3.25rem,6.2vw,5.875rem);
 --text-section:clamp(2.5rem,4.6vw,4.1875rem);
 --leading-body:1.6;--leading-label:1.45;--leading-display:1.06;--leading-card:1.2;
 --tracking-display:-.045em;--tracking-label:.12em;
 --space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;
 --space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;
 --page-gutter:6%;--radius:0;--border:1px solid var(--line);
 --shadow-editorial:0 1.5rem 4rem #57253824;
 --ease:cubic-bezier(.22,1,.36,1);--duration-ui:180ms;--duration-reveal:700ms;
}
body{font-family:var(--font-body);font-size:var(--text-reading);line-height:var(--leading-body);color:var(--ink);background:var(--paper)}
button,input,select,textarea{font-family:var(--font-body);font-weight:400}
h1,h2,h3{font-family:var(--font-display);font-weight:400}
h1,h2{line-height:var(--leading-display);letter-spacing:var(--tracking-display)}
.hero h1,.plan h1{font-size:var(--text-hero)}
h2,.section-heading h2,.faq h2,.waitlist h2{font-size:var(--text-section)}
h3,.pain-grid h3,.trust-grid h3,.method-steps h3,.book-benefits h3{font-size:var(--text-card);line-height:var(--leading-card);letter-spacing:-.02em}
p{line-height:var(--leading-body)}
.eyebrow,.tiny{font-family:var(--font-body);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);line-height:var(--leading-label)}
.eyebrow{margin-bottom:var(--space-4)}
.lede,.large{font-size:var(--text-lead);line-height:1.45;max-width:42ch}
.hero-detail{font-size:var(--text-body);max-width:48ch;color:var(--muted)}
.section-heading>p{font-size:var(--text-reading);line-height:var(--leading-body);max-width:42ch}
.method-steps p,.pain-grid p,.trust-grid p,.book-benefits p,.faq details p{font-size:var(--text-body);line-height:var(--leading-body)}
.fine,.stage-note,.media-label,.garment-line,.demo-inline,.save-note{font-size:var(--text-meta);line-height:var(--leading-label)}
.stage-note,.media-label,.garment-line,.fine,.save-note{color:var(--muted)}
.conceptbar{font-size:var(--text-meta);line-height:var(--leading-label);padding-top:var(--space-1);padding-bottom:var(--space-1)}
header{padding-top:var(--space-4);padding-bottom:var(--space-4)}
.section{padding:var(--space-8) var(--page-gutter);border-top:var(--border)}
.section-heading{margin-bottom:var(--space-6)}
.pain-grid,.trust-grid,.book-benefits{gap:var(--space-6)}
.pain-grid article,.trust-grid article,.method-steps article{border-top:var(--border);padding-top:var(--space-4)}
.method-steps article{padding-bottom:var(--space-4);gap:var(--space-4)}
.pain-grid article>span,.step-number{font-size:var(--text-meta);line-height:var(--leading-label);color:var(--muted)}
.pain-grid article>span{margin-bottom:var(--space-4)}
.hero .eyebrow{font-size:var(--text-meta)}
.hero .lede{font-size:var(--text-lead)}
.signup label,.other-label{font-size:var(--text-label);line-height:var(--leading-label);font-weight:500;margin-bottom:var(--space-2)}
.signup input,.signup select,.form-success select{font-size:var(--text-body);line-height:var(--leading-label);min-height:3.375rem;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);padding:var(--space-2) var(--space-3);color:var(--ink)}
.signup input::placeholder{color:var(--muted);opacity:1}
.button,.hero .button,nav .button,.join form .button,.copy{font-family:var(--font-body);font-size:var(--text-label);font-weight:500;line-height:var(--leading-label);min-height:3.375rem;padding:var(--space-3) var(--space-4);border:1px solid var(--wine);border-radius:var(--radius);background:var(--wine);color:var(--on-wine);transition:background var(--duration-ui) var(--ease),border-color var(--duration-ui) var(--ease);transform:none}
.button:hover{background:var(--wine-hover);border-color:var(--wine-hover);transform:none}
.button.small,nav .button,.copy{min-height:2.75rem;padding:var(--space-2) var(--space-3)}
.button.light{background:var(--paper);border-color:var(--paper);color:var(--wine)}
.button.light:hover{background:#ebdfe1;border-color:#ebdfe1}
.form-error,.form-success{font-size:var(--text-label);line-height:var(--leading-body)}
.form-error{color:#921b38}
.form-success{padding:var(--space-4);margin-top:var(--space-3);border:var(--border);border-radius:var(--radius)}
.closing-signup{padding:var(--space-5)}
.source-tag{font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-label);font-weight:500;border-radius:var(--radius);padding:.25rem .5rem}
.method-steps .example-line{font-size:var(--text-label);line-height:var(--leading-body);margin-top:var(--space-2)}
.source-tags{gap:var(--space-1);flex-wrap:wrap}
.film{border:var(--border);box-shadow:var(--shadow-editorial)}
.film-top{padding:var(--space-3)}
.film-top>span:last-child,.photo-stage span,.mini-cover>span,.mini-cover>span:last-child,.pair-label span,.editorial-caption,.book-foot,.book-inside .eyebrow,.book-benefits span{font-size:var(--text-meta);line-height:var(--leading-label);letter-spacing:.075em;font-weight:500}
.photo-stage p{font-size:var(--text-meta);line-height:var(--leading-label)}
.photo-stage strong{font-family:var(--font-display);font-size:1.875rem;line-height:var(--leading-card);font-weight:400;letter-spacing:-.025em}
.input-chip,.guidance-chip,.result-chip{padding:var(--space-3);transition:opacity var(--duration-reveal) var(--ease),transform var(--duration-reveal) var(--ease)}
.film-bottom{display:grid;grid-template-columns:1fr auto;gap:var(--space-1);padding:var(--space-2)}
.scene-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}
.scene-buttons button{font-family:var(--font-body);font-size:var(--text-meta);line-height:1.25;min-height:2.75rem;padding:.375rem .125rem;color:var(--muted);font-weight:400}
.scene-buttons [aria-pressed=true]{color:var(--wine);font-weight:500;border-bottom-color:var(--wine)}
.motion-toggle{font-family:var(--font-body);font-size:var(--text-meta);min-height:2.75rem;min-width:2.75rem;border-color:var(--control-line);padding:.375rem;color:var(--wine)}
.media-label{margin-top:var(--space-3)}
.mini-cover{padding:var(--space-4) var(--space-3)}
.mini-cover p{font-size:2rem;line-height:var(--leading-card);margin:var(--space-3) 0}
.mini-cover>span:last-child{letter-spacing:.025em;font-size:var(--text-meta)}
.editorial-caption{padding:var(--space-6) var(--space-5) var(--space-4);gap:var(--space-4);background:linear-gradient(transparent,#25141cc9)}
.editorial-caption>span:last-child{text-align:right}
.garment-line{margin-top:var(--space-4);word-spacing:0}
.book .section-heading>p,.book-benefits p,.book-benefits span,.light-fine{color:var(--on-wine-muted)}
.book-inside>p:not(.eyebrow),.book-annotation p{font-size:var(--text-label);line-height:var(--leading-body)}
.book-annotation .source-tag{font-size:var(--text-meta)}
.book-foot{letter-spacing:.025em;margin-top:var(--space-4)}
.book-benefits article{border-top:1px solid #b88999;padding-top:var(--space-4)}
.faq summary{font-family:var(--font-body);font-size:var(--text-reading);line-height:var(--leading-label);font-weight:400;padding-top:var(--space-4);padding-bottom:var(--space-4)}
.faq-items details,.faq-items details:last-child{border-color:var(--line)}
footer{padding-top:var(--space-6);padding-bottom:var(--space-6)}
footer p,footer>div,.footer-link,footer a:not(.wordmark){font-family:var(--font-body);font-size:var(--text-label);line-height:var(--leading-label)}
footer>span{font-size:var(--text-meta);line-height:var(--leading-label)}
.footer-link{min-height:2.75rem;display:inline-flex;align-items:center;text-underline-offset:.25em}
a:hover:not(.button):not(.wordmark),.footer-link:hover{text-decoration:underline;text-underline-offset:.25em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[contenteditable]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
dialog{padding:var(--space-5);border:var(--border);border-radius:var(--radius)}
dialog h2{font-size:2.25rem}
.close-button{min-height:2.75rem;min-width:2.75rem;font-size:var(--text-label);border-radius:var(--radius)}
/* The planning companion uses the same visual system, in a denser reading layout. */
.plan{max-width:70rem;font-family:var(--font-body);padding:var(--space-6) var(--page-gutter)}
.plan h1{font-size:4rem}
.plan h2{font-size:2.625rem;line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin-top:var(--space-7)}
.plan h3{font-size:var(--text-card);line-height:var(--leading-card);margin-top:var(--space-4)}
.plan p,.plan li,.draft-body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body)}
.plan .large{font-size:var(--text-lead)}
.plan .eyebrow,.plan .fine,.plan .save-note{font-size:var(--text-meta);line-height:var(--leading-label)}
.plan-nav,.flow-list{gap:var(--space-2);margin:var(--space-5) 0}
.plan-nav a,.flow-list a,.plan table,.meta,.email-note,.plan code{font-size:var(--text-label);line-height:var(--leading-body)}
.flow-list a{padding:var(--space-1) var(--space-2);border:var(--border);min-height:2.75rem;display:inline-flex;align-items:center}
.map{gap:var(--space-4)}
.map article,.notice,.draft-body,.email-content{padding:var(--space-4)}
.map article,.email,.draft-body{border:var(--border);border-radius:var(--radius)}
.notice{border-left:3px solid var(--wine);background:#eee2e4}
.email summary{font-size:var(--text-reading);font-family:var(--font-body);line-height:var(--leading-label);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4)}
.email summary:after{right:var(--space-4)}
.meta{gap:var(--space-2);margin:var(--space-4) 0}.meta dt{font-weight:500}
.plan th,.plan td{padding:var(--space-3) var(--space-2)}
.plan .copy{font-size:var(--text-label);min-height:2.75rem}
@media(max-width:1100px){:root{--text-hero:4.0625rem}.mini-cover{padding:var(--space-3);width:138px}.mini-cover p{font-size:1.75rem}}
@media(max-width:760px){:root{--text-hero:clamp(3rem,12vw,4.375rem);--text-section:2.625rem;--text-card:1.6875rem;--text-lead:1.25rem;--space-8:4rem}.conceptbar{font-size:var(--text-meta);align-items:center}.conceptbar span{max-width:60%}.conceptbar a{text-align:right}.section-heading{gap:var(--space-4);margin-bottom:var(--space-5)}.section-heading>p{font-size:var(--text-body)}.pain-grid,.trust-grid,.book-benefits{gap:var(--space-5)}.hero-detail{font-size:var(--text-body)}.email-row{flex-direction:column;gap:var(--space-1)}.email-row .button{margin:0;font-size:var(--text-label);padding:var(--space-3) var(--space-4)}.signup input{font-size:var(--text-body)}.mini-cover{width:128px;left:-4px;bottom:75px;padding:var(--space-3)}.mini-cover>span,.mini-cover>span:last-child{font-size:var(--text-meta);letter-spacing:0}.mini-cover p{font-size:1.75rem}.film-top>span:last-child{letter-spacing:.05em;font-size:var(--text-meta)}.editorial-caption{padding:var(--space-6) var(--space-3) var(--space-3);font-size:var(--text-meta)}.book-spread{align-items:stretch}.book-page{padding:var(--space-4) var(--space-3)}.book-inside h3{font-size:2rem;line-height:var(--leading-card)}.book-inside .eyebrow,.book-foot{font-size:var(--text-meta);letter-spacing:0}.book-inside>p:not(.eyebrow),.book-annotation p{font-size:var(--text-label)}.book-annotation .source-tag{font-size:var(--text-meta)}.book-benefits h3{font-size:var(--text-card)}.closing-signup{padding:var(--space-4)}footer{gap:var(--space-4)}.plan{padding:var(--space-5) var(--page-gutter)}.plan h1{font-size:2.875rem}.plan h2{font-size:2.125rem;margin-top:var(--space-6)}.plan .map{grid-template-columns:1fr}.meta{grid-template-columns:1fr;gap:.25rem}.draft-body,.email-content{padding:var(--space-3)}}
@media(max-width:420px){.book-spread{grid-template-columns:1fr;max-width:285px;margin-left:auto;margin-right:auto;transform:none}.book-page{padding:var(--space-4);min-height:0}.book-spread:after{display:none}.book-cover h3{font-size:2.125rem}.cover-photo{height:320px}.book-inside h3{font-size:2.5rem}.book-foot{font-size:var(--text-meta)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}
.plan>p,.plan>section>p{max-width:68ch}.plan li{max-width:80ch}

/* Production waitlist states reuse the shared type and spacing tokens. */
[hidden]{display:none!important}.consent-label{display:flex!important;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-label)!important;line-height:var(--leading-label)}.consent-label input{width:20px!important;height:20px;min-height:20px!important;flex:0 0 20px;margin:2px 0 0;padding:0;accent-color:var(--wine)}.signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.signup .fine a,.signup noscript a{text-decoration:underline;text-underline-offset:3px}.signup button:disabled{opacity:.65;cursor:wait}.privacy-content{max-width:760px;margin:auto;padding:var(--space-7) var(--page-gutter)}.privacy-content h1{font-size:var(--text-section)}.privacy-content h2{font-family:var(--font-body);font-size:var(--text-card);letter-spacing:0;margin-top:var(--space-6)}.privacy-content a{text-decoration:underline}.privacy-content ul{padding-left:1.5rem}