body{background:#f8f5ef}header{position:relative;background:#151515;color:white}.hero-stage{padding:55px 0 65px;background:linear-gradient(135deg,#151923,#273249);color:white}.hero-stage h1{font:clamp(34px,5vw,58px)/1.15 Georgia,serif;max-width:850px;margin:28px 0}.hero-stage p{max-width:780px;line-height:1.85;color:#f1f1f1}.hero-stage .eyebrow{color:#eed7a0}.hero-stage .btn{background:#b89038;border-color:#b89038;color:white}.hero-catalogue,.hero-details{padding:55px 0}.hero-catalogue h2,.hero-details h2{font:clamp(25px,3vw,35px)/1.25 Georgia,serif;color:#765817}.hero-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.hero-character{display:block;background:white;border:1px solid #d9c59c;border-radius:12px;overflow:hidden}.character-panel{background:radial-gradient(ellipse at 25% 20%,#ffffff24,transparent 65%),var(--character,#343944);display:flex;align-items:center;justify-content:center;min-height:260px;overflow:hidden}.character-panel span{font:900 clamp(60px,8vw,100px)/1 Arial,sans-serif;color:#fff;letter-spacing:-4px;transform:skew(-7deg);text-shadow:5px 6px 0 #0003;border:3px solid #ffffff60;padding:25px;border-radius:30px}.character-copy{padding:22px}.character-copy h2{font-size:25px;margin:0 0 12px}.hero-character:is(:hover,:focus-visible){background:#b89038;border-color:#b89038}.hero-character:is(:hover,:focus-visible) :is(h2,.text-link){color:white!important}.hero-note{font-size:14px;color:#555;line-height:1.85;margin:30px 0}.character-hero-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;margin-top:35px}.character-hero-layout .character-panel{aspect-ratio:3/4;border-radius:14px}.hero-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.hero-details p,.hero-details li{line-height:1.85}.superhero-show-photo{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 15%,#4477a6,#182d48 65%)}.superhero-emblem{color:#f1d185;font-size:110px;line-height:1;padding-bottom:30px;text-shadow:4px 6px 0 #0004}.hero-stage a:focus-visible{outline:3px solid #b89038;outline-offset:5px}@media(max-width:850px){.hero-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-hero-layout{grid-template-columns:1fr 1fr;gap:25px}.hero-details-grid{grid-template-columns:1fr}}@media(max-width:550px){.hero-character-grid,.character-hero-layout{grid-template-columns:1fr}.hero-stage{padding:35px 0}.character-hero-layout .character-panel{aspect-ratio:4/3}.character-panel{min-height:220px}.hero-catalogue,.hero-details{padding:35px 0}}
.hero-character:is(:hover,:focus-visible) .character-copy{background:#b89038}.hero-character .character-panel span{color:#fff!important}

.superhero-hub-cover{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:flex;align-items:center;background:#17202a}
.superheroes-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.superhero-hub-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d,#0009 60%,#0005)}
.superhero-hub-cover h1{color:#fff;text-shadow:0 2px 5px #0005}.superhero-hub-cover p{color:#fff}
.hero-character .character-copy h2{margin-bottom:18px}.hero-character:is(:hover,:focus-within) .character-copy{background:transparent}.hero-character:is(:hover,:focus-within){background:#fff;border-color:#b89038}.hero-character:is(:hover,:focus-within) .character-copy h2{color:#765817!important}
[dir=rtl] .superhero-hub-cover:after{background:linear-gradient(270deg,#000d,#0009 60%,#0005)}
@media(max-width:550px){.superhero-hub-cover{min-height:480px}.superheroes-cover{object-position:54% center}.superhero-hub-cover:after,[dir=rtl] .superhero-hub-cover:after{background:#000a}}

.superhero-photo-panel{aspect-ratio:3/4;min-height:0!important;background:#fff;padding:0}.superhero-photo-panel img{display:block;width:100%;height:100%;object-fit:contain}.superhero-coming-soon{background:linear-gradient(145deg,#eef2e8,#d7dfcd);text-align:center;padding:25px;box-sizing:border-box}.superhero-coming-soon p{font:600 25px/1.5 Georgia,serif;color:#435438}