/* Selah, rebranded (29 Sept 2026). A threshold you step through, a quiet room
   under a moonlit window, then calm reading. Selah's own purples, cream and
   lavender, moonlight gold for the moments. Cormorant Garamond for the voice,
   Outfit for the controls. Every class is sl- under body.sl-body. This is a
   wellness space: reduced motion is always honoured. */
:root{--sl-night:#0d0719;--sl-deep:#1a0d33;--sl-purple:#5b2794;--sl-plum:#2a104c;--sl-lav:#c7a6e7;--sl-lav-soft:#eadcf6;--sl-cream:#fbf5ea;--sl-paper:#f4eadc;--sl-ink:#291e31;--sl-muted:#6c5c70;--sl-moon:#fff1c8;--sl-gold:#f1d792}
body.sl-body{margin:0;min-height:100svh;background:var(--sl-night);color:var(--sl-ink);font:400 16px/1.6 Outfit,Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.sl-body *,body.sl-body *::before,body.sl-body *::after{box-sizing:border-box}
body.sl-body button,body.sl-body textarea,body.sl-body input{font:inherit}
body.sl-body button{touch-action:manipulation;cursor:pointer}
body.sl-body :is(a,button,input,textarea):focus-visible{outline:3px solid var(--sl-gold);outline-offset:3px}
body.sl-body h1,body.sl-body h2,body.sl-body h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;margin:0;line-height:1.08;text-wrap:balance}
.sl-skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;color:var(--sl-purple);padding:10px 14px;border-radius:8px}
.sl-skip:focus{left:12px}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sl-enter svg,.sl-play svg{fill:currentColor;stroke:none}

/* the sky */
.sl-sky{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#6a4a91 0,#352054 36%,#150c29 72%,var(--sl-night) 100%);transition:background 1.6s ease}
body.sl-deep-rain .sl-sky{background:radial-gradient(ellipse at 48% 22%,#44536c 0,#252d46 39%,#101321 80%,#090b14 100%)}
body.sl-night .sl-sky{background:radial-gradient(ellipse at 50% 22%,#35476b 0,#1e2544 36%,#0d1022 80%,#07081a 100%)}
body.sl-ocean .sl-sky{background:radial-gradient(ellipse at 50% 22%,#41677a 0,#213e54 39%,#0c1b2a 80%,#07121d 100%)}
body.sl-mood-pray .sl-sky::after,body.sl-mood-alone .sl-sky::after{opacity:1}
.sl-sky::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(241,215,146,.18),transparent 45%);opacity:0;transition:opacity 1.6s}
.sl-stars,.sl-rain{position:absolute;inset:0;width:100%;height:100%}
.sl-moon{position:absolute;top:9%;left:12%;width:clamp(46px,6vw,78px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fffaf0,var(--sl-moon) 55%,#e8d49e);box-shadow:0 0 60px 12px rgba(255,241,200,.28),0 0 160px 40px rgba(255,241,200,.1);transform:translate(var(--mx,0),var(--my,0))}
.sl-moon i{position:absolute;inset:0;border-radius:50%;box-shadow:inset -10px -6px 0 rgba(160,130,90,.12)}

/* I. the threshold */
.sl-threshold{display:none}
html.js .sl-threshold{display:grid;background:transparent;position:fixed;inset:0;z-index:90;place-items:center;padding:20px;overflow:auto;perspective:1600px}
html.js body.sl-body:not(.entered){overflow:hidden}
.sl-doors{position:absolute;inset:0;display:flex;transform-style:preserve-3d}
.sl-doors i{flex:1;background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.6px) 0 0/71px 71px,radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1.6px) 30px 40px/113px 113px,radial-gradient(ellipse at 100% 30%,rgba(118,81,161,.55),transparent 60%),linear-gradient(180deg,#24123f,#120a22 70%,#0d0719);transition:transform 1.6s cubic-bezier(.6,.05,.25,1),opacity 1.6s ease;position:relative}
.sl-doors .l{transform-origin:left center;border-right:1px solid rgba(199,166,231,.18)}
.sl-doors .r{background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.6px) 20px 10px/71px 71px,radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1.6px) 60px 70px/113px 113px,radial-gradient(ellipse at 0% 30%,rgba(118,81,161,.55),transparent 60%),linear-gradient(180deg,#24123f,#120a22 70%,#0d0719);transform-origin:right center;border-left:1px solid rgba(199,166,231,.18)}
.sl-doors i::after{content:"";position:absolute;bottom:5%;width:6px;height:40px;border-radius:4px;background:linear-gradient(var(--sl-gold),#b8963e);box-shadow:0 0 16px rgba(241,215,146,.5)}
.sl-doors .l::after{right:22px}.sl-doors .r::after{left:22px}
.sl-threshold-in{position:relative;z-index:1;width:min(720px,100%);text-align:center;color:#fff;transition:opacity .7s ease,transform .9s ease}
.sl-presents{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sl-lav-soft);opacity:0;animation:slUp 1.2s .3s forwards}
.sl-script{margin:26px 0 4px;font:italic 500 clamp(24px,4vw,36px) "Cormorant Garamond",Georgia,serif;color:var(--sl-lav);opacity:0;animation:slUp 1.4s .9s forwards}
.sl-word{font:400 clamp(72px,17vw,172px)/.95 "Cormorant Garamond",Georgia,serif!important;letter-spacing:.2em;margin-right:-.2em!important;color:#fff;text-shadow:0 0 60px rgba(199,166,231,.35)}
.sl-word span{display:inline-block;opacity:0;filter:blur(14px);transform:translateY(.15em);animation:slLetter 1.8s cubic-bezier(.2,.7,.2,1) forwards}
.sl-word span:nth-child(1){animation-delay:1.5s}.sl-word span:nth-child(2){animation-delay:1.75s}.sl-word span:nth-child(3){animation-delay:2s}.sl-word span:nth-child(4){animation-delay:2.25s}.sl-word span:nth-child(5){animation-delay:2.5s}
@keyframes slLetter{to{opacity:1;filter:none;transform:none}}
@keyframes slUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sl-define{margin:14px 0 0;font:italic 400 17px "Cormorant Garamond",Georgia,serif;color:rgba(234,220,246,.7);letter-spacing:.04em;opacity:0;animation:slUp 1.2s 3.3s forwards}
.sl-define i{color:var(--sl-gold);font-style:italic}
.sl-subtitle{max-width:560px;margin:22px auto 0;font:500 clamp(20px,3vw,27px)/1.35 "Cormorant Garamond",Georgia,serif;color:#f5eef9;opacity:0;animation:slUp 1.2s 3.6s forwards}
.sl-invite{max-width:500px;margin:16px auto 0;color:#ddd1e7;opacity:0;animation:slUp 1.2s 3.9s forwards}
.sl-enter-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px;opacity:0;animation:slUp 1.2s 4.2s forwards}
.sl-enter{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:14px 24px;border-radius:999px;border:0;background:var(--sl-cream);color:var(--sl-purple);font-weight:800;box-shadow:0 12px 40px rgba(8,3,17,.5),0 0 0 6px rgba(251,245,234,.08);transition:transform .25s,box-shadow .25s}
.sl-enter:hover{transform:translateY(-2px);box-shadow:0 16px 50px rgba(8,3,17,.6),0 0 0 8px rgba(251,245,234,.12)}
.sl-enter.quiet{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:none}
.sl-note{display:block;margin-top:16px;color:#cfc0dc;font-size:13px;opacity:0;animation:slUp 1.2s 4.4s forwards}
.sl-urgent-link{display:inline-block;margin-top:16px;color:#f6e8c4;font-size:13.5px;font-weight:700;opacity:0;animation:slUp 1.2s 4.5s forwards}
body.opening .sl-threshold-in{opacity:0;transform:translateZ(200px) scale(1.04)}
body.opening .sl-doors .l{transform:rotateY(-100deg);opacity:.2}
body.opening .sl-doors .r{transform:rotateY(100deg);opacity:.2}
body.entered .sl-threshold{display:none}

/* II. the quiet room */
.sl-room{position:relative;z-index:1}
.sl-quiet{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;color:#fff;overflow:hidden;isolation:isolate}
.sl-quiet::after{content:"";position:absolute;inset:auto 0 0;height:22%;z-index:-1;background:linear-gradient(rgba(13,7,25,0),rgba(13,7,25,.9))}
.sl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(18,10,34,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;z-index:3}
.sl-brand{display:grid;color:#fff;text-decoration:none;line-height:1.1}
.sl-brand b{font:600 22px "Cormorant Garamond",Georgia,serif;letter-spacing:.3em}
.sl-brand small{font-size:11px;color:#c7b8d3;letter-spacing:.04em}
.sl-head-nav{display:flex;align-items:center;gap:18px}
.sl-head-nav a{color:#e8dfee;font-size:13.5px;font-weight:600;text-decoration:none}
.sl-sounds-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-weight:600;font-size:14px}
.sl-window{position:absolute;top:14%;right:6%;z-index:-1;width:min(24vw,320px);height:min(44vh,440px);overflow:hidden;border:12px solid #25153d;border-radius:46% 46% 0 0;background:linear-gradient(#100b2d,#302260);box-shadow:inset 0 0 60px #030108,0 0 0 2px rgba(127,96,163,.35),0 30px 80px rgba(0,0,0,.4);transform:translate3d(var(--wx,0),calc(var(--wy,0) + var(--scroll,0) * .15px),0)}
.sl-window::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#25153d 48% 53%,transparent 53%),linear-gradient(transparent 62%,#25153d 62% 66%,transparent 66%)}
body.sl-gentle-rain .sl-window::before,body.sl-window-rain .sl-window::before,body.sl-deep-rain .sl-window::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 12px,rgba(255,255,255,.1) 13px 14px,transparent 15px 26px);animation:slStreak 1.1s linear infinite}
@keyframes slStreak{to{background-position:0 60px}}
.sl-window-moon{position:absolute;top:12%;right:14%;width:48px;height:48px;border-radius:50%;background:var(--sl-moon);box-shadow:0 0 35px rgba(255,234,200,.6)}
.sl-window i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:25px 62px #fff,82px 20px rgba(255,255,255,.55),112px 95px #fff,185px 45px rgba(255,255,255,.6)}
.sl-window i:nth-of-type(2){left:40px;top:80px}.sl-window i:nth-of-type(3){left:120px;top:15px}
.sl-candle{position:absolute;left:7%;bottom:14%;z-index:-1;width:26px;height:74px;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,#e9dcc4,#fff8ea 45%,#d9c8ab);box-shadow:0 0 120px 50px rgba(241,215,146,.12);transform:translate3d(var(--cx,0),var(--cy,0),0)}
.sl-candle i{position:absolute;left:50%;top:-26px;width:14px;height:24px;margin-left:-7px;border-radius:50% 50% 45% 45%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 70%,#fff 0,#ffe39a 35%,#ff9d3c 70%,transparent 72%);filter:blur(.3px);transform-origin:50% 100%;animation:slFlame 2.4s ease-in-out infinite alternate}
@keyframes slFlame{0%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08,1.14) rotate(2deg)}100%{transform:scale(.95,1.04) rotate(-1deg)}}
.sl-center{display:grid;justify-items:center;align-content:center;text-align:center;padding:48px 20px 40px;position:relative;z-index:2}
.sl-now,.sl-eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sl-lav)}
.sl-message{max-width:880px;margin:14px 0 0;font-size:clamp(36px,6vw,74px);color:#fff;transition:opacity .6s ease,filter .6s ease}
.sl-message.swap{opacity:0;filter:blur(8px)}
.sl-verse-rotate{min-height:92px;margin:22px 0 4px;transition:opacity .9s ease}
.sl-verse-rotate.swap{opacity:0}
.sl-verse-rotate p{max-width:660px;margin:0 auto;font:italic 500 clamp(19px,2.4vw,25px)/1.5 "Cormorant Garamond",Georgia,serif;color:#eee4f6}
.sl-verse-rotate cite{display:block;margin-top:6px;font-size:11.5px;font-style:normal;letter-spacing:.12em;color:#c0afcd}
.sl-orb{position:relative;width:170px;height:170px;margin:10px 0 16px;display:grid;place-items:center}
.sl-orb .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(215,194,235,.4);transform:scale(calc(var(--b,.9) * var(--k)))}
.sl-orb .r1{--k:1}.sl-orb .r2{--k:.8;border-color:rgba(215,194,235,.28)}.sl-orb .r3{--k:1.22;border-color:rgba(215,194,235,.14)}
.sl-orb .core{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.28),rgba(199,166,231,.12) 60%,rgba(91,39,148,.2));box-shadow:0 0 calc(var(--b,.9) * 80px) rgba(199,166,231,.35);transform:scale(var(--b,.9))}
.sl-breath-word{font:500 13px Outfit,sans-serif;letter-spacing:.08em;color:#fff;transform:scale(calc(1 / var(--b,.9)))}
.sl-moods{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}
.sl-moods button{padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#efe6f7;font-size:13.5px;font-weight:600;transition:background .3s,color .3s,border-color .3s}
.sl-moods button[aria-pressed=true]{background:var(--sl-cream);color:var(--sl-purple);border-color:var(--sl-cream)}
.sl-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(540px,100%);margin-top:22px;padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(15,8,29,.78);text-align:left;box-shadow:0 18px 50px rgba(8,3,15,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sl-player>div{display:grid;min-width:0}
.sl-player strong{font-size:14px;font-weight:600}
.sl-status{margin-top:2px;color:#b9a8c5;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-play,.sl-mute{display:grid;place-items:center;border:0;color:#fff}
.sl-play{width:52px;height:52px;border-radius:50%;background:var(--sl-purple);box-shadow:0 0 0 6px rgba(183,153,227,.14)}
.sl-mute{background:transparent;width:44px;height:44px}
.sl-play .i-pause,body.playing .sl-play .i-play,.sl-mute .i-muted,body.muted .sl-mute .i-vol{display:none}
body.playing .sl-play .i-pause,body.muted .sl-mute .i-muted{display:block}
body.playing .sl-play{animation:slGlow 3s ease-in-out infinite}
@keyframes slGlow{50%{box-shadow:0 0 0 10px rgba(183,153,227,.1),0 0 30px rgba(199,166,231,.4)}}
.sl-open-sounds{margin-top:12px;padding:8px 12px;border:0;background:transparent;color:#d8c8e3;font-size:13px;font-weight:700}
.sl-scroll{margin:0 0 18px;text-align:center;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.45)}

/* EFF's own music picks: a small visible player */
.sl-track{width:min(420px,100%);margin-top:14px;border-radius:16px;overflow:hidden;background:rgba(15,8,29,.78);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(8,3,15,.35)}
.sl-track>div,.sl-track iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.sl-track small{display:block;padding:8px 12px;color:#d8c8e3;font-size:12px;text-align:left}
.sl-grid button.eff b::before{content:"♪ ";color:var(--sl-gold)}

/* the drawer */
.sl-drawer{position:fixed;top:0;right:0;z-index:95;width:min(470px,100%);height:100svh;overflow:auto;overscroll-behavior:contain;padding:64px 24px 28px;background:var(--sl-cream);color:var(--sl-ink);box-shadow:-20px 0 70px rgba(8,3,16,.6);transform:translateX(110%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility .45s}
.sl-drawer.open{transform:none;visibility:visible}
.sl-scrim{position:fixed;inset:0;z-index:94;background:rgba(8,3,16,.45)}
.sl-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:1px solid #d7c9df;border-radius:50%;background:#fff;font-size:24px;color:var(--sl-purple)}
.sl-drawer .sl-eyebrow{color:var(--sl-purple)}
.sl-drawer h2{margin:8px 0 18px;font-size:34px;color:var(--sl-plum)}
.sl-drawer fieldset{margin:22px 0;padding:0;border:0}
.sl-drawer legend,.sl-volume{display:block;width:100%;margin-bottom:10px;color:#5e4d68;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sl-grid.three{grid-template-columns:repeat(3,1fr)}
.sl-grid button{display:grid;gap:2px;min-height:48px;padding:11px 10px;border:1px solid #d7c9df;border-radius:12px;background:#fff;color:#44334e;font-size:13px;font-weight:600;text-align:left}
.sl-grid.three button{text-align:center}
.sl-grid button small{color:#786a80;font-size:11px;font-weight:400}
.sl-grid button.on{border-color:var(--sl-purple);background:var(--sl-purple);color:#fff}
.sl-grid button.on small{color:#eadff4}
.sl-volume input{width:100%;margin-top:12px;accent-color:var(--sl-purple)}
.sl-timer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:12px;padding:14px;border-radius:12px;background:#e9def0}
.sl-timer strong{font:600 28px ui-monospace,monospace;color:var(--sl-plum)}
.sl-timer button{min-height:42px;padding:8px 14px;border:0;border-radius:8px;background:#fff;color:var(--sl-purple);font-weight:800}
.sl-mobile-note{margin:22px 0 0;padding:12px;border-radius:10px;background:#eee5f2;color:#66566e;font-size:12.5px}

/* III. care tools: calm reading */
.sl-care,.sl-people{position:relative;z-index:1}
.sl-care{padding:clamp(72px,9vw,128px) clamp(20px,6vw,96px);background:var(--sl-cream)}
.sl-heading{max-width:760px;margin:0 auto 48px;text-align:center}
.sl-heading .sl-eyebrow,.sl-people .sl-eyebrow{color:var(--sl-purple)}
.sl-heading h2,.sl-people h2{margin:12px 0 14px;font-size:clamp(38px,5vw,64px);color:var(--sl-plum)}
.sl-heading>p:last-child,.sl-people-copy>p{color:var(--sl-muted);font-size:17px}
.sl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1200px;margin:0 auto;perspective:1400px}
.sl-card{position:relative;padding:32px 28px;border:1px solid #e3d6e6;border-radius:24px;background:linear-gradient(180deg,#fffdf9,#fbf5ec);box-shadow:0 20px 60px rgba(42,16,76,.07);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s ease,box-shadow .5s ease,opacity 1s ease,translate 1s ease}
.sl-card:hover{box-shadow:0 30px 80px rgba(42,16,76,.13)}
.sl-num{position:absolute;top:22px;right:26px;font:italic 500 30px "Cormorant Garamond",Georgia,serif;color:#cdb8da}
.sl-card h3{margin:28px 0 12px;font-size:30px;color:var(--sl-plum)}
.sl-card>p{color:#66596a}
.sl-card>a{display:inline-flex;margin-top:12px;color:var(--sl-purple);font-weight:700;font-size:14px}
.sl-ground{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.sl-ground button{display:flex;align-items:center;gap:12px;width:100%;padding:6px 8px;border:0;border-radius:12px;background:transparent;color:#5e5262;text-align:left;font-size:15px;transition:background .4s}
.sl-ground b{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#eee2f4;color:var(--sl-purple);font:600 18px "Cormorant Garamond",Georgia,serif;transition:background .4s,color .4s,box-shadow .4s}
.sl-ground button.done{background:#f6eefa}
.sl-ground button.done b{background:var(--sl-purple);color:#fff;box-shadow:0 0 0 5px rgba(91,39,148,.12)}
.sl-ground-done{margin:14px 0 0;font:italic 500 20px "Cormorant Garamond",Georgia,serif;color:var(--sl-purple)}
.sl-journal label{display:block;margin:0 0 10px;color:#66596a;font-size:14px}
.sl-journal textarea{width:100%;min-height:120px;resize:vertical;padding:12px;border:1px solid #d9ccdf;border-radius:12px;background:#fbf7f0;color:var(--sl-ink);font:italic 500 18px/1.5 "Cormorant Garamond",Georgia,serif}
.sl-journal-actions{display:flex;gap:8px;margin-top:10px}
.sl-journal-actions button{min-height:42px;padding:8px 14px;border:1px solid #d2c4d9;border-radius:10px;background:#fff;color:var(--sl-purple);font-size:13px;font-weight:700}
.sl-journal-actions .save{border-color:var(--sl-purple);background:var(--sl-purple);color:#fff}
.sl-journal small{display:block;margin-top:10px;color:#817485;font-size:12px}
.sl-save-status{margin:8px 0 0;color:var(--sl-purple);font-size:13px;font-weight:700;min-height:1em}
@media (max-width:900px){.sl-cards{grid-template-columns:1fr 1fr}.sl-journal{grid-column:1/-1}}
@media (max-width:640px){.sl-cards{grid-template-columns:1fr}.sl-journal{grid-column:auto}.sl-card{padding:26px 20px}}

/* IV. people: lanterns on a path */
.sl-people{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,7vw,110px);align-items:center;padding:clamp(72px,9vw,128px) clamp(20px,8vw,140px);background:var(--sl-paper)}
.sl-primary{display:inline-flex;margin-top:22px;padding:14px 20px;border-radius:999px;background:var(--sl-purple);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 12px 30px rgba(91,39,148,.25)}
.sl-lanterns{list-style:none;margin:0;padding:0 0 0 22px;display:grid;gap:16px;position:relative}
.sl-lanterns::before{content:"";position:absolute;left:40px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--sl-gold),rgba(241,215,146,.1))}
.sl-lanterns li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:16px 18px;border:1px solid #e0d2e2;border-radius:16px;background:#fffaf3;position:relative}
.sl-lanterns li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sl-plum);color:var(--sl-gold);font:600 20px "Cormorant Garamond",Georgia,serif;box-shadow:0 0 24px rgba(241,215,146,.45);margin-left:-40px}
.sl-lanterns b{color:var(--sl-plum);font-size:16px}
.sl-lanterns p{margin:4px 0 0;color:#6f6371;font-size:14px}
@media (max-width:900px){.sl-people{grid-template-columns:1fr}}

/* V. urgent: plain, clear, high contrast */
.sl-urgent{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(40px,5vw,64px) clamp(20px,8vw,140px);background:#24113f;color:#fff;scroll-margin-top:12px}
.sl-urgent .sl-eyebrow{color:#d6b7eb}
.sl-urgent h2{margin:8px 0 10px;font-size:clamp(34px,4vw,52px);color:#fff}
.sl-urgent-copy>p:last-child{max-width:760px;margin:0;color:#ece3f3;font-size:16px}
.sl-urgent-actions{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}
.sl-urgent-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}
.sl-urgent-actions a:first-child{background:#fff;color:var(--sl-plum)}
.sl-urgent-actions a:last-child{grid-column:1/-1}
@media (max-width:760px){.sl-urgent{grid-template-columns:1fr}}

/* VI. stillness */
.sl-still{position:relative;z-index:1;min-height:80vh;display:grid;place-items:center;padding:100px 24px;background:#000;overflow:hidden}
.sl-still::before{content:"";position:absolute;left:50%;top:50%;width:80vmin;height:80vmin;transform:translate(-50%,-50%) scale(calc(.4 + var(--p,1) * .8));border-radius:50%;background:radial-gradient(circle,rgba(241,215,146,.24),transparent 65%);opacity:var(--p,1)}
.sl-still blockquote{position:relative;margin:0;text-align:center;opacity:calc(.12 + var(--p,1) * .88)}
.sl-still p{margin:0;font:italic 500 clamp(34px,5.4vw,64px)/1.25 "Cormorant Garamond",Georgia,serif;color:var(--sl-cream)}
.sl-still cite{display:block;margin-top:24px;font-style:normal;font-weight:700;font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--sl-gold)}

/* footer (a div on purpose) */
.sl-foot{position:relative;z-index:1;display:grid;gap:12px;justify-items:center;text-align:center;padding:48px 20px 90px;background:#0b0616;color:#cfc0d9}
.sl-foot-brand{display:grid}
.sl-foot-brand b{font:600 24px "Cormorant Garamond",Georgia,serif;letter-spacing:.3em;color:#fff}
.sl-foot-brand small{font-size:12px;color:#ad9bb8}
.sl-foot p{margin:0;max-width:640px;font-size:13px;color:#b8a9c2}
.sl-foot-meta{color:#9e8caa!important}
.sl-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.sl-foot-links a{color:var(--sl-lav);text-decoration:none;font-size:13px;overflow-wrap:anywhere}

/* always within reach */
.sl-988{position:fixed;left:14px;bottom:14px;z-index:80;display:none;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:rgba(36,17,63,.92);color:#fff;border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sl-988 b{font-weight:800;color:var(--sl-gold)}
body.entered .sl-988,html.no-js .sl-988{display:inline-flex}
body.urgent-in-view .sl-988{opacity:0;pointer-events:none}

.sl-rv{opacity:0;translate:0 24px;transition-delay:calc(var(--d,0) * .14s)}
.sl-rv.in{opacity:1;translate:0 0}
.sl-lanterns li.sl-rv{transition:opacity 1s ease,translate 1s ease;transition-delay:calc(var(--d,0) * .14s)}

@media (max-width:700px){
  .sl-head{padding:12px 16px}
  .sl-head-nav a{display:none}
  .sl-window{top:16%;right:-24%;width:62vw;height:36vh;opacity:.5}
  .sl-candle{left:6%;bottom:8%;transform:scale(.8)}
  .sl-center{padding:36px 16px 28px}
  .sl-orb{width:140px;height:140px}.sl-orb .core{width:80px;height:80px}
  .sl-moods button{font-size:13px;padding:8px 12px}
  .sl-player{gap:10px}
  .sl-care,.sl-people{padding:64px 16px}
  .sl-urgent{padding:44px 16px}
  .sl-drawer{padding:60px 16px 24px}
}

/* reduced motion: still, present, readable */
@media (prefers-reduced-motion:reduce){
  body.sl-body *,body.sl-body *::before,body.sl-body *::after{animation:none!important;transition:none!important}
  .sl-presents,.sl-script,.sl-word span,.sl-define,.sl-subtitle,.sl-invite,.sl-enter-row,.sl-note,.sl-urgent-link{opacity:1;filter:none;transform:none}
  .sl-rv{opacity:1;translate:none}
}