/* fix778d (Oct 19 10:15 PM, Ki): PDE hero = SAME as the pde-world entry gate. Clean cut-out chain from the top edge (no box, no rail), soft round red glow, logo above chrome WORLD, tighter gap. */
.pdz-hero.d778{--nh:min(40svh,86vw,400px)}
@media(min-width:720px){.pdz-hero.d778{--nh:min(46svh,420px)}}
.pdz-hero.d778 .pdz-dangle{position:relative;height:var(--nh)!important;min-height:0;overflow:visible!important;display:block}
.pdz-hero.d778 .pdz-dangle::before{display:none!important}
.pdz-hero.d778 .pdz-sway{position:absolute!important;left:50%;top:calc(var(--nh) * -.2);width:auto!important;height:calc(var(--nh) * 1.2);aspect-ratio:900/916;transform:translateX(-57.8%);animation:none!important}
.pdz-hero.d778 .pdz-sway .pdz-ch{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;margin:0!important;filter:none!important;transform-origin:31% 0;animation:d778Sway 4.4s ease-in-out infinite alternate}
@keyframes d778Sway{from{transform:rotate(-1.7deg)}to{transform:rotate(1.7deg)}}
.pdz-hero.d778 .pdew-gl{display:none!important}
@media (prefers-reduced-motion:reduce){.pdz-hero.d778 .pdz-ch{animation:none}}
/* no hard-edged photo tiles behind the chain: each backdrop photo fades out on its sides + a round red glow, like the gate */
.pdz-hero.d778 .pdx-bg img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent 100%)}
.pdz-hero.d778::after{left:50%!important;top:4%!important;width:min(620px,130%)!important;height:min(78%,560px)!important;transform:translateX(-50%)!important;border-radius:50%;background:radial-gradient(closest-side,rgba(225,20,28,.34),rgba(225,20,28,.10) 55%,transparent 100%)!important}
/* title: PDE RECORDS logo stacked ON TOP of the chrome WORLD (the gate's lockup) */
.pdz-hero.d778 .pdz-title{margin-top:-4px}
.pdz-hero.d778 .pdz-h1{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 auto;filter:none}
.pdz-hero.d778 .d778-logo{display:block;height:clamp(58px,16vw,96px);width:auto;margin:0 0 2px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
.pdz-hero.d778 .d778-w{display:block;padding:0 .02em 0 .1em;font:400 clamp(60px,18vw,124px)/1 'PDXAnton',var(--ui);letter-spacing:.1em;
 background:linear-gradient(180deg,#ffffff 0%,#f6f8fb 16%,#c9d0d8 36%,#6d7681 47%,#2a2f37 50%,#59616c 53%,#c3cad3 64%,#ffffff 80%,#dfe4ea 90%,#9aa3ad 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px rgba(255,255,255,.55);
 filter:drop-shadow(1px 0 0 #07080a) drop-shadow(-1px 0 0 #07080a) drop-shadow(0 1px 0 #07080a) drop-shadow(0 -1px 0 #07080a) drop-shadow(1.5px 0 0 #d1000f) drop-shadow(-1.5px 0 0 #d1000f) drop-shadow(0 -1.5px 0 #d1000f) drop-shadow(0 2px 0 #8a0009) drop-shadow(0 0 14px rgba(255,26,38,.55))}
.pdz-hero.d778 .d778-bar{display:block;width:min(72%,260px);height:3px;margin:6px auto 0;border-radius:3px;background:linear-gradient(90deg,transparent,#8a0009 12%,#ff1f2d 38%,#fff 50%,#ff1f2d 62%,#8a0009 88%,transparent);box-shadow:0 0 10px rgba(255,30,40,.7)}
.pdz-hero.d778 .pdz-sub{margin-top:8px}
.pdz-hero.d778 .pdz-tap{margin:8px 0 0}
.pdz-hero.d778{padding-bottom:8px!important}
/* #/pde room header: logo badge sits right under the pendant */
.pdz-hero.d778 .pdx-badge{margin-top:-6px}
.pdz-hero.d778+.pdz-sec{margin-top:10px!important;padding-top:14px!important}

/* BB 10:22 (Ki "U FUCKED IT UP"): smaller pendant fully inside, hero full width on phone */
.pdz-hero.d778{--nh:min(30svh,64vw,300px);width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;border-radius:0!important;overflow:hidden}
@media(min-width:720px){.pdz-hero.d778{--nh:min(38svh,360px)}}

/* BB 10:24 (Ki VN: "you took the gleam/highlight/little diamonds shining off… light behind it looks weird"): bring back the shine, drop the red light */
.pdz-hero.d778 .pdew-gl{display:block!important}
.pdz-hero.d778 .pdew-gl.g1{left:52%;top:62%}.pdz-hero.d778 .pdew-gl.g2{left:72%;top:78%}.pdz-hero.d778 .pdew-gl.g3{left:60%;top:92%}
.pdz-hero.d778 .pdz-sway .pdz-ch{filter:drop-shadow(0 14px 14px rgba(0,0,0,.85)) drop-shadow(0 0 1px rgba(255,255,255,.6)) drop-shadow(0 0 22px rgba(220,230,255,.3))!important}
.pdz-hero.d778::after{display:none!important}

/* BB 10:25 Ki: WHITE light behind + sparkles, all chains */
@keyframes bbTw{0%,60%,100%{opacity:0;transform:scale(.2) rotate(0)}75%{opacity:1;transform:scale(1) rotate(45deg)}88%{opacity:.5;transform:scale(.6) rotate(90deg)}}
.pdz-hero.d778 .pdz-sway .pdz-ch{filter:drop-shadow(0 12px 12px rgba(0,0,0,.8)) drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 14px rgba(255,255,255,.55)) drop-shadow(0 0 34px rgba(220,232,255,.45))!important}
.pdz-hero.d778 .pdz-sway::before{content:'';position:absolute;left:58%;top:62%;width:120%;height:70%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.30),rgba(220,232,255,.12) 55%,transparent 100%);z-index:-1;pointer-events:none}
.pdz-hero.d778 .pdz-sway::after{content:'';position:absolute;left:66%;top:74%;width:26px;height:26px;margin:-13px;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 2px,rgba(255,255,255,.0) 3px),linear-gradient(#fff,#fff) center/2px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 2px no-repeat;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px #dfeaff);animation:bbTw 3.2s ease-in-out .8s infinite}
.pdz-hero.d778 .pdew-gl{z-index:3}

/* BB 10:40 Ki "TOO BRIGHT U CAN SEE FLAWS": white light much softer */
.pdz-hero.d778 .pdz-sway .pdz-ch{filter:drop-shadow(0 12px 12px rgba(0,0,0,.8)) drop-shadow(0 0 1px rgba(255,255,255,.5)) drop-shadow(0 0 10px rgba(220,230,255,.16))!important}
.pdz-hero.d778 .pdz-sway::before{background:radial-gradient(closest-side,rgba(255,255,255,.10),rgba(220,232,255,.04) 55%,transparent 100%)!important}