.meditation-page{--med-paper:#e9e9df;--med-mist:var(--final-mist,#c6d0d5);background:var(--med-paper);color:var(--final-ink,#20272b);position:relative;overflow:hidden}.meditation-opening{min-height:clamp(210px,28vh,300px);padding:clamp(22px,3vw,44px) var(--final-pad);z-index:2;background:#d6dfdc;grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);column-gap:clamp(24px,5vw,76px);display:grid;position:relative;box-shadow:inset 0 2px #ffffff47,inset 0 -3px #283d421f}.meditation-opening:after{content:"";z-index:-1;background:var(--med-mist);clip-path:polygon(22% 0,100% 36%,100% 100%,0 100%);opacity:.72;width:min(46vw,620px);height:120px;position:absolute;bottom:-48px;right:-8vw}.meditation-opening>p:first-child{letter-spacing:.11em;text-transform:uppercase;grid-area:1/1;align-self:end;margin:0 0 7px;font-size:13px;font-weight:800}.meditation-opening h1{max-width:900px;font-family:var(--font-bodoni),serif;letter-spacing:-.055em;grid-area:2/1;align-self:start;margin:0;font-size:clamp(56px,7vw,108px);font-weight:400;line-height:.84}.meditation-opening>p:last-child{background:#f4f2ebc2;border:1px solid #283d4252;grid-area:1/2/3;align-self:center;max-width:660px;margin:0;padding:clamp(14px,2vw,26px);font-size:clamp(17px,1.45vw,21px);line-height:1.48;box-shadow:inset 0 0 0 3px #ffffff3d,3px 3px #283d4221}.meditation-practice{z-index:3;padding:0 var(--final-pad) clamp(80px,10vw,150px);background:linear-gradient(110deg,var(--med-mist) 0 42%,transparent 42%);position:relative}.meditation-object{clip-path:polygon(0 4%,94% 0,100% 93%,7% 100%);background:#f4f1e9;max-width:1180px;margin:0 auto;padding:clamp(24px,3.4vw,48px);box-shadow:0 28px 70px #222a2f24}.meditation-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:360px;margin:0 0 10px;display:grid}.meditation-choices button,.meditation-controls button{border:1px solid var(--final-ink,#20272b);min-height:44px;color:inherit;font:700 15px/1.2 var(--font-archivo),Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;background:#f4f2ebf0;border-radius:3px;padding:10px 14px;transform:translateY(-2px);box-shadow:0 3px #283d423d}.meditation-choices button:hover:not(:disabled),.meditation-controls button:hover:not(:disabled){background:#d6dfdc}.meditation-choices button:active:not(:disabled),.meditation-controls button:active:not(:disabled){transform:none;box-shadow:0 1px #283d423d}.meditation-choices button[aria-pressed=true]{background:var(--final-ink,#20272b);color:var(--med-paper);transform:none;box-shadow:0 1px #283d423d}.meditation-choices button:disabled{cursor:not-allowed;box-shadow:none;opacity:.48;transform:none}.meditation-stage{grid-template-columns:minmax(320px,1.35fr) minmax(280px,.75fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.flower-field{place-items:center;min-height:min(46vw,500px);display:grid}.flower{color:#415764;width:min(100%,500px);overflow:visible}.flower-rings{transform-box:fill-box;transform-origin:50%;opacity:.74;transition:transform 4s linear,opacity 1s,color 1s;transform:scale(.78)}.meditation-object[data-state=running][data-phase=inhale] .flower-rings{opacity:1;color:#253f4e;transform:scale(1)}.meditation-object[data-state=running][data-phase=exhale] .flower-rings{opacity:.66;color:#62737c;transform:scale(.78)}.meditation-object[data-state=paused] .flower-rings{transition:none}.meditation-object[data-state=complete] .flower-rings{opacity:.86;transform:scale(.86)}.flower-boundary{stroke-width:1px;opacity:.55}.meditation-status{align-content:center;gap:12px;display:grid}.meditation-phase{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:15px;font-weight:700}.meditation-guidance{max-width:360px;margin:4px 0 10px;font-size:18px;line-height:1.5}.meditation-controls{flex-wrap:wrap;gap:9px;display:flex}.meditation-controls .meditation-primary{background:var(--final-ink,#20272b);color:var(--med-paper);border-color:var(--final-ink,#20272b)}.meditation-object .sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.meditation-choices button:focus-visible,.meditation-controls button:focus-visible{outline:3px solid var(--final-orange,#d36a38);outline-offset:3px}.meditation-notes{padding:clamp(90px,12vw,170px) var(--final-pad);background:var(--med-paper);grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:clamp(36px,9vw,140px);display:grid}.meditation-notes h2{font-family:var(--font-bodoni),serif;letter-spacing:-.045em;margin:0;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.94}.meditation-notes div{align-self:end;max-width:620px}.meditation-notes p{margin:0 0 18px;font-size:19px;line-height:1.6}.meditation-close{background:var(--med-mist);clip-path:polygon(0 65%,24% 0,100% 42%,100% 100%,0 100%);pointer-events:none;height:clamp(110px,14vw,210px);margin-bottom:calc(clamp(110px,14vw,210px)/-1.31579)}@media (max-width:760px){.meditation-opening{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:0;min-height:0;padding:28px 20px 44px}.meditation-opening:after{width:86vw;height:78px;bottom:-30px;right:-24vw}.meditation-opening>p:first-child{grid-area:1/1;margin-bottom:8px}.meditation-opening h1{grid-area:2/1;font-size:clamp(56px,18vw,82px)}.meditation-opening>p:last-child{grid-area:3/1;margin-top:22px;padding:16px;font-size:17px}.meditation-practice{background:linear-gradient(155deg,var(--med-mist) 0 26%,transparent 26%);padding-left:12px;padding-right:12px}.meditation-object{clip-path:polygon(0 2%,96% 0,100% 97%,4% 100%);padding:28px 20px 38px}.meditation-stage{grid-template-columns:1fr;gap:10px}.flower-field{min-height:auto}.flower{width:min(82vw,390px)}.meditation-status{text-align:center;justify-items:center}.meditation-choices{max-width:360px}.meditation-controls{justify-content:center}.meditation-notes{grid-template-columns:1fr;padding-top:105px;padding-bottom:115px}.meditation-notes div{align-self:auto}}@media (prefers-reduced-motion:reduce){.flower-rings{transition:none!important;transform:scale(.9)!important}.meditation-object[data-state=running][data-phase=inhale] .flower-rings{opacity:1;color:#253f4e}.meditation-object[data-state=running][data-phase=exhale] .flower-rings{opacity:.56;color:#62737c}}
