/* Local v8: decorative surface layers. Content geometry stays identical to v7. */
:root{
 --dt-atmosphere-warm:224,183,101;
 --dt-atmosphere-blue:118,163,203;
 --dt-motion-academy-light:4500ms;
 --dt-motion-working-glass:900ms
}
.academy,.opening-library,.working-market{position:relative;isolation:isolate;overflow:hidden}
.academy>.wrap,.opening-library>.wrap,.working-market>.wrap{position:relative;z-index:1}
.section-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.academy-light{background:radial-gradient(ellipse 44% 90% at 50% 30%,rgba(var(--dt-atmosphere-warm),.09),transparent 85%)}
.academy-warm-field{position:absolute;left:30%;top:-90px;width:39%;height:480px;background:radial-gradient(ellipse,rgba(246,220,160,.50),rgba(var(--dt-atmosphere-warm),.14) 48%,transparent 73%);transform:translate3d(0,0,0);opacity:.85}
.academy-window-light{position:absolute;left:24%;top:-180px;width:48%;height:660px;background:linear-gradient(115deg,transparent 26%,rgba(255,253,233,.04) 30%,rgba(255,253,233,.72) 37%,rgba(255,250,223,.29) 47%,transparent 54%);transform:translate3d(0,0,0);opacity:.65}
.atmosphere-once .academy-warm-field{animation:academy-light-breathe var(--dt-motion-academy-light) ease-in-out both}
.atmosphere-once .academy-window-light{animation:academy-light-pass var(--dt-motion-academy-light) ease-in-out both}
@keyframes academy-light-breathe{0%{transform:translate3d(-12px,6px,0);opacity:.65}65%{opacity:1}100%{transform:translate3d(12px,-6px,0);opacity:.85}}
@keyframes academy-light-pass{0%{transform:translate3d(-24px,12px,0);opacity:.30}65%{opacity:.78}100%{transform:translate3d(16px,-8px,0);opacity:.65}}
.library-blueprint{left:auto;right:-28px;top:-14px;bottom:auto;width:min(47%,610px);height:315px;color:#6b8975;opacity:.25;mask-image:linear-gradient(90deg,transparent,black 27%),linear-gradient(180deg,black 35%,transparent 91%);mask-composite:intersect}
.library-blueprint svg{display:block;width:100%;height:100%;transform:rotate(-7deg);transform-origin:70% 45%}
.working-glass{left:45%;background:radial-gradient(ellipse at 88% 20%,rgba(var(--dt-atmosphere-blue),.13),transparent 68%)}
.glass-pane{position:absolute;border:1px solid rgba(255,255,255,.85);border-radius:20px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.48),-12px 18px 45px rgba(57,95,128,.035);opacity:1}
.glass-pane-back{width:460px;height:320px;right:-80px;top:-95px;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(var(--dt-atmosphere-blue),.10));transform:rotate(-17deg)}
.glass-pane-front{width:360px;height:240px;right:135px;top:40px;background:linear-gradient(130deg,rgba(255,255,255,.55),rgba(var(--dt-atmosphere-blue),.06));transform:rotate(-17deg)}
.glass-fade{position:absolute;inset:0;background:linear-gradient(90deg,var(--dt-color-surface-working),transparent 50%),linear-gradient(180deg,transparent 40%,var(--dt-color-surface-working) 78%)}
.atmosphere-once .glass-pane-back{animation:glass-enter-back var(--dt-motion-working-glass) var(--dt-motion-ui-easing) both}
.atmosphere-once .glass-pane-front{animation:glass-enter-front var(--dt-motion-working-glass) var(--dt-motion-ui-easing) 100ms both}
@keyframes glass-enter-back{from{opacity:0;transform:translate3d(0,16px,0) rotate(-17deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(-17deg)}}
@keyframes glass-enter-front{from{opacity:0;transform:translate3d(0,12px,0) rotate(-17deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(-17deg)}}
.atmosphere-suspended .section-atmosphere *{animation-play-state:paused!important}
@media(max-width:900px){.academy-warm-field{left:48%;width:50%}.academy-window-light{left:35%;width:67%}.library-blueprint{width:45%;opacity:.19}.working-glass{left:48%}.glass-pane-back{right:-220px}.glass-pane-front{right:-60px}}
@media(max-width:700px){
 .academy-warm-field{left:30%;top:-70px;width:80%;height:310px}
 .academy-window-light{left:13%;top:-120px;width:110%;height:420px}
 .library-blueprint{width:230px;height:200px;right:-58px;top:-22px;opacity:.16;mask-image:linear-gradient(90deg,transparent,black 60%),linear-gradient(180deg,black 10%,transparent 80%)}
 .working-glass{left:26%;opacity:.8}
 .glass-pane-back{width:280px;height:200px;right:-145px;top:-55px;border-radius:16px}
 .glass-pane-front{width:220px;height:160px;right:-50px;top:42px;border-radius:16px}
 .glass-fade{background:linear-gradient(90deg,var(--dt-color-surface-working),transparent 78%),linear-gradient(180deg,transparent,var(--dt-color-surface-working) 260px)}
}
@media(prefers-reduced-motion:reduce){.section-atmosphere *{animation:none!important}}
@media(prefers-contrast:more){.section-atmosphere{display:none}}