@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,500&display=swap');

.cinematic-relic-scene{--scene-accent:#f2a1c8;--scene-accent-rgb:242,161,200;position:relative;isolation:isolate;min-height:clamp(660px,76vh,880px);display:grid;align-items:center;overflow:hidden;background:#030304;color:#f7efe7}
.cinematic-relic-scene:before{content:"";position:absolute;z-index:20;top:0;left:50%;width:min(1120px,82vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(214,181,112,.28) 18%,rgba(229,204,151,.78) 50%,rgba(214,181,112,.28) 82%,transparent);box-shadow:0 0 18px rgba(214,181,112,.12);pointer-events:none}
.cinematic-relic-scene--drowned{--scene-accent:#78e2bd;--scene-accent-rgb:120,226,189;background:#010908}
.cinematic-relic-scene__backdrop{position:absolute;z-index:-8;inset:0;overflow:hidden;background-color:#030304;background-image:var(--scene-image);background-size:cover;background-position:center;filter:saturate(.96) contrast(1.03)}
.cinematic-relic-scene__backdrop:after{content:"";position:absolute;z-index:3;inset:0;background:rgba(3,3,5,var(--scene-overlay,.34));pointer-events:none}
.cinematic-relic-scene__background-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:transparent}
.cinematic-relic-scene__vignette{position:absolute;z-index:-2;inset:0;box-shadow:inset 0 0 110px 16px rgba(0,0,0,.34);background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 78%,rgba(0,0,0,.3));pointer-events:none}
.cinematic-relic-scene__inner{position:relative;z-index:5;width:min(calc(100% - 72px),1360px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(44px,6vw,96px);align-items:center;padding-block:clamp(86px,10vh,124px)}
.cinematic-relic-scene--media-right .cinematic-relic-scene__relic{order:2}.cinematic-relic-scene--media-right .cinematic-relic-scene__copy{order:1}
.cinematic-relic-scene__relic{position:relative;min-height:520px;display:grid;place-items:center;perspective:1200px}
.cinematic-relic-scene__relic img{position:relative;z-index:3;width:min(100%,760px);max-height:720px;object-fit:contain;filter:drop-shadow(0 45px 55px rgba(0,0,0,.72)) drop-shadow(0 0 28px rgba(var(--scene-accent-rgb),.25));animation:relicBreath 8s cubic-bezier(.45,0,.55,1) infinite}
.cinematic-relic-scene__relic-glow{position:absolute;width:min(78vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--scene-accent-rgb),.25),rgba(var(--scene-accent-rgb),.06) 37%,transparent 67%);filter:blur(14px);animation:relicGlow 7s ease-in-out infinite}
.cinematic-relic-scene__reflection{position:absolute;z-index:1;left:12%;right:12%;bottom:4%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--scene-accent-rgb),.2),transparent 66%);filter:blur(14px);transform:scaleY(.45)}
.cinematic-relic-scene__copy{position:relative;z-index:5;max-width:660px;padding:36px clamp(24px,3vw,44px) 40px}
.cinematic-relic-scene__copy:before{display:none}
.cinematic-relic-scene__copy:after{content:"";display:block;width:112px;height:1px;margin-top:32px;background:linear-gradient(90deg,rgba(216,181,112,.78),rgba(var(--scene-accent-rgb),.24),transparent);box-shadow:0 0 12px rgba(216,181,112,.12)}
.cinematic-relic-scene__eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:22px;font:600 10px/1 'Cinzel',serif;letter-spacing:.38em;text-transform:uppercase;color:#d9b875;text-shadow:0 0 16px rgba(217,184,117,.24)}
.cinematic-relic-scene__eyebrow:before{content:"✦";width:auto;height:auto;background:none;font-size:8px;color:var(--scene-accent);text-shadow:0 0 15px rgba(var(--scene-accent-rgb),.72)}
.cinematic-relic-scene__copy h2{max-width:10ch;margin:0;font:600 clamp(3.35rem,5vw,5.2rem)/.92 'Cinzel',Georgia,'Times New Roman',serif;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;color:#f7ead2;background:linear-gradient(180deg,#fffaf0 4%,#ead9b7 47%,#b99150 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 2px rgba(0,0,0,.45));text-shadow:none}
.cinematic-relic-scene__material{margin:22px 0 0;font:italic 500 clamp(1.2rem,1.7vw,1.65rem)/1.25 'Cormorant Garamond',serif;letter-spacing:.08em;color:rgba(248,239,233,.76)}
.cinematic-relic-scene__description{max-width:46ch;margin-top:24px;font:400 1.25rem/1.7 'Cormorant Garamond',serif;color:rgba(248,239,233,.66)}
.cinematic-relic-scene__button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-width:250px;margin-top:30px;padding:17px 26px;border:1px solid rgba(218,184,116,.65);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(135deg,rgba(216,181,112,.16),rgba(8,7,8,.82) 48%,rgba(var(--scene-accent-rgb),.11));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 14px 38px rgba(0,0,0,.34),0 0 26px rgba(var(--scene-accent-rgb),.08);font:600 10px/1 'Cinzel',serif;letter-spacing:.26em;text-transform:uppercase;color:#f7ead2;transition:gap .35s,border-color .35s,box-shadow .35s,transform .35s}
.cinematic-relic-scene__button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,transparent 18%,rgba(255,245,218,.18) 48%,transparent 72%);transform:translateX(-120%);transition:transform .8s ease}
.cinematic-relic-scene__button:hover{gap:30px;border-color:#e1c58b;box-shadow:0 18px 46px rgba(0,0,0,.44),0 0 32px rgba(var(--scene-accent-rgb),.2);transform:translateY(-3px)}.cinematic-relic-scene__button:hover:before{transform:translateX(120%)}
.cinematic-relic-scene__button--inactive{cursor:default;opacity:.82}.cinematic-relic-scene__button--inactive:hover{gap:22px;transform:none}.cinematic-relic-scene__button--inactive:hover:before{transform:translateX(-120%)}
.cinematic-relic-scene__foreground{display:none}

.rose-cathedral-world,.sunken-oath-world{display:none!important}
.rose-cathedral-world__moon{position:absolute;right:17%;top:7%;width:clamp(180px,25vw,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,221,238,.22),rgba(242,117,181,.06) 44%,transparent 70%);filter:blur(1px);box-shadow:0 0 100px rgba(223,68,145,.18)}
.rose-cathedral-world__beam{position:absolute;top:-20%;width:18%;height:100%;background:linear-gradient(180deg,rgba(255,204,229,.16),transparent 72%);filter:blur(18px);transform:rotate(14deg);transform-origin:top;animation:cathedralBeam 11s ease-in-out infinite alternate}.rose-cathedral-world__beam--one{left:21%}.rose-cathedral-world__beam--two{right:16%;animation-delay:-5s;opacity:.55}
.rose-cathedral-world__arch{position:absolute;bottom:-12%;width:27%;height:82%;border:1px solid rgba(244,151,198,.13);border-bottom:0;border-radius:48% 48% 0 0;box-shadow:inset 0 0 55px rgba(177,33,106,.06),0 0 38px rgba(201,45,124,.05)}
.rose-cathedral-world__arch:before{content:"";position:absolute;inset:8% 12% 0;border:1px solid rgba(244,151,198,.09);border-bottom:0;border-radius:48% 48% 0 0}.rose-cathedral-world__arch--left{left:-6%;transform:scale(.88)}.rose-cathedral-world__arch--center{left:36%;height:93%;width:30%}.rose-cathedral-world__arch--right{right:-7%;transform:scale(.82)}
.rose-cathedral-world__altar{position:absolute;left:8%;bottom:4%;width:54%;height:17%;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(83,16,54,.52),rgba(5,2,5,.95));border-top:1px solid rgba(249,172,211,.22)}
.rose-cathedral-world__circle{position:absolute;left:19%;top:28%;width:clamp(230px,32vw,470px);aspect-ratio:1;border:1px solid rgba(255,161,205,.34);border-radius:50%;filter:drop-shadow(0 0 25px rgba(235,83,160,.3));animation:cathedralSigil 28s linear infinite}
.rose-cathedral-world__circle:before,.rose-cathedral-world__circle:after,.rose-cathedral-world__circle i{content:"";position:absolute;inset:12%;border:1px solid rgba(255,161,205,.24);transform:rotate(45deg)}.rose-cathedral-world__circle:after{inset:25%;border-radius:50%;transform:none}.rose-cathedral-world__circle i:nth-child(1){inset:4%;transform:rotate(22.5deg);opacity:.35}.rose-cathedral-world__circle i:nth-child(2){inset:21%;transform:rotate(67.5deg)}.rose-cathedral-world__circle i:nth-child(3){inset:36%;border-radius:50%;transform:none}.rose-cathedral-world__circle b{position:absolute;inset:0;display:grid;place-items:center;font:500 3.2rem/1 'Cinzel',serif;color:rgba(255,189,221,.7);text-shadow:0 0 28px #ec6eae}
.rose-cathedral-world__petals{position:absolute;inset:0}.rose-cathedral-world__petals i{position:absolute;top:-8%;width:9px;height:16px;border-radius:80% 0 80% 0;background:linear-gradient(145deg,#ffd0e6,#a82a68);box-shadow:0 0 10px rgba(239,93,165,.45);opacity:0;animation:petalFall 12s linear infinite}.rose-cathedral-world__petals i:nth-child(1){left:8%;animation-delay:-1s}.rose-cathedral-world__petals i:nth-child(2){left:16%;animation-delay:-8s;transform:scale(.7)}.rose-cathedral-world__petals i:nth-child(3){left:27%;animation-delay:-4s}.rose-cathedral-world__petals i:nth-child(4){left:36%;animation-delay:-10s;transform:scale(.6)}.rose-cathedral-world__petals i:nth-child(5){left:45%;animation-delay:-2s}.rose-cathedral-world__petals i:nth-child(6){left:54%;animation-delay:-7s;transform:scale(.75)}.rose-cathedral-world__petals i:nth-child(7){left:62%;animation-delay:-5s}.rose-cathedral-world__petals i:nth-child(8){left:69%;animation-delay:-11s;transform:scale(.55)}.rose-cathedral-world__petals i:nth-child(9){left:77%;animation-delay:-3s}.rose-cathedral-world__petals i:nth-child(10){left:84%;animation-delay:-9s;transform:scale(.8)}.rose-cathedral-world__petals i:nth-child(11){left:91%;animation-delay:-6s}.rose-cathedral-world__petals i:nth-child(12){left:97%;animation-delay:-12s;transform:scale(.65)}

.sunken-oath-world__caustics{position:absolute;inset:-18%;opacity:.66;background:radial-gradient(ellipse at 18% 18%,transparent 0 21%,rgba(117,244,207,.07) 22%,transparent 25%),radial-gradient(ellipse at 72% 24%,transparent 0 16%,rgba(117,244,207,.055) 17%,transparent 20%),radial-gradient(ellipse at 46% 68%,transparent 0 24%,rgba(117,244,207,.045) 25%,transparent 29%);background-size:52% 44%,47% 38%,62% 52%;filter:blur(7px);animation:causticDrift 18s ease-in-out infinite alternate}
.sunken-oath-world__ruin{position:absolute;bottom:-5%;width:8%;height:70%;background:linear-gradient(90deg,#020807,rgba(14,65,56,.45),#010403);clip-path:polygon(12% 0,88% 0,100% 6%,92% 100%,7% 100%,0 6%);box-shadow:0 0 40px rgba(35,156,125,.08)}.sunken-oath-world__ruin:before{content:"";position:absolute;left:-18%;right:-18%;top:5%;height:3%;background:#061c18;box-shadow:0 42px 0 #04110f,0 84px 0 #061714}.sunken-oath-world__ruin--one{left:6%;height:62%;transform:rotate(-2deg)}.sunken-oath-world__ruin--two{left:46%;height:82%;width:10%}.sunken-oath-world__ruin--three{right:5%;height:58%;transform:rotate(3deg)}
.sunken-oath-world__gate{position:absolute;left:20%;bottom:-4%;width:45%;height:68%;border:2px solid rgba(94,208,175,.12);border-bottom:0;border-radius:49% 49% 0 0;box-shadow:inset 0 0 90px rgba(21,158,123,.09)}.sunken-oath-world__gate:before{content:"";position:absolute;inset:8% 10% 0;border:1px solid rgba(94,208,175,.09);border-bottom:0;border-radius:49% 49% 0 0}
.sunken-oath-world__wave{position:absolute;left:-12%;width:124%;height:190px;border:2px solid rgba(107,235,198,.23);border-color:rgba(107,235,198,.23) transparent transparent;border-radius:50%;filter:drop-shadow(0 -10px 20px rgba(56,218,170,.13));animation:deepWave 9s ease-in-out infinite}.sunken-oath-world__wave--one{bottom:15%}.sunken-oath-world__wave--two{bottom:4%;animation-delay:-3s;opacity:.67}.sunken-oath-world__wave--three{bottom:-7%;animation-delay:-6s;opacity:.38}
.sunken-oath-world__fog{position:absolute;width:76%;height:31%;border-radius:50%;background:rgba(58,211,166,.13);filter:blur(65px);mix-blend-mode:screen;animation:deepFog 14s ease-in-out infinite alternate}.sunken-oath-world__fog--one{left:-18%;bottom:8%}.sunken-oath-world__fog--two{right:-23%;top:18%;animation-delay:-7s;opacity:.62}
.sunken-oath-world__bubbles{position:absolute;inset:0}.sunken-oath-world__bubbles i{position:absolute;bottom:-5%;width:7px;height:7px;border:1px solid rgba(151,255,225,.42);border-radius:50%;box-shadow:0 0 8px rgba(75,224,181,.22);animation:bubbleRise 11s linear infinite}.sunken-oath-world__bubbles i:nth-child(1){left:9%;animation-delay:-2s}.sunken-oath-world__bubbles i:nth-child(2){left:23%;width:4px;height:4px;animation-delay:-8s}.sunken-oath-world__bubbles i:nth-child(3){left:37%;animation-delay:-4s}.sunken-oath-world__bubbles i:nth-child(4){left:48%;width:11px;height:11px;animation-delay:-10s}.sunken-oath-world__bubbles i:nth-child(5){left:61%;animation-delay:-6s}.sunken-oath-world__bubbles i:nth-child(6){left:73%;width:5px;height:5px;animation-delay:-1s}.sunken-oath-world__bubbles i:nth-child(7){left:84%;animation-delay:-9s}.sunken-oath-world__bubbles i:nth-child(8){left:94%;width:12px;height:12px;animation-delay:-5s}
.cinematic-relic-scene__crystal{position:relative;z-index:3;width:min(55vw,390px);aspect-ratio:1;color:var(--scene-accent);filter:drop-shadow(0 0 25px rgba(var(--scene-accent-rgb),.42));animation:crystalHover 8s ease-in-out infinite}.cinematic-relic-scene__crystal:before{content:"";position:absolute;inset:4%;background:linear-gradient(145deg,rgba(var(--scene-accent-rgb),.2),transparent 45%),rgba(2,3,4,.72);clip-path:polygon(50% 0,91% 20%,100% 66%,72% 100%,28% 100%,0 66%,9% 20%);border:1px solid currentColor}.cinematic-relic-scene__crystal span{position:absolute;z-index:2;inset:18%;border:1px solid rgba(var(--scene-accent-rgb),.42);transform:rotate(45deg)}.cinematic-relic-scene__crystal span:nth-child(2){inset:27%;transform:none;border-radius:50%}.cinematic-relic-scene__crystal span:nth-child(3){inset:8%;transform:rotate(22.5deg);opacity:.25}.cinematic-relic-scene__crystal span:nth-child(4){inset:38%;transform:rotate(67.5deg)}.cinematic-relic-scene__crystal b{position:absolute;z-index:4;inset:0;display:grid;place-items:center;font:500 3rem/1 'Cinzel',serif;color:#fff;text-shadow:0 0 26px var(--scene-accent)}
@keyframes relicBreath{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-18px) rotate(.45deg)}}@keyframes relicGlow{50%{transform:scale(1.12);opacity:.58}}@keyframes crystalHover{50%{transform:translateY(-17px) rotate(.8deg)}}
@keyframes cathedralBeam{to{transform:rotate(8deg) translateX(35px);opacity:.55}}@keyframes cathedralSigil{to{transform:rotate(360deg)}}@keyframes petalFall{0%{transform:translate3d(0,-5vh,0) rotate(0deg);opacity:0}12%{opacity:.75}100%{transform:translate3d(90px,112vh,0) rotate(540deg);opacity:0}}
@keyframes causticDrift{to{transform:translate3d(4%,-3%,0) scale(1.07);opacity:.42}}@keyframes deepWave{0%,100%{transform:translateX(-2%) translateY(0) scaleX(1.04)}50%{transform:translateX(3%) translateY(-24px) scaleX(.96)}}@keyframes deepFog{to{transform:translate(28%,11%) scale(1.18);opacity:.34}}@keyframes bubbleRise{0%{transform:translateY(0) scale(.45);opacity:0}12%{opacity:.65}100%{transform:translate(45px,-110vh) scale(1.25);opacity:0}}
@media(max-width:980px){.cinematic-relic-scene{min-height:auto}.cinematic-relic-scene__inner{width:min(calc(100% - 48px),760px);grid-template-columns:1fr;gap:12px;padding-block:76px}.cinematic-relic-scene--media-right .cinematic-relic-scene__relic,.cinematic-relic-scene--media-right .cinematic-relic-scene__copy{order:initial}.cinematic-relic-scene__relic{min-height:400px}.cinematic-relic-scene__copy{max-width:680px;padding:30px clamp(18px,4vw,38px)}.cinematic-relic-scene__copy h2{font-size:clamp(3.25rem,9vw,5.2rem)}.rose-cathedral-world__circle{left:8%;top:20%}.sunken-oath-world__gate{left:5%;width:72%}}
@media(max-width:600px){.cinematic-relic-scene__inner{width:min(calc(100% - 30px),760px);padding-block:60px}.cinematic-relic-scene__relic{min-height:310px}.cinematic-relic-scene__copy{padding:24px 14px}.cinematic-relic-scene__eyebrow{letter-spacing:.27em}.cinematic-relic-scene__copy h2{font-size:clamp(3.15rem,14vw,5rem)}.cinematic-relic-scene__material{font-size:1.15rem}.cinematic-relic-scene__button{min-width:230px}.rose-cathedral-world__arch{width:44%;opacity:.7}.rose-cathedral-world__arch--center{left:28%;width:48%}.sunken-oath-world__ruin{width:13%}}
@media(prefers-reduced-motion:reduce){.cinematic-relic-scene *{animation:none!important}}