/* DAP Studio — "Cinematic Studio" warm theme.
   Loaded only when the Studio scene is active: re-tints the neutral console palette
   (navy → espresso / walnut) so the UI sits in the same golden-hour light as the 3D room.
   Accents --a / --b still come from Admin › Tampilan (auto-set to orange + caramel). */
:root.scene-studio{
  --bg:#0b0705; --bg-2:#110b08; --panel:#170f0b; --panel-2:#1f1510; --panel-3:#291c14;
  --ink:#fbf3ea; --ink-2:#d2bfab; --ink-3:#927a66; --line:#2d2119; --line-2:#3f2e22;
  --frame:#fbf3ea;
  color-scheme:dark;
}
.scene-studio ::selection{color:#1a0f08}

/* panels that used hard-coded navy glass */
.scene-studio .term-line,
.scene-studio .cp-term{background:rgba(20,13,9,.78)}
.scene-studio .nav.scrolled{background:rgba(16,10,7,.86)}
.scene-studio .mnav{background:rgba(11,7,5,.96)}
.scene-studio .bay-arrow{background:rgba(48,34,24,.92)}
.scene-studio .cf-verified,
.scene-studio .aw-zoom,
.scene-studio .tm-zoom{background:rgba(18,11,8,.82)}
.scene-studio .tm-media::after{background:linear-gradient(180deg,transparent,rgba(18,11,8,.92))}
.scene-studio .aw-lb,
.scene-studio .img-lb{background:rgba(9,6,4,.94)}
.scene-studio .cinema-scroll-track{background:rgba(201,140,90,.16)}
.scene-studio .cin-flash{background:radial-gradient(circle at 50% 45%,rgba(255,196,140,.5),transparent 60%)}

/* veil over the 3D film: warm shadows instead of blue-black */
.scene-studio .bg-veil{background:linear-gradient(90deg,rgba(11,7,5,.84) 0%,rgba(11,7,5,.46) 38%,rgba(11,7,5,.08) 62%,rgba(11,7,5,.36) 100%),linear-gradient(180deg,rgba(11,7,5,.35),transparent 25%,transparent 70%,rgba(11,7,5,.7))!important}
@media (max-width:820px){.scene-studio .bg-veil{background:linear-gradient(180deg,rgba(11,7,5,.55),rgba(11,7,5,.82))!important}}

/* portfolio drive bays (were electric blue) */
.scene-studio #portfolio .drive .drive-toggle:hover,
.scene-studio #portfolio .drive .drive-toggle:focus-visible{background:rgba(120,72,36,.4);border-color:var(--b)}
.scene-studio #portfolio .drive::after{background:linear-gradient(105deg,transparent 38%,rgba(255,190,130,.04) 43%,rgba(255,206,160,.22) 50%,rgba(255,190,130,.04) 57%,transparent 62%)}

/* HUD of the film in the same palette */
.scene-studio .cin-hud{border-color:rgba(201,140,90,.28);background:rgba(16,10,7,.72);color:#e8d6c3}
.scene-studio .cin-lb{color:var(--b)}
.scene-studio .cin-bar i{background:linear-gradient(90deg,var(--a),var(--b))}

/* language switch in the nav */
.scene-studio .dap-lang{--dl-bg:rgba(24,15,10,.6);--dl-bd:rgba(217,150,96,.28);--dl-fg:rgba(240,222,204,.62);--dl-on:#1a0f08;--dl-ink:linear-gradient(135deg,#f0a35e,var(--a))}
.scene-studio .dap-lang .dl-ink{box-shadow:0 4px 16px -4px rgba(217,119,43,.6)}

/* ---- auto-warmed panels: every navy/blue surface of the console theme re-mapped to the espresso / caramel family ---- */
.scene-studio .xl-title{text-shadow:4px 4px 0 rgba(223,163,117,.0)}
.scene-studio .nav{background:rgba(21,15,10,.72)}
.scene-studio .term-line{background:rgba(21,15,10,.75)}
.scene-studio .plate-name{background:#19110c}
.scene-studio .rack{background:linear-gradient(180deg,#1c130d,#150f0a)}
.scene-studio .rack::before,.scene-studio .rack::after{background:radial-gradient(circle,#453122 2.5px,transparent 3px) 50% 0/10px 22px repeat-y}
.scene-studio .rack-meters{background:#110c08}
.scene-studio .unit{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 14%,#1e150e),#1e150e 45%)}
.scene-studio .u-load i{background:#312217}
.scene-studio .u-eth i{border:1.5px solid #4d392a;background:#150f0a}
.scene-studio .u-switch{border:1.5px solid #58412f;background:#312217}
.scene-studio .u-switch i{color:#887567;background:#f0e8e2}
.scene-studio .u-switch.is-on{background:color-mix(in srgb,var(--c) 30%,#312217)}
.scene-studio .unit.is-off .u-led,.scene-studio .unit.is-off .u-eth i::after{background:#544337}
.scene-studio .bay-tabs{background:#110c08}
.scene-studio .nas{background:linear-gradient(180deg,#32261d,#211710);border:2px solid #513d2f}
.scene-studio .nas-screw{background:radial-gradient(circle at 35% 35%,#7e746d,#362a21)}
.scene-studio .bay-arrow{background:rgba(57,43,33,.92);border:1.5px solid #654e3d}
.scene-studio .drive{background:linear-gradient(180deg,#4c382a,#37281d);border:2.5px solid #654e3d}
.scene-studio .drive:hover{border-color:#8a6e59}
.scene-studio .drive.is-open{background:linear-gradient(180deg,#312217,#231911)}
.scene-studio .d-dots i{background:#887567}
.scene-studio .drive-art{background:radial-gradient(circle at 30% 30%,hsl(var(--h) 85% 60% / .65),transparent 55%),radial-gradient(circle at 75% 70%,color-mix(in srgb,var(--a) 65%,transparent),transparent 55%),#1e150e}
.scene-studio .d-barcode{background:repeating-linear-gradient(90deg,#e1d5cb 0 2px,transparent 2px 3px,#e1d5cb 3px 4px,transparent 4px 7px)}
.scene-studio .drive-foot{background:linear-gradient(180deg,#281d14,#1e150e);background-image:radial-gradient(#543f2e 1.5px,transparent 1.8px)}
.scene-studio .d-led.off i{background:#544337}
.scene-studio .d-slot{border:1.5px solid #4e3b2d}
.scene-studio .d-knob{border:1.5px solid #654e3d;background:radial-gradient(circle,#37281d 40%,#1e150e)}
.scene-studio .chron-panel{background:linear-gradient(180deg,#1e150e,#16100a)}
.scene-studio .stars .far{color:#544337}
.scene-studio .f input,.scene-studio .f textarea{background:#110c08}
.scene-studio .f input::placeholder,.scene-studio .f textarea::placeholder{color:#6a5341}
.scene-studio .nav-logo{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--a) 45%,#1e150e),#150f0a 70%)}
.scene-studio .id-ava.has-logo{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--a) 60%,#1e150e),#120d09 75%)}
.scene-studio .holo-frame{background:#110c08}
.scene-studio .ceo-clip{background:linear-gradient(180deg,#f8f0e9,#c1ad9d);border:2px solid #1e150e}
.scene-studio .ceo-clip i{border:3px solid #e0d0c3}
.scene-studio .ceo-face{background:linear-gradient(160deg,#312217 0%,#20160f 45%,#150f0a 100%)}
.scene-studio .cf-logo{background:#150f0a}
.scene-studio .cf-photo{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--a) 65%,#1e150e),#110c08 75%)}
.scene-studio .cf-verified{background:rgba(17,12,8,.78)}
.scene-studio .cf-holo{background:conic-gradient(from var(--hue,0deg),#ff6ad5,#dfa77d,#ebc1a0,#e6b189,#ecc5a7,#7cf3c6,#ffe66d,#ff6ad5);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 0 18px rgba(235,193,160,.5)}
.scene-studio .cf-shine{background:linear-gradient(115deg,transparent 30%,rgba(255,106,213,.35) 42%,rgba(236,197,167,.4) 50%,rgba(124,243,198,.35) 58%,transparent 70%)}
.scene-studio .cb-strip{background:linear-gradient(180deg,#0e0a07,#2b1f16 50%,#0e0a07)}
.scene-studio .cb-qr{background:#fdfaf7}
.scene-studio .cb-qr i.on{background:#150f0a}
.scene-studio .cb-sign b{color:#f9eee5}
.scene-studio .cp-term{background:rgba(21,15,10,.75)}
.scene-studio.cinema-ready #ceo::before{background:linear-gradient(90deg,transparent,var(--b),#ebc1a0,transparent)}
.scene-studio .secfx{background:#110c08}
.scene-studio .sfx-a,.scene-studio .sfx-b{background:radial-gradient(120% 70% at 50% var(--edge,100%),#2a1e14,#110c08 70%)}
.scene-studio .sfx-a::after,.scene-studio .sfx-b::after{background:repeating-linear-gradient(45deg,#f5c542 0 12px,#1b130d 12px 24px)}
.scene-studio .sfx-label{background:#110c08;color:#f7e5d7}
.scene-studio .nav.scrolled{background:rgba(18,13,9,.82)}
.scene-studio .aw-media{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--a) 45%,#1e150e),#120d09 70%)}
.scene-studio .aw-zoom{background:rgba(17,12,8,.75)}
.scene-studio .aw-type{color:#f7e5d7;background:rgba(17,12,8,.75)}
.scene-studio .aw-full{background:linear-gradient(180deg,#1e150e,#150f0a)}
.scene-studio .zoom-ico{background:rgba(17,12,8,.78)}
.scene-studio .img-lb img{background:#0e0a07}
.scene-studio .hscroll-bay{background:#110c08}
.scene-studio .tm-inner{background:linear-gradient(180deg,var(--panel),#150f0a)}
.scene-studio .tm-media{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--a) 50%,#1e150e),#120d09 72%)}
.scene-studio .tm-media::after{background:linear-gradient(180deg,transparent,rgba(17,12,8,.85))}
.scene-studio .tm-badge,.scene-studio .tm-score{background:rgba(17,12,8,.78);color:#f7e5d7}
.scene-studio .tm-zoom{background:rgba(17,12,8,.75)}
.scene-studio .tm-stars i{color:#553f2e}
.scene-studio .tm-more{background:rgba(17,12,8,.9)}
.scene-studio .tm-ava img{border:2.5px solid #1e150e}
.scene-studio .tm-ava::after{border:2.5px solid #1e150e}
.scene-studio .bay-interaction-hint{border:1px solid #5f432d;background:linear-gradient(100deg,#21170f,#2c1f15 65%,#2c1f15);color:#b89c87}
.scene-studio .bay-interaction-hint strong{color:#dea070}
.scene-studio #portfolio .drive .drive-toggle{background:rgba(82,57,39,.62);border:1px solid #81593a;color:#efceb5}
.scene-studio #portfolio .drive .drive-toggle:hover,.scene-studio #portfolio .drive .drive-toggle:focus-visible{background:rgba(159,102,58,.4);border-color:#dfa476;box-shadow:0 0 20px -7px rgba(221,158,109,.7)}
.scene-studio #portfolio .drive .drive-toggle:focus-visible{outline:2px solid #e1a97e}
.scene-studio #portfolio .drive .drive-toggle i{background:#62442e;border:1px solid #a56e44}
.scene-studio #portfolio .drive.is-open .drive-toggle{background:linear-gradient(115deg,#8f5122,#995e31);border-color:#e5ad83}
.scene-studio #portfolio .drive.is-open .drive-toggle i{background:#b56a30}
.scene-studio #portfolio .drive::after{background:linear-gradient(105deg,transparent 38%,rgba(223,163,117,.04) 43%,rgba(232,184,148,.25) 50%,rgba(223,163,117,.04) 57%,transparent 62%)}
.scene-studio .cinema-scroll-track>span{background:linear-gradient(90deg,#23d6a2,var(--b),var(--a),#e8b995)}
.scene-studio.cinema-ready #portfolio::before{background:linear-gradient(90deg,transparent,#d68a4f,var(--a),transparent)}
.scene-studio.cinema-ready #contact::before{background:linear-gradient(90deg,transparent,#f5dfcf,var(--a),transparent)}
.scene-studio .rack-boot-status{border:1px dashed #634935;background:#18110b;color:#a28b79}
.scene-studio .rack-boot-light{background:#5d4a3c;box-shadow:0 0 0 2px #35251a}
.scene-studio .rack-boot-count{color:#c7b1a1}
.scene-studio .rack-boot-status.is-booting{color:#e6b28a;border-color:#7c5537}
.scene-studio .rack-boot-status.is-online{background:#17100b}
.scene-studio #skills .unit.is-off .u-ico{color:#7b6656}
.scene-studio #skills .unit.is-off .u-switch{border-color:#58412f;background:#312217}
.scene-studio #skills .unit.is-off .u-switch i{color:#887567;background:#f0e8e2}
.scene-studio #skills .u-switch{border:1px solid #624a38;background:linear-gradient(145deg,#2c1f15,#412e20)}
.scene-studio #skills .u-switch::before{background:linear-gradient(95deg,color-mix(in srgb,var(--c) 48%,#1e150e),color-mix(in srgb,var(--c) 22%,#37271a))}
.scene-studio #skills .u-switch i{background:#ddc9ba;color:#5d4735}
.scene-studio #skills .u-switch.is-on,.scene-studio #skills .unit:not(.is-off) .u-switch.is-on{background:color-mix(in srgb,var(--c) 32%,#312217)}
.scene-studio #skills .unit.is-off .u-switch{background:linear-gradient(145deg,#2c1f15,#412e20);border-color:#624a38}
.scene-studio #skills .unit.is-off .u-switch i{color:#5d4735;background:#ddc9ba}
.scene-studio #skills .unit.is-off{background:linear-gradient(90deg,#1e150e,#1e150e 48%)}
.scene-studio #skills .unit.is-off .u-ico{color:#8b796b}
.scene-studio #skills .unit.is-off .u-led{background:#5f4a39}

/* ---- performance: the 3D film repaints every frame, so live backdrop blur on dozens of cards forces the
   browser to re-blur the whole screen on each scroll frame. In the studio theme the panels use solid warm glass instead. ---- */
.scene-studio *,.scene-studio *::before,.scene-studio *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.scene-studio .nav{background:rgba(18,12,8,.88)}
.scene-studio .bcard,.scene-studio .aw-inner,.scene-studio .tm-inner,.scene-studio .chron-item,.scene-studio .quote{background-color:rgba(20,13,9,.9)}
.scene-studio .cin-hud{background:rgba(16,10,7,.86)}
.scene-studio .dap-lang{--dl-bg:rgba(24,15,10,.9)}
/* blend modes over a live WebGL backdrop need a backdrop read-back each frame: use plain alpha instead */
.scene-studio .cf-shine,.scene-studio .ceo-glare,.scene-studio .aw-shine,.scene-studio .tm-shine,.scene-studio .holo-grid{mix-blend-mode:normal!important;opacity:.18}
/* section reveal keeps its motion but drops the full-section blur filter (expensive while scrolling) */
.scene-studio.cinema-ready section>.wrap{filter:none!important}
.scene-studio.cinema-ready .sec.cinema-active .xl-title span{animation-name:cinemaTitleShineWarm}
@keyframes cinemaTitleShineWarm{0%{filter:brightness(1.3);text-shadow:0 0 40px color-mix(in srgb,var(--a) 70%,transparent)}100%{filter:brightness(1);text-shadow:none}}

/* ---- lighter decorative motion: the 3D film already provides the movement ---- */
.scene-studio .ceo-orb,.scene-studio .ceo-beam{display:none}
.scene-studio .holo-scan,.scene-studio .id-ava-scan,.scene-studio .cf-scan{animation:none!important;opacity:.35;background-position:0 50%}
.scene-studio .u-eth i::after,.scene-studio .d-led i,.scene-studio .u-led{animation:none!important}
.scene-studio .tm-ava-ring{animation-duration:14s}
.scene-studio .aw-medal::after{animation:none!important}

/* ---- dynamic pages (/page/slug) in the studio theme ---- */
.scene-studio .pg-meta span{background:rgba(21,15,10,.7)}
.scene-studio .pg-doc{background:linear-gradient(180deg,rgba(35,25,17,.92),rgba(21,15,10,.94))}
.scene-studio .pg-doc-bar{background:rgba(42,30,20,.9)}
.scene-studio .pg-doc-body.rich li{background:rgba(42,30,20,.55)}
.scene-studio .pg-doc-body.rich blockquote{background:rgba(217,148,95,.08)}
.scene-studio .pg-doc-foot{background:rgba(42,30,20,.6)}
.scene-studio .pg-card{background:rgba(28,19,13,.85)}
.scene-studio .pg-toc a.is-active{background:rgba(217,148,95,.14)}
.scene-studio .pg-cta{background:linear-gradient(135deg,rgba(217,148,95,.22),rgba(209,125,61,.12));border-color:rgba(224,166,122,.5)}
.scene-studio .pg-more-card{background:rgba(28,19,13,.85)}
.scene-studio .pg-aurora i{opacity:.16}
.scene-studio.page-view body{background:radial-gradient(120% 80% at 15% 0%,#2a1a10 0%,transparent 55%),radial-gradient(90% 70% at 100% 100%,#24160d 0%,transparent 60%),var(--bg)}
.scene-studio .pg-doc-body.rich h2::before{background:linear-gradient(180deg,var(--a),var(--b))}

/* ---- secure gateway (gate) in the studio palette ---- */
.scene-studio .gate{--ga:var(--a,#d9945f);--gb:var(--b,#d17d3d);color:#fbf4ee}
.scene-studio .gate-css{background:radial-gradient(60% 50% at 50% 50%,color-mix(in srgb,var(--ga) 18%,transparent),transparent 70%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px),#0c0906}
.scene-studio .gcss-frame{background:linear-gradient(180deg,#453426,#21170f 60%,#37281d);box-shadow:inset 0 0 0 3px #58412f}
.scene-studio .gcss-door{background:linear-gradient(90deg,transparent 0 calc(100% - 2px),rgba(255,255,255,.08) 0),
    repeating-linear-gradient(0deg,transparent 0 23%,rgba(0,0,0,.35) 23% 23.6%,transparent 23.6% 25%),
    linear-gradient(160deg,#554030,#302218 45%,#1e150e)}
.scene-studio .gcss-hazard{background:repeating-linear-gradient(45deg,#f5c542 0 14px,#1b130d 14px 28px)}
.scene-studio .gcss-hub{background:radial-gradient(circle,#1e150e 45%,#58412f 46% 52%,#1e150e 53% 60%,#6c523e 61% 64%,transparent 65%)}
.scene-studio .gate.is-opening .gate-css{background-color:#281c13}
.scene-studio .gh-logo{background:rgba(21,15,10,.8);border:2px solid rgba(251,244,238,.85)}
.scene-studio .gh-meta{color:#bca593}
.scene-studio .gr-bg{stroke:rgba(188,165,147,.18)}
.scene-studio .ge-label{border:2.5px solid #fbf4ee;box-shadow:5px 5px 0 #fbf4ee}
.scene-studio .gate-enter:hover .ge-label,.scene-studio .gate-enter:focus-visible .ge-label{box-shadow:7px 7px 0 #fbf4ee}
.scene-studio .gh-log{color:#bca593}
.scene-studio .gh-bar{background:rgba(188,165,147,.15);border:1px solid rgba(188,165,147,.2)}
.scene-studio .gh-hint{color:#bca593}
.scene-studio .gh-tool{border:1.5px solid rgba(188,165,147,.35);background:rgba(21,15,10,.7);color:#f1decf}
.scene-studio .gh-tool:hover{background:rgba(55,39,26,.8)}
.scene-studio .gate{background:#0a0604}