/* Premium cinematic direction: controlled fire, depth, and quiet luxury */
body{background:#070605}.hero-bg{background-image:url('assets/naga-api-hero-3d.png');transform:scale(1.015);will-change:transform}.hero:after{background:linear-gradient(90deg,rgba(5,4,3,.96) 0%,rgba(5,4,3,.78) 32%,rgba(5,4,3,.16) 66%),linear-gradient(0deg,rgba(4,3,2,.78),transparent 38%)}.hero-copy{position:relative}.hero-copy:before{content:'';position:absolute;z-index:-1;inset:-80px -120px;background:radial-gradient(ellipse at center,rgba(0,0,0,.48),transparent 70%);filter:blur(20px)}.volcanic-haze{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 85%,rgba(255,70,0,.14),transparent 35%);animation:haze 8s ease-in-out infinite alternate}@keyframes haze{to{opacity:.62;transform:scale(1.04)}}.lava-horizon{position:absolute;left:0;right:0;bottom:0;height:1px;z-index:1;background:linear-gradient(90deg,transparent,#f24b10 28%,#ffc361 50%,#f24b10 72%,transparent);box-shadow:0 -5px 30px rgba(255,72,0,.38)}.embers{opacity:.55}.embers i{width:2px;height:2px;box-shadow:0 0 8px #ff5b16}.site-header{backdrop-filter:blur(4px);background:linear-gradient(180deg,rgba(3,3,3,.4),transparent)}.nav-cta{background:rgba(16,12,9,.48);backdrop-filter:blur(12px);transition:.3s}.nav-cta:hover{border-color:#b94b20;box-shadow:inset 0 0 22px rgba(255,75,0,.08)}
.molten-cta{position:relative;overflow:hidden;background:linear-gradient(115deg,#e7470a,#ff7021 48%,#d73703);border:1px solid rgba(255,198,119,.55);box-shadow:0 14px 40px rgba(211,52,0,.25),inset 0 1px rgba(255,255,255,.3);transition:transform .3s,box-shadow .3s}.molten-cta:before{content:'';position:absolute;inset:-80% -20%;background:linear-gradient(90deg,transparent,rgba(255,241,191,.55),transparent);transform:rotate(20deg) translateX(-70%);transition:transform .7s}.molten-cta:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(235,65,0,.38),0 0 0 1px rgba(255,172,89,.25)}.molten-cta:hover:before{transform:rotate(20deg) translateX(70%)}.text-link{transition:color .25s}.text-link:hover{color:#fff}.text-link i{background:rgba(14,10,8,.55);backdrop-filter:blur(8px);box-shadow:0 0 0 5px rgba(255,83,0,.04)}.visual-story{background:linear-gradient(180deg,#090706,#100a07 50%,#090706)}.story-grid{gap:24px;perspective:1600px}.story-card{border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 90px rgba(0,0,0,.52);transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .4s}.story-card:hover{transform:translateY(-8px);border-color:rgba(255,115,51,.32)}.story-card:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 80px rgba(0,0,0,.45)}.story-overlay{padding-top:55px}.power-grid{gap:14px;border:0}.power-card{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:0 24px 65px rgba(0,0,0,.22)}.power-card:hover,.power-card.featured{border-color:rgba(244,90,10,.3)!important;transform:translateY(-5px);background:linear-gradient(145deg,rgba(65,28,12,.5),rgba(14,10,8,.9))}.rune{font-size:42px;filter:drop-shadow(0 0 20px rgba(255,86,0,.38))}.topic{position:relative}.topic:after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--orange);transition:width .35s}.topic:hover:after{width:100%}.topic:hover{box-shadow:none}
@media(max-width:850px){.hero-bg{background-position:63% center}.hero:after{background:linear-gradient(0deg,#060504 8%,rgba(5,4,3,.18) 82%),linear-gradient(90deg,rgba(4,3,2,.82),transparent 72%)}.hero-copy:before{inset:-50px -30px}.story-card:hover{transform:none}.embers{opacity:.38}.power-grid{gap:12px}.site-header{backdrop-filter:none}}@media(max-width:520px){.hero{min-height:690px;padding-bottom:92px}.hero-bg{background-position:61% center}.hero-copy{max-width:92%}.hero-desc{max-width:92%}.story-grid{gap:14px}.story-card{min-height:430px}.molten-cta{width:100%;text-align:center}.hero-actions{width:100%}.embers i:nth-child(n+13){display:none}}@media(prefers-reduced-motion:reduce){.volcanic-haze,.embers i{animation:none}.hero-bg{transform:none!important}.molten-cta:before{display:none}}

/* Cinematic opening and signature identity */
.cinematic-intro{position:fixed;inset:0;z-index:1000;background:#020202;display:grid;place-items:center;overflow:hidden;transition:opacity .9s ease,visibility .9s}.cinematic-intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-smoke{position:absolute;width:110%;height:100%;background:radial-gradient(ellipse at 50% 46%,rgba(89,33,13,.42),transparent 35%),radial-gradient(ellipse at 20% 70%,rgba(48,28,20,.4),transparent 34%);filter:blur(30px);animation:intro-smoke 4s ease-in-out infinite alternate}@keyframes intro-smoke{to{transform:scale(1.12) translateY(-20px);opacity:.65}}.dragon-eyes{position:absolute;top:42%;display:flex;gap:clamp(95px,14vw,220px);opacity:0;animation:eyes-awake 3.2s ease forwards}.dragon-eyes i{display:block;width:clamp(28px,4vw,55px);height:9px;border-radius:60% 20%;background:#ffd072;box-shadow:0 0 9px #fff3b0,0 0 27px #ff6a00,0 0 75px #ff2600;transform:rotate(8deg)}.dragon-eyes i:last-child{transform:rotate(-8deg) scaleX(-1)}@keyframes eyes-awake{0%,25%{opacity:0;transform:scaleY(0)}42%{opacity:1;transform:scaleY(1)}72%{opacity:1}100%{opacity:0}}.intro-seal{position:relative;width:138px;height:138px;display:grid;place-items:center;opacity:0;transform:scale(.75) rotate(45deg);border:1px solid rgba(255,110,42,.65);background:linear-gradient(145deg,#18110d,#060504);box-shadow:0 0 55px rgba(255,58,0,.22),inset 0 0 30px #000;animation:seal-enter 1.2s 2.45s ease forwards}.intro-seal:before{content:'';position:absolute;inset:8px;border:1px solid rgba(255,255,255,.1)}.intro-seal span{font:600 29px Cinzel;color:#ff6b25;transform:rotate(-45deg);text-shadow:0 0 18px #ff3900}@keyframes seal-enter{to{opacity:1;transform:scale(1) rotate(45deg)}}.cinematic-intro>p{position:absolute;top:69%;font:600 9px Inter;letter-spacing:7px;color:#8b7770;opacity:0;animation:fade-word .9s 2.8s forwards}@keyframes fade-word{to{opacity:1}}.skip-intro{position:absolute;right:28px;bottom:24px;z-index:2;background:none;border:0;border-bottom:1px solid #55433b;color:#998a83;font:500 9px Inter;letter-spacing:2px;padding:8px;cursor:pointer}.scroll-progress{position:fixed;z-index:30;left:0;top:0;height:2px;width:var(--progress,0%);background:linear-gradient(90deg,#9f2600,#ff6a19,#ffd074);box-shadow:0 0 12px #ff4a00}.hero-title-row{display:flex;align-items:flex-end;gap:45px}.naga-seal{flex:0 0 112px;width:112px;height:112px;display:grid;place-items:center;align-content:center;transform:rotate(45deg);border:1px solid rgba(255,112,48,.48);background:linear-gradient(145deg,rgba(35,22,15,.82),rgba(6,5,4,.92));box-shadow:0 18px 55px #000,inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(12px)}.naga-seal:before{content:'';position:absolute;inset:8px;border:1px solid rgba(255,255,255,.08)}.naga-seal span,.naga-seal small{transform:rotate(-45deg)}.naga-seal span{font:700 23px Cinzel;color:#ff6a22}.naga-seal small{font:600 6px Inter;letter-spacing:2px;color:#81756e;margin-top:-13px}.chapter-divider{position:relative;height:72vh;min-height:580px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#060403}.chapter-bg{position:absolute;inset:-8%;background:linear-gradient(0deg,rgba(4,3,2,.9),rgba(4,3,2,.12),rgba(4,3,2,.78)),url('assets/naga-lahir-kembali.png') center/cover no-repeat;filter:saturate(.72);transform:scale(1.08);will-change:transform}.chapter-copy{position:relative;z-index:2}.chapter-copy span{font-size:8px;letter-spacing:5px;color:#c34c1d}.chapter-copy p{font:500 clamp(26px,4vw,52px)/1.25 Cinzel;margin:26px 0;color:#e8dfd5}.chapter-copy strong{font:700 clamp(62px,11vw,170px)/.8 Cinzel;letter-spacing:-6px;color:transparent;-webkit-text-stroke:1px rgba(255,103,35,.75);text-shadow:0 0 50px rgba(255,55,0,.16)}
@media(max-width:900px){.naga-seal{display:none}.hero-title-row{display:block}.chapter-divider{height:65vh}.chapter-copy strong{letter-spacing:-3px}}@media(max-width:520px){.cinematic-intro>p{top:66%;letter-spacing:4px}.intro-seal{width:105px;height:105px}.dragon-eyes{gap:85px}.chapter-divider{min-height:510px}.chapter-copy{padding:0 20px}.chapter-copy strong{-webkit-text-stroke-width:.7px}.skip-intro{right:18px;bottom:18px}}@media(prefers-reduced-motion:reduce){.cinematic-intro{display:none}.chapter-bg{transform:none!important}.dragon-eyes,.intro-seal,.cinematic-intro>p{animation:none}}

/* Dragon fire breath and seamless volcanic transition */
.dragon-breath{position:absolute;z-index:2;left:48.8%;top:34.5%;width:15vw;height:8vw;min-width:175px;min-height:80px;transform:rotate(15deg);transform-origin:right center;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,62,0,.75));animation:breath-pulse 1.4s ease-in-out infinite alternate}.dragon-breath:before{content:'';position:absolute;right:0;top:29%;width:100%;height:42%;clip-path:polygon(0 50%,28% 12%,24% 38%,65% 0,55% 35%,100% 42%,100% 60%,56% 68%,64% 100%,25% 64%,30% 90%);background:linear-gradient(90deg,transparent 0,#ff3c00 23%,#ff791a 52%,#ffd36a 80%,#fff4bb 100%);filter:blur(2px);animation:breath-wave .48s ease-in-out infinite alternate}.dragon-breath:after{content:'';position:absolute;right:2%;top:39%;width:78%;height:21%;clip-path:polygon(0 50%,45% 4%,36% 41%,100% 20%,100% 80%,35% 59%,45% 96%);background:linear-gradient(90deg,transparent,#ff9a2e 45%,#fff7c9);filter:blur(1px);animation:breath-wave .34s ease-in-out infinite alternate-reverse}.dragon-breath i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe6a0;box-shadow:0 0 8px #ff4a00;animation:breath-spark 1s linear infinite}.dragon-breath i:nth-child(1){left:28%;top:25%}.dragon-breath i:nth-child(2){left:8%;top:58%;animation-delay:-.4s}.dragon-breath i:nth-child(3){left:42%;top:72%;animation-delay:-.7s}@keyframes breath-pulse{to{opacity:.82;transform:rotate(15deg) scaleX(.9) scaleY(1.08)}}@keyframes breath-wave{to{transform:scaleY(1.32) translateX(-5px)}}@keyframes breath-spark{to{transform:translate(-55px,-18px) scale(0);opacity:0}}.intro{position:relative;margin-top:0}.intro:before{content:'';position:absolute;z-index:3;left:0;right:0;top:-34px;height:36px;background:radial-gradient(42px 24px at 8% 100%,#18100b 98%,transparent),radial-gradient(65px 28px at 22% 100%,#0d0907 98%,transparent),radial-gradient(48px 25px at 38% 100%,#1a0e08 98%,transparent),radial-gradient(75px 31px at 55% 100%,#0a0705 98%,transparent),radial-gradient(55px 24px at 72% 100%,#180d08 98%,transparent),radial-gradient(78px 33px at 89% 100%,#0a0705 98%,transparent);filter:drop-shadow(0 -5px 9px rgba(255,66,0,.32))}.hero{margin-bottom:0}
@media(max-width:1100px){.dragon-breath{left:51%;top:35.5%;width:19vw}}@media(max-width:850px){.dragon-breath{left:50%;top:36%;width:26vw;opacity:.8}.intro:before{top:-24px;height:26px;background-size:70% 100%}}@media(max-width:520px){.dragon-breath{left:47%;top:35%;width:36vw;min-width:120px;min-height:55px;opacity:.7;filter:drop-shadow(0 0 12px rgba(255,62,0,.6))}.intro:before{top:-18px;height:20px}}@media(prefers-reduced-motion:reduce){.dragon-breath,.dragon-breath:before,.dragon-breath:after,.dragon-breath i{animation:none}}