/* AFTER THE DOOR · HYPNOSIS ARCHIVE / visual identity upgrade
   All animated optical patterns are slow, optional, and disabled by reduced motion. */
:root{
  --bg:#0b0b0e;
  --bg-2:#101014;
  --panel:#141317;
  --panel-warm:#191418;
  --cream:#f2ede6;
  --muted:#b4a8a8;
  --faint:#83787b;
  --line:rgba(244,230,230,.13);
  --accent:#e83d52;
  --rose:#b7263e;
  --red:#821e31;
  --display:Georgia,'Times New Roman',serif;
  --body:'Segoe UI',Inter,system-ui,-apple-system,sans-serif;
  --heavy:'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  --shell:1350px;
}
body{background:#09090c;color:var(--cream);background-image:radial-gradient(ellipse 55% 20% at 78% 10%,#4c0b1818,transparent),radial-gradient(ellipse 46% 16% at 3% 47%,#54131b13,transparent)}
body::before{content:'';pointer-events:none;position:fixed;z-index:100;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#fff 4px);opacity:.012;mix-blend-mode:screen}
::selection{background:#b72c43;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ff7181}
.site-halo{top:-460px;background:radial-gradient(ellipse,#b6193030,transparent 72%)}
.signal-strip{height:30px;background:#8f1b30;color:#fff5f4;position:relative;z-index:32;border-bottom:1px solid #ff7f8d44}
.signal-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;line-height:1;letter-spacing:.2em;font-weight:700;white-space:nowrap}
.signal-inner b{font-weight:400;color:#fbb2b6;margin:0 6px}.signal-middle{letter-spacing:.24em;color:#ffced2}.signal-diamond{padding:0 11px;color:#fff5f2}
.signal-led{display:inline-block;width:6px;height:6px;background:#ffbcc6;box-shadow:0 0 9px #ffe4eb;border-radius:100%;margin-right:11px;vertical-align:middle}
.site-header{z-index:31;background:#0c0b0eef;border-color:#ffffff17;backdrop-filter:blur(18px)}
.header-inner{height:79px}
.brand{gap:13px}.brand-mark{width:38px;height:38px;border:1px solid #e6dfd9;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 4px #e83d5221,inset 0 0 14px #e83d521b}
.brand-mark>span{position:absolute;inset:7px;border:1.5px solid var(--accent);border-radius:50%}
.brand-mark:after{width:8px;height:8px;left:14px;right:auto;top:14px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.brand-title{font-family:var(--heavy);font-weight:900;font-size:16px;letter-spacing:.22em;line-height:1}
.brand-caption{font-size:8.5px;letter-spacing:.32em;color:#e15d70;margin-top:7px}
.nav{gap:38px}.nav>a,.nav-save{font-size:10px;font-weight:700;letter-spacing:.15em;color:#d4c8c9}
.nav a:hover{color:#ff7889}.nav-save{border:1px solid #7d4550;border-radius:2px;background:#211218;padding:11px 14px}.nav-save svg{color:#e96073}.saved-count{color:#ff8591}
.eyebrow{font-size:10px;letter-spacing:.23em;color:#ee5167;font-weight:750}.eyebrow-dot{background:#e85465;width:7px;height:7px;border-radius:50%;transform:none;box-shadow:0 0 0 4px #f03b4933,0 0 19px #ec3344aa}
.hero{grid-template-columns:1.02fr .98fr;gap:3.2%;min-height:690px;padding-top:57px;padding-bottom:74px}
.hero-copy{padding:26px 0 12px}.hero .eyebrow{color:#f9687a}
.hero h1{font-family:var(--heavy);font-weight:900;font-stretch:condensed;letter-spacing:-.065em;font-size:clamp(58px,5.55vw,96px);line-height:.99;margin-top:36px;max-width:750px;text-transform:uppercase;text-wrap:balance}
.hero h1 em{display:block;font-size:.8em;line-height:1.18;letter-spacing:-.07em;font-weight:400;font-family:Georgia,serif;font-style:italic;text-transform:none;white-space:normal;color:#f4586d;text-shadow:0 0 50px #be273a23;margin-top:12px}
.hero-sub{font-size:14.5px;max-width:520px;color:#c3b7b7;line-height:1.95;margin-top:24px;border-left:2px solid #ce2945;padding-left:20px}
.hero-actions{margin-top:38px;gap:25px}
.button{border-radius:0;font-size:10px;letter-spacing:.15em;font-weight:800;min-height:53px;padding:14px 22px;gap:32px;text-transform:uppercase;box-shadow:none}
.button-primary{background:#d92c44;color:#fff;box-shadow:inset 0 -2px 0 #a11e32,0 7px 25px #8c152424}
.button-primary:hover{background:#ee4559;color:#fff;box-shadow:0 10px 30px #8c152443}
.button-outline{border:1px solid #a8384e;background:#1a1015;color:#f0dfe0}.button-outline:hover{background:#351820;border-color:#eb4c62}
.text-link{font-size:11px;font-weight:700;letter-spacing:.06em;color:#edc1c6;border-bottom:1px solid #c542558c}.text-link:hover{color:#ff7084}
.hero-foot{color:#9f8d91;letter-spacing:.15em;font-size:9px;font-weight:700;margin-top:59px;line-height:1.8}
.hero-foot .sparkle{color:#ef4c60;font-size:21px}.mini-divider{background:#c4455b}
.hero-art{height:570px;align-self:center;background:radial-gradient(circle at 52% 50%,#36101a 0%,#08080c 68%);border:1px solid #81273a;isolation:isolate;box-shadow:0 35px 90px #0008,inset 0 0 80px #040406}
.hero-art::after{inset:12px;border:1px solid #ff617d39;z-index:7}
.hero-graticule{position:absolute;inset:0;background-image:linear-gradient(#8d223011 1px,transparent 1px),linear-gradient(90deg,#8d223011 1px,transparent 1px);background-size:46px 46px;z-index:0;mask-image:radial-gradient(circle,transparent 14%,black 90%)}
.hero-spiral{position:absolute;z-index:1;width:112%;aspect-ratio:1;max-width:none;left:50%;top:50%;background:url('hypno-spiral.svg') center/contain no-repeat;transform:translate(-50%,-50%);animation:slowSpiral 75s linear infinite;filter:drop-shadow(0 0 16px #f3eee015);opacity:.90;mask-image:radial-gradient(circle at center,#000 31%,#000c 52%,transparent 72%)}
.hero-disc{position:absolute;left:50%;top:50%;width:116px;height:116px;z-index:3;transform:translate(-50%,-50%);border:1px solid #efa8b4;border-radius:50%;background:radial-gradient(circle,#09090e 0 15%,#bc2940 17% 25%,#260b13 29% 39%,#e46871 43% 46%,#190609 49% 66%,#f0a2ac 70%,#220911 73%);box-shadow:0 0 0 11px #390d15aa,0 0 0 12px #ee425b55,0 0 65px #e52c4666,inset 0 0 17px #ff617caa}
.hero-disc-core{position:absolute;top:50%;left:50%;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background:#f9f4f0;box-shadow:0 0 20px 10px #ff6b7d77}
.hero-art-top,.hero-art-caption{position:absolute;z-index:8;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.21em;font-weight:750;color:#eee4e1}
.hero-art-top{top:25px}.hero-art-top span:last-child{color:#ff8193}.hero-art-caption{bottom:27px;color:#c6a8aa}.hero-art-caption span:first-child{color:#f3dee0}
.hero-side-caption{position:absolute;z-index:7;right:25px;top:98px;font-size:8px;color:#eed5d6;letter-spacing:.16em;opacity:.7;writing-mode:vertical-rl}
.hero-center-copy{position:absolute;z-index:6;left:50%;bottom:97px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;background:#07070cc9;backdrop-filter:blur(5px);padding:9px 24px 10px;border:1px solid #e32e473b;text-align:center;white-space:nowrap}
.hero-center-copy span{font-size:9px;letter-spacing:.5em;color:#e98591;margin-bottom:2px}.hero-center-copy strong{font-family:var(--heavy);font-size:25px;letter-spacing:.19em;color:#fff;font-weight:900;line-height:1.05}
.hero-corner{position:absolute;width:24px;height:24px;z-index:8;pointer-events:none}.hero-corner.tl{top:4px;left:4px;border-top:2px solid #f25b6e;border-left:2px solid #f25b6e}.hero-corner.br{bottom:4px;right:4px;border-bottom:2px solid #f25b6e;border-right:2px solid #f25b6e}
.quote-band{background:#161014;border-top:1px solid #642335;border-bottom:1px solid #642335}
.quote-band-inner{min-height:80px;padding:18px 0;gap:16px}
.quote-band p{font-family:var(--heavy);font-weight:800;letter-spacing:.22em;color:#d8c6c8;font-size:clamp(10px,1.09vw,15px);text-align:center;line-height:1.9}
.quote-band p em{font-family:inherit;font-style:normal;color:#fe6575;font-weight:900}.quote-glyph{font-size:18px;color:#eb4057}.band-sep{padding:0 17px;color:#ae4254}
.library-section{padding-top:108px;padding-bottom:124px}
.section-header{align-items:center}.section-header h2{font-family:var(--heavy);font-weight:900;letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(40px,4.6vw,68px);line-height:1.02;margin-top:17px}
.section-header h2 em{font-family:Georgia,serif;letter-spacing:-.055em;text-transform:none;font-size:.93em;font-style:italic;color:#f05167}
.section-header p{margin-top:20px!important;font-size:13px!important;color:#9e9193!important;max-width:630px!important;line-height:1.7}
.number-inline{margin:0 8px;border:1px solid #823447;padding:3px 8px;color:#fff;letter-spacing:.11em;background:#250e17}
.subtle-asterisk{font-family:Georgia,serif;font-weight:400;color:#66202e!important;font-size:148px!important;line-height:1;opacity:.75;transform:translateY(10px)}
.discover-toolbar{margin-top:43px;border-bottom:1px solid #ffffff23;padding-bottom:17px}
.filter{font-size:10px!important;font-weight:700!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#ad9a9c!important}
.filter.active{color:#ff788a!important}.filter.active:after{background:#e33e55!important;height:2px!important}
.search-field{background:#141115;border:1px solid #5b3038;color:#cfafb6;border-radius:0!important}.search-field svg{color:#f2586d}.search-field input{color:#fff!important;letter-spacing:.09em!important;font-size:10px!important}.search-field input::placeholder{color:#927a80}
.mode-notice{border:1px dashed #8e3a49!important;background:#26131acc!important;color:#e8bfc6!important;line-height:1.7;font-size:11px!important}.mode-dot{background:#ea4f62!important}
.cards-grid{gap:27px 23px}
.experience-card{border:1px solid #53303b;background:#121114;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}
.experience-card:hover{border-color:#ed4d60;box-shadow:0 16px 45px #b1203024;transform:translateY(-5px)}
.card-art{border:0;height:292px;background-color:#160f16;isolation:isolate}
.card-art:before,.detail-art:before{content:'';position:absolute;z-index:0;width:155%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background:url('hypno-spiral.svg') center/contain no-repeat;opacity:.21;mask-image:radial-gradient(circle,#000 15%,#000a 48%,transparent 76%);pointer-events:none;transition:transform .5s ease,opacity .5s ease}
.experience-card:hover .card-art:before{transform:translate(-50%,-50%) rotate(20deg) scale(1.05);opacity:.36}
.card-art:after,.detail-art:after{inset:12px;border:1px solid #ff80913b;z-index:7}
.card-meta-top{left:24px;top:22px;right:23px;gap:10px}.card-top-label{font-weight:800;letter-spacing:.16em;color:#ffeaee;font-size:9px}.card-tag{border:1px solid #ff637363;padding:5px 8px;background:#170910b8;color:#ffb1bd;font-weight:800;font-size:9px}
.card-bot-label{bottom:21px;left:24px;letter-spacing:.24em;font-weight:850;color:#f5ccd1}
.cover-glow{z-index:1;background:#e63650!important;opacity:.3!important}
.card-art .cover-symbol,.detail-art .cover-symbol,.player-cover .cover-symbol{z-index:2}
.art-threshold{background:radial-gradient(circle at 50% 51%,#662231,#190c14 58%,#0a090d 95%)}
.art-threshold .cover-symbol{background:radial-gradient(ellipse at 45% 34%,#ff7282,#ac2f49 33%,#340d1e 72%);border-color:#f2b6bb;box-shadow:0 0 26px #ff3c6070,inset 0 0 60px #e6325994,0 0 0 9px #ff5c6b1d}
.art-threshold .cover-symbol:after{background:#ffdde1;box-shadow:0 0 10px #fff}
.art-embers{background:radial-gradient(circle,#982b44 0%,#471527 38%,#0c090f 82%)}
.art-embers:before{opacity:.37}
.art-embers .cover-symbol{background:radial-gradient(circle,#e35e71 0%,#641d32 40%,#130813 73%);border-color:#f68594;box-shadow:0 0 0 20px #f23c4a15,0 0 0 55px #f23c4a12,inset 0 0 50px #ff97a788}
.art-embers .cover-symbol:after{content:'◎';color:#fbe7e6;text-shadow:0 0 24px #ff7188;font-size:69px}
.art-moon{background:linear-gradient(135deg,#19141d,#281222 52%,#090a10)}
.art-moon .cover-symbol{border:1px solid #ffe4e688;box-shadow:0 0 0 30px #c5314c0d,0 0 80px #9d355f6b;background:linear-gradient(145deg,#e6d9d4,#ac7189)}
.art-moon .cover-symbol:after{background:#241322}
.art-mirror{background:radial-gradient(ellipse at center,#5e3042 0%,#2a1522 46%,#0c0b0e 90%)}
.art-mirror .cover-symbol{background:radial-gradient(ellipse at 30% 20%,#f4aebc,#6b2940 47%,#180b14 88%);border-color:#dd93ac;box-shadow:0 0 35px #b8315899,inset 0 0 36px #bf547788}
.art-mirror .cover-symbol:after{color:#f8bccb}
.art-pages{background:radial-gradient(ellipse at center,#694337,#2a2223 46%,#100d10 95%)}
.art-pages .cover-symbol{border-color:#e2bfb2;box-shadow:9px 5px 0 #b97473a8,12px 7px 0 #1a1316,0 0 65px #d5394844;background:repeating-linear-gradient(transparent,transparent 16px,#5b1b2c4d 17px,transparent 18px),linear-gradient(130deg,#f3d3c0,#b98481)}
.art-horizon{background:linear-gradient(180deg,#0f1519 0%,#24343c 50%,#101316 100%)}
.art-horizon .cover-symbol{border-color:#adced1;box-shadow:0 0 0 25px #4e7b841e,0 0 0 55px #9c8b8a13,0 0 40px #7ca5af48;background:radial-gradient(circle at 50% 70%,#93b4ba85,#294d5d22 44%,transparent 70%)}
.card-body{padding:23px 24px 24px}.card-micro{color:#f15d71;font-size:9px;font-weight:850;letter-spacing:.21em}
.card-title{font-family:var(--heavy);font-size:clamp(25px,2.1vw,32px);font-weight:850;letter-spacing:-.025em;text-transform:uppercase;line-height:1.09;margin-top:14px}
.card-hook{color:#c5b2b6;font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.6;min-height:49px;margin-top:14px;margin-bottom:20px}
.card-moods{gap:7px;margin-bottom:22px}.mood-pill{border:1px solid #60323f;color:#c8afb5;background:#221419;padding:5px 9px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.card-bottom{border-top:1px solid #55303c;padding-top:17px}.card-bottom .card-link{color:#f4dfdf;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card-bottom .card-link span{color:#f65873}.card-bottom .card-link:hover{color:#ff6378}
.card-heart,.card-preview{border:1px solid #70404d;color:#e6b7c0;width:36px;height:36px}.card-heart:hover,.card-preview:hover,.card-heart.is-saved{border-color:#ff6979;color:#fff;background:#4d182b}.card-heart.is-saved svg{fill:#e43d59}
.empty-state{background:#160e14}.empty-icon{color:#f44763}
.ritual-section{background:linear-gradient(160deg,#180e14,#111013 57%,#201018);border-top:1px solid #693342;border-bottom:1px solid #693342}
.ritual-inner{padding-top:105px;padding-bottom:108px;gap:8%}.ritual-art{height:525px;background:radial-gradient(circle at center,#571927 0%,#140b12 46%,#08080b 75%);border:1px solid #83263b}
.ritual-art:before{content:'';position:absolute;inset:-15%;background:url('hypno-spiral.svg') center/contain no-repeat;opacity:.16;animation:slowSpin 100s linear infinite;mask-image:radial-gradient(circle,transparent 25%,#000 59%,transparent 78%)}
.ritual-scanner{position:absolute;inset:17px;border:1px solid #b3455855;z-index:2}
.ritual-circle{border-color:#e8667755}.r-one{width:345px;border-style:dashed;animation:slowSpin 120s linear infinite}.r-two{width:265px;border:1px solid #fc9ba864;box-shadow:0 0 0 1px #e9385933}.r-three{width:178px;border:1px solid #fda3b3;box-shadow:0 0 60px #a3204e66}
.ritual-center{font-size:90px;color:#ffc4cf;text-shadow:0 0 40px #ff496dd9;animation:corePulse 6s ease-in-out infinite}
.ritual-art-top,.ritual-art-note{position:absolute;z-index:3;left:27px;top:27px;bottom:auto;font-size:9px;font-weight:750;letter-spacing:.23em;color:#fb9cab}.ritual-art-note{top:auto;bottom:26px;text-align:center;right:27px;color:#d6b3ba}
.ritual-copy h2{font-family:var(--heavy);font-size:clamp(43px,4.15vw,65px);line-height:1.05;text-transform:uppercase;font-weight:900;letter-spacing:-.04em;margin-top:20px}
.ritual-copy h2 em{font-family:Georgia,serif;font-weight:400;font-size:.95em;text-transform:none;color:#f56074;line-height:1.2}
.ritual-copy>p{color:#c4b0b4;font-size:14px;line-height:1.95;max-width:550px;margin-top:26px}
.ritual-steps{gap:0;margin-top:32px}.ritual-steps>div{border-top:1px solid #7640509c;padding:19px 0 17px;gap:23px}.ritual-steps>div:last-child{border-bottom:1px solid #7640509c}.step-num{font-family:var(--heavy);font-weight:900;color:#ee4d66;font-size:23px;min-width:42px}.ritual-steps h3{font-size:11px;letter-spacing:.14em;font-weight:800;color:#faedef}.ritual-steps p{font-size:12px;line-height:1.7;color:#bda8ae;margin-top:5px}
.closing-section{padding-top:125px;padding-bottom:138px}.closing-stardust{color:#e74c65;font-size:55px;animation:corePulse 8s ease-in-out infinite}.closing-section h2{font-family:var(--heavy);font-weight:900;text-transform:uppercase;line-height:1.05;font-size:clamp(45px,5.25vw,80px)}.closing-section h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:#eb4b63;font-size:.92em}.closing-section p{color:#c8b5b9;font-size:14px;max-width:540px;margin:23px auto 31px;line-height:1.85}
.footer{background:#09080b;border-top:1px solid #562330}.footer-inner{padding-top:44px;padding-bottom:31px}.footer-brand{font-family:var(--heavy);font-weight:900;letter-spacing:.17em;font-size:15px}.footer .brand-mark.tiny{width:25px;height:25px;border-radius:50%}.footer .brand-mark.tiny>span{inset:5px;border-radius:50%}.footer .brand-mark.tiny:after{width:5px;height:5px;left:9px;top:9px}.footer-caption{color:#a38b91;font-size:10px;letter-spacing:.1em}.footer-links a{font-size:10px;letter-spacing:.15em;font-weight:750}.footer-bottom{border-top:1px solid #ffffff17}.footer-bottom p,.footer-bottom span{color:#a38991!important;font-size:10px!important;line-height:1.8}
/* Individual session detail retains the original route and media actions. */
.experience-layout{padding-top:55px;padding-bottom:110px}.detail-back{font-size:10px;font-weight:800;letter-spacing:.15em;color:#e08d9c;text-transform:uppercase}.detail-back:hover{color:#fff}
.detail-grid{grid-template-columns:.92fr 1.08fr;gap:6%}.detail-art{border:1px solid #a33f52;background-color:#0c090e;height:605px}.detail-art:before{opacity:.32}.detail-art-name{z-index:10;font-weight:800;color:#f5c2cb}
.detail-kicker{font-size:10px;letter-spacing:.22em;font-weight:750;color:#f45469}.detail-title{font-family:var(--heavy);font-weight:900;font-size:clamp(50px,5.2vw,79px);text-transform:uppercase;line-height:1.01;letter-spacing:-.052em;margin-top:20px}
.detail-hook{font-size:clamp(23px,2.5vw,32px);color:#f27487;font-style:italic;margin-top:20px}.detail-intro{color:#c8bac0;font-size:14px;margin-top:23px;line-height:1.9}.detail-mood{margin-top:24px}
.detail-stats{border-color:#5f3642;margin:27px 0;gap:22px}.detail-stat small{color:#f36a7e;letter-spacing:.15em;font-weight:800}.detail-stat strong{color:#eadde0;font-size:12px}
.detail-section-heading{font-family:var(--heavy);font-weight:900;letter-spacing:-.025em;text-transform:uppercase;font-size:31px}.detail-story{color:#cdbec3;font-size:13.5px}.detail-highlights li{color:#dac7cb}.detail-highlights li:before{content:'◉';color:#ec4a60}
.listen-box{background:linear-gradient(120deg,#33101c,#1b1118 68%,#191116);border:1px solid #b14459;padding:25px 26px;box-shadow:0 12px 50px #0005}.listen-box-top h3{font-family:var(--heavy);font-weight:850;letter-spacing:.11em;text-transform:uppercase}.listen-dot{background:#f75d73!important;box-shadow:0 0 12px #ef475dcc}.listen-box p{color:#cfbac0}.listen-caption{color:#ad959c!important}.detail-demo-note{color:#c58a99!important}
.companion-box{border-color:#5e3641;background:#151014}.companion-box h3{font-family:var(--heavy);font-size:18px;font-weight:800;text-transform:uppercase}.companion-button{border-color:#9b4153;color:#f8dce4}
.detail-next{border-top:1px solid #643141}.detail-next h2{font-family:var(--heavy);font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.detail-next h2 em{color:#f46676;text-transform:none;font-weight:400}.next-card{background:#171116;border-color:#5b303e}.next-card:hover{border-color:#ff586e}.next-info h3{font-family:var(--heavy);font-size:22px;text-transform:uppercase;font-weight:800}.next-info small{color:#f46d81}
/* Persistent player and immersive, listener-invoked focus view. */
.player-bar{background:#140b10f5;border-top:1px solid #ae3f55;box-shadow:0 -12px 70px #000e}.player-shell{grid-template-columns:minmax(160px,.8fr) minmax(245px,1.4fr) minmax(190px,1fr)}
.player-cover{border:1px solid #964254}.player-tiny{color:#ff667e;letter-spacing:.17em;font-weight:800}.player-track-details strong{font-family:var(--heavy);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.player-play{border-color:#e23752;background:#e23752;color:white;border-radius:50%}.player-play:hover{background:#fc5871}.mini-icon:hover,.mini-icon[aria-pressed="true"]{color:#ff7188}.player-bar input[type=range]{background:#592737}.player-bar input[type=range]::-webkit-slider-thumb{background:#f9506d}.player-bar input[type=range]::-moz-range-thumb{background:#f9506d}.player-options{gap:12px}.player-options select{background:#241319;color:#f3c4ca}.focus-activate{border:1px solid #a53d51;background:#451323;color:#fbe8ec;font-family:var(--heavy);font-size:10px;letter-spacing:.14em;font-weight:850;padding:8px 11px;display:flex;gap:8px;align-items:center;white-space:nowrap}.focus-activate:hover{background:#803044;border-color:#ff6c7e}.focus-activate:first-letter{font-size:17px}
.reader-dialog{background:#140d13;border-color:#944157}.reader-dialog::backdrop{background:#050406ed}.reader-header,.reader-footer{border-color:#593041}.reader-footer a{color:#ff7889}.toast{background:#ec4b64;color:#fff;border-radius:0;font-weight:750;box-shadow:0 15px 55px #000a}
.focus-dialog{border:0;padding:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#050507;color:#fff;overflow:hidden}.focus-dialog::backdrop{background:#000f}.focus-scene{position:relative;width:100%;height:100%;min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#571526 0%,#13080e 44%,#050507 82%)}
.focus-spiral{position:absolute;left:50%;top:50%;height:135vmax;width:135vmax;max-width:none;aspect-ratio:1;background:url('hypno-spiral.svg') center/contain no-repeat;opacity:.48;transform:translate(-50%,-50%);animation:slowSpiral 90s linear infinite;mask-image:radial-gradient(circle,#000 22%,#000c 40%,transparent 65%)}
.focus-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 2%,#070307aa 56%,#050408f5 95%);pointer-events:none}
.focus-top,.focus-bottom{position:absolute;left:clamp(20px,3.2vw,58px);right:clamp(20px,3.2vw,58px);z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px}.focus-top{top:clamp(20px,3vw,50px)}.focus-top span{font-size:10px;letter-spacing:.24em;font-weight:800}.focus-top b{color:#fb5469;margin:0 8px}.focus-close{border:1px solid #f2758573;background:#1a0c14b3;color:#fff;font-size:10px;font-weight:800;letter-spacing:.2em;padding:12px 17px}.focus-close:hover{background:#a8213c}
.focus-center{z-index:2;text-align:center;padding:20px;max-width:90vw}.focus-eye{width:160px;height:160px;border-radius:50%;border:1px solid #f3adb6;background:radial-gradient(circle,#e9dce1 0 4%,#e64a64 6% 15%,#190913 18% 25%,#bd243f 28% 32%,#0d070f 36% 58%,#eb6f81 60% 61%,#160811 63%);display:grid;place-items:center;color:transparent;box-shadow:0 0 0 17px #d03b4d29,0 0 0 42px #d03b4d18,0 0 0 70px #d03b4d0f,0 0 115px #f3365877;margin:0 auto 60px;animation:focusBreathe 7s ease-in-out infinite}.focus-center p{font-size:11px;font-weight:800;letter-spacing:.43em;color:#f4b4bb}.focus-center h2{font-family:var(--heavy);font-weight:900;font-size:clamp(42px,7vw,95px);letter-spacing:-.045em;line-height:1;text-transform:uppercase;margin:17px auto 13px;text-wrap:balance}.focus-center>span{color:#dcb0b7;font-size:10px;letter-spacing:.3em;font-weight:750}
.focus-bottom{bottom:clamp(25px,4vw,65px);justify-content:center}.focus-play{height:57px;width:57px;flex-shrink:0;border:1px solid #ef6377;border-radius:50%;background:#e43a57;color:#fff;font-size:22px}.focus-play:hover{background:#ff617a}.focus-bottom-copy{display:flex;flex-direction:column;gap:4px}.focus-bottom-copy strong{font-size:10px;letter-spacing:.2em;font-weight:850}.focus-bottom-copy span{font-size:12px;color:#d7b6be}.focus-repeat{background:#1b0b14c9;border:1px solid #c45063;color:#fff;font-size:10px;letter-spacing:.12em;font-weight:800;padding:11px 14px;margin-left:20px}.focus-repeat:hover{background:#7a1c34}.focus-repeat span{color:#f98ca0;margin-left:5px}
@keyframes slowSpiral{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes slowSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes corePulse{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes focusBreathe{0%,100%{box-shadow:0 0 0 17px #d03b4d29,0 0 0 42px #d03b4d18,0 0 0 70px #d03b4d0f,0 0 115px #f3365877}50%{box-shadow:0 0 0 24px #d03b4d29,0 0 0 52px #d03b4d18,0 0 0 80px #d03b4d0f,0 0 145px #f3365899}}
@media (max-width:1150px){.hero{gap:3%}.hero h1{font-size:clamp(57px,5.4vw,78px)}.hero-art{height:525px}.card-art{height:250px}.band-sep{padding:0 8px}.player-shell{gap:13px}}
@media (max-width:900px){.signal-middle{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:55px;min-height:unset}.hero-copy{max-width:840px}.hero h1{font-size:clamp(62px,9vw,98px);max-width:790px}.hero-sub{max-width:600px}.hero-art{height:525px;max-width:100%;width:100%}.card-art{height:290px}.ritual-art{height:410px}.detail-art{height:500px}.player-options{display:flex}.player-options #playerVolume,.volume-icon{display:none}.player-shell{grid-template-columns:minmax(130px,.9fr) minmax(240px,1.35fr) 122px}.focus-activate span{display:none}.focus-activate{padding:6px 12px;font-size:17px}}
@media (max-width:650px){.signal-strip{height:25px}.signal-inner{font-size:7px;letter-spacing:.08em}.signal-led{width:5px;height:5px;margin-right:5px}.header-inner{height:74px}.brand-mark{width:31px;height:31px}.brand-mark>span{inset:6px}.brand-mark:after{width:6px;height:6px;left:12px;top:12px}.brand-title{font-size:12px;letter-spacing:.18em}.brand-caption{font-size:7px;letter-spacing:.22em}.nav{top:99px;background:#13090e;gap:19px;border-color:#873a4a}.nav>a{color:#fff}.hero{padding-top:44px;padding-bottom:51px;gap:42px}.hero-copy{padding:0}.hero h1{font-size:clamp(51px,12.6vw,78px);line-height:.98;margin-top:27px}.hero h1 em{font-size:.73em;margin-top:13px}.hero .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.14em}.hero-sub{margin-top:21px;font-size:13px;line-height:1.75;padding-left:15px}.hero-actions{margin-top:28px;gap:19px}.hero-actions .button{min-height:49px;font-size:9px;padding:14px 16px}.text-link{font-size:10px}.hero-foot{margin-top:34px;gap:9px;font-size:8px}.hero-art{height:435px}.hero-spiral{width:130%}.hero-disc{width:89px;height:89px}.hero-art-top,.hero-art-caption{left:18px;right:18px;font-size:8px;letter-spacing:.1em}.hero-side-caption{right:14px;top:70px;letter-spacing:.1em;font-size:7px}.hero-center-copy{bottom:70px;padding:8px 17px}.hero-center-copy strong{font-size:19px}.quote-band-inner{min-height:77px;gap:10px;padding:16px 0}.quote-band p{font-size:9px;letter-spacing:.1em;line-height:1.7}.quote-glyph{font-size:14px}.band-sep{padding:0 2px}.library-section{padding-top:77px;padding-bottom:85px}.section-header h2{font-size:clamp(42px,10.5vw,64px)}.section-header h2 em{display:block}.section-header p{font-size:12px!important;margin-top:16px!important}.discover-toolbar{margin-top:26px;gap:21px}.filter-scroll{gap:20px}.filter{font-size:9px!important}.filter.active:after{bottom:-21px}.cards-grid{gap:22px}.card-art{height:306px}.card-body{padding:22px 22px 24px}.card-title{font-size:28px}.card-hook{min-height:0}.ritual-inner{padding-top:80px;padding-bottom:80px;gap:37px}.ritual-art{height:345px}.ritual-copy h2{font-size:clamp(42px,10vw,62px)}.ritual-copy>p{font-size:13px}.ritual-steps{margin-top:24px}.closing-section{padding-top:85px;padding-bottom:94px}.closing-section h2{font-size:clamp(44px,10.8vw,66px)}.closing-section h2 em{display:block}.closing-section p{font-size:12px}.footer-inner{padding-top:33px}.footer-caption{font-size:9px;line-height:1.8}.footer-bottom{gap:11px}.footer-bottom p{max-width:460px}.experience-layout{padding-top:30px}.detail-art{height:395px}.detail-title{font-size:clamp(46px,11vw,64px)}.detail-hook{font-size:23px}.detail-stats{gap:13px;flex-wrap:wrap}.detail-stat strong{font-size:10px}.listen-box{padding:20px}.detail-next h2{font-size:38px}.player-shell{width:calc(100% - 22px);grid-template-columns:minmax(103px,.8fr) minmax(172px,1.2fr);gap:8px}.player-options{position:absolute;top:6px;right:7px;display:block}.player-options select,.player-options .close-player{display:none}.focus-activate{background:transparent;border:0;padding:3px;color:#e65c74}.player-track-details strong{font-size:12px}.player-tiny{font-size:7px}.player-label{gap:6px}.player-cover{height:43px;width:38px}.player-center{padding-top:10px}.player-controls{margin-bottom:6px}.focus-top span{font-size:8px;letter-spacing:.1em}.focus-eye{width:118px;height:118px;margin-bottom:46px}.focus-center p{font-size:9px;letter-spacing:.25em}.focus-center h2{font-size:clamp(37px,11vw,58px)}.focus-center>span{font-size:8px;letter-spacing:.17em}.focus-bottom{gap:12px;flex-wrap:wrap}.focus-play{height:48px;width:48px}.focus-bottom-copy strong{font-size:9px}.focus-bottom-copy span{font-size:10px}.focus-repeat{margin-left:4px;padding:10px 8px;font-size:9px}}
@media (max-width:390px){.signal-inner>span:last-child{display:none}.hero h1{font-size:50px}.hero-art{height:365px}.hero-center-copy{bottom:54px}.card-art{height:285px}.player-shell{grid-template-columns:90px 1fr}.player-label .player-cover{display:none}.focus-bottom-copy span{max-width:130px}.focus-repeat{margin-left:0}}
@media (prefers-reduced-motion:reduce){.hero-spiral,.focus-spiral,.ritual-art:before,.r-one,.ritual-center,.closing-stardust,.focus-eye{animation:none!important}.hero-spiral,.focus-spiral{transform:translate(-50%,-50%) rotate(0deg)!important}}
/* Mobile detail-page composition: keep art and story in one readable column. */
@media (max-width:900px){
  .detail-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .detail-art-wrap{position:static}
  .detail-copy{max-width:720px;width:100%}
  .detail-art{max-width:720px}
}
@media (max-width:650px){
  .detail-grid{gap:28px}
  .detail-art{height:390px;max-width:none}
  .player-options{display:flex;gap:4px;align-items:center;justify-content:flex-end}
  .player-options .close-player{display:grid!important;margin:0;width:25px;height:25px;padding:3px}
  .player-options .close-player svg{width:16px;height:16px}
}