.detail-page main{max-width:none;width:100%}.detail-page .detail-section{max-width:1440px;margin-inline:auto}.detail-hero{--glow:190,135,255;display:flex;align-items:center;isolation:isolate;overflow:hidden;min-height:760px;width:100%;background:#100b17;border-bottom:1px solid #b492ff2b}.banner-atmosphere{position:absolute;inset:-25px;z-index:-3;background-image:var(--class-art);background-size:cover;background-position:center 30%;filter:blur(14px) saturate(.75);opacity:.5;pointer-events:none}.detail-hero:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0b0812f2,#100b18de 26%,#10091888 57%,#10081833),linear-gradient(0deg,#09080e 0%,transparent 35%,#100a1b44)}.detail-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 55%,rgba(var(--glow),.13),transparent 57%);pointer-events:none}.detail-hero-copy{position:relative;width:53%;max-width:900px;padding:85px 32px 85px max(6vw,calc((100vw - 1268px)/2));z-index:2;align-self:center;box-sizing:content-box;max-width:640px}.detail-hero .detail-intro{max-width:600px;text-shadow:0 2px 14px #07040c}.detail-hero h1{text-shadow:0 4px 38px #07040c}.detail-portrait{position:absolute;inset:0 5% 0 auto;width:52%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.weapon-stage{position:relative;height:760px;aspect-ratio:2/3;flex:none;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 91%,transparent)}.detail-portrait .weapon-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 95%,transparent);object-position:center}.weapon-light{position:absolute;inset:0;pointer-events:none;background-image:var(--class-art);background-size:100% 100%;filter:brightness(2.8) saturate(1.7);mix-blend-mode:screen;opacity:.55;animation:weapon-breathe 4.8s ease-in-out infinite alternate;will-change:opacity}.weapon-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.detail-hero[data-class=gladiator],.detail-hero[data-class=assassin]{--glow:255,67,102}.detail-hero[data-class=templar],.detail-hero[data-class=cleric],.detail-hero[data-class=chanter]{--glow:255,205,118}.detail-hero[data-class=ranger]{--glow:146,224,184}.detail-anchor-nav{margin-top:0}.detail-hero[data-motion=paused] .weapon-light{animation-play-state:paused}@keyframes weapon-breathe{0%{opacity:.23}55%{opacity:.65}to{opacity:.9}}@media (min-width:1800px){.detail-hero{min-height:840px}.weapon-stage{height:840px}.detail-portrait{right:8%;width:45%}.detail-hero-copy{width:40%;max-width:700px;padding-left:max(6vw,calc((100vw - 1440px)/2))}}@media (min-width:901px) and (max-width:1200px){.detail-hero-copy{width:49%;padding-left:6%;padding-right:0}.detail-portrait{right:-5%;width:55%}.detail-hero h1{font-size:80px}.detail-hero .detail-intro{font-size:16px}}@media (max-width:900px){.detail-hero{display:block;min-height:0;padding-top:445px}.detail-portrait{inset:0 0 auto;width:100%;height:490px;min-height:0;justify-content:center}.weapon-stage{height:490px}.detail-hero-copy{box-sizing:border-box;width:100%;max-width:720px;margin:auto;padding:20px 6% 50px}.detail-hero:before{background:linear-gradient(0deg,#09080e 5%,#100b18ee 37%,#10091800 75%),linear-gradient(90deg,#100b18aa,transparent 40%,#100b1833)}.banner-atmosphere{background-position:center 15%;opacity:.4}.detail-hero .detail-intro{max-width:none}.detail-hero h1{font-size:clamp(54px,10vw,80px)}.detail-hero .detail-role{margin-top:18px}.detail-hero .detail-actions{margin-top:24px}.detail-hero:after{background:radial-gradient(ellipse at 50% 25%,rgba(var(--glow),.13),transparent 60%)}}@media (prefers-reduced-motion:reduce){.weapon-light{animation:none;opacity:.45;will-change:auto}}