.mp--gloryboishrty{--night:#06070d;--night-2:#0c0f1e;--glow:#9be15d;--glow-soft:#9be15d38;--haze:#cfd3e6;--gothic:"Grenze Gotisch", "UnifrakturMaguntia", serif;background:radial-gradient(90% 60% at 50% 0%, #121633 0%, transparent 60%), linear-gradient(180deg, var(--night) 0%, var(--night-2) 45%, var(--night) 100%);color:#e9ebf3}.mp--gloryboishrty [data-focus]{filter:blur(var(--dof,0px));transition:filter .25s linear}.gb-kick{font-family:var(--serif-i);color:var(--glow);font-size:22px;font-style:italic}.gb-play{color:var(--glow);font-family:var(--serif-i);text-shadow:0 0 18px #9be15d59;transition:box-shadow .4s var(--ease), transform .4s var(--ease);border-bottom:1px solid #9be15d80;align-items:center;gap:12px;padding:0 0 4px;font-size:24px;display:inline-flex}.gb-play .glyph{width:10px}.gb-play:hover,.gb-play.is-playing{border-color:var(--glow);text-shadow:0 0 26px #9be15db3}.gb-hero{place-items:center;height:max(100svh,720px);display:grid;position:relative;overflow:hidden}.gb-hero__haze{opacity:.4;filter:saturate(1.3)hue-rotate(-12deg);background:url(/images/roster/gloryboishrty/collage-soft.webp) 50%/cover no-repeat;animation:16s ease-in-out infinite alternate gbBreathe;position:absolute;inset:-10%}.gb-hero__haze:after{content:"";background:radial-gradient(60% 55% at 50% 50%, transparent 0%, #06070dbf 70%, var(--night) 100%);position:absolute;inset:0}@keyframes gbBreathe{to{transform:scale(1.08)rotate(1.5deg)}}.gb-bubble{z-index:1;filter:blur(1.2px)saturate(1.1);opacity:.75;background:url(/images/roster/gloryboishrty/collage.webp) 0 0/380% no-repeat;border-radius:50%;animation:28s ease-in-out infinite alternate gbFloat;position:absolute;box-shadow:0 0 0 1px #cfd3e62e,0 0 60px #9be15d1f,inset 0 0 30px #06070db3}@keyframes gbFloat{0%{transform:translate(0,0)}50%{transform:translate(2.5vw,-3vh)scale(1.05)}to{transform:translate(-1.5vw,2vh)scale(.96)}}.gb-hero__cover{z-index:2;width:min(44vh,34vw);animation:gbWake 2.6s var(--ease) .2s both;margin:0;position:relative;transform:rotate(-2.5deg)translateY(-5vh);box-shadow:0 0 0 1px #9be15d26,0 40px 120px #000000a6,0 0 140px #9be15d1f}.gb-hero__cover img{width:100%}@keyframes gbWake{0%{filter:blur(26px)brightness(.6);opacity:.3;transform:rotate(-6deg)translateY(-2vh)scale(1.08)}}.gb-hero__name{z-index:3;font-family:var(--gothic);letter-spacing:-.01em;white-space:nowrap;color:var(--glow);text-shadow:0 0 24px #9be15d73,0 0 90px #9be15d40;animation:gbName 3.2s var(--ease) .6s both;margin:0;font-size:clamp(64px,11.6vw,230px);font-weight:800;line-height:.9;position:absolute;bottom:13svh;left:50%;transform:translate(-50%)}@keyframes gbName{0%{opacity:0;filter:blur(20px);letter-spacing:.06em}}.gb-hero__line{z-index:3;font-family:var(--serif-i);color:var(--haze);white-space:nowrap;animation:gbName 3s var(--ease) 1.4s both;font-size:clamp(20px,1.9vw,34px);font-style:italic;position:absolute;bottom:8svh;left:50%;transform:translate(-50%)}.gb-hero__where{right:var(--pad);z-index:3;letter-spacing:.26em;text-transform:uppercase;color:#9aa0bd;font-size:11px;position:absolute;top:104px}.gb-z{z-index:3;pointer-events:none;width:120px;height:200px;position:absolute;top:22%;left:calc(50% + min(22vh,17vw))}.gb-z span{left:calc(var(--i) * 18px);font-family:var(--serif-i);font-style:italic;font-size:calc(22px + var(--i) * 7px);color:var(--haze);opacity:0;animation:7s ease-in infinite gbZ;animation-delay:calc(var(--i) * 1.3s);position:absolute;bottom:0}@keyframes gbZ{0%{opacity:0;transform:translate(0,0)rotate(-8deg)}20%{opacity:.55}to{opacity:0;transform:translate(40px,-190px)rotate(12deg)}}.gb-swap{padding:22svh var(--pad) 18svh;text-align:center;flex-direction:column;align-items:center;display:flex}.gb-swap__count{font-family:var(--gothic);letter-spacing:-.02em;color:var(--glow);text-shadow:0 0 60px #9be15d59;font-variant-numeric:tabular-nums;margin-top:26px;font-size:clamp(90px,19vw,360px);font-weight:800;line-height:.82}.gb-swap__unit{font-family:var(--serif-i);color:var(--haze);margin-top:16px;font-size:clamp(26px,3vw,54px)}.gb-swap__unit em{color:#fff}.gb-swap__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 34px;margin-top:48px;display:flex}.gb-swap__meta,.gb-swap__sc{color:#8e94b0;font-size:14px}.gb-swap__sc:hover{color:var(--glow)}.gb-right{padding:14svh var(--pad) 16svh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6vw;display:grid}.gb-right__art{justify-self:end;width:min(100%,520px);margin:0;position:relative;transform:rotate(2deg)}.gb-right__art img{width:100%;box-shadow:0 50px 120px #0009,0 0 0 1px #cfd3e61a}.gb-right__art figcaption{background:var(--glow);color:#07090f;padding:6px 12px 5px;font-size:13px;font-weight:500;position:absolute;bottom:26px;left:-18px;transform:rotate(-5deg)}.gb-right__title{font-family:var(--gothic);color:#f0f2f8;margin:12px 0 0;font-size:clamp(76px,9vw,170px);font-weight:500;line-height:.9}.gb-right__note{max-width:30ch;font-family:var(--serif-i);color:var(--haze);margin:20px 0 34px;font-size:clamp(20px,1.7vw,30px);line-height:1.3}.gb-heals{padding:16svh var(--pad);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.gb-heals__wave{fill:none;width:100%;height:40%;stroke:var(--glow);stroke-width:1px;opacity:.35;position:absolute;top:50%;left:0;transform:translateY(-50%)}.gb-heals__wave path:last-child{opacity:.4;animation:9s ease-in-out infinite alternate gbWave}@keyframes gbWave{to{transform:translateY(14px)}}.gb-heals__title{font-family:var(--serif-i);letter-spacing:-.03em;color:#f3f4fa;margin:0;font-size:clamp(90px,15vw,290px);font-style:italic;font-weight:400;line-height:.9;position:relative}.gb-heals__row{color:#8e94b0;align-items:center;gap:24px;margin-top:30px;font-size:14px;display:flex;position:relative}.gb-guest{padding:14svh var(--pad) 16svh;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5vw;display:grid}.gb-guest__title{font-family:var(--gothic);margin:12px 0 0;font-size:clamp(60px,6.8vw,130px);font-weight:500;line-height:.9}.gb-guest__cards{gap:16px;display:grid}.gb-guest__cards li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:9s ease-in-out infinite alternate gbDrift;animation-delay:calc(var(--i) * -2.2s);background:#14182e73;border:1px solid #cfd3e61a;border-radius:16px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px 18px 14px 14px;display:grid}@keyframes gbDrift{to{transform:translate(1.2vw,-6px)}}.gb-guest__cards img{object-fit:cover;border-radius:10px;width:76px;height:76px}.gb-guest__song{font-family:var(--serif-i);font-size:clamp(22px,1.9vw,32px);line-height:1.05}.gb-guest__by{letter-spacing:.14em;color:#8e94b0;margin-top:4px;font-size:11px}.gb-guest__play{width:46px;height:46px;color:var(--glow);transition:background .3s var(--ease), color .3s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #9be15d99}.gb-guest__play .glyph{width:10px;margin-left:2px}.gb-guest__play:hover,.gb-guest__play.is-playing{background:var(--glow);color:#07090f}.gb-wake{padding:18svh var(--pad) 20svh;text-align:center;flex-direction:column;align-items:center;gap:34px;display:flex}.gb-wake__line{font-family:var(--serif-i);font-size:clamp(40px,5.6vw,104px);line-height:1}.gb-wake__line em{color:var(--glow)}.gb-wake__links{letter-spacing:.18em;justify-content:center;gap:28px;font-size:11px}.gb-wake__links a{color:#a4a9c2}.gb-wake__links a:hover{color:var(--glow)}@media (prefers-reduced-motion:reduce){.gb-hero__haze,.gb-bubble,.gb-hero__cover,.gb-hero__name,.gb-hero__line,.gb-z span,.gb-heals__wave path,.gb-guest__cards li{animation:none}.gb-z{display:none}}@media (max-width:1100px){.gb-right,.gb-guest{grid-template-columns:1fr}.gb-right__art{justify-self:center}}@media (max-width:760px){.gb-hero__cover{width:66vw;transform:rotate(-2.5deg)translateY(-9vh)}.gb-hero__name{font-size:17vw;bottom:17svh}.gb-hero__line{bottom:11svh}.gb-hero__where{top:76px;left:var(--pad);right:auto}.gb-z{top:16%;left:auto;right:6vw}.gb-guest__cards li{grid-template-columns:56px minmax(0,1fr) auto;gap:14px}.gb-guest__cards img{width:56px;height:56px}}.gb-clips{padding-top:2svh}.gb-clips>header{margin-bottom:6svh}:is(.gb-clips .clip:hover .clip__play,.gb-clips .clip:focus-visible .clip__play){border-color:var(--glow);background:var(--glow);color:#05070f}
