.strip{gap:10px;height:min(78vh,640px);display:flex}.strip-p{color:#fff;isolation:isolate;border-radius:22px;flex:1 1 0;min-width:0;transition:flex-grow .9s cubic-bezier(.65,0,.2,1);position:relative;overflow:hidden}.strip-p.on{flex-grow:5}.strip-p img{object-fit:cover;z-index:-2;filter:saturate(.6);width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter .9s;position:absolute;inset:0;transform:scale(1.08)}.strip-p.on img{filter:none;transform:scale(1)}.strip-shade{z-index:-1;background:linear-gradient(#14141426,#141414bf);position:absolute;inset:0}.strip-n{font:500 12px var(--sans);letter-spacing:.1em;opacity:.85;position:absolute;top:18px;left:18px}.strip-v{writing-mode:vertical-rl;font:400 26px/1 var(--serif);font-variation-settings:var(--soft);white-space:nowrap;transition:opacity .4s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)rotate(180deg)}.strip-p.on .strip-v{opacity:0}.strip-body{opacity:0;gap:8px;max-width:30em;transition:opacity .4s,transform .6s;display:grid;position:absolute;bottom:26px;left:28px;right:28px;transform:translateY(16px)}.strip-p.on .strip-body{opacity:1;transition:opacity .6s .35s,transform .8s cubic-bezier(.2,.8,.2,1) .35s;transform:none}.strip-meta{font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.strip-body b{font:400 clamp(34px, 3.6vw, 56px) / 1 var(--serif)}.strip-d{opacity:.85;font-size:15px}.strip-go{backdrop-filter:blur(8px);font:500 14px var(--sans);background:#ffffff29;border-radius:999px;justify-self:start;margin-top:8px;padding:9px 16px}.strip-p:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=900px){.strip{flex-direction:column;height:auto}.strip-p{flex:none;height:76px;transition:height .8s cubic-bezier(.65,0,.2,1)}.strip-p.on{height:420px}.strip-v{writing-mode:horizontal-tb;margin-top:-13px;font-size:24px;top:50%;bottom:auto;left:56px;transform:none}.strip-n{margin-top:-8px;top:50%}.strip-p.on .strip-n{margin-top:0;top:18px}}.breathe{background:radial-gradient(50% 60% at 75% 50%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--paper);padding:clamp(90px,12vw,170px) 0;position:relative;overflow:hidden}.breathe-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.breathe-copy .lead{max-width:30em;margin:18px 0 30px}.breathe-stage{aspect-ratio:1;place-items:center;width:min(100%,520px,62vh);margin-inline:auto;display:grid;position:relative}.b-orb{filter:blur(2px)saturate(1.05);box-shadow:0 0 80px -10px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 0 60px #fff9;background:radial-gradient(circle at 35% 30%,#fff 0,#0000 38%),conic-gradient(from 200deg,#b9aefc,#f6c7b4,#c9f0e4,#b9aefc);border-radius:50%;transition:transform 4s cubic-bezier(.45,0,.35,1);animation:24s linear infinite b-spin;position:absolute;inset:8%;transform:scale(.15)}@keyframes b-spin{to{rotate:360deg}}.b-ring{border:1px dashed color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;animation:60s linear infinite reverse b-spin;position:absolute;inset:0}.b-ring.r2{border-style:solid;border-color:color-mix(in srgb, var(--ink) 8%, transparent);animation:none;inset:22%}.b-label{color:var(--ink);justify-items:center;gap:2px;display:grid;position:relative}.b-label b{font:340 clamp(38px, 4.4vw, 64px) / 1 var(--serif);font-variation-settings:var(--soft)}.b-label span{font:500 14px var(--sans);letter-spacing:.2em;opacity:.6}@media (width<=900px){.breathe-grid{grid-template-columns:1fr}.breathe-stage{order:-1;width:min(80vw,360px)}}@media (prefers-reduced-motion:reduce){.b-orb{animation:none;transform:scale(.85)}.b-ring{animation:none}}.mood-picks{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.mood-pick{border:1.5px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);font:500 15px var(--sans);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 20px 12px 14px;transition:background .3s,border-color .3s,color .3s,transform .3s;display:inline-flex}.mood-pick span{background:var(--mist);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;transition:background .3s;display:grid}.mood-pick:hover{border-color:var(--ink)}.mood-pick[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.mood-pick[aria-selected=true] span{background:var(--accent);color:#fff}.mood-panel{background:var(--paper);border:1px solid var(--line);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid;overflow:hidden}.mood-panel[hidden]{display:none}.mood-panel.in .mood-body>*{animation:.6s cubic-bezier(.2,.8,.2,1) both rise}.mood-panel.in .mood-body>:nth-child(2){animation-delay:50ms}.mood-panel.in .mood-body>:nth-child(3){animation-delay:.1s}.mood-panel.in .mood-body>:nth-child(4){animation-delay:.15s}.mood-panel.in .mood-ph img{animation:1s cubic-bezier(.2,.8,.2,1) both mood-img}@keyframes mood-img{0%{opacity:.4;transform:scale(1.12)}}.mood-ph{min-height:440px;position:relative;overflow:hidden}.mood-ph img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mood-body{flex-direction:column;gap:12px;padding:clamp(28px,4vw,52px);display:flex}.mood-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.mood-body h3{font:360 clamp(34px, 3.6vw, 52px) / 1 var(--serif);font-variation-settings:var(--soft);letter-spacing:-.03em}.mood-why{color:var(--muted);max-width:34em;font-size:17px}.mood-terms{gap:8px;margin-top:auto;padding-top:18px;list-style:none;display:grid}.mood-terms li{background:var(--bg);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:12px 12px 12px 18px;display:flex}.mood-terms li[hidden]{display:none}.mood-terms b{font-weight:600;display:block}.mood-terms span{color:var(--muted);font-size:14px}@media (width<=900px){.mood-panel{grid-template-columns:1fr}.mood-ph{aspect-ratio:16/10;min-height:220px}.mood-picks{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-24px;padding-inline:24px;overflow-x:auto}.mood-pick{flex:none}}@media (prefers-reduced-motion:reduce){.mood-panel.in .mood-body>*,.mood-panel.in .mood-ph img{animation:none}}
