/* One present moment. Opening is spatial, never a timeline or a body measurement. */
.present-moment{--pm-bg:#0e1b28;--pm-surface:#192d3a;--pm-paper:#f0ede4;--pm-muted:#b8c3c7;--pm-accent:#c7ac7d;--pm-open:1;--pm-reveal:1;--pm-reach:42%;position:relative;isolation:isolate;overflow:clip;background:var(--pm-bg);color:var(--pm-paper);padding:54px max(24px,5vw) 38px;scroll-margin-top:52px}
.pm-head{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.pm-head h2{margin:0;font:300 clamp(54px,7vw,100px)/1.1 var(--serif);letter-spacing:-.04em}
.pm-lead{max-width:30ch;margin:0;font:400 16px/1.65 var(--sans);color:var(--pm-muted);text-wrap:pretty}
.pm-stage{position:relative;max-width:1240px;height:clamp(400px,36vw,510px);margin:30px auto 0;isolation:isolate}
.pm-space{position:absolute;inset:0;background:var(--pm-surface);clip-path:inset(0 calc((1 - var(--pm-open)) * 42%));pointer-events:none}
.pm-photo{width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:calc(.45 + var(--pm-open) * .55);transform:scale(calc(1.055 - var(--pm-open) * .055))}
.pm-space:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0e1b28cc,#0e1b28b8 105px,transparent 180px,#0e1b280f 65%,#0e1b2877),radial-gradient(ellipse at 50% 48%,#0e1b2888,transparent 62%)}
.pm-now{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);opacity:calc(1 - var(--pm-reveal));text-align:center;pointer-events:none;text-shadow:0 2px 22px #0e1b2866}
.pm-now strong{display:block;font:300 clamp(88px,10vw,142px)/1 var(--serif);letter-spacing:-.055em;color:var(--pm-paper)}
.pm-sense{position:absolute;margin:0;max-width:24ch;opacity:var(--pm-reveal);transform:translateY(calc((1 - var(--pm-open)) * 16px));pointer-events:none}
.pm-sense span{display:inline-block;font:400 15px/1.5 var(--sans);color:var(--pm-paper);text-shadow:0 1px 10px #0e1b28}
.pm-seeing{left:6%;top:42px;width:24%}
.pm-feeling{left:6%;bottom:32px;width:32%}
.pm-hearing{right:6%;top:42px;width:24%;text-align:right;opacity:0}
[data-audible="true"] .pm-hearing{opacity:var(--pm-reveal)}
.pm-wave{display:block;width:64px;height:24px;margin:9px 0 0 auto;fill:none;stroke:var(--pm-paper);stroke-width:1.5;opacity:.45}
[data-audible="true"] .pm-wave{opacity:1}
.pm-handle{position:absolute;left:calc(50% - 24px);top:68%;width:48px;height:52px;z-index:5;border:0;padding:0;background:var(--pm-bg);color:var(--pm-accent);cursor:ew-resize;touch-action:pan-y;display:none;place-items:center;user-select:none;-webkit-user-select:none}
[data-enhanced="true"] .pm-handle{display:grid}
.pm-handle[data-side="-1"]{transform:translateX(calc(-1 * var(--pm-reach)))}
.pm-handle[data-side="1"]{transform:translateX(var(--pm-reach))}
.pm-handle svg{width:38px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5}
.pm-handle:hover{background:var(--pm-surface);color:var(--pm-paper)}
.pm-head h2{scroll-margin-top:80px}
.present-moment[data-open="true"] .pm-handle svg{transform:rotate(180deg)}
.pm-feedback{max-width:720px;min-height:1.6em;margin:22px auto 0;text-align:center;font:400 16px/1.6 var(--sans);color:var(--pm-paper);text-wrap:balance}
.pm-controls{display:none;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:22px;margin:5px auto 0;max-width:520px}
[data-enhanced="true"] .pm-controls{display:grid}
.pm-end{font:400 13px/1.5 var(--mono);color:var(--pm-muted)}
[data-phase="collapsed"] .pm-end-start,[data-phase="expanded"] .pm-end-finish{color:var(--pm-accent)}
.pm-range{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:44px;margin:0;background:transparent;cursor:ew-resize;touch-action:pan-y}
.pm-range::-webkit-slider-runnable-track{height:1px;background:#9aa9ae}
.pm-range::-moz-range-track{height:1px;background:#9aa9ae}
.pm-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:0;border-radius:50%;background:var(--pm-accent);margin-top:-9.5px}
.pm-range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--pm-accent)}
.pm-handle:focus-visible,.pm-range:focus-visible{outline:2px solid var(--pm-accent);outline-offset:5px}
.pm-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pm-meaning{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,84px);max-width:1240px;margin:38px auto 12px;align-items:start}
.pm-meaning h3{margin:0;font:300 clamp(32px,3.5vw,48px)/1.15 var(--serif);letter-spacing:-.03em;color:var(--pm-paper)}
.pm-meaning-copy{max-width:61ch;font:400 16px/1.7 var(--sans);color:var(--pm-muted)}
.pm-meaning-copy p{margin:0}.pm-meaning-copy p+p{margin-top:16px}
@media(max-width:800px){
 .present-moment{padding-top:38px}
 .pm-head{display:block}.pm-lead{max-width:46ch;margin:16px 0 0}
 .pm-head h2{font-size:clamp(51px,9vw,72px)}
 .pm-stage{height:390px;margin-top:24px}
 .pm-seeing,.pm-hearing{top:32px;width:38%}
 .pm-handle{top:66%}
 .pm-meaning{grid-template-columns:1fr;gap:22px;margin-top:30px}
}
@media(max-width:480px){
 .present-moment{padding:32px 24px 30px}
 .pm-head{display:block}.pm-head h2{font-size:clamp(48px,12.5vw,60px);max-width:8ch}
 .pm-stage{height:370px;margin-left:-12px;margin-right:-12px;margin-top:16px}
 .pm-now strong{font-size:88px}
 .pm-seeing{left:7%;top:26px;width:37%}.pm-hearing{right:7%;top:26px;width:37%}
 .pm-sense span{font-size:14px}
 .pm-feedback{min-height:3.2em;margin-top:18px;font-size:15px}
 .pm-controls{margin-top:2px;gap:14px}
 .pm-end{font-size:12px}
 .pm-meaning{margin-top:26px;margin-bottom:0;gap:20px}
 .pm-meaning h3{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.pm-sense{transform:none}.pm-photo{transform:none}}