/* Selected direction: Breath. Georgia remains limited to Self. */
.hero-grid{grid-template-columns:1.05fr 1fr;gap:64px;min-height:530px}
.hero h1{font-size:clamp(60px,6.15vw,90px);line-height:1.015;font-weight:550;letter-spacing:-.055em}
.hero h1 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:.91em;font-style:italic;font-weight:400;line-height:1;letter-spacing:-.075em;padding-right:.08em}
.hero-card{width:100%;max-width:none;justify-self:center;padding:24px 0}
.field{height:auto;aspect-ratio:1.75;max-width:none;margin-inline:auto}
.orbits{overflow:visible}
.breath-outer,.orbit-inner{transform-box:view-box;transform-origin:50% 50%;animation:breath-expand 6.8s cubic-bezier(.37,0,.63,1) infinite;animation-play-state:paused;will-change:transform,opacity}
.orbit-inner{animation-name:breath-inner;animation-delay:-.35s}
.hero.breath-live .breath-outer,.hero.breath-live .orbit-inner{animation-play-state:running}
.hero.breath-restart .breath-outer,.hero.breath-restart .orbit-inner{animation:none}
.orbit-top{stroke:#98a97a;stroke-dasharray:1 7}
.orbit-bottom{stroke:#7c895f}
.orbit-inner{stroke:#8a9d63}
.node{font-size:13px;padding:6px 10px}
.node.self{width:144px;height:144px;font-family:Georgia,'Times New Roman',serif;font-size:58px;font-style:italic;font-weight:400;line-height:1;letter-spacing:-.065em;padding:0 7px 5px 0;border-color:#a1b75a}
.field-row:first-of-type .node:nth-child(2){top:0}
.field-row:last-child .node:nth-child(2){top:100%}
@keyframes breath-expand{0%,100%{transform:scale(.925);opacity:.57}50%{transform:scale(1.035);opacity:1}}
@keyframes breath-inner{0%,100%{transform:scale(.88);opacity:.53}50%{transform:scale(1.105);opacity:1}}

/* Open facts rail from the selected study. */
.facts{grid-template-columns:1.05fr 1fr .85fr 1.16fr;gap:36px;padding:25px 0 28px;border:0;border-block:1px solid #56615a;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.fact,.fact:first-child,.fact:last-child{padding:0;border:0;gap:10px}
.fact .eyebrow{font-size:10px;font-weight:450;letter-spacing:.075em;color:#95a09b}
.fact strong{font-size:22px;line-height:1.25;font-weight:450;letter-spacing:-.035em;color:var(--ink);text-wrap:initial}

/* Common type roles: section headings, item headings and reading copy. */
.section-head h2,.two h2,.form-panel h2{font-size:var(--h2);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.week h3,.method h3{font-size:var(--h3);font-weight:500;line-height:1.16;letter-spacing:-.035em}
.week p,.method p:not(.method-timing),.two li,#registration .signup-copy>p{font-size:var(--copy-size);line-height:1.5;letter-spacing:-.01em}
.section-head>.eyebrow,.two .eyebrow,.form-panel .signup-copy>.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.055em}

/* The words enter softly once. The quiet number/line cycle continues. */
.breath-enhanced .week[data-reveal="pending"]{opacity:0;transform:translateY(8px)}
.breath-enhanced .week[data-reveal="shown"]{animation:breath-row 1250ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0ms);animation-play-state:paused}
.breath-page-visible .week[data-reveal="shown"].breath-in-view{animation-play-state:running}
.week,.week:last-child{position:relative;background:none}
.week:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule-dash);pointer-events:none;animation:breath-rule 6.8s ease-in-out infinite;animation-delay:var(--row-phase,0s);animation-play-state:paused}
.week .week-no{animation:breath-number 6.8s ease-in-out infinite;animation-delay:var(--row-phase,0s);animation-play-state:paused}
.breath-page-visible .week.breath-in-view::after,.breath-page-visible .week.breath-in-view .week-no{animation-play-state:running}
@keyframes breath-row{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes breath-number{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes breath-rule{0%,100%{opacity:.4}50%{opacity:.95}}

/* A single frosted surface; fields are softer inset areas inside it. */
#registration{background:radial-gradient(ellipse at 85% 10%,rgba(255,255,242,.34),transparent 49%),radial-gradient(ellipse at 92% 100%,rgba(118,150,9,.17),transparent 48%),var(--acid)}
#registration .waitlist-form{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,244,.5),rgba(255,255,244,.22) 52%,rgba(255,255,244,.15));border:1px solid rgba(255,255,245,.57);border-bottom-color:rgba(118,138,50,.16);border-right-color:rgba(255,255,245,.29);border-radius:18px;backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);box-shadow:0 20px 60px -24px rgba(57,78,3,.24),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(255,255,255,.18)}
#registration .form-field input,#registration .form-field select,#registration .form-field textarea{background-color:rgba(255,255,250,.26);border-color:rgba(255,255,255,.1);border-bottom-color:rgba(61,79,18,.24);box-shadow:inset 0 1px 2px rgba(80,98,27,.035);border-radius:8px}
#registration .form-field input:hover,#registration .form-field select:hover,#registration .form-field textarea:hover{background-color:rgba(255,255,250,.36);border-color:rgba(61,79,18,.24)}
#registration .form-field input:focus-visible,#registration .form-field select:focus-visible,#registration .form-field textarea:focus-visible{background-color:rgba(255,255,250,.46);outline:2px solid var(--ground);border-color:transparent;outline-offset:3px}
#registration .form-field label{font-size:14px;line-height:1.45;font-weight:450}
#registration .field-optional{font-size:12px;color:#536027}
#registration .consent{font-size:12px;line-height:1.5;color:#42501a}
#registration .form-field input::placeholder,#registration .form-field textarea::placeholder{color:#617035}
#registration .submit-button{box-shadow:0 2px 0 #00000008}

@media(max-width:1150px){
 .hero-grid{gap:38px;min-height:460px}
 .hero h1{font-size:6.05vw}
 .node.self{width:130px;height:130px;font-size:52px}
 .facts{gap:24px;padding-block:23px}
 .fact .eyebrow{font-size:9px;letter-spacing:.045em}
 .fact strong{font-size:20px}
}
@media(max-width:860px){
 .hero-grid{grid-template-columns:1fr;gap:54px;min-height:0}
 .hero h1{font-size:clamp(58px,8.8vw,76px)}
 .hero-prefix{display:inline}
 .hero-card{width:min(100%,600px);max-width:none;padding:20px 0}
 .facts{grid-template-columns:1fr 1fr;gap:28px 36px;padding:25px 0 28px}
 .fact .eyebrow{font-size:10px}
 .fact strong{font-size:22px}
}
@media(max-width:600px){
 .hero-grid{gap:44px}
 .hero h1{font-size:clamp(40px,11.7vw,66px);line-height:1.06}
 .hero-prefix,.hero-final{display:block}
 .hero h1 em{font-size:.97em}
 .hero-card{width:calc(100% - 8px);padding:14px 0}
 .field{aspect-ratio:1.65}
 .node{font-size:11px;padding:5px 7px}
 .node.self{width:110px;height:110px;font-size:45px}
 .facts{gap:26px 22px;padding:22px 0 26px}
 .fact,.fact:first-child,.fact:last-child{padding:0;gap:9px}
 .fact .eyebrow{font-size:9px;letter-spacing:.025em}
 .fact strong{font-size:19px;line-height:1.3}
 .section-head>.eyebrow,.two .eyebrow,.form-panel .signup-copy>.eyebrow{font-size:11px}
 #registration .waitlist-form{border-radius:14px}
}
@media(max-width:360px){
 .hero h1{font-size:38px}
 .node{font-size:10px}
 .node.self{width:100px;height:100px;font-size:41px}
 .fact .eyebrow{font-size:8px;letter-spacing:0}
 .fact strong{font-size:17px}
 .facts{column-gap:18px}
}
html[data-motion="paused"] .breath-outer,html[data-motion="paused"] .orbit-inner,html[data-motion="paused"] .week,html[data-motion="paused"] .week::after,html[data-motion="paused"] .week-no{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .breath-outer,.orbit-inner,.breath-enhanced .week[data-reveal],.week::after,.week-no{animation:none!important;opacity:1!important;transform:none!important}
}
