@font-face{font-family:Editorial;src:url('assets/editorial.woff?v=20261103') format('woff');font-display:swap}@font-face{font-family:Editorial;src:url('assets/editorial-italic.woff?v=20261103') format('woff');font-style:italic;font-display:swap}@font-face{font-family:Studio;src:url('assets/studio.woff?v=20261103') format('woff');font-display:swap}
:root{--paper:#f8f5ef;--ink:#342e2d;--muted:#756b68;--line:#dcd3cb;--rose:#edddd6;--plum:#60444e;--plum-dark:#4a323d;--sage:#d7dacb;--serif:Editorial,Georgia,serif;--sans:Studio,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:400}h1,h2,h3{font-family:var(--serif);line-height:1.05;letter-spacing:-.045em}em{font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a65c74;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}::selection{background:#dbc2c5;color:var(--ink)}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:10px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.section{padding-top:112px;padding-bottom:112px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:54px;padding:16px 23px;border-radius:4px;font-size:13px;line-height:1.3;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--plum);color:#fff9f3}.primary:hover{background:var(--plum-dark)}.light{background:var(--paper);color:var(--plum)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;font-size:12px;border-bottom:1px solid currentColor;padding:8px 0}.fine-print{font-size:11px!important;line-height:1.6!important;color:var(--muted)}.status-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:#8d6f6b}.preview-ribbon{padding:9px 36px;background:var(--plum);color:#f8ede4;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;line-height:1.4}.preview-ribbon>span:last-child{letter-spacing:.02em}.preview-ribbon>span:last-child span{margin-left:14px}.site-header{height:87px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:30}.brand{font:43px/1 var(--serif);letter-spacing:-.065em}.brand-period{color:#ab7d80}.desktop-nav{display:flex;gap:35px;font-size:12px}.desktop-nav a{padding:15px 0}.desktop-nav a:hover{color:#9a6473}.header-cta{font-size:12px;display:flex;gap:32px;align-items:center;border:1px solid #b6a49e;border-radius:4px;padding:12px 17px}.header-cta:hover{background:#eee5dd}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px;max-width:1600px;margin:auto}.hero-copy{padding:70px 6% 68px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .eyebrow{display:flex;gap:12px;align-items:center;font-size:9px}.little-contour{font-size:23px;color:#a07579}.hero h1{font-size:clamp(70px,6.65vw,106px);line-height:1.02;margin:30px 0 26px;letter-spacing:-.055em}.hero h1 em{color:#89666e}.hero-description{max-width:360px;font-size:14px;line-height:1.75;color:#6e625e}.hero-actions{display:flex;align-items:center;gap:22px;margin:32px 0 19px}.watch-link{font-size:11px;display:flex;align-items:center;gap:8px}.play-icon{border:1px solid #b3a19a;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:15px}.hero-note{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.hero-art{position:relative;min-width:0;min-height:720px;padding:28px 28px 28px 0}.hero-portrait{height:100%;overflow:hidden;background:#b6a394;position:relative;border-radius:3px}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 37%;position:absolute;inset:0}.hero-portrait:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#35261e50);pointer-events:none}.hero-portrait figcaption{position:absolute;right:25px;bottom:26px;z-index:1;color:#fff7eb;font-size:10px;letter-spacing:.13em;line-height:1.7;text-align:right}.hero-orbit{position:absolute;right:3px;top:64px;width:115px;height:115px;border-radius:50%;background:var(--rose);display:grid;place-items:center;transform:rotate(12deg);color:var(--plum);box-shadow:0 8px 24px #35261e08}.hero-orbit>span{position:absolute;top:22px;left:19px;right:10px;font-size:7px;letter-spacing:.11em}.hero-orbit b{font-size:48px;font-weight:400;padding-top:14px}.hero-phone{position:absolute;bottom:61px;left:-48px;width:224px;background:#fbf8f3;padding:23px 16px 12px;border:5px solid #403a37;border-radius:34px;box-shadow:12px 20px 45px #33231b35;transform:rotate(-7deg);transition:transform .4s}.hero-phone:hover{transform:rotate(-3deg) translateY(-4px)}.phone-island{display:block;background:#302c2b;width:63px;height:16px;border-radius:20px}.hero-phone>.phone-island{position:absolute;top:6px;left:calc(50% - 32px)}.mini-top{display:flex;align-items:center;justify-content:space-between}.mini-top>span:first-child{font:23px var(--serif);letter-spacing:-.06em}.mini-top>span:last-child{font-size:6px;letter-spacing:.07em}.mini-eyebrow{font-size:6px;letter-spacing:.08em;margin:20px 0 6px;color:#82736b}.hero-phone h2{font-size:32px;line-height:1.06}.hero-phone h2 em{color:#967178}.mini-art{height:136px;margin-top:15px;border-radius:7px;overflow:hidden;position:relative;background:#e9ded1}.mini-art img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.mini-art>span{position:absolute;bottom:6px;left:6px;background:#faf4e9dc;padding:3px 5px;font-size:5px;letter-spacing:.04em}.mini-lesson{display:flex;align-items:center;justify-content:space-between;margin:11px 0 15px}.mini-lesson small{font-size:5px;letter-spacing:.12em;display:block;color:#81726c}.mini-lesson strong{font-size:9px;font-weight:400;display:block;margin-top:3px}.round-arrow{display:grid;place-items:center;width:25px;height:25px;background:var(--plum);color:var(--paper);border-radius:50%;font-size:12px}.mini-tabs{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding-top:7px;font-size:6px;text-align:center;color:#81726c;line-height:1.8}.mini-tabs span:first-child{color:var(--plum)}.hero-app-label{position:absolute;left:-34px;bottom:28px;font-size:7px;letter-spacing:.1em;color:#7c6f69}.principle-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;background:#e9e0d8;border-top:1px solid #ddd2c9;border-bottom:1px solid #ddd2c9;padding:20px 36px;font-size:9px;letter-spacing:.1em}.principle-strip [aria-hidden]{color:#a17b7d;font-size:17px}.section-intro{text-align:center;max-width:630px;margin:0 auto 65px}.section-intro h2{font-size:66px;margin:23px 0}.section-intro>p:last-child{max-width:450px;margin:auto;font-size:14px;color:var(--muted)}h2 em{color:#927179}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-steps article{position:relative;padding:35px 38px 37px}.method-steps article+article{border-left:1px solid var(--line)}.step-icon{display:block;width:37px;height:37px;margin-bottom:25px}.step-icon svg{width:100%;height:100%;stroke:#856b67;stroke-width:1.15;fill:none;stroke-linecap:round;stroke-linejoin:round}.step-number{position:absolute;right:36px;top:34px;font-size:10px;color:#8b7c74}.method-steps h3{font-size:31px;margin-bottom:13px}.method-steps p{font-size:12px;color:var(--muted);max-width:270px}.studio-section{background:#e9dbd4;position:relative}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.studio-copy{padding-top:30px;max-width:470px}.studio-copy h2{font-size:72px;margin:24px 0}.studio-copy>p:not(.eyebrow){font-size:14px;color:#77645d;max-width:355px}.studio-tabs{margin:34px 0 19px;border-top:1px solid #cbbab1}.studio-tabs button{display:flex;width:100%;gap:19px;text-align:left;align-items:center;padding:17px 13px 17px 4px;border-bottom:1px solid #cbbab1;font-size:14px;border-radius:0;transition:background .2s,padding .2s}.studio-tabs button:hover{background:#f5eae150}.studio-tabs button[aria-selected=true]{background:#f8f2e9bd;padding-left:15px;border-radius:4px;border-bottom-color:transparent}.tab-index{font-size:9px;color:#917970;align-self:flex-start;margin-top:6px}.studio-tabs small{display:block;font-size:10px;color:#8c746a;margin-top:3px}.studio-tabs button>span:last-child{margin-left:auto}.studio-copy .screen-description{font-size:11px!important;min-height:40px;line-height:1.65;max-width:390px!important}.studio-copy>.text-link{margin-top:15px}.app-stage{padding:0 15px;text-align:center;min-width:0}.stage-caption{display:block;font-size:8px;letter-spacing:.14em;margin-bottom:25px;color:#8e7168}.phone-frame{position:relative;background:#fbf8f2;width:365px;max-width:100%;height:747px;margin:auto;border:7px solid #3e3735;border-radius:46px;padding:9px 0 0;box-shadow:20px 30px 65px #634a3b26,0 0 0 1px #8f8174;overflow:hidden;text-align:left}.phone-status{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:9px;font-weight:600;position:relative}.phone-status .phone-island{position:absolute;left:50%;transform:translateX(-50%);width:93px;height:24px;top:2px}.phone-status>span:last-child{font-size:9px;letter-spacing:2px}.app-panel{padding:21px 22px 22px;height:calc(100% - 34px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9a49b transparent;overscroll-behavior:contain;scroll-margin-top:120px;outline-offset:-4px!important}.app-brand{font:29px var(--serif);letter-spacing:-.065em;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-brand>span{font-size:19px;color:#b79090;letter-spacing:0}.app-kicker{font-size:7px;color:#8b766e;letter-spacing:.11em;margin-bottom:9px}.app-panel h3{font-size:36px;line-height:1.05;margin-bottom:21px}.app-panel h3 em{color:#a17b80}.today-feature{position:relative;height:166px;border-radius:8px;overflow:hidden;background:#e8dacd;margin-bottom:19px}.today-feature img{width:100%;height:100%;object-fit:cover;object-position:center 37%;opacity:.7}.today-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e6d7c9c9,transparent 80%)}.today-feature>span,.today-feature>b{position:absolute;z-index:1;left:15px}.today-feature>span{top:15px;font-size:7px;letter-spacing:.08em}.today-feature>b{bottom:16px;font:24px/1.07 var(--serif);letter-spacing:-.04em}.today-heading{display:flex;justify-content:space-between;align-items:center}.today-heading h4{font-size:12px}.today-heading>span{font-size:8px;color:#8c746b}.app-subtitle{font-size:9px;color:#8f7970;margin:4px 0 13px}.app-session-list{border-top:1px solid #e7dbd0;margin-bottom:16px}.app-session-list>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e7dbd0;font-size:10px}.app-session-list span{font-size:7px;color:#ac8a7f}.app-session-list b{font-size:6px;margin-left:auto;font-weight:400;letter-spacing:.06em;color:#95796d}.app-action{background:var(--plum);color:#fff7ef;display:flex;align-items:center;justify-content:space-between;min-height:44px;border-radius:4px;width:100%;padding:12px 14px;font-size:11px}.app-action:hover{background:var(--plum-dark)}.app-note{font-size:9px;line-height:1.55;color:#8b766d;margin:13px 0}.app-nav{display:flex;justify-content:space-around;border-top:1px solid #dfd0c4;margin:17px -3px -12px;padding-top:6px}.app-nav button{font-size:17px;min-width:60px;min-height:44px}.app-nav span{display:block;font-size:7px}.preview-label{font-size:9px;color:#846b62;max-width:340px;margin:20px auto 0}.studio-footnote{border-top:1px solid #d6c2b8;margin-top:45px;padding-top:21px;display:flex;align-items:flex-start;gap:9px;justify-content:center}.studio-footnote .status-dot{margin-top:7px}.studio-footnote p{font-size:10px;max-width:620px;color:#866e63;text-align:center}.profile-note{font-size:11px;color:#92796d;line-height:1.6;margin-bottom:23px}.profile-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #dfd0c4;padding:13px 0;font-size:10px}.profile-list strong{font-weight:400;color:#957669}.profile-callout{display:flex;gap:12px;background:#e9dfd0;padding:15px;margin:23px 0;border-radius:6px}.profile-callout>span{font-size:25px;color:#8a725a}.profile-callout p{font-size:10px}.profile-callout strong{display:block;margin-bottom:4px}.sample-label{font-size:7px;letter-spacing:.1em;margin:10px 0;color:#8c7466}.progress-card{background:#ece1d7;padding:20px;border-radius:6px;font-size:10px}.progress-card strong{font:35px var(--serif);display:block;margin:7px 0 17px}.week-dots{display:flex;justify-content:space-between;gap:5px;font-size:8px;margin-bottom:14px}.week-dots span{width:24px;height:24px;display:grid;place-items:center;background:#f7eee5;border-radius:50%}.week-dots .done{background:var(--plum);color:#fff}.comfort-card{padding:22px 0;border-bottom:1px solid var(--line);font-size:10px}.comfort-card strong{font:25px var(--serif);display:block;margin:6px 0}.comfort-card p{color:#8c7466}.practice-reflection{padding:20px 0}.practice-reflection>span{font-size:7px;letter-spacing:.09em;color:#907366}.practice-reflection h4{font:24px var(--serif);line-height:1.15;margin:9px 0}.practice-reflection p{font-size:10px;color:#8d756a}.guide-panel{padding:18px 0 20px;height:calc(100% - 34px)}.guide-panel>.app-brand{margin:0 20px 17px;font:15px var(--serif);letter-spacing:-.01em}.guide-panel>.app-brand span{font:7px var(--sans);color:#9b7d6f}.authentic-preview{height:285px}.actual-guide-info{padding:17px 20px}.actual-guide-info h3{font-size:28px;margin-bottom:15px}.actual-guide-info .app-kicker{font-size:7px;margin:3px 0 7px}.watch-preparation{border-top:1px solid #dfd0c4;border-bottom:1px solid #dfd0c4;padding:11px 0;margin-bottom:12px}.watch-preparation h4{font-size:11px;margin-bottom:4px}.watch-preparation p{font-size:10px;line-height:1.6;margin:4px 0;color:#806b60}.preview-state,.preview-state-note{font-size:10px;line-height:1.6;color:#7b665e;margin:7px 0}.preview-view-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.preview-view-controls button{font-size:9px;padding:6px 2px}.preview-view-controls button[aria-pressed=true]{background:var(--plum);border-color:var(--plum)}.actual-guide-info #guide-caption{font-size:11px;margin:12px 0}.guide-buttons{display:flex;gap:6px}.actual-guide-info #preview-play{background:var(--plum);padding:10px;min-height:44px;font-size:11px}.timer-row{display:flex;justify-content:space-between;font-size:10px;margin:12px 0 7px}.timer-track{height:3px;background:#e5d6cb;border-radius:2px;overflow:hidden}.timer-track span{display:block;background:var(--plum);width:0;height:100%}.actual-guide-info .comfort-pause{display:block;width:100%;font-size:10px;border-bottom:1px solid var(--line);margin-bottom:10px}.preview-anatomy summary{font-size:10px}.preview-origin,.preview-phase{font-size:7px}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.split-heading h2{font-size:66px;margin-top:22px}.split-heading>p{max-width:320px;font-size:13px;color:var(--muted);padding-bottom:6px}.learning-carousel{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}.learning-card{position:relative;background:#e7d9d2;border:1px solid #d5c3ba;border-radius:3px;padding:25px 28px 18px;max-width:500px;transform:rotate(-2deg);box-shadow:12px 16px 0 #e8e0d5}.learning-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#8c7166}.learning-card h3{font-size:46px;line-height:1.05;margin:28px 0 17px;max-width:350px}.lesson-art{height:290px;position:relative;overflow:hidden;background:#e3d4c5;border-radius:4px}.lesson-art>img{width:100%;height:100%;object-fit:cover;object-position:center 37%;transition:opacity .25s}.lesson-art>span{position:absolute;left:12px;bottom:12px;background:#f9f0e9da;padding:5px 8px;font-size:7px;letter-spacing:.08em;z-index:3}.lesson-target{position:absolute;right:12%;top:43%;width:24%;height:27%;border:1px solid #f4ded175;border-radius:50%;pointer-events:none}.lesson-brand{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font:29px var(--serif);letter-spacing:-.05em}.lesson-brand>span{font:6px var(--sans);letter-spacing:.09em}.learning-copy{max-width:410px}.lesson-category{font-size:9px;letter-spacing:.12em;color:#96726d}.learning-copy h3{font-size:39px;line-height:1.14;letter-spacing:-.035em;margin:18px 0}.learning-copy>p{font-size:13px;line-height:1.8;color:var(--muted)}.learning-copy .lesson-detail{font-size:10px;margin-top:18px;color:#8b7c73;min-height:51px}.lesson-controls{display:flex;gap:10px;margin:25px 0 20px}.lesson-controls button{width:44px;height:44px;border:1px solid #cab8b1;border-radius:50%;font-size:10px}.lesson-controls button[aria-pressed=true]{background:var(--plum);color:#fff;border-color:var(--plum)}.learning-copy>.text-link{font-size:11px}.practice-section{background:#ece8dd}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.practice-photo{height:610px;position:relative;overflow:hidden;border-radius:3px}.practice-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.practice-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#2e271e65)}.practice-photo figcaption{position:absolute;z-index:1;bottom:27px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;color:#fff5e7;font-size:9px;letter-spacing:.1em}.practice-photo figcaption span:last-child{font-size:49px}.practice-copy h2{font-size:63px;margin:24px 0}.practice-copy>p{font-size:13px;color:var(--muted);max-width:380px}.practice-features{margin:27px 0 16px;border-top:1px solid #d1c8b8}.practice-features>div{display:flex;gap:21px;padding:17px 0;border-bottom:1px solid #d1c8b8}.practice-features>div>span{font-size:9px;color:#8b7b6e;padding-top:3px}.practice-features p{font-size:11px;color:#877569}.practice-features strong{font-size:13px;color:var(--ink);font-weight:400;display:block;margin-bottom:3px}.practice-copy .fine-print{margin-top:15px;font-size:9px!important}.planner{margin-top:80px;padding-top:42px;border-top:1px solid #d1c8b8;display:grid;grid-template-columns:.8fr 1fr 1.1fr;gap:60px;align-items:start}.planner h3{font-size:39px;margin:16px 0}.planner>div:first-child>p:last-child{font-size:11px;color:var(--muted);max-width:200px}.planner-controls{padding-top:7px}.field-label,.planner-controls>label{display:block;font-size:8px;letter-spacing:.11em}.time-options{display:flex;gap:6px;margin:11px 0 24px}.time-options button{flex:1;font-size:11px;min-height:44px;border:1px solid #cbbdab;border-radius:3px}.time-options button[aria-pressed=true]{background:#625348;color:#fff6ea;border-color:#625348}.planner select{width:100%;height:44px;border:1px solid #cbbdab;border-radius:3px;background:transparent;padding:0 10px;font-size:12px;color:#64554b;margin:10px 0 17px}.planner-controls>.check-label{display:flex;align-items:center;gap:8px;letter-spacing:0;font-size:10px}.check-label input{width:17px;height:17px;accent-color:var(--plum)}.plan-result{background:#f9f4ea;border:1px solid #ddd2c4;padding:24px;border-radius:5px;min-height:275px}.plan-result h4{font:27px/1.2 var(--serif);margin:13px 0 5px}.plan-result>p:not(.eyebrow){font-size:10px;color:#8a7669}#plan-segments{display:flex;gap:5px;flex-wrap:wrap;margin:17px 0}#plan-segments span{padding:5px 7px;background:#ede3d7;border-radius:3px;font-size:8px}#plan-reason{line-height:1.65;min-height:48px}.plan-result .text-link{font-size:10px}.membership{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.membership-copy h2{font-size:72px;margin:24px 0}.membership-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:350px}.membership-list{list-style:none;padding:0;margin:25px 0 31px;font-size:12px;line-height:2.4}.membership-list li:before{content:'✓';color:#9c7a73;margin-right:12px}.price-card{background:#eee0d9;border:1px solid #ddc8bd;border-radius:5px;padding:26px 35px 30px;max-width:460px}.price-tabs{display:flex;background:#f8f0e9;border:1px solid #d7bfb5;padding:5px;gap:4px;border-radius:4px}.price-tabs button{flex:1;min-height:44px;font-size:12px;border-radius:2px;padding:8px}.price-tabs button[aria-pressed=true]{background:var(--plum);color:#fff}.price-tabs span{display:inline-block;font-size:7px;background:#dcc5c7;color:#573f49;border-radius:2px;padding:3px 4px;margin-left:6px}.price-card-kicker{font-size:8px;letter-spacing:.12em;margin:32px 0 12px;color:#8b6d65}.price{font:78px/1.1 var(--serif);letter-spacing:-.06em}.price>span{font:13px var(--sans);letter-spacing:0;margin-left:10px;color:#94796b}#price-note{font-size:11px;min-height:42px;margin-top:14px;color:#856c60;max-width:280px}.price-divider{height:1px;background:#d8c4b9;margin:23px 0}.price-equal{font:29px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:26px}.price-card .button{width:100%;font-size:12px}.price-disclosure{font-size:9px;line-height:1.65;color:#8b7264;margin-top:17px}.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line);padding-top:90px}.questions h2{font-size:70px;margin-top:25px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;padding:21px 0;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:19px;font-weight:300;color:#a0817b}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:#806e65;padding:0 35px 23px 0;line-height:1.8}.closing{background:var(--plum);color:#f6e9dc;overflow:hidden}.closing-inner{position:relative;padding-top:88px;padding-bottom:92px}.closing h2{font-size:76px;margin:25px 0 34px}.closing h2 em{color:#d5b7b9}.closing .eyebrow{color:#d1afb1}.closing-contour{position:absolute;right:35px;top:80px;font-size:280px;line-height:1;color:#9b7580;transform:rotate(-10deg)}.closing .button{position:relative;z-index:1}.site-footer{padding-top:55px;padding-bottom:24px}.footer-top{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;gap:35px;padding-bottom:45px}.footer-top>.brand{font-size:60px;align-self:start}.footer-top>p{font:25px/1.2 var(--serif);color:#9b7b77;letter-spacing:-.03em;padding-top:7px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;font-size:11px;gap:8px}.footer-top button{padding:0;min-height:28px}.footer-top a{min-height:28px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:25px;justify-content:space-between;font-size:8px;color:#928076}.footer-bottom strong{font-weight:400;color:#725851}dialog{width:min(600px,calc(100% - 32px));max-height:85vh;border:1px solid #d5c2b8;border-radius:8px;padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#30232180;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;font-size:25px;width:44px;height:44px}dialog h2{font-size:40px;margin:21px 0 25px}#dialog-body{font-size:13px;color:#7d685e}#dialog-body p{margin-bottom:15px}#dialog-body h3{font-size:25px;margin:25px 0 14px}#dialog-body ul{padding-left:20px}#dialog-body li{padding-bottom:9px}.routine-availability-copy{padding:15px;background:#ede0d7;font-size:12px;margin-bottom:20px}dialog .button{margin-top:15px;min-height:44px}.secondary{border:1px solid #cbb7ab;margin-left:0}#dialog-watch{margin-right:10px}
/* The educational overlay reuses the retained source-backed surface and atlas. */
.lesson-art .dimensional-face,.lesson-art .anatomy-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lesson-art .dimensional-face{z-index:1}.anatomy-preview{z-index:2}.anatomy-preview .dimensional-mesh{stroke:#f9e8d2;stroke-width:.9;opacity:.65;fill:none}.lesson-art[data-study-view=anatomy] .dimensional-mesh{opacity:.32}.lesson-art .anatomy-loading{position:absolute;left:12px;top:12px;background:#f9f0e9e6;font-size:9px;padding:5px 8px;z-index:3}.lesson-art .lesson-target{display:none}.learning-copy .anatomy-key{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.6;color:#8b6a61;padding:14px 0;margin-top:18px;border-top:1px solid #dbc9be}.anatomy-key i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#b47c6a;margin-top:5px;flex:none}.anatomy-source{font-size:9px;text-decoration:underline;color:#94776c;display:inline-block;margin-top:15px}
@media(min-width:1600px){.hero-art{max-height:830px}.hero-copy{padding-left:70px}.hero{min-height:830px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-copy{padding-left:32px;padding-right:25px}.hero h1{font-size:78px}.hero-art{min-height:690px;padding-right:20px}.hero-phone{width:190px;left:-20px;bottom:66px;padding:20px 12px 10px;border-radius:29px}.hero-phone h2{font-size:29px}.mini-art{height:117px}.hero-actions{gap:13px;flex-wrap:wrap}.hero-app-label{left:-5px}.studio-grid{gap:40px}.studio-copy h2{font-size:62px}.learning-carousel{gap:60px}.practice-grid{gap:55px}.practice-copy h2{font-size:54px}.planner{gap:32px}.membership{gap:65px}.closing-contour{right:0;font-size:230px;top:112px}.price-card{padding:23px}.method-steps article{padding-left:24px;padding-right:24px}.method-steps h3{font-size:28px}.questions{gap:45px}}
@media(max-width:900px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 42px)}.section{padding-top:72px;padding-bottom:72px}.preview-ribbon{padding:8px 21px;font-size:7px}.preview-ribbon>span:last-child{display:none}.site-header{height:72px;padding:0 21px}.brand{font-size:37px}.desktop-nav{display:none}.header-cta{margin-left:auto;padding:9px 12px;font-size:10px;gap:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:12px;margin-left:7px}.menu-toggle span{display:block;width:20px;height:1px;background:var(--ink)}.mobile-nav{position:absolute;left:0;right:0;top:71px;background:var(--paper);padding:17px 21px 24px;border-bottom:1px solid var(--line);box-shadow:0 16px 22px #3a2c2910}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid #e4dbd2;font-size:14px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:45px 27px 38px}.hero-copy .eyebrow{font-size:8px;gap:9px}.little-contour{font-size:20px}.hero h1{font-size:clamp(66px,13.4vw,93px);margin:23px 0 21px;line-height:.99}.hero-description{max-width:360px;font-size:13px;line-height:1.8}.hero-actions{margin:25px 0 16px;gap:17px;flex-wrap:nowrap}.hero-actions .button{font-size:11px;min-height:48px;padding:14px 17px;gap:24px}.watch-link{font-size:10px;gap:7px}.hero-note{font-size:9px}.hero-art{padding:0 20px 30px 58px;min-height:505px;height:505px}.hero-portrait{border-radius:4px;height:100%}.hero-portrait img{object-position:center 32%}.hero-portrait figcaption{right:18px;bottom:20px;font-size:7px}.hero-phone{left:20px;bottom:50px;width:170px;transform:rotate(-7deg);padding:20px 11px 10px;border-width:4px;border-radius:28px}.hero-phone h2{font-size:26px}.mini-top>span:first-child{font-size:20px}.mini-top>span:last-child{font-size:5px}.mini-eyebrow{font-size:5px;margin-top:14px}.mini-art{height:108px;margin-top:11px}.mini-lesson{margin:8px 0 10px}.mini-lesson strong{font-size:8px}.mini-tabs{font-size:5px;padding-top:5px}.hero-orbit{width:84px;height:84px;top:20px;right:6px}.hero-orbit>span{font-size:5px;left:12px;top:16px}.hero-orbit b{font-size:34px;padding-top:9px}.hero-app-label{left:25px;bottom:19px;font-size:6px}.principle-strip{padding:17px 21px;font-size:7px;gap:10px;flex-wrap:wrap;justify-content:center}.principle-strip span:nth-child(5),.principle-strip span:nth-child(6),.principle-strip span:nth-child(7){display:none}.principle-strip [aria-hidden]{font-size:13px}.section-intro{margin-bottom:38px}.section-intro h2{font-size:48px;margin:20px 0}.section-intro>p:last-child{font-size:12px;max-width:335px}.eyebrow{font-size:8px}.method-steps{grid-template-columns:1fr;border-bottom:0}.method-steps article{padding:26px 0 26px 62px;border-bottom:1px solid var(--line)}.method-steps article+article{border-left:0}.step-icon{position:absolute;left:2px;top:28px;width:33px;height:33px}.step-number{right:2px;top:28px;font-size:8px}.method-steps h3{font-size:29px;margin:0 0 10px}.method-steps p{font-size:11px;max-width:240px;padding-right:14px}.studio-grid{grid-template-columns:1fr;gap:36px}.studio-copy{padding-top:0;max-width:none}.studio-copy h2{font-size:52px;margin:20px 0}.studio-copy h2 br:nth-of-type(2){display:none}.studio-copy>p:not(.eyebrow){font-size:12px;max-width:335px}.studio-tabs{margin:26px 0 15px}.studio-tabs button{padding:15px 8px 15px 0;font-size:13px;gap:15px}.studio-tabs small{font-size:9px}.studio-copy .screen-description{font-size:10px!important;min-height:35px}.studio-copy>.text-link{font-size:11px;margin-top:6px}.app-stage{padding:0}.stage-caption{font-size:7px;margin-bottom:20px}.phone-frame{width:348px;height:720px;border-width:6px;border-radius:42px}.app-panel{padding:18px 20px 20px}.app-brand{margin-bottom:20px}.app-panel h3{font-size:34px;margin-bottom:20px}.today-feature{height:150px}.guide-panel{padding:18px 0 20px}.authentic-preview{height:275px}.preview-label{font-size:9px;max-width:270px}.studio-footnote{margin-top:30px;padding-top:18px}.studio-footnote p{font-size:9px;text-align:left}.split-heading{display:block;margin-bottom:32px}.split-heading h2{font-size:50px;margin:20px 0}.split-heading>p{font-size:12px;max-width:320px;padding:0}.learning-carousel{grid-template-columns:1fr;gap:42px}.learning-card{max-width:400px;width:calc(100% - 13px);margin:0 auto;padding:22px 21px 15px;box-shadow:9px 12px 0 #e8e0d5;transform:rotate(-1.5deg)}.learning-card h3{font-size:39px;margin:23px 0 16px}.lesson-art{height:285px}.learning-copy{max-width:none}.learning-copy h3{font-size:33px;margin:14px 0}.learning-copy>p{font-size:12px}.learning-copy .lesson-detail{font-size:10px;min-height:0}.lesson-controls{margin:22px 0 12px}.learning-copy .anatomy-key{font-size:10px}.practice-grid{grid-template-columns:1fr;gap:37px}.practice-photo{height:420px}.practice-photo img{object-position:center 27%}.practice-photo figcaption{bottom:22px;left:22px;right:22px}.practice-copy h2{font-size:50px;margin:20px 0}.practice-copy>p{font-size:12px;max-width:none}.practice-features strong{font-size:13px}.practice-features p{font-size:11px}.practice-copy>.text-link{font-size:11px}.planner{grid-template-columns:1fr;gap:28px;margin-top:45px;padding-top:30px}.planner>div:first-child h3{font-size:37px;margin:12px 0}.planner h3 br{display:none}.planner>div:first-child>p:last-child{max-width:275px}.planner-controls{padding-top:0}.planner-controls label,.field-label{font-size:9px}.time-options{margin-bottom:20px}.time-options button{min-height:46px}.planner select{font-size:12px}.plan-result{padding:22px;min-height:0}.plan-result h4{font-size:28px}.plan-result>p:not(.eyebrow){font-size:11px}#plan-segments span{font-size:9px}#plan-reason{min-height:0}.membership{grid-template-columns:1fr;gap:33px}.membership-copy h2{font-size:55px;margin:20px 0}.membership-copy>p:not(.eyebrow){font-size:12px;max-width:310px}.membership-list{font-size:11px;margin:20px 0 23px}.price-card{padding:23px;max-width:none}.price{font-size:77px}.price-tabs button{font-size:12px}.price-tabs span{font-size:7px}.price-card-kicker{font-size:8px}.price-equal{font-size:30px}.price-disclosure{font-size:9px}.questions{grid-template-columns:1fr;gap:32px;padding-top:60px}.questions h2{font-size:55px;margin-top:18px}.faq-list summary{font-size:12px;padding:19px 0}.faq-list details p{font-size:11px;padding-right:12px}.closing-inner{padding-top:63px;padding-bottom:64px}.closing h2{font-size:49px;margin:22px 0 29px}.closing .button{font-size:12px;gap:34px}.closing-contour{font-size:120px;right:-35px;top:155px;opacity:.4}.site-footer{padding-top:40px;padding-bottom:22px}.footer-top{grid-template-columns:1fr 1fr;gap:33px 22px;padding-bottom:33px}.footer-top>.brand{font-size:54px}.footer-top>p{font-size:24px;padding-top:4px}.footer-top>div{font-size:11px;gap:6px}.footer-top a,.footer-top button{min-height:32px;display:flex;align-items:center}.footer-bottom{display:flex;flex-direction:column;gap:9px;font-size:8px;padding-top:20px}dialog{padding:30px 24px}dialog h2{font-size:34px}#dialog-body{font-size:12px}.dialog-close{top:4px;right:5px}.button.secondary{font-size:11px}#dialog-watch{font-size:11px}}
@media(max-width:359px){.hero-copy{padding-left:21px;padding-right:21px}.hero h1{font-size:63px}.hero-actions{gap:12px}.hero-actions .button{padding:13px;gap:14px}.watch-link{font-size:9px;gap:5px}.hero-art{height:450px;min-height:450px;padding-left:48px}.hero-phone{left:15px;width:153px}.mini-art{height:94px}.hero-phone h2{font-size:23px}.hero-note{font-size:8px}.phone-frame{height:727px}.app-panel{padding-left:17px;padding-right:17px}.guide-panel{padding-left:0;padding-right:0}.phone-status{padding:0 18px}.app-brand{font-size:27px}.app-panel h3{font-size:32px}.app-session-list>div{font-size:9px}.lesson-art{height:245px}.lesson-brand>span{font-size:5px}.studio-copy h2{font-size:47px}.closing h2{font-size:44px}.price-card{padding:18px}.price-tabs button{font-size:11px}.price-tabs span{margin-left:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.hero-phone:hover{transform:none}}

/* Review pass: stronger small text and readable phone controls. */
.hero-art{overflow:clip;overflow-clip-margin:60px}.hero-app-label{color:#66534b}.app-kicker{font-size:8px}.app-session-list>div{font-size:11px}.app-subtitle{font-size:10px}.app-note{font-size:10px}.app-nav span{font-size:8px}.profile-list>div{font-size:11px}.profile-callout p{font-size:11px}.profile-note{font-size:12px}.progress-card{font-size:11px}.week-dots{font-size:9px}.comfort-card{font-size:11px}.practice-reflection p{font-size:11px}.preview-label{color:#70564d}.stage-caption{color:#74564e}.studio-tabs small{color:#75594f}.lesson-art .dimensional-mesh{stroke:#705b50;stroke-width:1.05;opacity:.5}.lesson-art[data-study-view=anatomy] .dimensional-mesh{opacity:.42}.lesson-category{color:#80605c}.learning-top{color:#785a50}.price-disclosure{color:#75584c}.fine-print{color:#75665f}.footer-bottom{color:#75665f}
@media(max-width:900px){.hero-art{overflow:visible}.app-session-list>div{font-size:10px}.app-note{font-size:10px}.app-brand{margin-bottom:18px}.app-panel h3{margin-bottom:17px}.today-feature{height:145px}.app-nav{margin-top:12px}.hero-portrait img{object-position:57% 28%}.actual-guide-info .app-note{font-size:10px}}

/* Responsive review fixes: contain the rotated badge, keep entry controls legible. */
.hero{overflow:clip}.header-cta{white-space:nowrap}.actual-guide-info h3{font-size:25px;margin-bottom:9px}.actual-guide-info .app-kicker{display:none}.actual-guide-info #guide-caption{font-size:11px;line-height:1.55;margin:9px 0;min-height:0}.actual-guide-info .preview-state{font-size:10px;line-height:1.45;margin:7px 0}.guide-panel .authentic-preview{height:245px}.actual-guide-info{padding-top:13px}.watch-preparation{margin-top:15px}.watch-preparation summary{cursor:pointer;font-size:11px;min-height:44px;display:flex;align-items:center;justify-content:space-between}.watch-preparation summary:after{content:'+'}.watch-preparation[open] summary:after{content:'−'}.actual-guide-info .preview-view-controls{margin-top:10px}.guide-buttons{margin:10px 0}.guide-panel .app-brand{margin-bottom:12px}.actual-guide-info .comfort-pause{margin-top:10px}.preview-origin{font-size:8px}.preview-phase{font-size:8px}
@media(max-width:900px){.hero-art{overflow:visible}.hero-orbit{right:12px}.studio-copy h2{max-width:470px}.studio-copy h2 br:nth-of-type(2){display:block}.planner h3 br{display:block}.guide-panel .authentic-preview{height:235px}.guide-panel>.app-brand{font-size:15px}.actual-guide-info{padding-top:12px}.actual-guide-info h3{font-size:25px}.actual-guide-info #preview-play{font-size:11px}}
@media(min-width:761px) and (max-width:900px){.hero{display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:45px 25px 55px 32px}.hero h1{font-size:64px}.hero-art{height:660px;min-height:660px;padding:25px 22px 25px 0}.hero-phone{left:-25px;bottom:60px}.hero-orbit{right:10px;top:50px}.hero-app-label{left:-10px;bottom:30px}.hero-actions{flex-wrap:wrap}.method-steps{grid-template-columns:repeat(3,1fr)}.method-steps article{padding-left:0;padding-right:20px;padding-top:70px}.method-steps article+article{padding-left:20px;border-left:1px solid var(--line)}.step-icon{left:0}.method-steps article+article .step-icon{left:20px}.method-steps h3{font-size:25px}.studio-grid{grid-template-columns:1fr 1fr;gap:30px}.studio-copy h2{font-size:45px}.phone-frame{width:330px}.learning-carousel{grid-template-columns:1fr 1fr;gap:40px}.lesson-art{height:230px}.learning-card h3{font-size:33px}.learning-copy h3{font-size:30px}.practice-grid{grid-template-columns:1fr 1fr;gap:35px}.practice-copy h2{font-size:44px}.practice-photo{height:550px}.planner{grid-template-columns:1fr 1fr;gap:30px}.planner>div:first-child{grid-column:1/-1}.membership{grid-template-columns:1fr 1fr;gap:35px}.membership-copy h2{font-size:52px}.footer-top{grid-template-columns:1fr 1fr 1fr 1fr}}
@media(max-width:359px){.hero h1{font-size:56px}.site-header .brand{font-size:33px}.site-header .header-cta{font-size:9px;padding:10px;gap:12px}.site-header{padding-left:18px;padding-right:12px}.menu-toggle{margin-left:2px}.hero-copy{padding-left:21px;padding-right:20px}.hero-description{font-size:12px}.hero-note{font-size:8px}.guide-panel .authentic-preview{height:215px}}

.app-stage{scroll-margin-top:115px}.change-screen{display:none}.price-tabs button small{display:block;font-size:9px;line-height:1.4;margin-top:4px;opacity:.85}.price-tabs button{min-height:62px}.surface-study{margin-top:95px;border-top:1px solid var(--line);padding-top:65px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.surface-copy h3{font-size:49px;margin:22px 0}.surface-copy h3 em{color:#927179}.surface-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:350px}.surface-legend{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:25px 0}.surface-legend>span{font-size:35px;color:#947276}.surface-legend p{font-size:11px;color:#8a7466}.surface-legend strong{display:block;color:var(--ink);font-weight:400;font-size:13px;margin-bottom:3px}.surface-copy .fine-print{font-size:10px!important;line-height:1.7!important}.surface-stage{background:#eee7dc;border:1px solid #d9cdbf;border-radius:5px;padding:20px 23px 18px;overflow:hidden}.surface-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#927968}.surface-top #surface-readout{font-variant-numeric:tabular-nums}.surface-stage canvas{display:block;width:100%;height:420px;touch-action:pan-y;cursor:grab}.surface-stage canvas.is-dragging{cursor:grabbing}.surface-stage #surface-status{font-size:9px;color:#8d7564;text-align:center;min-height:17px}.surface-controls{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:8px;color:#957967}.surface-controls input{width:100%;min-width:0;accent-color:var(--plum);cursor:ew-resize;min-height:44px}.surface-controls button{flex:none;border:1px solid #cbb7a5;border-radius:3px;padding:9px 13px;min-height:44px;font-size:10px;color:#675346}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.app-stage{scroll-margin-top:90px}.change-screen{display:inline-flex;font-size:10px;border-bottom:1px solid #96776b;margin:14px auto 0;padding:8px 0;min-height:44px}.surface-study{grid-template-columns:1fr;gap:30px;margin-top:62px;padding-top:40px}.surface-copy h3{font-size:39px;margin:18px 0}.surface-copy>p:not(.eyebrow){font-size:12px;max-width:420px}.surface-stage{max-width:520px;width:100%;justify-self:center;padding:18px 18px 14px}.surface-stage canvas{height:360px}.surface-controls{gap:10px}.surface-controls button{padding:9px 11px}.surface-copy .fine-print{max-width:420px}.surface-legend{max-width:420px}.price-tabs button small{font-size:9px}}
@media(max-width:359px){.surface-stage canvas{height:320px}.surface-controls{gap:7px}.surface-controls button{padding:8px}.surface-top{font-size:8px}.surface-copy h3{font-size:35px}}

.brand{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start;justify-content:center}.brand small{font:7px var(--sans);letter-spacing:.36em;padding-left:4px;color:#8d706a}.footer-top>.brand small{font-size:8px}.footer-top>.brand{align-items:flex-start;line-height:1}.site-header .brand{line-height:.94}@media(max-width:359px){.site-header .brand small{font-size:6px}}

/* Second presentation audit: readable supporting copy and stable interaction framing. */
.surface-copy .fine-print{font-size:12px!important;line-height:1.65!important}.surface-top,.surface-stage #surface-status{font-size:11px;color:#6e5a50}.surface-controls{font-size:10px;color:#6e5a50}.surface-controls button{font-size:12px}.anatomy-source{font-size:11px;line-height:1.6;display:inline-block;padding:10px 0;min-height:44px}.footer-bottom{font-size:11px;line-height:1.7;color:#71615b}.footer-top a,.footer-top button{min-height:36px}.footer-bottom strong{font-weight:600;color:var(--ink)}.price-disclosure,.preview-label{font-size:11px;line-height:1.65}.screen-description{min-height:4.95em}.surface-study,#studio-options{scroll-margin-top:115px}.hero-note{font-size:11px}.watch-link{min-height:44px}.surface-stage{isolation:isolate}.surface-controls input:focus-visible{outline-offset:2px}
@media(max-width:900px){.surface-study,#studio-options{scroll-margin-top:90px}.change-screen{font-size:12px}.surface-copy .fine-print{font-size:11px!important}.footer-bottom{font-size:11px}.hero-note{font-size:10px}.screen-description{min-height:0}}

.contour-mark{display:block;width:1em;height:1.1em;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.little-contour{font-size:25px;width:25px;height:28px;display:grid;place-items:center}.hero-orbit b{font-size:49px;padding-top:15px}.hero-orbit .contour-mark{width:49px;height:54px;stroke-width:1.2}.principle-strip .contour-mark{width:17px;height:20px}.app-brand .contour-mark{width:21px;height:24px}.practice-photo figcaption .contour-mark{width:49px;height:54px;stroke-width:1.2}.closing-contour{width:270px;height:300px;top:85px;right:40px;transform:rotate(-12deg);font-size:270px}.closing-contour .contour-mark{width:100%;height:100%;stroke-width:.7}.hero-copy .eyebrow{align-items:center}@media(max-width:900px){.little-contour{font-size:20px;width:20px;height:23px}.hero-orbit b{padding-top:12px}.hero-orbit .contour-mark{width:35px;height:39px}.principle-strip .contour-mark{width:14px;height:16px}.closing-contour{width:140px;height:165px;right:-30px;top:150px;opacity:.42}.closing-contour .contour-mark{stroke-width:1}.practice-photo figcaption .contour-mark{width:42px;height:48px}}

/* StageShow-informed pass: one readable story per preview, with purposeful motion. */
.hero-phone{width:246px;padding:30px 17px 17px;bottom:42px;box-shadow:10px 18px 38px #33231b28}.hero-phone h2{font-size:37px;margin-top:24px}.mini-top>span:last-child{font-size:7px;letter-spacing:.12em}.mini-art{height:190px;margin-top:20px}.mini-art img{object-position:center 28%}.mini-lesson{margin:15px 0 0}.mini-lesson strong{font-size:12px}.mini-lesson small{font-size:6px;margin-top:4px;letter-spacing:.08em}.round-arrow{width:30px;height:30px;font-size:16px}.hero-app-label{bottom:13px;left:-30px;font-size:8px}.device-status{width:45px;height:14px;display:flex;align-items:center}.device-status svg{width:100%;height:12px;display:block}.app-panel:not([hidden]){animation:panel-arrival 180ms cubic-bezier(.2,.65,.35,1) both}.studio-tabs button{transition:background 160ms ease,border-color 160ms ease}.studio-tabs button[aria-selected=true]{background:#f8f0e95c}.learning-card{isolation:isolate}
@keyframes panel-arrival{from{opacity:.86;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1100px){.hero-phone{width:205px;left:-25px;bottom:46px;padding:26px 14px 14px}.hero-phone h2{font-size:32px;margin-top:20px}.mini-art{height:160px}.hero-app-label{left:-10px;bottom:17px}}
@media(max-width:760px){.hero-phone{width:193px;left:20px;bottom:52px;padding:25px 13px 14px}.hero-phone h2{font-size:30px;margin-top:18px}.mini-top>span:last-child{font-size:6px}.mini-art{height:148px;margin-top:14px}.mini-lesson{margin-top:12px}.mini-lesson strong{font-size:10px}.mini-lesson small{font-size:5px}.round-arrow{width:26px;height:26px}.hero-app-label{bottom:20px;left:27px;font-size:7px}}
@media(max-width:359px){.hero-phone{width:174px;left:15px}.hero-phone h2{font-size:27px}.mini-art{height:132px}.mini-top>span:last-child{font-size:5px}.mini-lesson strong{font-size:9px}.mini-lesson small{font-size:4.8px}}
@media(prefers-reduced-motion:reduce){.app-panel:not([hidden]){animation:none}.studio-tabs button{transition:none}}
.hero-art{overflow-clip-margin:95px}
@media(min-width:761px) and (max-width:900px){.hero-phone{left:10px}.hero-app-label{left:20px}}

/* Sculpd shared page system. The existing product identity remains the base. */
[hidden]{display:none!important}html{scroll-padding-top:120px}body{overflow-x:clip}.preview-ribbon a{color:inherit;text-decoration:none}.site-header{z-index:50;background:#f8f5ef}.desktop-nav{gap:27px}.nav-group{position:relative}.nav-group>summary{display:flex;gap:9px;align-items:center;list-style:none;cursor:pointer;font-size:12px;padding:18px 0}.nav-group>summary::-webkit-details-marker{display:none}.nav-group[open]>summary{color:#76515f}.nav-dropdown{position:absolute;top:100%;left:-22px;width:240px;padding:14px;background:#fcfaf6;border:1px solid #ded2c8;box-shadow:0 20px 40px #44312b15;display:grid;gap:0}.nav-dropdown a{padding:11px 12px!important;font-size:13px!important}.nav-dropdown a:hover,.nav-dropdown a[aria-current=page]{color:#76515f;background:#efe4df}.mobile-nav details{border-bottom:1px solid #ded2c8}.mobile-nav summary{padding:15px 0;font-size:20px;cursor:pointer}.mobile-nav details>div{display:grid;padding:0 0 12px 16px}.mobile-nav details a{font-size:15px;padding:9px 0}.mobile-nav{max-height:calc(100dvh - 120px);overflow:auto}.desktop-nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.section-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.section-row h2{font-size:clamp(38px,4.4vw,64px);line-height:1.04;margin:0}.section-row>a{font-size:13px;white-space:nowrap;padding:12px 0;border-bottom:1px solid #8f7778;text-decoration:none}.section-row .eyebrow{margin-bottom:20px}.section-row h2 em,.inner-hero h1 em,.inner-closing h2 em{color:#9a737a}.home-features{padding-bottom:65px}.feature-bento{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.feature-tile{padding:36px;position:relative;overflow:hidden;text-decoration:none;border-radius:5px;background:#eee5dd;color:#38302c;min-width:0}.feature-tile h3{font-size:43px;line-height:1.04;margin:18px 0}.feature-tile h3 em{color:#98737b}.feature-tile p:not(.eyebrow){font-size:14px;max-width:270px;line-height:1.6}.feature-lead{grid-row:span 2;display:flex;flex-direction:column;min-height:690px;background:#e9d9d2}.feature-lead .visual-study{margin:30px -36px -36px;padding:22px 25px 25px;flex:1;background:#e2cec4;border-radius:0}.feature-lead .visual-study>img{max-height:330px;width:80%;object-fit:contain;mix-blend-mode:multiply}.feature-lead .visual-study>.eyebrow{display:none}.feature-lead .visual-study figcaption{font-size:11px}.feature-daily{background:#62505a;color:#fff7f1}.feature-daily h3 em{color:#d9b6ba}.feature-daily .eyebrow{color:#f0d6d2}.daily-fragment{background:#f9f4ed;color:#473a38;padding:24px;margin:28px -10px -8px;border-radius:10px;box-shadow:0 10px 24px #38242d30}.daily-fragment>span,.journal-fragment>span{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:12px}.daily-fragment strong{font-family:Editorial,Georgia,serif;font-size:27px;font-weight:400;display:block}.daily-fragment>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #ded3c9;padding-top:15px;margin-top:18px}.daily-fragment b{font-size:22px;font-weight:400}.feature-mirror{min-height:360px;padding:30px;display:flex;align-items:flex-end}.feature-mirror>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 29%;filter:brightness(.85)}.feature-mirror>div{z-index:1;color:#fff;position:relative;text-shadow:0 1px 12px #30252266}.feature-mirror h3 em,.feature-mirror .eyebrow{color:#fff}.feature-journal{grid-column:1/-1;display:flex;align-items:center;gap:60px;justify-content:space-between;min-height:250px;background:#e6e9df}.feature-journal>.eyebrow{position:absolute;top:30px;left:36px}.feature-journal h3{margin-top:40px;min-width:240px}.journal-fragment{background:#f8faf3;padding:28px;border-radius:10px;flex:1;max-width:570px}.journal-fragment>div{display:flex;justify-content:space-between;gap:8px}.journal-fragment b{font-weight:400;font-size:12px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eceee4}.journal-fragment b.marked{background:#87937a;color:#fff}.journal-fragment p{font-size:11px!important;margin:18px 0 0;max-width:none!important}.home-surface .surface-study{margin:0;border-top:0;padding-top:0}.home-surface .surface-copy h3{font-size:43px}.surface-picture{position:relative;aspect-ratio:570/420}.surface-picture canvas{height:100%!important;position:absolute;inset:0;opacity:0}.surface-picture.is-ready canvas{opacity:1}.surface-picture .surface-poster{display:block;width:100%;height:100%;object-fit:contain}.surface-picture.is-ready .surface-poster{opacity:0}.surface-stage #surface-status{font-size:12px;line-height:1.5;min-height:36px;margin:6px 0}.surface-stage{max-width:none}.surface-controls button{min-height:44px}.surface-controls input{min-height:36px}.surface-picture canvas:focus-visible{outline-offset:-5px}.surface-copy .fine-print{font-size:13px}.surface-copy .anatomy-source{font-size:11px}.home-library{padding-top:40px}.page-card-grid,.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.page-card{text-decoration:none;display:block;color:inherit;min-width:0}.card-image{aspect-ratio:1.32;overflow:hidden;position:relative;background:#e8dfd3;border-radius:4px;margin-bottom:22px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-study img{object-fit:contain;mix-blend-mode:multiply}.page-card:hover .card-image img{transform:scale(1.025)}.card-arrow{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;background:#fbf8f2;border-radius:50%;font-size:20px}.page-card .eyebrow{font-size:10px;letter-spacing:.11em;margin:0 0 10px;color:#80656a}.page-card h3{font-size:27px;line-height:1.1;margin:0 0 14px}.page-card>p:last-child{font-size:14px;line-height:1.65;color:#74665f;margin:0}.home-guide{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-top:50px;padding-bottom:70px}.home-guide-photo{aspect-ratio:1.1;overflow:hidden;border-radius:6px}.home-guide-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.home-guide h2{font-size:clamp(38px,4.7vw,64px);line-height:1.05}.home-guide p:not(.eyebrow){font-size:16px;line-height:1.75;color:#76665f;max-width:420px}.home-guide .text-link{display:table;margin-top:20px}.home-membership{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;border-top:1px solid #ded3c9}.home-membership h2{font-size:64px;line-height:1.04}.home-membership>div>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#76665f}.home-membership .fine-print{font-size:12px!important;margin-top:24px;max-width:330px}.compact-prices{display:grid;gap:16px}.compact-prices>a{display:block;text-decoration:none;background:#e9dbd5;border:1px solid #decdc7;padding:27px 30px;border-radius:5px}.compact-prices>a:nth-child(2){background:#f8f5ef}.compact-prices>a>span{font-size:13px}.compact-prices strong{display:block;font-size:48px;font-family:Editorial,Georgia,serif;font-weight:400;line-height:1.2;margin:13px 0}.compact-prices small{font-family:inherit;font-size:20px;margin-left:9px;color:#83676d}.compact-prices p{font-size:13px;line-height:1.6}.compact-prices b{font-size:11px;font-weight:400;color:#71515d}.footer-identity{display:flex;align-items:center;gap:50px;padding-bottom:45px}.footer-identity>p{font-family:Editorial,Georgia,serif;font-size:26px;line-height:1.1;color:#7f666c;margin:0}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-bottom:45px}.footer-columns h2{font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#76605f;margin:0 0 20px}.footer-columns a{display:block;text-decoration:none;font-size:13px;line-height:1.6;margin-bottom:11px}.footer-columns a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{align-items:center}.footer-bottom p{line-height:1.65}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:11px;margin-bottom:40px;color:#8c7771;line-height:1.8}.breadcrumbs a{color:#6e575c;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.inner-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding-top:50px;padding-bottom:80px;min-height:600px}.inner-hero h1{font-size:clamp(43px,5.1vw,74px);line-height:1.04;letter-spacing:-.04em;margin:20px 0 28px;max-width:720px}.inner-lead{font-size:17px;line-height:1.75;color:#7b6861;max-width:590px}.inner-hero.text-only{display:block;min-height:0;padding-bottom:60px}.inner-hero.text-only h1{max-width:930px}.inner-hero.text-only .inner-lead{max-width:710px}.inner-visual{min-width:0}.inner-visual .editorial-visual{height:510px;margin:0;overflow:hidden;border-radius:5px}.editorial-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.inner-visual:has(img[src*="still-life"]) .editorial-visual,.inner-visual:has(img[src*="phone-placement"]) .editorial-visual{height:420px}.visual-surface{background:#eee7dc;margin:0;border-radius:5px;overflow:hidden;padding:30px 0 24px}.visual-surface img{width:100%;height:auto;display:block}.visual-surface figcaption{font-size:9px;letter-spacing:.1em;text-align:center;color:#806b5d;padding:15px}.visual-study{background:#e9ded3;border-radius:5px;text-align:center;padding:30px;margin:0;overflow:hidden}.visual-study>img{width:100%;max-height:390px;object-fit:contain;mix-blend-mode:multiply;display:block}.visual-study figcaption{font-size:12px;line-height:1.6;color:#776157;margin-top:20px}.product-shot{height:520px;overflow:hidden;padding:28px 24px 0;background:#e9dbd4;border-radius:5px;position:relative}.mock-phone{width:340px;max-width:100%;height:650px;border-width:6px;border-radius:44px;box-shadow:12px 18px 35px #644f4b24}.mock-screen{padding:22px 24px}.mock-screen .app-brand{font-size:26px;margin-bottom:25px}.mock-title{font-family:Editorial,Georgia,serif;font-size:37px;line-height:1.03;margin:16px 0 22px;letter-spacing:-.025em}.mock-title em{color:#a17b80}.mock-face{width:100%;height:175px;object-fit:cover;border-radius:8px;background:#e1d2c7}.mock-next{display:flex;justify-content:space-between;font-size:13px;padding:20px 0}.mock-next b{font-weight:400;color:#927379}.mock-action{background:#6e4e5d;color:#fff;padding:16px;display:flex;justify-content:space-between;font-size:12px;border-radius:4px}.mock-disclosure{font-size:10px;line-height:1.5;margin:18px 0;color:#8a7770}.mock-journal-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ded4c8;padding:20px 0;font-size:13px}.mock-journal-row>span{font-size:9px;color:#997a80}.mock-journal-row small{display:block;font-size:10px;color:#8d7a70;margin-top:7px}.mock-journal-row>b{margin-left:auto;font-weight:400}.mock-reflection{background:#e9ded9;padding:22px;margin-top:25px;font-family:Editorial,Georgia,serif;font-size:25px;line-height:1.15}.mock-choice{padding:20px 0;border-bottom:1px solid #ded4c8;display:flex;justify-content:space-between;font-size:13px}.mock-choice b{font-size:11px;background:#e8ded9;padding:4px 9px;border-radius:20px;font-weight:400}.mock-detail{font-size:13px;line-height:1.7;color:#8a726c;margin-top:24px}.page-status{display:table;padding:7px 11px;background:#eaded8;border-radius:20px;font-size:11px;color:#775c61;margin:22px 0}.inner-hero .button{margin-top:20px}.article-layout{display:grid;grid-template-columns:240px minmax(0,680px);gap:8%;justify-content:space-between;padding-top:45px;padding-bottom:85px;border-top:1px solid #ded4c9;align-items:start}.article-aside{position:sticky;top:120px}.article-aside nav{display:grid;gap:16px}.article-aside nav a{font-size:13px;line-height:1.5;color:#856d67;text-decoration:none}.article-aside nav a:hover{color:#593847}.article-aside .eyebrow{font-size:10px;margin-bottom:25px}.aside-next{display:flex;justify-content:space-between;border-top:1px solid #ded4c9;padding-top:22px;margin-top:30px;text-decoration:none;font-size:12px}.article-body{min-width:0}.article-body h2{font-size:35px;line-height:1.12;margin:52px 0 20px;scroll-margin-top:130px}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{font-size:16px;line-height:1.85;color:#6f605a}.article-body p{margin:0 0 20px}.article-body ul{padding-left:22px}.article-body li{padding-left:5px;margin-bottom:9px}.article-body a,.inner-lead a{color:#6f485a;text-decoration-thickness:1px;text-underline-offset:4px}.article-body a:hover{color:#3e2730}.collection-grid{padding-bottom:70px;row-gap:45px}.related-section{padding-top:65px;padding-bottom:65px;border-top:1px solid #ded4c9}.related-section .section-row h2{font-size:43px}.inner-closing{text-align:center;padding:80px 0 85px;border-top:1px solid #ded4c9}.inner-closing h2{font-size:60px;line-height:1.03;margin:24px 0 30px}.inner-closing .button{min-width:240px;justify-content:space-between}.inner-hero+.studio-section{padding-top:55px}.inner-hero+.planner{margin-top:0;margin-bottom:75px}.studio-section .studio-grid{align-items:start}.studio-section .phone-frame{height:790px}.studio-section .app-panel{scroll-margin-top:120px}.studio-section:target{scroll-margin-top:100px}.directory{padding-bottom:80px}.directory-tools{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:26px;background:#eee5de;border-radius:6px}.directory-tools label{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:10px}.directory-tools input,.directory-tools select{width:100%;min-height:52px;padding:12px 15px;background:#fbf9f4;border:1px solid #cbb9ad;border-radius:4px;font:inherit;font-size:15px;color:#4e3b39}.directory-results{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.directory-entry{position:relative;display:block;border-bottom:1px solid #ded4c9;padding:30px 36px 30px 0;text-decoration:none;min-width:0}.directory-entry h2{font-size:30px;margin:13px 0}.directory-entry p:not(.eyebrow){font-size:14px;line-height:1.7;color:#7b6b62}.directory-entry>span:last-child{position:absolute;right:0;top:50%;font-size:22px}.directory-entry .eyebrow{color:#896b70;font-size:10px}.directory-status,#directory-status{font-size:12px;color:#826b62;margin:24px 0}.directory-empty,#directory-empty{padding:40px 0}.not-found{padding-top:90px;padding-bottom:110px}.not-found h1{font-size:72px;line-height:1.05;margin:20px 0}.not-found .text-link{display:table;margin-top:22px}
@media(min-width:901px){.mobile-nav{display:none!important}}
@media(max-width:1050px){.desktop-nav{gap:17px}.header-cta{min-width:150px}.inner-hero h1{font-size:58px}.feature-tile{padding:28px}.feature-journal{gap:30px}.feature-journal>.eyebrow{left:28px}.feature-lead .visual-study{margin-left:-28px;margin-right:-28px;margin-bottom:-28px}.page-card-grid,.collection-grid{gap:24px}.page-card h3{font-size:24px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:6%}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.site-header{padding-left:24px;padding-right:24px}.inner-hero{gap:35px}.inner-hero h1{font-size:48px}.inner-lead{font-size:15px}.inner-visual .editorial-visual{height:430px}.product-shot{padding:25px 14px 0;height:480px}.mock-screen{padding:20px}.mock-title{font-size:32px}.feature-tile h3{font-size:37px}.feature-lead{min-height:650px}.feature-daily .daily-fragment{padding:20px}.home-membership{gap:5%}.home-membership h2{font-size:50px}.footer-columns{gap:22px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:5%}}
@media(max-width:700px){html{scroll-padding-top:100px}.site-header{padding:14px 20px}.header-cta{display:none}.site-header .brand{margin-right:auto}.mobile-nav{left:0;right:0;padding:12px 24px 28px;top:100%;background:#f8f5ef}.preview-ribbon{font-size:8px}.preview-ribbon>span{letter-spacing:.08em}.preview-ribbon a{font-size:9px}.section-row{display:block;margin-bottom:28px}.section-row>a{display:table;margin-top:20px;white-space:normal}.section-row h2{font-size:43px}.feature-bento{grid-template-columns:1fr;gap:16px}.feature-lead{grid-row:auto;min-height:0}.feature-lead .visual-study{height:315px;flex:none;margin-top:25px}.feature-lead .visual-study>img{max-height:240px}.feature-tile{padding:28px}.feature-tile h3{font-size:39px}.feature-journal{display:block;grid-column:auto}.feature-journal>.eyebrow{position:static}.feature-journal h3{margin-top:20px}.journal-fragment{margin-top:28px;padding:22px}.journal-fragment>div{gap:5px}.journal-fragment b{width:31px;height:31px;font-size:10px}.feature-mirror{min-height:390px}.feature-mirror>img{object-position:50% 28%}.surface-study{gap:30px!important}.home-surface .surface-copy h3{font-size:38px}.surface-stage{padding:17px}.surface-controls{gap:9px}.surface-controls>span{font-size:9px}.surface-controls button{padding:7px 10px;font-size:11px}.surface-picture{aspect-ratio:1.1}.surface-picture .surface-poster{object-fit:cover}.page-card-grid,.collection-grid{grid-template-columns:1fr;gap:34px}.card-image{aspect-ratio:1.45;margin-bottom:18px}.page-card h3{font-size:29px}.page-card>p:last-child{max-width:480px}.home-guide{grid-template-columns:1fr;gap:35px;padding-top:15px;padding-bottom:55px}.home-guide-photo{aspect-ratio:1.15}.home-guide h2{font-size:45px}.home-membership{grid-template-columns:1fr;gap:35px}.home-membership h2{font-size:48px}.compact-prices>a{padding:24px}.compact-prices strong{font-size:46px}.footer-identity{gap:25px;align-items:flex-end;padding-bottom:35px}.footer-identity>p{font-size:22px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:25px}.footer-columns a{font-size:13px}.footer-bottom{display:block}.footer-bottom>*{margin:13px 0;display:block}.inner-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:50px;gap:35px;min-height:0}.breadcrumbs{margin-bottom:28px;font-size:10px;gap:8px}.inner-hero h1{font-size:48px;letter-spacing:-.035em;margin-top:18px;margin-bottom:23px}.inner-lead{font-size:16px;line-height:1.75}.inner-visual .editorial-visual{height:390px}.inner-visual:has(img[src*="still-life"]) .editorial-visual,.inner-visual:has(img[src*="phone-placement"]) .editorial-visual{height:310px}.product-shot{height:470px;padding:24px 18px 0}.mock-phone{width:320px}.mock-title{font-size:35px}.mock-face{height:145px}.mock-screen{padding:20px}.mock-next{padding:15px 0}.mock-action{padding:14px}.visual-study{padding:24px}.visual-study>img{max-height:300px}.article-layout{display:block;padding-top:30px;padding-bottom:50px}.article-aside{position:static;margin-bottom:38px;padding-bottom:28px;border-bottom:1px solid #ded4c9}.article-aside nav{gap:12px}.article-aside nav a{font-size:13px}.article-aside .eyebrow{margin-bottom:17px}.aside-next{display:none}.article-body h2{font-size:31px;margin-top:38px}.article-body p,.article-body li{font-size:16px;line-height:1.8}.related-section{padding-top:45px;padding-bottom:45px}.related-section .section-row h2{font-size:39px}.inner-closing{padding:50px 0 60px}.inner-closing h2{font-size:48px}.inner-hero+.studio-section{padding-top:40px}.studio-section .phone-frame{height:770px}.directory-tools{grid-template-columns:1fr;padding:20px;gap:18px}.directory-results{grid-template-columns:1fr}.directory-entry{padding:25px 30px 25px 0}.directory-entry h2{font-size:29px}.not-found h1{font-size:48px}}
@media(max-width:360px){.inner-hero h1{font-size:42px}.section-row h2{font-size:38px}.feature-tile{padding:23px}.feature-tile h3{font-size:35px}.mock-screen{padding:17px}.mock-title{font-size:30px}.mock-face{height:135px}.mock-disclosure{font-size:9px}.product-shot{padding:20px 12px 0;height:440px}.surface-stage{padding:13px}.surface-controls{gap:6px}.surface-controls button{padding:6px 8px}.footer-identity>p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.card-image img{transition:none}}

/* Live audit: anchors clear the persistent header; links remain easy to see. */
.app-stage{scroll-margin-top:15px}.nav-group>summary:focus-visible,.mobile-nav summary:focus-visible{outline:2px solid #76515f;outline-offset:5px;border-radius:2px}
.article-aside nav a{padding:3px 0}.page-card:focus-visible{outline:2px solid #76515f;outline-offset:8px;border-radius:4px}
@media(max-width:700px){.app-stage{scroll-margin-top:0}.inner-lead{max-width:39em}.article-body{overflow-wrap:break-word}.change-screen{min-height:44px;align-items:center;justify-content:center}}

.card-graphic{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#e5d6d0;color:#634451}.card-graphic>span{font-size:9px;letter-spacing:.12em}.card-graphic strong{font-family:Editorial,Georgia,serif;font-size:clamp(30px,3.4vw,47px);line-height:1.04;font-weight:400}.card-graphic small{font-size:8px;letter-spacing:.1em;padding-right:30px}.graphic-journal{background:#e0e5d6;color:#53604c}.graphic-profile{background:#e8e2d7;color:#776450}.graphic-phone{background:#62505a;color:#fff5ed}.card-image:has(.card-graphic){aspect-ratio:1.32}@media(max-width:700px){.card-graphic strong{font-size:43px}.card-graphic{padding:28px}}

/* Consumer presentation: consistent vertical rhythm, November 2026. */

.home-guide {
  padding-block: clamp(64px, 6vw, 96px);
  column-gap: clamp(36px, 6vw, 88px);
  row-gap: 40px;
}

.home-guide > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.home-guide > div:last-child > .eyebrow {
  margin: 0 0 20px;
}

.home-guide h2 {
  margin: 0 0 28px;
  font-size: clamp(40px, 4.5vw, 62px);
  line-height: 1.08;
  text-wrap: balance;
}

.home-guide > div:last-child > p:not(.eyebrow) {
  margin: 0;
  max-width: 42ch;
  font-size: 16px;
  line-height: 1.7;
  text-wrap: pretty;
}

.home-guide .button {
  margin-block-start: 28px;
  min-height: 48px;
  max-width: 100%;
}

.home-guide .text-link {
  display: inline-flex;
  align-items: center;
  margin-block-start: 16px;
  min-height: 44px;
}

/* Keep cards readable as their headlines wrap onto different lines. */
.page-card .card-image {
  margin-block-end: 22px;
}

.page-card .eyebrow {
  margin-block-end: 10px;
}

.page-card h3 {
  margin-block-end: 14px;
  line-height: 1.16;
}

.page-card > p:last-child {
  margin-block: 0;
  line-height: 1.65;
}

.page-card-grid,
.collection-grid {
  row-gap: 48px;
}

/* Editorial pages already have useful spacing; make the intervals explicit. */
.inner-hero .inner-lead {
  margin-block: 0;
  line-height: 1.75;
}

.inner-hero .inner-lead + .page-status {
  margin-block-start: 20px;
}

.inner-hero .button {
  margin-block-start: 28px;
}

.article-body h2 {
  margin-block: 48px 20px;
  line-height: 1.16;
}

.article-body h2:first-child {
  margin-block-start: 0;
}

.article-body p {
  margin-block: 0 20px;
}

.article-body ul {
  margin-block: 16px 24px;
}

.article-body li + li {
  margin-block-start: 10px;
}

@media (max-width: 700px) {
  .home-guide {
    padding-block: 56px 64px;
    row-gap: 36px;
  }

  .home-guide > div:last-child > .eyebrow {
    margin-block-end: 18px;
  }

  .home-guide h2 {
    font-size: clamp(38px, 10vw, 48px);
    margin-block-end: 24px;
    line-height: 1.1;
  }

  .home-guide .button {
    margin-block-start: 28px;
  }

  .page-card-grid,
  .collection-grid {
    row-gap: 40px;
  }

  .page-card .card-image {
    margin-block-end: 20px;
  }

  .article-body h2 {
    margin-block-start: 40px;
  }
}

.home-research{display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;padding-block:64px;border-block:1px solid #ded4c9}.home-research h2{font-size:clamp(38px,4.1vw,58px);line-height:1.12;margin:0 0 24px}.home-research h2 em{color:#9a737a}.home-research p:not(.eyebrow){max-width:52ch;font-size:16px;line-height:1.75;color:#76665f;margin:0}.home-research .text-link{display:inline-flex;min-height:44px;align-items:center;margin-top:22px}.guide-visual{aspect-ratio:1.45}.guide-visual img{height:100%;width:100%;object-fit:cover}.desktop-nav{gap:22px}@media(max-width:700px){.home-research{grid-template-columns:1fr;gap:22px;padding-block:48px}.home-research h2{font-size:39px}.home-research>.eyebrow{margin:0}}

@media(min-width:701px) and (max-width:1000px){.page-card-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.page-card h3{font-size:29px}}

/* Align direct links and dropdown triggers on the same optical centre. */
.desktop-nav{align-items:center;flex-wrap:nowrap}
.desktop-nav>.nav-group{align-self:center}
.desktop-nav>a,.desktop-nav>.nav-group>summary{display:inline-flex;align-items:center;min-height:44px;padding:0;line-height:1.2;white-space:nowrap}
.desktop-nav>.nav-group>summary>span{display:block;flex:none;width:6px;height:6px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);font-size:0;line-height:0}

/* Editorial refresh: keep subjects readable without forcing landscape images into tall crops. */
.inner-visual .editorial-visual:has(.editorial-photo:not(.photo-setup):not(.photo-still-life)){height:auto;aspect-ratio:4/3}
.editorial-visual .editorial-photo{display:block;object-position:center}
.editorial-visual .photo-portrait,.card-image .photo-portrait{object-position:76% center}
.card-image .photo-practice{object-position:46% center}
.home-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(48px,6vw,88px);border-top:1px solid var(--line,#ded7cc)}
.home-editorial figure{margin:0;min-width:0}
.home-editorial img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px}
.home-editorial figcaption{margin-top:14px;color:#6d625b;font-size:12px;line-height:1.5}
.home-editorial h2{font-size:clamp(38px,4vw,58px);line-height:1.08;margin:18px 0 24px}
.home-editorial h2 em{color:var(--accent)}
.home-editorial p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:42ch;margin:0 0 26px}
.home-editorial .text-link{display:table;margin-top:18px;min-height:44px;align-content:center}
.home-editorial .button{min-height:48px;max-width:100%;white-space:normal}
@media(max-width:760px){.home-editorial{grid-template-columns:1fr;gap:28px;padding-block:48px}.home-editorial h2{font-size:clamp(36px,10vw,48px)}.inner-visual .editorial-visual:has(.editorial-photo:not(.photo-setup):not(.photo-still-life)){aspect-ratio:3/2}.home-editorial p:not(.eyebrow){font-size:15px}}

.editorial-caption{font-size:12px;line-height:1.6;color:#6d625b;margin:14px 0 0}

/* Explanatory illustrations: ordinary HTML labels carry all meaning. */
.first-path-grid .path-illustration{display:block;width:150px;height:100px;object-fit:contain;margin:-4px 0 20px}
.article-body .article-graphic{margin:32px 0 46px;padding:28px;background:#f0ece5;border:1px solid var(--line);border-radius:6px}
.article-graphic .graphic-label{font:11px/1.5 var(--sans);letter-spacing:1.5px;color:#21394e;margin:0 0 24px}
.article-graphic .graphic-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.article-graphic .graphic-steps li{position:relative;padding:0;margin:0;min-width:0}
.article-graphic .editorial-icon{display:block;width:100%;height:auto;max-width:190px;margin:0 0 12px}
.article-graphic .graphic-number{font:11px var(--sans);color:#92566b;letter-spacing:1px}
.article-body .article-graphic h3{font:23px/1.2 var(--serif);margin:9px 0 12px;color:#21394e}
.article-body .article-graphic p:not(.graphic-label){font:14px/1.65 var(--sans);margin:0;color:#5f5b58}
.article-graphic figcaption{font:12px/1.65 var(--sans);color:#625b56;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
.palette-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.palette-swatch{display:block;height:84px;border-radius:40px 40px 5px 5px;border:1px solid #d9d0c5}
.palette-paper{background:#f8f5ef}.palette-ink{background:#21394e}.palette-rose{background:#92566b}
@media(max-width:760px){.article-body .article-graphic{padding:24px 20px;margin:26px 0 36px}.article-graphic .graphic-steps{grid-template-columns:1fr;gap:24px}.article-graphic .graphic-steps li{display:grid;grid-template-columns:78px 1fr;column-gap:16px;align-items:start}.article-graphic .editorial-icon{grid-row:1/4;width:78px;margin:2px 0 0}.article-graphic .graphic-number,.article-graphic h3,.article-graphic .graphic-steps li p{grid-column:2}.article-body .article-graphic h3{font-size:22px;margin:6px 0 9px}.palette-swatches{gap:12px}.palette-graphic .palette-swatches h3{font-size:19px}.article-body .palette-graphic .palette-swatches p{font-size:12px}.palette-swatch{height:65px}}

/* Keep editorial covers in their authored palette, without the teaching-photo blend. */
.card-image img[src*="/editorial-covers/"]{mix-blend-mode:normal;object-fit:cover}

/* Dedicated cover art: no shared teaching stills or sprite sheets as route fallbacks. */
.dedicated-cover img{object-fit:cover;mix-blend-mode:normal}
.dedicated-cover img[src*="/lab-study03/"]{object-fit:contain}
.inner-visual .dedicated-hero{height:auto;aspect-ratio:auto;overflow:visible}
.inner-visual .dedicated-hero img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:5px}
.inner-visual .dedicated-hero .editorial-photo{aspect-ratio:4/3;object-fit:cover}
@media(max-width:760px){.inner-visual .dedicated-hero .editorial-photo{aspect-ratio:3/2}.inner-visual .dedicated-hero img{max-height:none}}

:root{--paper:#f7f4eb;--ink:#22364d;--muted:#536273;--line:#d5d6d3;--rose:#ead2d2;--plum:#243b54;--plum-dark:#172b41;--sage:#e1e5e5;--accent:#9f4f63}
.guided-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5vw;align-items:center;padding-block:50px 58px}.guided-hero h1{font-size:clamp(58px,5.6vw,88px);line-height:1.04;margin:24px 0;letter-spacing:-.05em}.guided-hero h1 em,.focus-section em,.practice-story em,.honest-section em,.practice-player em{color:var(--accent)}.guided-lead{font-size:18px;max-width:38ch;line-height:1.7}.guided-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:28px 0 16px}.small-copy{font-size:12px;line-height:1.65;color:var(--muted)}.teaching-hero{position:relative;background:#eaece8;border:1px solid #d2d8dc;border-radius:180px 180px 12px 12px;padding:34px 22px 20px;overflow:hidden;min-width:0}.teaching-hero>img{height:440px;width:100%;object-fit:contain;filter:contrast(1.08)}.teaching-caption{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;position:absolute;top:36px;left:34px;right:34px}.rose-dot{width:10px;height:10px;background:#b7697b;border-radius:50%}.teaching-note{position:absolute;right:20px;top:48%;font:italic 25px/1.1 var(--serif);transform:rotate(-9deg);color:var(--accent)}.teaching-hero figcaption{text-align:center;font-size:10px;margin-top:10px;color:var(--muted)}.journey-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:22px;gap:20px;font-size:12px}.journey-strip b{font-size:10px;color:var(--accent);margin-right:10px}.section-intro{max-width:33ch;font-size:14px;line-height:1.7}.focus-section{padding-block:76px}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.focus-card{display:block;min-width:0}.feature-state{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.09em;color:var(--muted)}.focus-card>img{height:260px;width:100%;object-fit:contain;margin:14px 0 22px;background:#e9ece8;border-radius:140px 140px 5px 5px;filter:contrast(1.08)}.focus-card:nth-child(2)>img{background:#eee1df}.focus-card:nth-child(3)>img{background:#e7e5e0}.focus-card h3{font-size:34px;margin-bottom:12px}.focus-card p{max-width:32ch;font-size:14px;line-height:1.6}.focus-card .text-link{margin-top:14px}.practice-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#ece5df;border-radius:8px;padding:64px 6%}.practice-story h2,.honest-section h2{font-size:clamp(38px,4vw,58px);margin:18px 0 24px}.practice-story>div>p:not(.eyebrow){max-width:42ch;line-height:1.8}.practice-story .button{margin-top:24px}.practice-story .text-link{margin-top:14px;display:flex;max-width:250px}.phase-notebook{background:#f9f6ef;box-shadow:0 8px 30px #22364d0a;padding:32px;transform:rotate(2deg);border:1px solid #d8d4cd;border-radius:3px}.notebook-label{font-size:9px;letter-spacing:.1em}.phase-notebook ol{list-style:none;padding:0;margin:24px 0}.phase-notebook li{border-bottom:1px solid #cbd0d4;padding:13px 0;display:flex;justify-content:space-between;font-size:21px}.phase-notebook b{font-size:13px;color:var(--accent);font-weight:400}.phase-notebook>p{font-size:12px;line-height:1.7}.honest-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-block:86px}.honest-section>div>p:not(.eyebrow){font-size:16px;line-height:1.8}.honest-section .text-link{display:flex;max-width:440px;margin-top:12px}.practice-intro{margin-bottom:70px}.practice-intro>.eyebrow{margin-bottom:20px}.practice-intro .focus-card>img{height:180px}.practice-player{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:40px 80px;scroll-margin-top:100px}.practice-teaching h2{font-size:50px;margin:18px 0}.practice-teaching figure{background:#e8e9e3;border-radius:8px;margin:24px 0;padding:15px}.practice-teaching img{width:100%;height:350px;object-fit:contain}.practice-teaching figcaption{font-size:10px;text-align:center;color:var(--muted)}.practice-teaching>p:not(.eyebrow){max-width:45ch}.practice-controls{padding:32px;border:1px solid #c5ccd1;border-radius:8px;background:#fbf9f3;align-self:start}.practice-controls h3{font-size:34px;margin:15px 0}.practice-controls>p{font-size:13px;line-height:1.7;margin:14px 0}.phase-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;margin:22px 0;color:var(--muted)}.timer-stage{background:#e7eae7;border:1px solid #d0d7db;padding:25px;text-align:center;border-radius:6px;min-height:265px}.phase-label{font-size:12px;color:var(--accent);min-height:20px}.timer-number{font:68px/1.15 var(--serif);margin:8px 0}.timer-number small{font:11px var(--sans);display:block}.timer-stage>p:last-of-type{font-size:13px;min-height:45px;line-height:1.6}progress{width:100%;height:5px;accent-color:var(--accent);margin-top:17px}.timer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.timer-actions .button{flex:1;justify-content:center}.timing-note{border-top:1px solid var(--line);padding-top:18px;font-size:11px!important;color:var(--muted)}.timing-note a{text-decoration:underline}.practice-controls label{display:block;font-size:12px;margin:15px 0 8px}.practice-controls input{width:18px;height:18px;vertical-align:middle;margin-right:6px}.practice-controls textarea{width:100%;max-width:100%;font:14px var(--sans);color:var(--ink);border:1px solid #7e8b98;background:var(--paper);padding:12px;border-radius:4px;resize:vertical}.practice-controls textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.practice-controls #practice-save{margin-top:15px}.practice-controls #practice-review .text-link{margin-top:15px}.storage-status{font-size:12px;color:var(--accent);margin:15px 0}.journal-widget{padding-block:20px 70px}.history-empty{background:#e9eae4;padding:36px;border-radius:8px}.history-empty h3{font-size:32px;margin-bottom:14px}.history-entry{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.history-entry h3{font-size:27px;margin:7px 0}.history-entry time,.history-entry p{font-size:13px}.history-entry .history-note{font-style:italic;overflow-wrap:anywhere}.surface-inner{padding-block:10px 50px}.surface-picture{min-height:260px}#surface-load{margin:14px 0}.inner-hero.text-only{padding-bottom:50px}.page-status{background:#e4e8e5;color:var(--ink)}.nav-dropdown{background:var(--paper)}
@media(max-width:900px){.guided-hero{gap:32px}.guided-hero h1{font-size:54px}.guided-lead{font-size:16px}.teaching-hero>img{height:360px}.teaching-note{font-size:22px}.journey-strip{grid-template-columns:1fr 1fr}.focus-grid{gap:20px}.focus-card>img{height:210px}.focus-card h3{font-size:29px}.practice-player{gap:30px}.practice-controls{padding:22px}.practice-teaching h2{font-size:40px}.practice-story{gap:40px;padding:42px}.practice-story h2{font-size:43px}}
@media(max-width:650px){.guided-hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:32px}.guided-hero h1{font-size:52px;max-width:12ch}.guided-hero-copy>.eyebrow{font-size:9px}.guided-lead{font-size:16px}.guided-actions{margin-top:23px;gap:13px}.teaching-hero{max-width:460px;width:100%;margin:auto;border-radius:140px 140px 10px 10px;padding-top:36px}.teaching-hero>img{height:340px}.teaching-caption{top:30px;font-size:8px}.teaching-note{right:17px;font-size:23px}.journey-strip{font-size:11px;gap:18px 8px}.journey-strip b{margin-right:6px}.focus-section{padding-block:48px}.focus-section .section-row{display:block}.section-intro{margin:20px 0 25px;max-width:40ch}.focus-grid{grid-template-columns:1fr;gap:32px}.focus-card>img{height:270px;margin-bottom:18px}.focus-card h3{font-size:35px}.focus-card p{max-width:40ch}.practice-story{grid-template-columns:1fr;padding:30px 24px;gap:35px}.phase-notebook{padding:25px;transform:rotate(1deg)}.honest-section{grid-template-columns:1fr;gap:20px;padding-block:50px}.honest-section h2{margin-bottom:0}.honest-section>div>p:not(.eyebrow){font-size:14px}.practice-player{grid-template-columns:1fr;padding-top:15px;gap:25px}.practice-intro{margin-bottom:32px}.practice-intro .focus-grid{grid-template-columns:1fr 1fr 1fr;gap:10px}.practice-intro .focus-card>img{height:110px;margin-bottom:12px}.practice-intro .focus-card h3{font-size:22px;line-height:1.1;letter-spacing:-.02em}.practice-intro .focus-card p,.practice-intro .focus-card .text-link{display:none}.practice-intro .feature-state{font-size:8px;min-height:30px;line-height:1.5;letter-spacing:.02em}.practice-teaching h2{font-size:43px}.practice-teaching img{height:260px}.practice-controls{padding:22px 18px}.timer-stage{padding:20px 15px}.history-entry{grid-template-columns:1fr;gap:12px}.journal-widget .section-row{display:block}.journal-widget .button{margin-top:20px}.inner-hero.text-only h1{font-size:48px}.preview-ribbon{font-size:8px;gap:14px}.preview-ribbon>a{flex-shrink:0}.surface-inner{padding-top:0}.surface-inner .surface-study{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.phase-notebook{transform:none}}

.teaching-caption{left:0;right:0;top:22px;justify-content:center;gap:15px}.teaching-portrait{display:block;position:relative}.teaching-portrait>img{width:100%;height:100%;object-fit:contain;filter:contrast(1.16)}.teaching-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.teaching-hero>.teaching-portrait{height:440px}.focus-card>.teaching-portrait{height:260px;margin:14px 0 22px;background:#e9ece8;border-radius:140px 140px 5px 5px;overflow:hidden}.focus-card:nth-child(2)>.teaching-portrait{background:#eee1df}.focus-card:nth-child(3)>.teaching-portrait{background:#e7e5e0}.practice-intro .focus-card>.teaching-portrait{height:180px}.practice-teaching figure>.teaching-portrait{height:350px}.practice-teaching figure .teaching-portrait>img{height:100%}.practice-teaching .teaching-overlay{opacity:.8}
@media(max-width:900px){.teaching-hero>.teaching-portrait{height:360px}.focus-card>.teaching-portrait{height:210px}}
@media(max-width:650px){.teaching-hero>.teaching-portrait{height:340px}.focus-card>.teaching-portrait{height:270px;margin-bottom:18px}.practice-intro .focus-card>.teaching-portrait{height:110px;margin-bottom:12px}.practice-teaching figure>.teaching-portrait{height:260px}.teaching-caption{font-size:8px;top:20px}}

.journal-widget .section-row>a.button{display:inline-flex;padding:16px 23px;min-width:180px;min-height:54px;line-height:1.4;white-space:normal;border-bottom:0;align-items:center;justify-content:center}

.inner-hero>*{min-width:0}.inner-visual .guide-visual{width:100%;max-width:100%;aspect-ratio:auto}.inner-visual .guide-visual img{max-width:100%}

.inner-visual .guide-visual{height:auto;aspect-ratio:auto}.inner-visual .guide-visual img{height:auto;object-fit:contain}

/* Homepage / real mobile lesson, framed with the StageShow Phone kit. */
.teaching-hero .teaching-caption{justify-content:flex-end;left:auto;right:34px;top:30px}
.teaching-hero figcaption{font-size:10px;letter-spacing:.13em;color:var(--ink);margin-top:15px}
.pocket-practice{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:5%;padding:64px 5% 36px;overflow:hidden;background:#ede7e1}
.pocket-practice h2{font-size:clamp(37px,3.5vw,54px);line-height:1.13;letter-spacing:-.035em}
.pocket-practice-copy{padding-bottom:28px}
.pocket-practice-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:39ch}
.pocket-practice-copy>p:first-of-type+ h2+p{font-size:18px;color:var(--ink)}
.pocket-practice-copy>.text-link{max-width:100%;font-size:12px}
.pocket-flow{margin-top:42px;border-top:1px solid #c6bdb6;padding-top:23px;max-width:370px}
.pocket-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:18px 0 12px;padding:0}
.pocket-flow li{display:flex;flex-direction:column;gap:7px;font-size:11px}
.pocket-flow b{font:26px var(--serif);font-weight:400;color:var(--accent)}
.pocket-flow p{font-size:10px;line-height:1.6;color:var(--muted)}
.pocket-practice-figure{margin:0;min-width:0;align-self:center}
.pocket-phone-stage{position:relative;padding:0 8px 0 24px}
.pocket-phone{display:block;width:100%;max-width:340px;height:auto;margin-left:auto;filter:drop-shadow(12px 20px 20px #23364a1d)}
.pocket-note{position:absolute;left:-27px;bottom:44px;transform:rotate(-8deg);font:italic 20px/1.2 var(--serif);color:var(--accent);background:#ede7e1;padding:8px 12px 8px 0}
.pocket-practice-figure figcaption{text-align:right;font-size:9px;letter-spacing:.12em;line-height:1.8;margin-top:24px;color:var(--ink)}
.pocket-practice-figure figcaption span{font-size:10px;letter-spacing:0;color:var(--muted)}
@media(max-width:900px) and (min-width:651px){.pocket-practice{padding:42px 28px;gap:24px}.pocket-practice h2{font-size:37px}.pocket-phone-stage{padding-left:0}.pocket-note{font-size:16px;left:-14px;bottom:32px}.pocket-flow ol{gap:8px}.pocket-flow li{font-size:10px}}
@media(max-width:650px){.pocket-practice{grid-template-columns:1fr;padding:34px 22px 30px;gap:28px}.pocket-practice h2{font-size:38px;max-width:13ch}.pocket-practice-copy{padding-bottom:0}.pocket-practice-copy>p:not(.eyebrow){font-size:14px}.pocket-flow{margin-top:28px}.pocket-flow ol{gap:6px}.pocket-phone-stage{padding:0}.pocket-phone{max-width:340px;margin:auto}.pocket-note{position:relative;display:block;left:auto;bottom:auto;transform:rotate(-4deg);padding:0;margin:25px 0 18px;font-size:21px;background:none}.pocket-practice-figure figcaption{text-align:left;margin-top:18px}.pocket-practice-figure{width:100%}.pocket-practice .button{font-size:12px;padding-inline:18px}.teaching-hero .teaching-caption{right:28px;top:26px}.teaching-hero figcaption{font-size:9px}}

/* Phones (phone.tsx): frames, the status bar, the lock screen and
   notification banners. */

@layer stageshow {
  /* Zero specificity for the positioning, so a demo's own class (.xx-phone
     { position: absolute }) wins whichever stylesheet happens to load last */
  :where(.ss-phone) {
    position: relative;
  }

  .ss-phone {
    flex-shrink: 0;
    box-shadow:
      0 calc(var(--ps) * 40) calc(var(--ps) * 80) calc(var(--ps) * -16) rgba(50, 50, 93, 0.25),
      0 calc(var(--ps) * 24) calc(var(--ps) * 48) calc(var(--ps) * -24) rgba(0, 0, 0, 0.3);
  }

  .ss-phone__glass {
    height: 100%;
  }

  .ss-phone__window {
    position: relative;
    overflow: hidden;
    /* Keeps the scaled screen clipped to the rounded corners in Safari */
    isolation: isolate;
  }

  /* The iOS frames paint their bands as strokes of the screen's outline
     (Phone's BANDS), from these colors; the body and glass paint nothing */
  .ss-phone:is([data-frame="pro"], [data-frame="silver"], [data-frame="bezel"], [data-frame="clay"], [data-frame="outline"], [data-frame="bare"]) {
    --ss-phone-glass: #0b0b0c;
    --ss-phone-rim: #2c2c2d;
    --ss-phone-seam: #e0dfdc;
    --ss-phone-line: var(--ss-text-faint, #9a9a9d);
    background: none;
  }

  .ss-phone__bands {
    position: absolute;
    inset: 0;
    overflow: visible;
    pointer-events: none;
  }

  .ss-phone:is([data-frame="pro"], [data-frame="silver"], [data-frame="bezel"], [data-frame="clay"], [data-frame="outline"]) .ss-phone__glass {
    position: relative;
  }

  /* Pro: brushed titanium band around black glass */
  .ss-phone[data-frame="pro"] {
    --ss-phone-band-1: #e3e3e6;
    --ss-phone-band-2: #9a9ba0;
    --ss-phone-band-3: #cfd0d4;
    --ss-phone-band-4: #85868b;
    --ss-phone-band-5: #c9cacd;
  }

  /* On dark stages, black titanium: a light band would be the brightest thing in the shot */
  .ss-stage[data-theme="dark"] .ss-phone[data-frame="pro"],
  .ss-stage[data-theme="glass"] .ss-phone[data-frame="pro"][data-dark] {
    --ss-phone-band-1: #5b5c61;
    --ss-phone-band-2: #2b2c2f;
    --ss-phone-band-3: #48494d;
    --ss-phone-band-4: #232427;
    --ss-phone-band-5: #404145;
  }

  /* Silver: light titanium around black glass */
  .ss-phone[data-frame="silver"] {
    --ss-phone-band-1: #f4f4f6;
    --ss-phone-band-2: #c9cacf;
    --ss-phone-band-3: #eeeef1;
    --ss-phone-band-4: #b9babf;
    --ss-phone-band-5: #e6e6ea;
  }

  /* Bezel: a plain black border */
  .ss-phone[data-frame="bezel"] {
    --ss-phone-glass: #111113;
  }

  /* Clay: one matte color, soft and thick, lit from above like a rendered
     model rather than a black ring. Light by default; set --ss-phone-clay */
  .ss-phone[data-frame="clay"] {
    --ss-phone-clay-top: color-mix(in srgb, var(--ss-phone-clay, #ecebe8), #fff 45%);
    --ss-phone-clay-bottom: color-mix(in srgb, var(--ss-phone-clay, #ecebe8), #000 6%);
    box-shadow:
      0 calc(var(--ps) * 30) calc(var(--ps) * 60) calc(var(--ps) * -12) rgba(50, 50, 93, 0.2),
      0 calc(var(--ps) * 16) calc(var(--ps) * 32) calc(var(--ps) * -16) rgba(0, 0, 0, 0.16);
  }

  .ss-stage[data-theme="dark"] .ss-phone[data-frame="clay"] {
    --ss-phone-clay-top: color-mix(in srgb, var(--ss-phone-clay, #2a2a2e), #fff 6%);
    --ss-phone-clay-bottom: var(--ss-phone-clay, #2a2a2e);
    --ss-phone-seam: #333338;
  }

  /* Outline: line art. One fine stroke for the body, a hairline for the
     screen; no shadow, nothing filled */
  .ss-phone[data-frame="outline"] {
    box-shadow: none;
  }

  .ss-stage[data-theme="blueprint"] .ss-phone[data-frame="outline"] {
    --ss-phone-line: var(--ss-line);
  }

  /* Every iPhone frame lays the status bar out exactly as Apple's iOS 27 UI
     kit does (Status bar, iPhone, in points): the time centered in the first
     138.5, its 22pt line from y 21.5; signal, wifi and battery from x 285.25,
     8 apart, their tops at 26.33, 25.33 and 25.67 */
  .ss-phone:not([data-frame="android"], [data-frame="soft"]) .ss-phone__status {
    height: 62px;
    padding: 0;
  }

  .ss-phone:not([data-frame="android"], [data-frame="soft"]) .ss-phone__time {
    position: absolute;
    top: 21.5px;
    left: 0;
    width: 138.5px;
    line-height: 22px;
    text-align: center;
  }

  .ss-phone:not([data-frame="android"], [data-frame="soft"]) .ss-phone__glyphs {
    position: absolute;
    top: 25.33px;
    left: 285.25px;
    align-items: flex-start;
    gap: 8px;
  }

  .ss-phone:not([data-frame="android"], [data-frame="soft"]) .ss-phone__signal {
    margin-top: 1px;
  }

  .ss-phone:not([data-frame="android"], [data-frame="soft"]) .ss-phone__battery {
    margin-top: 0.33px;
  }

  /* Photo: Apple's iPhone 18 Pro product bezel, silver, black on dark stages.
     The body paints nothing but keeps the phone's soft shadow (a shadow on
     the image would also fall inward, through its cut-out, onto the screen);
     the image lies over the screen, its cut-out framing it */
  .ss-phone[data-frame="photo"] {
    position: relative;
    background: none;
  }

  .ss-phone__photo {
    position: absolute;
    z-index: 4;
    background: var(--ss-phone-photo-light, none) center / 100% 100% no-repeat;
    pointer-events: none;
  }

  .ss-stage[data-theme="dark"] .ss-phone__photo,
  .ss-phone[data-dark] .ss-phone__photo {
    background-image: var(--ss-phone-photo-dark, var(--ss-phone-photo-light, none));
  }

  /* Android: an even dark frame, a punch-hole camera instead of an island */
  .ss-phone[data-frame="android"] {
    background: linear-gradient(150deg, #3a3b3f, #1d1e21 40%, #2f3034 70%, #1a1b1e);
  }

  .ss-phone[data-frame="android"] .ss-phone__glass {
    background: #050505;
  }

  .ss-phone[data-frame="android"] .ss-phone__island {
    top: 14px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .ss-phone[data-frame="android"] .ss-phone__status {
    height: 48px;
    padding: 0 26px;
  }

  .ss-phone[data-frame="android"] .ss-phone__time {
    font-family: system-ui, sans-serif;
    font-size: 15px;
    font-weight: 500;
  }

  .ss-phone[data-frame="android"] .ss-phone__content[data-status] {
    padding-top: 48px;
  }

  .ss-phone[data-frame="android"] .ss-phone__home {
    width: 108px;
    height: 4px;
  }

  /* Soft: a frosted white frame with a hairline edge. */
  /* Soft: the illustrative phone of a product marketing page. One pale,
     even band with a hairline ring, a soft shade along its inner bottom edge
     (lit from above), a light lifted shadow; no island, no status bar */
  .ss-phone[data-frame="soft"] {
    box-shadow:
      0 0 0 calc(var(--ps) * 1.5) rgba(10, 37, 64, 0.05),
      0 calc(var(--ps) * 30) calc(var(--ps) * 60) calc(var(--ps) * -12) rgba(50, 50, 93, 0.18),
      0 calc(var(--ps) * 18) calc(var(--ps) * 36) calc(var(--ps) * -18) rgba(0, 0, 0, 0.12);
  }

  .ss-phone[data-frame="soft"] .ss-phone__glass {
    background: #f6f9fc;
    box-shadow: inset 0 calc(var(--ps) * -2.9) calc(var(--ps) * 7.2) rgba(10, 37, 64, 0.22);
  }

  .ss-stage[data-theme="dark"] .ss-phone[data-frame="soft"] .ss-phone__glass {
    background: #1c2433;
    box-shadow: inset 0 calc(var(--ps) * -2.9) calc(var(--ps) * 7.2) rgba(0, 0, 0, 0.45);
  }

  .ss-phone__screen {
    --pt: 1px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* Most iOS screens are white; a grouped list (Settings) sets #f2f2f7 itself */
    background: #fff;
    color: #000;
    font-family: -apple-system, system-ui, sans-serif;
    font-size: 15px;
    letter-spacing: -0.015em;
    transform-origin: 0 0;
    -webkit-font-smoothing: antialiased;
  }

  .ss-phone[data-dark] .ss-phone__screen {
    background: #000;
    color: #fff;
  }

  .ss-phone__status {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
    padding: 0 34px 0 52px;
    /* Light to dark content fades, never cuts, when an app opens over a dark
       screen or closes back to it */
    transition: color 0.3s ease;
    /* A layer of its own for good: when an app launches under it, it would
       otherwise be lifted onto one mid-open and its text would shift */
    will-change: transform;
  }

  /* iOS sets the time in SF Pro Text. At this size a browser's system font
     switches to the Display cut, whose 9 has a straighter tail; name Text
     first, and ask the variable system font for text optics */
  .ss-phone__time {
    font-family: "SF Pro Text", -apple-system, system-ui, sans-serif;
    font-variation-settings: "opsz" 17;
    font-size: 17.67px;
    font-weight: 590;
    letter-spacing: 0;
  }

  .ss-phone__island {
    position: absolute;
    top: var(--ss-island-top, 14px);
    left: 50%;
    z-index: 3;
    width: var(--ss-island-w, 95px);
    height: 37px;
    border-radius: 18.5px;
    background: #000;
    transform: translateX(-50%);
  }

  .ss-phone__glyphs {
    display: flex;
    align-items: center;
    gap: 8px;
  }


  .ss-phone__glyph {
    display: block;
  }

  .ss-phone__content {
    position: relative;
    flex: 1;
    min-height: 0;
  }

  .ss-phone__content[data-status] {
    padding-top: 62px;
  }

  /* Frames without a status bar keep its safe area: content starts below the
     corner's curve, never tucked into it */
  .ss-phone__content:not([data-status]) {
    padding-top: 44px;
  }

  /* With no frame, the screen's edge is the object's edge, and iOS's 20pt
     margins read as cramped against it. Bare screens get a wider margin */
  .ss-phone[data-frame="bare"] .ss-phone__content {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ss-phone__home {
    position: absolute;
    bottom: 8px;
    left: 50%;
    z-index: 2;
    width: 144px;
    height: 5px;
    border-radius: 2.5px;
    background: currentColor;
    transform: translateX(-50%);
    /* The color fades, not the fill: currentColor is a keyword, so a
       background-color transition never sees it change and the bar snaps */
    transition: color 0.3s ease;
    /* Its own layer for good, as the status bar: lifted onto one mid-open,
       the thin bar would jump half a pixel and thin out */
    will-change: transform;
  }

  .ss-lock {
    position: absolute;
    inset: 0;
    color: #fff;
    text-align: center;
  }

  .ss-lock__date {
    margin-top: 66px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.01em;
    opacity: 0.85;
  }

  .ss-lock__clock {
    margin-top: -4px;
    font-size: 112px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.035em;
    font-variant-numeric: tabular-nums;
    opacity: 0.92;
  }

  .ss-lock__stack {
    position: absolute;
    right: 0;
    bottom: 118px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
  }

  /* Under the clock instead, for a phone cropped by the stage's bottom edge */
  .ss-lock__stack[data-at='top'] {
    top: 290px;
    bottom: auto;
  }

  .ss-lock__controls {
    position: absolute;
    right: 46px;
    bottom: 48px;
    left: 46px;
    display: flex;
    justify-content: space-between;
  }

  .ss-lock__control {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* The lock screen's frosted buttons: a dim, blurred disc with a white glyph */
    background: rgba(10, 12, 24, 0.26);
    backdrop-filter: blur(24px) saturate(1.3);
    color: #fff;
  }

  /* iOS notification banner, in points, measured from Apple's own iOS 26
     screenshots: 38pt icon 14pt from the edges, 13pt to the text, 17pt on the
     right, 15pt type on 18pt lines. The radius is the icon's 9 plus 14. On a
     wallpaper it is frosted glass, so the wallpaper tints it. */
  .ss-notification {
    display: flex;
    align-items: center;
    gap: 13px;
    /* Inset well inside the screen's corners, as iOS sets lock screen banners.
       Where the stage (or a clipping tile) cuts the screen's sides, the
       banner measures the cut and insets from the visible edge instead, so
       a phone drawn past the sides at true size keeps its banner whole */
    margin: 0 18px;
    padding: 14px 17px 14px 14px;
    border-radius: 23px;
    background: rgba(252, 252, 253, 0.76);
    backdrop-filter: blur(30px) saturate(1.25);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    color: #000;
    text-align: left;
  }

  /* Unlocked: the banner drops in at the top, just under the island, over
     the app. Mount and unmount it with the story; it eases down from above */
  .ss-notification[data-banner] {
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    /* Over the status bar (the same layer, later in the page) and under the
       island, which is the hardware cutout: a banner slides in beneath it */
    z-index: 2;
    animation: ss-banner-in 520ms cubic-bezier(0.2, 0.9, 0.25, 1) both;
  }

  @keyframes ss-banner-in {
    from { transform: translateY(-110px); }
  }

  .ss-notification__icon {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 9px;
    background: var(--ss-accent);
    color: #fff;
  }

  /* A real app icon: the image is the whole tile, its own corners included */
  .ss-notification__icon:has(> img) {
    background: none;
  }

  .ss-notification__icon > img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .ss-notification__text {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.016em;
  }

  .ss-notification__head {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }

  .ss-notification__title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ss-notification__time {
    flex-shrink: 0;
    font-size: 12px;
    letter-spacing: -0.005em;
    color: rgba(60, 60, 67, 0.6);
  }

  /* Wraps to three lines, as iOS shows a banner's body */
  .ss-notification__body {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  /* Satellite: a phone beside a window. No controls, and notifications stack
     under the clock so a cropped phone still shows them. Everything stays at
     true iOS proportion: a notification is never scaled up to read. */
  .ss-lock[data-size='satellite'] .ss-lock__stack {
    top: 232px;
    bottom: auto;
  }

  /* No clock: the stack takes its place, just under the status bar, as
     Notification Center sits, rather than floating where the clock was */
  .ss-lock[data-size='satellite'][data-clock='off'] .ss-lock__stack {
    top: 74px;
  }

  /* Small boxes with text keep a layer of their own. Pushed by a row opening
     above them, or carried along by anything that moves by layout, their text
     would step whole pixels while the fill glides, and hop about inside it */
  .ss-notification {
    will-change: transform;
  }

  /* A banner on a light screen needs its own edge: frosted white on white vanishes */
  .ss-phone:not([data-dark]) .ss-notification {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12);
  }

  /* Minimal fidelity: the status bar time is a placeholder like any other word */
  .ss-phone__time-bar {
    display: inline-block;
    width: 30px;
    height: 7px;
    border-radius: 4px;
    background: currentColor;
    opacity: 0.5;
  }
}

/* Responsive static kit frame; the embedded image is a real browser capture. */
.pocket-phone{position:relative;aspect-ratio:428/900;container-type:inline-size}
.pocket-phone .ss-phone{position:absolute;top:0;left:0;transform:scale(calc(100cqw / 428px));transform-origin:top left;box-shadow:none}
.pocket-phone .capture-window{width:402px;height:812px;overflow:hidden;background:#f8f5ef}
.pocket-phone .capture-window img{display:block;max-width:none;width:1415.83px;height:972.28px;object-fit:fill}
.pocket-phone .ss-phone__home{background:#20384d}

.pocket-practice-figure{scroll-margin-top:105px}
@media(min-width:651px) and (max-width:900px){.pocket-note{position:relative;display:block;left:auto;bottom:auto;transform:rotate(-4deg);padding:0;background:none;margin:22px 0 0;font-size:18px}.pocket-practice-figure figcaption{margin-top:18px}}
@media(max-width:650px){.pocket-practice.wrap{width:100%;border-radius:0;padding-inline:24px}.pocket-practice-figure{width:calc(100% + 48px);margin-inline:-24px}.pocket-phone{width:calc(100% - 24px);max-width:340px}.pocket-note{margin-inline:24px}.pocket-practice-figure figcaption{margin-inline:24px}.pocket-practice h2{max-width:none}}

/* On phones, introduce the idea, then show the product before the details. */
@media(max-width:650px){
 .pocket-practice{row-gap:0}
 .pocket-practice-copy{display:contents}
 .pocket-practice-copy>.eyebrow{order:0;margin:0}
 .pocket-practice h2{order:1;font-size:32px;line-height:1.15;margin:14px 0 18px}
 .pocket-practice-copy>h2+p{order:2;margin:0 0 22px;font-size:16px!important;line-height:1.6}
 .pocket-practice-copy>.button{order:3;justify-self:start;margin:0 0 32px}
 .pocket-practice-figure{order:4;margin-block:0 28px}
 .pocket-practice-copy>p:not(.eyebrow){order:5}
 .pocket-practice-copy>h2+p{order:2}
 .pocket-practice-copy>.text-link{order:6;margin-top:18px}
 .pocket-flow{order:7;max-width:none;width:100%}
}

.first-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;list-style:none;margin:36px 0 0}.first-path-grid li{border-top:1px solid #b9b7ac;padding-top:24px}.first-path-grid li>span{font-size:11px;letter-spacing:.1em;color:#9f5065}.first-path-grid h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.2;margin:20px 0 12px}.first-path-grid p{font-size:15px;line-height:1.65}.first-path-grid .text-link{min-height:44px;display:inline-flex;align-items:center}@media(max-width:650px){.first-path-grid{grid-template-columns:1fr;gap:24px}.first-path-grid h3{font-size:27px;margin:14px 0 10px}}

/* Homepage teaching panels: static explanations, with live links below. */
.first-path-grid>li{min-width:0}
.first-path-grid .practice-panel{height:272px;width:100%;margin:0 0 28px;padding:24px;box-sizing:border-box;overflow:hidden;position:relative;border-radius:3px;color:#203b4e;background:#eae3d9;display:flex;flex-direction:column}
.practice-panel .panel-kicker{font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.09em;text-transform:uppercase}
.first-path-grid .practice-panel figcaption{margin:auto 0 0;padding:0;font-family:inherit;font-style:normal;font-size:12px;line-height:1.4;color:inherit;letter-spacing:0}
.practice-panel.movement-panel{padding:22px 20px 18px;background:#e9e0d6}
.movement-panel .movement-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 13px;align-items:start}
.movement-panel .movement-strip>div{min-width:0;text-align:center}
.movement-panel .movement-portrait{height:151px;background:#f3ede4;overflow:hidden;border-radius:50% 50% 3px 3px}
.movement-panel .movement-active .movement-portrait{background:#dfc5bd}
.movement-panel .movement-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 34%;transform:scale(.9);transform-origin:50% 100%}
.movement-panel .movement-strip span{display:block;margin:8px -3px 0;font-size:11px;line-height:1.35;white-space:nowrap;letter-spacing:0;color:#203b4e}
.movement-panel .movement-active span{font-weight:600}
.practice-panel.cycle-panel{background:#203b4e;color:#fff9ef;padding:22px 24px 18px}
.cycle-panel .panel-kicker{color:#e4c7c7}
.cycle-panel .cycle-duration{display:flex;align-items:center;gap:16px;margin:10px 0 16px}
.cycle-panel .cycle-duration strong{font-family:Georgia,serif;font-weight:400;font-size:76px;line-height:1;letter-spacing:-.055em}
.cycle-panel .cycle-duration span{font-size:12px;line-height:1.55;color:#f0e4d8}
.cycle-panel .cycle-timeline{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:5px;height:5px;margin-bottom:13px}
.cycle-panel .cycle-timeline i{background:#bbc2bb;border-radius:5px}
.cycle-panel .cycle-timeline i:nth-child(2){background:#d4a2af}
.cycle-panel .cycle-timeline i:nth-child(3){background:#c8b1ac}
.cycle-panel .cycle-timeline i:nth-child(4){background:#f2e8d9}
.cycle-panel .cycle-key{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:5px;margin:0 0 16px}
.cycle-panel .cycle-key>div{display:flex;flex-direction:column;gap:4px}
.cycle-panel .cycle-key b{font-size:11px;font-weight:400;line-height:1.4;min-height:2.8em}
.cycle-panel .cycle-key span{font-size:12px;line-height:1.35;color:#e4c7c7}
.practice-panel.reflection-panel{background:#e8d9dc;padding:20px 23px 18px}
.reflection-panel .reflection-paper{margin:0 -4px 14px;padding:21px 22px 18px;background:#fffcf5;box-shadow:0 7px 16px #5c41470c;transform:rotate(-2deg);border-radius:2px;flex:1;min-height:0}
.reflection-panel .panel-kicker{color:#70535a;font-size:10px}
.reflection-panel .reflection-topic{font-family:Georgia,serif;font-size:20px;line-height:1.25;margin:10px 0 15px;letter-spacing:-.025em}
.reflection-panel .reflection-example{font-size:10px;line-height:1.4;color:#70535a}
.reflection-panel blockquote{font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.35;margin:5px 0 12px;letter-spacing:-.02em;border:0;padding:0;color:#203b4e}
.reflection-panel .reflection-rule{height:1px;background:#dfd4c9;margin-bottom:10px}
.reflection-panel .reflection-foot{font-size:10px;line-height:1.4;color:#70535a}
@media(min-width:651px) and (max-width:1000px){.first-path-grid{grid-template-columns:1fr;gap:30px}.first-path-grid>li{display:grid;grid-template-columns:minmax(280px,42%) 1fr;column-gap:28px;align-content:center}.first-path-grid .practice-panel{grid-row:1/5;margin:0}.first-path-grid>li>span{align-self:end}.first-path-grid h3{margin:14px 0 8px}.first-path-grid p{margin:0}.first-path-grid .text-link{align-self:start;justify-self:start}}
@media(max-width:650px){.first-path-grid{gap:36px}.first-path-grid .practice-panel{height:280px;margin-bottom:23px}.movement-panel .movement-portrait{height:156px}.first-path-grid>li{padding-top:20px}.cycle-panel .cycle-duration{margin-top:14px;margin-bottom:18px}}
@media(max-width:360px){.first-path-grid .practice-panel{padding-left:17px;padding-right:17px}.cycle-panel .cycle-key{gap:6px}.cycle-panel .cycle-key b{font-size:10px}.reflection-panel .reflection-paper{padding-inline:18px}.reflection-panel blockquote{font-size:18px}.movement-panel .movement-strip{gap:5px}.movement-panel .movement-strip span{font-size:10px}}

/* Keep the homepage focus bust and its teaching accents aligned while making room above. */
#find-your-practice .teaching-portrait>img,#find-your-practice .teaching-overlay{transform:scale(.9);transform-origin:50% 100%}
