.focus-pin{justify-items:center;gap:32px;display:grid}.focus-copy{max-width:560px}.focus-center,.focus-panel{width:min(100%,420px);min-width:0}.focus-panel.glass-plate{border-radius:24px;padding:28px}.focus-panel .panel-title{font-size:clamp(26px,2.2vw,32px)}.focus-panel .concept-controls{margin-top:22px}.focus-kit .focus-center{width:100%}.focus-kit .focus-panel{width:min(100%,520px)}.focus-kit .lookbook{flex-direction:column;display:flex}.focus-kit .lookbook-frame{height:clamp(360px,54svh,560px)}.checkin-center{text-align:center;justify-items:center;gap:24px;width:min(100%,460px);display:grid}.checkin-center .felt-mark{aspect-ratio:1;width:clamp(140px,14vw,188px);height:auto}.checkin-card{border-radius:24px;align-self:start;width:100%;height:fit-content;min-height:0;padding:22px 20px 20px}.checkin-question{font:400 clamp(24px, 2vw, 30px)/1.1 var(--serif);letter-spacing:-.01em}.checkin-card .panel-note{margin:6px 0 16px!important}.steps-pin{justify-items:center;gap:clamp(88px,12vw,128px);display:grid}.steps-head h2{font-size:clamp(40px,4.4vw,64px)}.step{text-align:center;justify-items:center;gap:20px;display:grid}.step-art{width:min(60vw,260px)}.step-words{color:#f3f8fc;text-shadow:0 1px 2px #060c1699,0 0 18px #060c168c;max-width:440px}.step-words h3{font:400 clamp(28px, 2.6vw, 38px)/1.1 var(--serif);letter-spacing:-.01em;text-wrap:balance}.step-words p{font-size:16px;font-weight:500;line-height:1.6;margin-top:12px!important}@media (min-width:1101px){.focus-pin{grid-template-columns:auto auto;grid-template-areas:"copy copy""center panel";place-content:safe center center;align-items:start;gap:clamp(20px,3.4svh,36px) clamp(28px,3vw,48px)}.focus[data-flip] .focus-pin{grid-template-areas:"copy copy""panel center"}.focus-copy{grid-area:copy;max-width:920px}.focus-copy h2{font-size:clamp(44px,3.9vw,60px)}.focus-copy h2 br{display:none}.focus-copy p{max-width:calc(64ch + 128px);padding-block:6px;font-size:17px}.focus-center{grid-area:center}.concept-trial-card.focus-center{width:400px}.focus-panel{grid-area:panel;width:380px}.focus-kit .focus-panel{width:360px}.focus-kit .focus-center{width:min(640px,100vw - 520px)}.focus-kit .lookbook-frame{height:clamp(360px,100svh - 460px,560px)}.focus-kit .addkit-stage{min-height:0}.focus-kit .focus-pin{align-items:stretch}.focus-kit :is(.focus-center,.focus-panel){display:flex}.focus-kit :is(.focus-center,.focus-panel)>.glass{flex:1}.focus-kit .panel-title{font-size:clamp(30px,2.4vw,38px)}.focus-kit .panel-note{color:var(--concept-muted);font-size:15px}.focus-kit .lookbook-bar{padding-bottom:12px}.focus-kit .lookbook-frame{flex:1 0 auto}.focus-kit .addkit-shot{width:min(100%,23svh)}.checkin-center{width:440px}.steps-pin{width:100%}.step{gap:28px}.step-art{width:clamp(240px,21vw,340px)}.step-words{max-width:520px}}@media (min-width:1101px) and (min-height:880px){.world-content>.concept-glass-chapter:has(>.focus){margin-top:0}.focus{min-height:170svh}.ritual-concept .focus.concept-section{scroll-margin-top:-26svh}.focus-pin{height:100svh;padding-block:calc(var(--nav-clearance,80px) + 14px) 18px;position:sticky;top:0}}@media (min-width:1101px) and (min-height:800px),(max-width:760px) and (min-height:600px){.world-content>.concept-glass-chapter:has(>.steps){margin-top:0}.steps-pin{height:100svh;padding-block:calc(var(--nav-clearance,80px) + 12px) 32px;position:sticky;top:0}.steps{min-height:calc(100svh + var(--steps) * 60svh)}.steps-pin{grid-template-rows:auto minmax(0,1fr);gap:0}.step{grid-area:2/1;align-self:center}.step:not([data-active]){pointer-events:none}.step-art{transition:opacity .5s var(--concept-ease), translate .5s var(--concept-ease), filter .5s var(--concept-ease)}.step-words{transition:opacity .45s var(--concept-ease), translate .45s var(--concept-ease)}.step:not([data-active]) .step-art{opacity:0;filter:blur(6px);translate:0 32px}.step:not([data-active]) .step-words{opacity:0;translate:0 16px}}@media (max-width:760px) and (min-height:600px){.step-art{width:min(56vw,30svh)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes focus-in{0%{opacity:0;translate:0 40px}}@keyframes focus-fade{0%{opacity:0}}.world-content .focus :is(.focus-center:not(:has(.glass))>*,.focus-panel:not(:has(.glass))){animation:linear both focus-in;animation-timeline:view();animation-range:cover cover 32vh}}@media (prefers-reduced-motion:no-preference) and (min-width:1101px) and (min-height:880px){.focus{view-timeline:--focus block}.world-content .focus .focus-copy{animation:none}.world-content .focus :is(.focus-center:not(:has(.glass))>*,.focus-panel:not(:has(.glass))),.world-content .focus :is(.focus-center,.focus-panel) .panel>*,.world-content .focus .focus-copy p{animation:linear both focus-in;animation-timeline:--focus}.world-content .focus .focus-copy:before{animation:linear both focus-fade;animation-timeline:--focus;animation-range:entry 30% entry 80%}.world-content .focus .focus-copy p{animation-range:entry 75% contain 4%}.world-content .focus .focus-center .panel>*{animation-range:contain contain 12%}.world-content .focus .focus-center:not(:has(.glass))>*{animation-range:contain contain 12%}.world-content .focus .focus-panel .panel>*{animation-range:contain 10% contain 24%}.world-content .focus .focus-panel:not(:has(.glass)){animation-range:contain 10% contain 24%}}}.trial-open,.trial-close,.trial-apply{display:none}.trial-head{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:760px){:root{--concept-phone:1}.focus-trial .focus-pin{grid-template-areas:"copy""stage"}.focus-trial .focus-copy{grid-area:copy}.focus-trial :is(.focus-center,.focus-panel){grid-area:stage}.trial-open{cursor:pointer;text-align:left;width:100%;min-height:60px;color:var(--concept-ink);transition:scale .16s var(--concept-ease);border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px 10px 18px;display:flex}.trial-open>span{gap:4px;display:grid}.trial-open-label{font:400 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--concept-muted)}.trial-open-run{font:400 19px/1.1 var(--serif)}.trial-open svg{color:var(--concept-accent);flex:none}.focus-trial .concept-trial.focus-panel{z-index:2;visibility:hidden;opacity:0;transform-origin:50% 0;width:100%;transition:opacity .18s var(--concept-ease), scale .18s var(--concept-ease), visibility 0s .18s;background:#0d192bf0;flex-direction:column;align-self:stretch;padding:22px 20px 20px;display:flex;scale:.96}.focus-trial[data-sheet] .concept-trial.focus-panel{visibility:visible;opacity:1;transition:opacity .32s var(--concept-ease-drawer), scale .32s var(--concept-ease-drawer);scale:1}.focus-trial .concept-trial:focus{outline:none}.focus-trial .concept-trial .concept-controls{margin:16px 0 20px}.world-content .focus.focus-trial .concept-trial.focus-panel{animation:none}.trial-close{cursor:pointer;width:44px;height:44px;color:var(--concept-ink);background:var(--concept-tint);border:0;border-radius:50%;flex:none;place-items:center;margin:-8px -8px -8px 0;display:grid}.trial-apply{bottom:max(12px, env(safe-area-inset-bottom));width:100%;margin-top:auto;display:flex;position:sticky;box-shadow:0 12px 32px -12px #020a1699}.focus-trial .concept-segmented button{white-space:nowrap;padding-inline:4px}}.concept-scale button[data-hint]{background:#a5f3fc29;box-shadow:inset 0 0 0 1px #a5f3fc80}@media (max-width:760px){.focus:has(.checkin-center):not([data-felt]) .log-entry{display:none}@media (prefers-reduced-motion:no-preference){@keyframes log-in{0%{opacity:0;translate:0 16px}}.world-content .focus[data-felt] .log-entry{animation:log-in .4s var(--concept-ease) both}}}.world-content :is(.focus,.concept-glass-chapter):focus-within :is(.focus-center:not(:has(.glass))>*,.focus-panel:not(:has(.glass)),.focus-center .panel>*,.focus-panel .panel>*,.focus-copy p,.chapter-head,.panel>:not(.glass-material),.chapter-glass>:not(.glass-material),.glass-material){animation:none}@media (min-width:1101px){#after-the-run .focus-pin{height:auto;padding-block:calc(var(--nav-clearance,80px) + 24px) 64px;grid-template-columns:minmax(0,560px);grid-template-areas:"copy""center""panel";position:relative}.ritual-concept #after-the-run.focus{min-height:auto;scroll-margin-top:0}#after-the-run :is(.checkin-center,.log-entry){width:100%}#after-the-run .checkin-center .felt-mark{width:136px}}
