.soulyfe-vault{position:relative;overflow:hidden;padding:clamp(78px,9vw,132px) 0;background:#04070b;color:#f5efe4;border-top:1px solid rgba(231,188,112,.14);border-bottom:1px solid rgba(231,188,112,.12)}
.soulyfe-vault[hidden]{display:none!important}
.soulyfe-vault::before{content:"";position:absolute;inset:-15% -10%;pointer-events:none;background:radial-gradient(circle at 76% 25%,rgba(55,172,175,.12),transparent 30%),radial-gradient(circle at 18% 70%,rgba(217,164,85,.1),transparent 34%)}
.vault-inner{width:min(1320px,calc(100% - 48px));margin:auto;position:relative;z-index:1}
.vault-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:42px;margin-bottom:clamp(38px,5vw,70px)}
.vault-heading .vault-kicker,.vault-card .vault-kicker{font:700 11px/1.2 var(--mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:#d9aa65}
.vault-heading h2{font:400 clamp(48px,6.2vw,88px)/.93 var(--serif,Georgia,serif);letter-spacing:-.045em;margin:16px 0 0;max-width:780px}
.vault-heading h2 em{font-weight:400;color:#dcae6b}
.vault-heading p{font:400 16px/1.65 var(--sans,Arial,sans-serif);color:rgba(238,230,216,.62);margin:0;max-width:450px}
.vault-line{height:1px;background:linear-gradient(90deg,rgba(228,182,105,.08),rgba(228,182,105,.7) 38%,rgba(66,180,182,.42) 72%,transparent);margin-bottom:34px;position:relative}
.vault-line::after{content:"";position:absolute;left:38%;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:#f1c477;box-shadow:0 0 0 6px rgba(229,178,91,.12),0 0 28px rgba(229,178,91,.7)}
.vault-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:18px}
.vault-card{position:relative;min-height:490px;border:1px solid rgba(227,188,122,.22);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(16,20,27,.94),rgba(7,10,14,.96));box-shadow:0 28px 80px rgba(0,0,0,.34)}
.vault-audio{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 0,rgba(71,180,183,.13),transparent 36%),linear-gradient(145deg,rgba(16,20,27,.96),rgba(7,10,14,.97))}
.vault-orbit{position:absolute;right:-92px;top:-92px;width:320px;aspect-ratio:1;border:1px solid rgba(225,178,96,.22);border-radius:50%;transform:rotate(-18deg) scaleY(.42);box-shadow:0 0 90px rgba(54,180,183,.08)}
.vault-orbit::before,.vault-orbit::after{content:"";position:absolute;inset:26px;border:1px solid rgba(73,185,187,.16);border-radius:inherit}
.vault-orbit::after{inset:52px;border-color:rgba(226,183,107,.1)}
.vault-audio-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,38%);align-items:center;gap:clamp(24px,3vw,44px);position:relative;z-index:1}
.vault-copy{position:relative;z-index:1;max-width:720px}
.vault-copy h3{font:400 clamp(40px,5vw,70px)/.95 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:18px 0 8px}
.vault-edition{font:500 clamp(16px,2vw,22px)/1.2 var(--serif,Georgia,serif);color:#d9ad6d;margin:0 0 18px}
.vault-description{max-width:640px;color:rgba(237,229,215,.58);font:400 15px/1.65 var(--sans,Arial,sans-serif);margin:0}
.vault-art-stage{position:relative;width:100%;aspect-ratio:1;border:0;padding:0;background:none;color:inherit;cursor:pointer;isolation:isolate;perspective:900px}
.vault-art-halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(229,177,91,.22),rgba(67,190,192,.08) 45%,transparent 70%);filter:blur(24px);transform:scale(.92);transition:transform .7s ease,opacity .7s ease}
.vault-art-frame{position:absolute;inset:6% 3% 14% 11%;display:block;overflow:hidden;border-radius:18px;border:1px solid rgba(237,195,119,.38);background:#090b0f;box-shadow:0 24px 55px rgba(0,0,0,.52);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .55s ease,filter .55s ease;backface-visibility:hidden}
.vault-art-frame img{display:block;width:100%;height:100%;object-fit:cover}
.vault-art-primary{z-index:2;transform:translate3d(-3%,1%,0) rotate(-1.5deg)}
.vault-art-alternate{z-index:1;transform:translate3d(9%,-5%,0) rotate(3deg) scale(.94);opacity:.55;filter:saturate(.78) brightness(.62)}
.vault-art-stage[data-cover="alternate"] .vault-art-primary{z-index:1;transform:translate3d(-9%,-4%,0) rotate(-3deg) scale(.94);opacity:.5;filter:saturate(.76) brightness(.58)}
.vault-art-stage[data-cover="alternate"] .vault-art-alternate{z-index:2;transform:translate3d(2%,1%,0) rotate(1deg);opacity:1;filter:none}
.vault-art-stage:hover .vault-art-halo,.vault-art-stage:focus-visible .vault-art-halo{transform:scale(1.08);opacity:1}
.vault-art-stage:focus-visible{outline:1px solid #efc478;outline-offset:8px;border-radius:20px}
.vault-art-switch{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(224,180,108,.35);border-radius:999px;background:rgba(4,7,11,.82);backdrop-filter:blur(14px);box-shadow:0 12px 25px rgba(0,0,0,.32);font:700 8px/1 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;text-align:left}
.vault-art-switch b{font-size:10px;color:#efc477}.vault-art-switch span{color:rgba(246,237,220,.72)}.vault-art-switch i{font:400 15px/1 var(--sans,Arial,sans-serif);color:#67c4c6}
.vault-audio-ui{position:relative;z-index:1;margin-top:42px}
.vault-wave{display:block;width:100%;height:86px;opacity:.95}
.vault-progress{display:flex;align-items:center;gap:12px;font:600 10px/1 var(--mono,monospace);letter-spacing:.1em;color:rgba(239,228,207,.5)}
.vault-progress input{width:100%;accent-color:#e2b268}
.vault-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.vault-play,.vault-watch{border:1px solid rgba(230,184,108,.58);border-radius:999px;background:linear-gradient(135deg,rgba(225,177,96,.2),rgba(75,180,183,.08));color:#fff4df;min-height:52px;padding:0 25px;font:700 11px/1 var(--mono,monospace);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 32px rgba(219,166,82,.1);transition:.25s ease}
.vault-play:hover,.vault-play:focus-visible,.vault-watch:hover,.vault-watch:focus-visible{transform:translateY(-2px);border-color:#efc478;box-shadow:0 0 34px rgba(219,166,82,.2)}
.vault-master{display:inline-flex;align-items:center;min-height:52px;padding:0 20px;color:rgba(242,232,215,.72);font:700 10px/1 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.vault-master:hover,.vault-master:focus-visible{color:#f1c477}
.vault-video{min-height:490px;isolation:isolate}
.vault-video::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,4,8,.03) 20%,rgba(3,5,9,.9) 83%),linear-gradient(90deg,rgba(3,5,9,.34),transparent 60%)}
.vault-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.82) brightness(.74)}
.vault-video-copy{position:absolute;left:clamp(26px,4vw,46px);right:clamp(26px,4vw,46px);bottom:clamp(28px,4vw,48px)}
.vault-video h3{font:400 clamp(42px,4.5vw,64px)/.95 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:15px 0 6px}
.vault-video .vault-edition{font-size:18px;margin-bottom:20px}
.vault-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:0 6px;color:rgba(237,229,214,.38);font:600 10px/1.5 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.vault-foot strong{color:rgba(91,198,198,.72);font-weight:700}
.vault-cinema{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:30px;background:rgba(0,2,5,.91);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.3s ease}
.vault-cinema.is-open{opacity:1;visibility:visible}
.vault-cinema-shell{position:relative;width:min(94vw,156.444vh,1280px);display:grid;place-items:center}
.vault-cinema video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:20px;border:1px solid rgba(230,183,105,.3);box-shadow:0 38px 100px rgba(0,0,0,.6)}
.vault-cinema-close{position:absolute;top:0;right:0;z-index:2;width:48px;height:48px;border:1px solid rgba(228,184,110,.38);border-radius:50%;background:rgba(4,7,11,.75);color:#f6ead5;font-size:26px;cursor:pointer}
@media(max-width:820px){.soulyfe-vault{padding:72px 0 118px}.vault-inner{width:min(100% - 28px,660px)}.vault-heading{grid-template-columns:1fr;gap:18px}.vault-heading h2{font-size:clamp(46px,14vw,68px)}.vault-heading p{font-size:14px}.vault-grid{grid-template-columns:1fr}.vault-card{min-height:460px;border-radius:22px}.vault-audio{padding:28px 22px}.vault-audio-lead{grid-template-columns:1fr}.vault-art-stage{width:min(100%,360px);margin:8px auto 0;order:-1}.vault-copy h3{font-size:clamp(42px,13vw,62px)}.vault-wave{height:70px}.vault-video{min-height:620px}.vault-video-poster{object-position:center 24%}.vault-foot{align-items:flex-start;flex-direction:column}.vault-cinema{padding:14px}.vault-cinema-shell{width:100%}.vault-cinema video{border-radius:14px}.vault-cinema-close{top:6px;right:6px}}
@media(prefers-reduced-motion:reduce){.vault-play,.vault-watch,.vault-cinema,.vault-art-frame,.vault-art-halo{transition:none}}