/* WITHIN: one coordinated spectrum. Section endpoints are shared tokens.
   Decorative light fades to zero before every edge, including on mobile. */
:root{--sky:#ccdfed;--mist:#dfe8dc;--champagne:#efe5c9;--peach-light:#efdbd0;--dusk:#40334f;--evening:#405971;--mint-light:#d9e6df;--blue-light:#cadbe6;--night:#354c65;--ink:#293d50;background:var(--sky);color:var(--ink)}
body{background:var(--sky)}.header{color:var(--ink)}
.hero,.intention-strip,.light-section,.monthly,.ritual,.membership,.faq,footer{position:relative;isolation:isolate}
.hero{max-width:none;padding-left:max(8%,calc((100vw - 1210px)/2));padding-right:max(8%,calc((100vw - 1210px)/2));background:linear-gradient(180deg,var(--sky),#d6e4e8 65%,var(--mist));color:var(--ink)}
.intention-strip{background:linear-gradient(180deg,var(--mist),#e9e8d8 45%,var(--champagne));color:var(--ink)}
.light-section{background:linear-gradient(180deg,var(--champagne),#f0e4d1 40%,var(--peach-light));color:var(--ink);border-radius:0}
.monthly{padding-top:240px;background:linear-gradient(180deg,var(--peach-light) 0px,#e8ced6 55px,#cdbbd4 110px,#9c88ad 165px,#685578 230px,var(--dusk) 100%);color:#fcf5ee}
.ritual{background:linear-gradient(180deg,var(--dusk),#403b56 40%,#414e67 78%,var(--evening));color:#faf4ef}
.membership{padding-top:230px;background:linear-gradient(180deg,var(--evening) 0px,#668399 60px,#a0bdc7 125px,var(--mint-light) 215px,#d9e6df 100%);color:var(--ink)}
.faq{background:linear-gradient(180deg,var(--mint-light),#d3e2e2 55%,var(--blue-light));color:var(--ink)}
footer{padding-top:210px;background:linear-gradient(180deg,var(--blue-light) 0px,#a5becf 60px,#6b87a1 125px,var(--night) 195px);color:#f8f3eb}
/* Organic light remains inside each section; it cannot create a seam. */
.hero:before,.light-section:before,.ritual:before,.membership:before{content:'';position:absolute;inset:10% 0 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 32%,#ffe9c755,transparent 48%),radial-gradient(ellipse at 78% 65%,#eccbde55,transparent 52%);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);animation:within-light 24s ease-in-out infinite alternate}
.hero:before{background:radial-gradient(ellipse at 75% 45%,#f5dbde90,transparent 48%),radial-gradient(ellipse at 20% 50%,#f4ecd34d,transparent 55%)}
.ritual:before{background:radial-gradient(ellipse at 15% 35%,#ae83ba22,transparent 55%),radial-gradient(ellipse at 85% 70%,#85b3cc18,transparent 60%)}
.membership:before{inset:250px 0 10%;background:radial-gradient(ellipse at 80% 45%,#fff3d96b,transparent 55%)}
@keyframes within-light{from{opacity:.5;background-position:0 0}to{opacity:1;background-position:45px 25px}}
.hero h1 span{color:#637592}.hero p,.hero-note,.hero .eyebrow,.art-coordinate{color:#40566b}.heart-button{filter:drop-shadow(14px 25px 25px #63789230)}.heart-button span{color:#534968}
.header nav{background:#f9fbfc59;border-color:#ffffffb3;box-shadow:inset 0 1px 0 #ffffffb3,0 10px 30px #607e9d12}.header .button{background:#354e67;color:#fff5e8}
.floating-note{background:linear-gradient(130deg,#fff7eb70,#ffffff2e);border-color:#ffffffa6;color:#344b62}.floating-note small{color:#435c73}.tiny-bars i{background:#7d86a6}.note-orbit{color:#877a9e}
.hero .button.primary,.price-card .button.primary{background:#354e67;color:#fff5e8;border-color:#ffffff40}.button.primary{box-shadow:inset 0 1px 0 #ffffff40}
.light-section h2 span{color:#80627b}.section-heading>p{opacity:1}.collection-meta,.collection-footnote,.track-info>p{color:#64576a}.filters button{color:#514760}.filters button[aria-pressed=true]{background:#485369;color:#fff7ed}.search{background:#ffffff29;border-color:#65546b32}.search input{color:#3b4054}.search input::placeholder{color:#686071}
.intentions button{border-color:#5e6c7630}.intentions button span{box-shadow:inset 0 1px 0 #ffffffa0,0 5px 15px #445c6e0a}
/* Six consistent themes across cards, details and listening views. */
.gold{background:linear-gradient(145deg,#f3e6bf,#d8bb76)!important;--shape-a:#fff1c7;--shape-b:#b49146}
.blue{background:linear-gradient(145deg,#dce9f3,#adc9df)!important;--shape-a:#edf5f9;--shape-b:#789dbf}
.lavender{background:linear-gradient(145deg,#e5dbed,#c4b2d8)!important;--shape-a:#f2e8f4;--shape-b:#a18ab9}
.peach{background:linear-gradient(145deg,#f8e9ce,#e9bfa6)!important;--shape-a:#fff0d0;--shape-b:#cf997c}
.mint{background:linear-gradient(145deg,#e1ecdc,#b5d1bc)!important;--shape-a:#f1f1d8;--shape-b:#87ad9b}
.rose{background:linear-gradient(145deg,#f2dce3,#d9b2c5)!important;--shape-a:#ffe7e8;--shape-b:#b887a4}
.track-art{border:1px solid #ffffff65;box-shadow:inset 0 1px 0 #ffffff80,0 12px 30px #74556b0b}.track-category{color:#4b4055}.bookmark{color:#51455e}.bookmark[aria-pressed=true]{color:#834968}
.monthly-art{background:radial-gradient(ellipse at 50% 59%,#f1d4b7 0%,#d2adbe 30%,#a393b7 58%,#667c99 100%);border-color:#f8e9ed65;box-shadow:inset 0 1px 0 #fff8,0 25px 60px #221d3c25}.halo{border-color:#fff0d8b3;box-shadow:0 0 0 20px #fff2df14,0 0 0 45px #fff2df0c,0 0 80px #fce7cd55}.horizon{background:linear-gradient(#a09fbe,#526b86);box-shadow:0 -1px 0 #ffe6c880}
.monthly-copy h2 span{color:#ecd4e4}.monthly-copy p,.monthly-copy .eyebrow{color:#f5eaf1}.monthly .pill{opacity:1}.monthly .release-line{border-color:#f7e3ee38}.monthly-copy .button{background:#ffffff10;border-color:#f3e1ef70;color:#fff5e9}
.ritual h2 span{color:#d7c2e3}.ritual .section-heading>p,.ritual-grid p{color:#e4dce9}.ritual-grid article{background:linear-gradient(135deg,#fff6e914,#d4e5f207);border-color:#e4dced38;box-shadow:inset 0 1px 0 #ffffff26}.step-num,.quiet-link{color:#dcd2e8}.quiet-link{border-color:#dcd2e84d}
.orbit-shape{border:2px solid #dbbfdf;box-shadow:inset 2px 5px 18px #ecd9f533,0 0 0 13px #d9b9e00c}.bloom-shape{background:linear-gradient(135deg,#f5dfb7,#d9abc0);box-shadow:inset 5px 6px 20px #fff6}.sphere-shape{background:radial-gradient(circle at 30% 20%,#f3eed4,#b7d8c6 45%,#7798b5);box-shadow:0 15px 35px #18284425}
.membership h2 span{color:#5c7879}.membership p,.price-card li{color:#405866}.price-card{background:linear-gradient(135deg,#fff9ea70,#e7f2ef35);border-color:#ffffff9e;box-shadow:inset 0 1px 0 #ffffffaa,0 20px 50px #446e7012}.price-card ul{border-color:#486b7029}.price-card>small,.mobile-peek small{color:#52666c}.mini-symbol{background:linear-gradient(140deg,#f2e6c45c,#e2d9ef5c);color:#617685;border-color:#fff9}.faq p{color:#425969}.faq details{border-color:#506f7c2e}.faq summary:after{color:#566e85}
footer p,footer>div{color:#e1e9ef}.player,.mobile-dock{background:#30465beF;border-color:#dfebf04d;color:#f9f1e7;box-shadow:0 15px 50px #132d4530}.player-title small,.player-progress span{color:#c6d7e4}.player-progress input{accent-color:#e2c7d6}
dialog{background:radial-gradient(ellipse at 80% 10%,#8e7b9c35,transparent 65%),#34485e;color:#faf2e9;border-color:#e5eaf14d}dialog::backdrop{background:#1d2c3f99}dialog>p{color:#e0dce8}.micro{color:#cfd8e5!important}.intention-note{background:#ffffff08;border-color:#e7eaf126}.toast{background:#f4e9d5;color:#30465b}
@media(max-width:1050px){.hero{padding-left:6%;padding-right:6%}}
@media(max-width:700px){.hero{padding:35px 26px 25px}.monthly{padding-top:240px}.membership{padding-top:230px}footer{padding-top:210px}.membership:before{inset:240px 0 10%}}
@media(prefers-reduced-motion:reduce){.hero:before,.light-section:before,.ritual:before,.membership:before{animation:none}}
.motion-paused :before{animation-play-state:paused!important}

/* Interactive light bridges occupy existing transition space, never copy. */
.light-bridge{position:absolute;inset:0 0 auto;height:215px;overflow:hidden;isolation:isolate;--drift-x:0px;--drift-y:0px;color:#fff9ef}
.light-bridge:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.12;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}
.bridge-mist{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 28% 50%,#f2d6e245,transparent 55%),radial-gradient(ellipse at 75% 48%,#bddee945,transparent 50%);mask-image:linear-gradient(transparent,#000 40%,#000 60%,transparent);transform:translate(var(--drift-x),var(--drift-y));transition:transform 1.8s ease;animation:bridge-glow 14s ease-in-out infinite alternate}
.bridge-ribbons{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.bridge-ribbons g{transform-origin:center;animation:ribbon-flow 18s ease-in-out infinite alternate}.ribbon-wide{filter:blur(13px)}
.bridge-2 .bridge-ribbons g{animation-delay:-7s;animation-direction:alternate-reverse}.bridge-3 .bridge-ribbons g{animation-delay:-12s}
.bridge-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:90%;z-index:1}
.bridge-pause{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:10px 18px;border:1px solid #fff9;border-radius:40px;background:#3444586e;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff5,0 10px 35px #29263715;color:#fff9f0;font-size:12px;letter-spacing:.5px;transition:background .4s,box-shadow .4s}
.bridge-pause:hover,.bridge-pause[aria-pressed=true]{background:#354458b3;box-shadow:inset 0 1px 0 #fff7,0 0 30px #f0d9e02b}.bridge-seed{width:22px;height:22px;border-radius:45% 55% 55% 45%;background:radial-gradient(circle at 30% 20%,#fff3db,#ddbdd3 50%,#9ebed1);box-shadow:inset 0 1px 3px #fff9;flex:none}.bridge-2 .bridge-seed{background:radial-gradient(circle at 30% 20%,#fff2ce,#bedacb 50%,#8aadc9)}.bridge-plus{font-size:17px;opacity:.8}.bridge-prompt{margin:0;font-size:10px;letter-spacing:1.6px;text-align:center;line-height:1.6;color:#fff9f0;background:#30435978;border:1px solid #fff2;padding:5px 12px;border-radius:20px;max-width:100%}
.light-bridge.is-active .bridge-seed{animation:quiet-pulse 6s ease-in-out infinite}.light-bridge.is-active .bridge-prompt{letter-spacing:.3px;font-size:12px}.light-bridge.is-active .bridge-plus{transform:rotate(45deg)}
footer>.light-bridge{display:block;gap:0}footer .bridge-controls{margin-left:0}footer .bridge-prompt{order:initial;width:auto;color:#fff9f0}footer .bridge-pause{font-size:12px}
@keyframes ribbon-flow{0%{transform:translate(-25px,8px) scale(1.06,.8) rotate(-2deg)}100%{transform:translate(25px,-8px) scale(1.12,1.1) rotate(2deg)}}
@keyframes bridge-glow{from{opacity:.45}to{opacity:.95}}
@keyframes quiet-pulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.15)}}
@media(max-width:700px){.bridge-ribbons{width:160%;left:-30%}.bridge-pause{font-size:12px;min-height:48px}.bridge-prompt{font-size:9px;letter-spacing:1px}.bridge-controls{gap:10px}.light-bridge{height:210px}}
@media(prefers-reduced-motion:reduce){.bridge-ribbons g,.bridge-mist,.light-bridge.is-active .bridge-seed{animation:none!important}.bridge-mist{transform:none;transition:none}}

/* Three wider, individually choreographed transitions. */
.bridge-controls{width:min(460px,88%)}.bridge-pause{width:100%;padding:14px 24px;justify-content:flex-start;min-height:58px}.bridge-plus{margin-left:auto}.bridge-prompt{max-width:100%}.bridge-1 .bridge-seed{border-radius:35% 65% 55% 45%}.bridge-2 .bridge-seed{border-radius:50%;background:transparent;border:2px solid #e2efd8;box-shadow:0 0 0 4px #e2efd820,inset 0 0 10px #e2efd840}.bridge-3 .bridge-seed{border-radius:65% 35% 70% 30%;background:linear-gradient(135deg,#d8ebf5,#c5b4de)}
.bridge-rings g{animation:bridge-bloom 12s ease-in-out infinite alternate!important;transform-origin:720px 120px}.bridge-tide g{animation:bridge-wave 17s ease-in-out infinite alternate!important;transform-origin:center}
@keyframes bridge-bloom{from{transform:scale(.85,1);opacity:.65}to{transform:scale(1.12,.85);opacity:1}}
@keyframes bridge-wave{from{transform:translateX(-65px) scaleY(.65)}to{transform:translateX(65px) scaleY(1.1)}}
.hero:before{background:radial-gradient(ellipse at 78% 40%,#dfe6ff80,transparent 50%),radial-gradient(ellipse at 55% 70%,#b4d7c550,transparent 55%)}
.audio-card-button{display:flex;align-items:center;gap:10px;width:100%;margin-top:16px;border:1px solid #ffffffb0;border-radius:16px;padding:12px;background:#ffffff42;text-align:left;color:#35485d;box-shadow:inset 0 1px 0 #fff7;transition:background .25s,transform .25s}.audio-card-button:hover{background:#ffffff85;transform:translateY(-2px)}.audio-card-button strong{display:block;font-size:10px;letter-spacing:1px}.audio-card-button small{display:block;font-size:11px;margin-top:4px;color:#645d70}.audio-card-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#354e67;color:#fff7ed;font-size:20px}.audio-card-bars{margin-left:auto;white-space:nowrap;letter-spacing:1px;color:#82738f;font-size:17px}
.audio-layout{--wave:#d8ba79;margin:24px 0;padding:18px;border:1px solid #ffffff45;border-radius:19px;background:#ffffff0a}.audio-layout[data-theme=blue]{--wave:#b4d4eb}.audio-layout[data-theme=lavender]{--wave:#cfbde3}.audio-layout[data-theme=peach]{--wave:#f0caaa}.audio-layout[data-theme=mint]{--wave:#bedcc8}.audio-layout[data-theme=rose]{--wave:#e8bdcf}.audio-layout-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;letter-spacing:1px;color:#e6e2ed}.audio-pending{border:1px solid #fff4;border-radius:20px;padding:5px 8px;font-size:9px;letter-spacing:0;white-space:nowrap}.audio-layout-row{display:flex;align-items:center;gap:14px;margin:22px 0 10px}.audio-play-disabled{width:44px;height:44px;flex:none;border-radius:50%;background:var(--wave);color:#314354;font-size:25px;cursor:not-allowed;opacity:.8}.audio-wave{display:flex;align-items:center;justify-content:space-between;gap:3px;flex:1;height:48px;overflow:hidden}.audio-wave i{height:var(--bar);width:3px;min-width:2px;border-radius:3px;background:var(--wave);opacity:.65}.audio-duration{font-size:11px;color:#e2dce7}.audio-layout .audio-layout-note{font-size:10px;line-height:1.7;color:#d0dae6;margin:12px 0 0;letter-spacing:.2px}
@media(max-width:700px){.bridge-controls{width:min(380px,86%)}.bridge-pause{min-height:54px;padding:12px 18px}.audio-card-button{gap:7px;padding:10px 8px;flex-wrap:wrap}.audio-card-button strong{font-size:9px;letter-spacing:.3px}.audio-card-bars{display:none}.audio-card-icon{width:28px;height:28px}.audio-layout{padding:14px}.audio-layout-row{gap:10px}.audio-layout-heading{flex-wrap:wrap}.audio-wave{gap:2px}}
@media(prefers-reduced-motion:reduce){.bridge-rings g,.bridge-tide g{animation:none!important}}
.motion-paused .bridge-rings g,.motion-paused .bridge-tide g{animation-play-state:paused!important}

/* Extended mesh washes: independently curved contours, soft edges, exact endpoint colors. */
.monthly{padding-top:530px;background:var(--dusk) url('/meditations/wash-monthly.svg') center top / 100% 560px no-repeat}
.membership{padding-top:530px;background:var(--mint-light) url('/meditations/wash-membership.svg') center top / 100% 560px no-repeat}
footer{padding-top:530px;background:var(--night) url('/meditations/wash-footer.svg') center top / 100% 560px no-repeat;flex-wrap:wrap;gap:30px 36px}
.light-bridge{height:480px}.bridge-controls{top:49%}.bridge-ribbons{height:100%;mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}
.bridge-mist{background:radial-gradient(ellipse at 22% 38%,#f6dce72b,transparent 60%),radial-gradient(ellipse at 79% 64%,#c6e2ef30,transparent 55%);mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}
.membership .bridge-prompt,footer .bridge-prompt,.monthly .bridge-prompt{color:#fff9f0;background:#304359bd}.bridge-pause{background:#34445899}
footer .brand .within-name{font-size:34px;font-weight:500;letter-spacing:5px}footer .brand .within-by{font-size:12px}footer .brand .brand-logo{width:76px}
footer>p{font-size:13px;font-weight:600;line-height:1.7;color:#e4ecf3;max-width:310px;margin:0}
.footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:7px;border:1px solid #dceaf16b;border-radius:38px;background:#e7f1f010;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff3;margin-left:auto}
.footer-nav a,.footer-nav button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 15px;border-radius:28px;font-size:11px;font-weight:700;letter-spacing:1px;color:#f8f3eb;text-transform:uppercase;transition:background .25s}
.footer-nav a:hover,.footer-nav button:hover{background:#ffffff1a}.footer-nav a:focus-visible,.footer-nav button:focus-visible{outline-color:#e9d5a8}
@media(max-width:1100px){.footer-nav{width:100%;margin-left:0}footer>p{margin-left:auto}}
@media(max-width:700px){.monthly,.membership{padding-top:410px;background-size:170% 440px;background-position:42% top}footer{padding-top:410px;background-size:170% 440px;background-position:60% top;gap:25px}.light-bridge{height:370px}.bridge-ribbons{width:180%;left:-40%}footer .brand .within-name{font-size:28px;letter-spacing:4px}footer .brand .brand-logo{width:68px}footer>p{order:initial;width:auto;max-width:none;margin:0}.footer-nav{border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.footer-nav a,.footer-nav button{font-size:10px;padding:12px 10px}.membership:before{inset:450px 0 10%}}

/* Original WITHIN reflections, positioned above each interactive ribbon. */
.bridge-quote{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:min(740px,84%);margin:0;text-align:center;font-family:'Outfit',Arial,sans-serif;font-size:clamp(26px,2.8vw,40px);font-weight:400;line-height:1.25;letter-spacing:-.025em;z-index:2;color:#3c3a51;text-wrap:balance}
.bridge-2 .bridge-quote{color:#f9f2e9;text-shadow:0 2px 20px #253e5120}.bridge-3 .bridge-quote{color:#30475e}.bridge-controls{top:65%}
@media(max-width:700px){.bridge-quote{top:30px;width:86%;font-size:26px;line-height:1.25}.bridge-controls{top:70%}}
@media(max-width:380px){.bridge-quote{font-size:23px}}

/* Compact editorial rhythm while retaining curved color transitions. */
.header{padding-top:24px;padding-bottom:24px}.hero{padding-top:45px;padding-bottom:45px;min-height:590px}.intention-strip{padding-top:45px;padding-bottom:55px}.light-section{padding-top:55px;padding-bottom:45px}.section-heading{margin-bottom:25px}.track-grid{row-gap:20px}.collection-footnote{margin-top:20px}
.monthly{padding-top:415px;padding-bottom:55px;background-size:100% 440px}.ritual{padding-top:50px;padding-bottom:50px}.ritual-grid{margin-top:30px}.membership{padding-top:415px;padding-bottom:55px;background-size:100% 440px}.faq{padding-top:30px;padding-bottom:35px}footer{padding-top:415px;padding-bottom:80px;background-size:100% 440px}
.light-bridge{height:390px}.bridge-quote{top:30px}.bridge-controls{top:69%}.membership:before{inset:440px 0 10%}
.quote-touch{display:block;width:100%;padding:8px 0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:center;background:none;border:0;cursor:pointer;perspective:700px}
.quote-touch>span{display:block;text-wrap:balance;transform:translateY(0);transition:transform 900ms cubic-bezier(.2,.8,.2,1),text-shadow 900ms,filter 900ms;will-change:transform}
.quote-awake .quote-touch>span{transform:translateY(-5px) scale(1.025);text-shadow:0 0 24px #ffffff65;filter:brightness(1.08)}
.bridge-ribbons{transition:filter 1.2s ease,opacity 1.2s ease,transform 1.2s ease;opacity:.65;transform:scale(1)}
.quote-awake .bridge-ribbons{filter:drop-shadow(0 0 10px #f4e0f070);opacity:1;transform:scale(1.04,1.13)}
.bridge-mist{transition:transform 1.8s ease,filter 1.2s ease}.quote-awake .bridge-mist{filter:brightness(1.2) saturate(1.15)}
.quote-touch:focus-visible{outline:1px solid currentColor;outline-offset:8px;border-radius:14px}
@media(min-width:1600px){.hero{padding-top:65px;padding-bottom:65px}}
@media(max-width:700px){.header{padding-top:18px;padding-bottom:18px}.hero{padding-top:25px;padding-bottom:20px;min-height:0}.hero-art{margin-top:18px}.intention-strip{padding-top:55px;padding-bottom:35px}.light-section{padding-top:40px;padding-bottom:30px}.monthly{padding-top:365px;padding-bottom:40px;background-size:170% 390px}.ritual{padding-top:35px;padding-bottom:35px}.ritual-grid{margin-top:24px}.membership{padding-top:365px;padding-bottom:35px;background-size:170% 390px}.faq{padding-top:20px;padding-bottom:25px}footer{padding-top:365px;padding-bottom:125px;background-size:170% 390px}.light-bridge{height:345px}.bridge-quote{top:24px;font-size:25px}.bridge-controls{top:72%}.membership:before{inset:390px 0 10%}}
@media(max-width:380px){.bridge-quote{font-size:22px}}
@media(prefers-reduced-motion:reduce){.quote-touch>span,.bridge-ribbons,.bridge-mist{transition:none!important}.quote-awake .quote-touch>span,.quote-awake .bridge-ribbons{transform:none;filter:none}.quote-awake .quote-touch>span{text-decoration:underline;text-underline-offset:6px}}
.motion-paused .quote-touch>span,.motion-paused .bridge-ribbons,.motion-paused .bridge-mist{transition:none!important}.motion-paused .quote-awake .quote-touch>span,.motion-paused .quote-awake .bridge-ribbons{transform:none;filter:none}

/* Recorded previews: native transport, measured waveform, no autoplay on page load. */
#recording-player{display:block;width:100%;height:48px;margin-top:16px;border-radius:24px;color-scheme:light}
#recording-wave i{flex:1;max-width:5px;opacity:.32;transition:opacity .2s,filter .2s}
#recording-wave i.heard{opacity:1;filter:brightness(1.15)}
.audio-card-button strong{font-size:11px}.audio-card-button small{font-size:12px}
@media(prefers-reduced-motion:reduce){#recording-wave i{transition:none}}

/* A slow, continuous drift for the open meditation preview. */
#track-dialog[open] .detail-art .sculpture{--rest-angle:0deg;animation:preview-drift 18s ease-in-out infinite;transform-origin:center}
#track-dialog[open] .detail-art .sculpture.orb{--rest-angle:-15deg;animation-duration:22s}
#track-dialog[open] .detail-art .sculpture.petal{--rest-angle:-40deg;animation-duration:24s}
#track-dialog[open] .detail-art .sculpture.heart{--rest-angle:-45deg;animation-duration:20s}
@keyframes preview-drift{
  0%,100%{transform:translate3d(-2px,2px,0) rotate(var(--rest-angle)) scale(1)}
  50%{transform:translate3d(3px,-5px,0) rotate(calc(var(--rest-angle) + 4deg)) scale(1.035)}
}
.motion-paused #track-dialog .sculpture{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#track-dialog[open] .detail-art .sculpture{animation:none!important}}

/* Theme-specific sculpted symbols and a gradual transition into living color. */
.theme-symbol{width:145px;height:145px;filter:drop-shadow(5px 12px 9px #293b5328)}
.theme-symbol svg{width:100%;height:100%;overflow:visible}
.detail-art{position:relative;isolation:isolate;overflow:hidden;height:190px}
.detail-art .theme-symbol{width:125px;height:125px}
.dissolving-symbol{position:relative;z-index:2;animation:symbol-dissolve 4.8s ease-in-out both;pointer-events:none}
.preview-atmosphere{position:absolute;inset:-24%;overflow:hidden;opacity:0;animation:atmosphere-arrive 4.8s ease-in-out both;filter:blur(22px)}
.preview-atmosphere i{position:absolute;width:95%;height:145%;border-radius:48% 52% 63% 37%;opacity:.92;animation:atmosphere-flow 22s ease-in-out infinite alternate;background:radial-gradient(ellipse,var(--mist-one) 0%,transparent 68%)}
.preview-atmosphere i:nth-child(1){left:-20%;top:-30%}
.preview-atmosphere i:nth-child(2){left:35%;top:-5%;background:radial-gradient(ellipse,var(--mist-two) 0%,transparent 68%);animation-duration:29s;animation-delay:-12s}
.preview-atmosphere i:nth-child(3){left:5%;top:30%;background:radial-gradient(ellipse,var(--mist-three) 0%,transparent 67%);animation-duration:26s;animation-delay:-7s;mix-blend-mode:soft-light}
.detail-art.gold{--mist-one:#fff3bc;--mist-two:#d6a16a;--mist-three:#f0bbc5}
.detail-art.blue{--mist-one:#d9edff;--mist-two:#8b9dcc;--mist-three:#cec1ec}
.detail-art.lavender{--mist-one:#eadcfa;--mist-two:#a49acb;--mist-three:#b2d8df}
.detail-art.peach{--mist-one:#fff0bb;--mist-two:#e8a491;--mist-three:#ebbdcf}
.detail-art.mint{--mist-one:#e3f0c5;--mist-two:#88bbb1;--mist-three:#f5dfa6}
.detail-art.rose{--mist-one:#ffe1dd;--mist-two:#d4a1bd;--mist-three:#f8d6ae}
@keyframes symbol-dissolve{0%,15%{opacity:1;filter:blur(0);transform:scale(1)}100%{opacity:0;filter:blur(16px);transform:scale(1.16)}}
@keyframes atmosphere-arrive{0%,12%{opacity:0}100%{opacity:1}}
@keyframes atmosphere-flow{0%{transform:translate3d(-7%,-5%,0) rotate(-12deg) scale(.93);filter:hue-rotate(-9deg)}50%{transform:translate3d(10%,8%,0) rotate(9deg) scale(1.1);filter:hue-rotate(5deg)}100%{transform:translate3d(-3%,15%,0) rotate(24deg) scale(1.03);filter:hue-rotate(15deg)}}
@media(max-width:700px){.track-art .theme-symbol{width:108px;height:108px}}
.motion-paused .dissolving-symbol{animation:none!important;opacity:0}
.motion-paused .preview-atmosphere{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.dissolving-symbol{animation:none!important;opacity:0}.preview-atmosphere{animation:none!important;opacity:1}.preview-atmosphere i{animation:none!important}}

/* Richer pastel light in the audio previews, with gently contrasting hues. */
.detail-art.gold{--mist-one:#ffe69a;--mist-two:#e9a16e;--mist-three:#e6a6cf}
.detail-art.blue{--mist-one:#abdfff;--mist-two:#9390da;--mist-three:#91dcd2}
.detail-art.lavender{--mist-one:#d6b3f2;--mist-two:#8e9edd;--mist-three:#efa9c7}
.detail-art.peach{--mist-one:#ffe49b;--mist-two:#ef9c91;--mist-three:#d7abe9}
.detail-art.mint{--mist-one:#d1edaa;--mist-two:#77c5b4;--mist-three:#f1c27e}
.detail-art.rose{--mist-one:#ffc3d0;--mist-two:#bc95d8;--mist-three:#f5c386}
.preview-atmosphere{filter:blur(20px) saturate(1.18)}
.preview-atmosphere i:nth-child(3){mix-blend-mode:normal;opacity:.75}

/* Featured reflections: editorial hierarchy and room to contemplate. */
.bridge-quote{top:30px;width:min(950px,88%);font-weight:500;letter-spacing:-.035em}
.quote-touch{padding:12px 8px}
.quote-prelude{display:block;font:500 clamp(19px,2vw,27px)/1.35 'Manrope',sans-serif;letter-spacing:-.025em;margin-bottom:10px}
.quote-focus{display:block;font:600 clamp(46px,6vw,82px)/1.06 'Outfit',sans-serif;letter-spacing:-.055em;text-wrap:balance}
.quote-resolution{display:block;font:400 clamp(24px,3vw,40px)/1.2 'Outfit',sans-serif;letter-spacing:-.035em;margin-top:8px;text-wrap:balance}
.quote-afterthought{margin:16px 0 0;font-size:clamp(18px,1.8vw,24px)}
.bridge-1 .quote-focus{color:#714969}
.bridge-2 .quote-focus{color:#fff2d3}
.bridge-3 .quote-focus{color:#3e567e}
.light-bridge{height:450px}
.bridge-controls{top:77%}
.monthly,.membership,footer{padding-top:465px;background-size:100% 490px}
@media(max-width:700px){
 .bridge-quote{top:24px;width:90%}
 .quote-focus{font-size:clamp(38px,9.8vw,60px)}
 .quote-prelude{font-size:18px;margin-bottom:9px}
 .quote-resolution{font-size:clamp(23px,6vw,32px)}
 .quote-afterthought{font-size:17px;margin-top:14px}
 .light-bridge{height:410px}
 .bridge-controls{top:78%}
 .monthly,.membership,footer{padding-top:425px;background-size:170% 450px}
}

/* Compact mobile membership CTA, with breathing room beside the brand. */
@media(max-width:700px){
 .header{column-gap:18px}
 .header .button.small.join{font-size:9px;letter-spacing:.25px;padding:11px 18px;gap:7px;min-height:48px;max-width:161px;flex-shrink:0}
}
@media(max-width:390px){
 .header .button.small.join{white-space:normal;text-align:center;max-width:128px;font-size:8.5px;line-height:1.35;padding:10px 17px;gap:5px}
 .header{column-gap:12px}
}

/* Meaningful visual metaphors: attention, possibility, embodied action. */
.ritual-symbol{width:118px;height:118px;display:grid;place-items:center;border-radius:35%;margin:25px 0;background:radial-gradient(circle at 30% 25%,#ffffff3b,transparent 70%);border:1px solid #ffffff25;color:#e8d8ff;transition:transform 1.3s,background 1.3s}.ritual-symbol svg{width:84px;height:84px;filter:drop-shadow(0 0 15px #d2c0ff30)}.ritual-symbol.doorway{color:#f0dfb2;border-radius:50% 50% 28% 28%}.ritual-symbol.footsteps{color:#cce7df;border-radius:44% 56% 60% 40%}.ritual-grid article:hover .ritual-symbol{transform:translateY(-5px) rotate(-3deg);background:#ffffff18}@media(prefers-reduced-motion:reduce){.ritual-symbol{transition:none}}
/* Mobile opening: meet the heart first, then the meditation invitation. */
@media(max-width:700px){
 .hero .hero-art{order:-1;margin-top:0;margin-bottom:48px}
 .hero .hero-copy>.eyebrow{font-size:14px;line-height:1.6;letter-spacing:1px;display:block;max-width:100%;text-wrap:balance}
}
/* The collection invitation takes on the former floating card's glass finish. */
.hero .hero-actions .button.meditation-glass{display:flex;align-items:center;justify-content:space-between;gap:16px;width:310px;max-width:100%;min-height:76px;padding:19px 21px;border-radius:19px;background:#ffffff40;border:1px solid #ffffffa0;color:#344c65;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff90,0 15px 35px #526c8718;letter-spacing:0;text-transform:none;transition:background .4s,transform .4s,box-shadow .4s}
.meditation-glass-title{font:500 19px/1.3 'Outfit',sans-serif;text-align:left;flex:1}.meditation-glass .tiny-bars{color:#637f8e;flex-shrink:0}.meditation-glass-arrow{font-size:24px;flex-shrink:0}.hero .hero-actions .button.meditation-glass:hover{background:#ffffff70;transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffffc0,0 20px 40px #526c8725}
@media(max-width:700px){.hero .hero-actions .button.meditation-glass{width:100%;min-height:80px;padding:20px}.meditation-glass-title{font-size:21px}.hero-actions{row-gap:16px}}
@media(prefers-reduced-motion:reduce){.hero .hero-actions .button.meditation-glass{transition:none}}

/* Give search text the full available width, instead of the old 170px field. */
.library-tools .search{width:min(560px,100%);padding:8px 20px;gap:12px;box-sizing:border-box}
.library-tools .search input{flex:1;width:100%;min-width:0;min-height:46px;font-size:16px}
.library-tools .search>span{flex:none}
.innerverse-invitation{display:flex;align-items:center;gap:26px;width:min(800px,100%);margin:44px auto 0;padding:30px 34px;border:1px solid #e5dcff80;border-radius:26px;background:linear-gradient(120deg,#ffffff17,#d7c5f52b,#b7ddde1c);box-shadow:inset 0 1px 0 #ffffff40,0 18px 45px #182c4319;color:#fff6ed;text-decoration:none;backdrop-filter:blur(18px);transition:transform .35s,background .35s,box-shadow .35s}
.innerverse-invitation:hover{transform:translateY(-4px);background:linear-gradient(120deg,#ffffff22,#d7c5f542,#b7ddde2a);box-shadow:inset 0 1px 0 #ffffff70,0 22px 55px #182c432b}
.innerverse-invitation-copy{display:grid;gap:10px;flex:1;min-width:0}.innerverse-invitation-copy small{font-size:12px;letter-spacing:1.6px;color:#e0d7ef}.innerverse-invitation-copy strong{font:500 clamp(28px,3vw,40px)/1.12 Outfit,sans-serif;letter-spacing:-.035em}.innerverse-invitation-copy>span{font-size:16px;line-height:1.5;color:#e4dfed}
.innerverse-portal{display:grid;place-items:center;width:68px;height:84px;border:1px solid #e5d5ff99;border-radius:36px 36px 18px 18px;background:radial-gradient(ellipse at 50% 80%,#b5e0df88,transparent 70%);box-shadow:inset 0 0 25px #d4c4f53b;flex:none}.innerverse-portal i{width:36px;height:53px;border:1px solid #e4ddfca0;border-radius:22px 22px 8px 8px;box-shadow:0 0 22px #c3e4f250;transition:transform 1s}.innerverse-invitation:hover .innerverse-portal i{transform:scale(1.12)}.innerverse-invitation-arrow{font-size:34px;flex:none}
@media(max-width:700px){.innerverse-invitation{padding:24px 20px;gap:16px}.innerverse-portal{width:44px;height:60px}.innerverse-portal i{width:24px;height:38px}.innerverse-invitation-copy small{font-size:10px;letter-spacing:1px}.innerverse-invitation-copy>span{font-size:14px}.innerverse-invitation-arrow{font-size:26px}}
@media(prefers-reduced-motion:reduce){.innerverse-invitation,.innerverse-portal i{transition:none}}