/*
 * Brand News OT — depth effects (loaded only when depth != 2D).
 * 3D: elevation + perspective. 5D: gradients, glow, glass. 9D: layered
 * animated glow, grid, tilt (tilt JS is separate and optional).
 * Every animated rule is disabled under prefers-reduced-motion.
 */

/* ---------- 3D: depth & perspective ---------- */
.bnot-depth-3d,.bnot-depth-5d,.bnot-depth-9d{--bnot-elev-1:0 1px 2px rgba(var(--bnot-shadow-rgb),.06),0 6px 16px -8px rgba(var(--bnot-shadow-rgb),.18);--bnot-elev-2:0 2px 4px rgba(var(--bnot-shadow-rgb),.06),0 18px 40px -18px rgba(var(--bnot-shadow-rgb),.3);--bnot-elev-3:0 30px 70px -28px rgba(var(--bnot-shadow-rgb),.45)}
.bnot-depth-3d .bnot-card,.bnot-depth-5d .bnot-card,.bnot-depth-9d .bnot-card{box-shadow:var(--bnot-elev-1);transform-style:preserve-3d;will-change:transform}
.bnot-depth-3d .bnot-card:hover,.bnot-depth-5d .bnot-card:hover,.bnot-depth-9d .bnot-card:hover{box-shadow:var(--bnot-elev-2);transform:translateY(-4px)}
.bnot-depth-3d .bnot-hero,.bnot-depth-5d .bnot-hero,.bnot-depth-9d .bnot-hero{perspective:1400px}
.bnot-depth-3d .bnot-hero__plate{transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);box-shadow:var(--bnot-elev-3)}
.bnot-depth-3d .bnot-header.is-stuck{box-shadow:var(--bnot-elev-2)}
.bnot-depth-3d .bnot-footer{box-shadow:0 -20px 50px -40px rgba(var(--bnot-shadow-rgb),.4)}
.bnot-depth-3d .bnot-module__title::after{content:"";display:block;width:56px;height:4px;margin-top:8px;border-radius:2px;background:var(--bnot-primary);box-shadow:0 4px 12px -4px rgba(var(--bnot-primary-rgb),.6)}
[data-bnot-tilt]{transition:transform .18s ease-out,box-shadow .2s}
.bnot-has-tilt [data-bnot-tilt]:hover{transition:box-shadow .2s}

/* ---------- 5D: gradients, glow, glass ---------- */
.bnot-depth-5d,.bnot-depth-9d{--bnot-glow:0 0 0 1px rgba(var(--bnot-primary-rgb),.18),0 0 32px -6px rgba(var(--bnot-primary-rgb),.35),0 0 60px -20px rgba(var(--bnot-accent-rgb),.35)}
.bnot-depth-5d .bnot-card,.bnot-depth-9d .bnot-card{background:linear-gradient(165deg,var(--bnot-card),color-mix(in srgb,var(--bnot-card) 92%,var(--bnot-primary)));border-color:rgba(var(--bnot-primary-rgb),.14)}
.bnot-has-glow.bnot-depth-5d .bnot-card:hover,.bnot-has-glow.bnot-depth-9d .bnot-card:hover{box-shadow:var(--bnot-glow),var(--bnot-elev-2)}
.bnot-depth-5d .bnot-hero,.bnot-depth-9d .bnot-hero{position:relative;isolation:isolate}
.bnot-depth-5d .bnot-hero::before,.bnot-depth-9d .bnot-hero::before{content:"";position:absolute;inset:-10% -5%;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 15% 20%,rgba(var(--bnot-primary-rgb),.22),transparent 60%),radial-gradient(45% 40% at 85% 80%,rgba(var(--bnot-accent-rgb),.2),transparent 60%);filter:blur(40px)}
.bnot-depth-5d .bnot-header,.bnot-depth-9d .bnot-header{background:color-mix(in srgb,var(--bnot-bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.bnot-depth-5d .bnot-btn--primary,.bnot-depth-9d .bnot-btn--primary{background-image:var(--bnot-gradient,linear-gradient(135deg,var(--bnot-primary),var(--bnot-accent)));box-shadow:0 10px 26px -12px rgba(var(--bnot-primary-rgb),.7)}
.bnot-depth-5d .bnot-chip--active,.bnot-depth-9d .bnot-chip--active,.bnot-depth-5d .bnot-cat,.bnot-depth-9d .bnot-cat{background-image:var(--bnot-gradient,linear-gradient(135deg,var(--bnot-primary),var(--bnot-accent)));color:#fff;border-color:transparent}
.bnot-depth-5d .bnot-module__title,.bnot-depth-9d .bnot-module__title{background:var(--bnot-gradient,linear-gradient(135deg,var(--bnot-heading),var(--bnot-primary)));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.bnot-depth-5d .bnot-ticker:not(.bnot-ticker--strip),.bnot-depth-9d .bnot-ticker:not(.bnot-ticker--strip){background-image:linear-gradient(90deg,rgba(var(--bnot-primary-rgb),.08),transparent 40%,rgba(var(--bnot-accent-rgb),.08))}
.bnot-depth-5d .bnot-footer,.bnot-depth-9d .bnot-footer{background-image:radial-gradient(70% 60% at 100% 0,rgba(var(--bnot-primary-rgb),.12),transparent 60%)}
.bnot-depth-5d .bnot-sidebar__module,.bnot-depth-9d .bnot-sidebar__module{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* ---------- 9D: layered motion, grid, aurora ---------- */
.bnot-depth-9d .bnot-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:conic-gradient(from 180deg at 50% 50%,rgba(var(--bnot-primary-rgb),.25),rgba(var(--bnot-accent-rgb),.25),transparent 60%,rgba(var(--bnot-primary-rgb),.25));filter:blur(70px);animation:bnot-aurora 18s linear infinite}
.bnot-has-grid.bnot-depth-9d .bnot-hero{background-image:linear-gradient(rgba(var(--bnot-primary-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--bnot-primary-rgb),.08) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(80% 80% at 50% 40%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000 40%,transparent 100%)}
.bnot-depth-9d .bnot-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(var(--bnot-primary-rgb),.6),transparent 40%,transparent 60%,rgba(var(--bnot-accent-rgb),.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s}
.bnot-depth-9d .bnot-card:hover::before{opacity:1}
.bnot-depth-9d .bnot-card--rank::before{opacity:1}
.bnot-depth-9d .bnot-hero__plate{box-shadow:var(--bnot-elev-3),0 0 80px -20px rgba(var(--bnot-primary-rgb),.55)}
.bnot-depth-9d .bnot-header.is-stuck{box-shadow:0 1px 0 rgba(var(--bnot-primary-rgb),.25),var(--bnot-elev-2)}
.bnot-depth-9d .bnot-ticker__label{background-image:var(--bnot-gradient,linear-gradient(135deg,var(--bnot-primary),var(--bnot-accent)));animation:bnot-pulse 2.4s ease-in-out infinite}
.bnot-depth-9d .bnot-totop{box-shadow:var(--bnot-glow)}
@keyframes bnot-aurora{to{transform:rotate(360deg)}}
@keyframes bnot-pulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--bnot-primary-rgb),.45)}50%{box-shadow:0 0 0 8px rgba(var(--bnot-primary-rgb),0)}}

/* Dark mode softening. */
[data-bnot-mode="dark"] .bnot-depth-5d .bnot-card,[data-bnot-mode="dark"] .bnot-depth-9d .bnot-card{background:linear-gradient(165deg,var(--bnot-card),color-mix(in srgb,var(--bnot-card) 88%,var(--bnot-primary)))}

/* ---------- reduced motion / small screens ---------- */
@media (prefers-reduced-motion:reduce){
	.bnot-depth-9d .bnot-hero::after,.bnot-depth-9d .bnot-ticker__label{animation:none}
	[data-bnot-tilt]{transition:none;transform:none!important}
	.bnot-depth-3d .bnot-card:hover,.bnot-depth-5d .bnot-card:hover,.bnot-depth-9d .bnot-card:hover{transform:none}
}
@media (max-width:640px){
	.bnot-depth-5d .bnot-hero::before,.bnot-depth-9d .bnot-hero::before,.bnot-depth-9d .bnot-hero::after{display:none}
	.bnot-depth-3d .bnot-hero__plate{transform:none}
}