/* LIT / The Jackie Project — editorial redesign layer, October 2026.
   Presentation-only: no changes to account, forms, journal or session scripts. */
:root{--paper:#F5EFE6;--paper-2:#EDE3DA;--card:#FFFCF7;--card-2:#F7F0E8;--ink:#211B1E;--ink-2:#51444A;--ink-3:#806D72;--line:#DFCEC8;--line-soft:#E9DBD3;--ember:#A77764;--ember-tint:#F2DED2;--ember-wash:#F9EDE5;--blaze:#63283F;--blaze-tint:#ECDCE3;--blaze-wash:#F7E9EF;--coffee:#63283F;--coffee-light:#8D5067;--crema:#B69A76;--sage:#687369;--sage-tint:#E5E9E0}
body{background:#F5EFE6;color:#51444A}
body::before{opacity:.13}
h1,h2,h3,h4,.display{letter-spacing:-.035em;color:#211B1E}
h1,.h1{font-size:clamp(3rem,6vw,5.65rem);line-height:1.035}
h2,.h2{font-size:clamp(2.15rem,4.1vw,3.75rem);line-height:1.09}
.label{color:#815B65;letter-spacing:.19em}
.masthead{background:rgba(245,239,230,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid #DFCEC8!important}
.masthead__inner{min-height:86px}
.wordmark{gap:.85rem!important;align-items:center!important}
.wordmark__lit{font-family:Georgia,serif!important;font-weight:700!important;font-size:2.15rem!important;letter-spacing:-.07em!important;color:#63283F!important;line-height:1}
.wordmark__org{font-family:Arial,sans-serif!important;font-size:.63rem!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase;color:#8A6E76!important;max-width:115px;line-height:1.5}
.navlinks a:not(.btn){color:#51444A}
.navlinks a:hover,.navlinks a.is-current{color:#63283F}
.btn{background:#63283F;border-color:#63283F;color:#FFF9F2;box-shadow:0 10px 24px rgba(99,40,63,.12)}
.btn:hover{background:#4B1C30;border-color:#4B1C30}
.btn--quiet{background:transparent;color:#63283F;box-shadow:none;border-color:#CDB7BD}
.btn--quiet:hover{background:#F0E2E6;border-color:#63283F;color:#63283F}
.btn--ember{background:#A77764;border-color:#A77764}
.btn--ember:hover{background:#865949;border-color:#865949}
:focus-visible{outline-color:#63283F}
::selection{background:#E9D2DC;color:#211B1E}
.band{position:relative}
.band--paper2{background:#EDE3DA}
.section-head{max-width:740px}
.section-head .label{color:#86586A}
/* Home: give the existing living flame an intentional, architectural stage. */
.hero{min-height:clamp(590px,75vh,830px);gap:clamp(2rem,6vw,7rem)!important}
.hero h1 em{color:#63283F!important}
.hero__label{color:#86586A!important}
.hero__visual{min-height:450px;align-items:center;position:relative;isolation:isolate}
.hero__visual:before{content:'';position:absolute;width:min(100%,490px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 48%,#F7E5DC 0%,#E5C9C7 46%,#E9D6CD 62%,transparent 70%);box-shadow:0 0 0 1px rgba(99,40,63,.12),0 0 0 28px rgba(182,154,118,.065),0 0 0 58px rgba(99,40,63,.03);z-index:-1}
.seal{width:min(80vw,415px)!important;filter:drop-shadow(0 12px 24px rgba(99,40,63,.08))}
.hero__who{gap:.6rem!important}
.chip{border:1px solid #D9C5C6!important;background:#FBF6F1!important;color:#6A4B58!important;padding:.65rem 1rem!important}
.problem{border-top:1px solid #C8B4B4;border-bottom:1px solid #C8B4B4;padding:clamp(2.5rem,5vw,5rem) 0!important}
.problem__quote{color:#63283F!important}
.problem__quote span{color:#A77764!important}
.doors{gap:1.1rem!important}
.door{background:#FFFCF7!important;border:1px solid #DDC9C9!important;border-radius:4px!important;box-shadow:0 10px 32px rgba(62,30,43,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}
.door:hover{transform:translateY(-5px)!important;box-shadow:0 24px 50px rgba(62,30,43,.12)!important;border-color:#B69A76!important}
.door__name{color:#63283F!important}
/* A coherent premium visual language for every page without touching forms. */
.card,.panel,.tile,.session-card,.practice-card,.cupstage{border-color:#DDC9C9!important;box-shadow:0 14px 40px rgba(62,30,43,.045)!important}
input,textarea,select{accent-color:#63283F}
a:not(.btn):focus-visible,button:focus-visible{outline:2px solid #63283F;outline-offset:3px}
footer,.footer{border-top-color:#D9C6C6!important}
/* Editorial page heading treatment for interior pages */
main>.shell:first-child:not(:has(.hero)){position:relative}
main>.shell:first-child:not(:has(.hero)) h1{max-width:900px}
/* Prevent animation-related invisibility for motion-sensitive visitors. */
@media(prefers-reduced-motion:reduce){.seal__ring,.seal__glow,.seal__flame,.seal__core{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:900px){.hero{min-height:0}.hero__visual{min-height:320px;order:0!important}.hero__visual:before{width:min(75vw,360px)}.masthead__inner{min-height:72px}}
@media(max-width:560px){h1,.h1{font-size:clamp(2.75rem,12vw,4rem)}.hero__visual{min-height:290px}.seal{width:min(69vw,310px)!important}.wordmark__lit{font-size:1.8rem!important}.wordmark__org{font-size:.53rem!important}}