*{box-sizing:border-box}html{background:#080f1c;color:#f3eff1;font-family:"Segoe UI",Arial,sans-serif}body{margin:0;min-height:100svh;isolation:isolate;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #baf5f5;outline-offset:5px}::selection{background:#81d7dc44}.atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(125deg,#07121c,#0b1121 53%,#150e20)}.halo{position:absolute;width:65vw;height:65vw;border-radius:50%;filter:blur(85px);opacity:.16;pointer-events:none;animation:breathe 12s ease-in-out infinite alternate}.cyan{background:radial-gradient(circle,#2b9cae,transparent 65%);left:-30vw;top:5vh}.rose{background:radial-gradient(circle,#a15383,transparent 65%);right:-22vw;top:-7vh;animation-delay:-6s}.stars{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 23%,#c3faff66 0 1px,transparent 2px),radial-gradient(circle at 82% 32%,#ebb4d277 0 1px,transparent 2px),radial-gradient(circle at 26% 70%,#c3faff66 0 1px,transparent 2px),radial-gradient(circle at 71% 79%,#c3faff66 0 1px,transparent 2px),radial-gradient(circle at 87% 67%,#b2dde255 0 1px,transparent 2px)}.frame{position:fixed;inset:20px;border:1px solid #c4d6dc13;z-index:-1;pointer-events:none}.frame i{position:absolute;width:18px;height:18px;border:solid #91bfc455}.frame i:nth-child(1){top:-1px;left:-1px;border-width:1px 0 0 1px}.frame i:nth-child(2){top:-1px;right:-1px;border-width:1px 1px 0 0}.frame i:nth-child(3){bottom:-1px;left:-1px;border-width:0 0 1px 1px}.frame i:nth-child(4){bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.site-header,footer{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:39px 58px 20px;color:#8197a6;font-size:9px;letter-spacing:.2em}.status{display:flex;align-items:center;gap:9px;color:#b8c5d0}.status i{width:5px;height:5px;border-radius:50%;background:#8ee0d9;box-shadow:0 0 12px #62dbe49c}main{max-width:1392px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:7%;min-height:570px}.intro{padding:20px 0 36px;max-width:480px}.logo{width:100%;max-width:460px;height:auto;filter:drop-shadow(0 0 30px #5789a226)}.ornament{display:flex;align-items:center;gap:16px;margin:25px 0 25px;color:#c99bb4;font-size:12px}.ornament span{width:54px;height:1px;background:linear-gradient(90deg,#ac8ba960,transparent)}.ornament span:first-child{transform:rotate(180deg)}h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(49px,5.4vw,77px);font-weight:400;line-height:1.06;letter-spacing:-.035em}h1 em{display:block;color:#e2b1c8;font-weight:400}.intro>p{max-width:355px;margin:25px 0 28px;color:#a8b5c3;font-size:14px;line-height:1.85}.follow{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 20px;border:1px solid #a5e4e967;border-radius:4px;color:#e9fcff;background:linear-gradient(120deg,#173d49,#142b3e);text-decoration:none;font-size:12px;font-weight:600;box-shadow:0 5px 35px #43c6d410;transition:background .2s,transform .2s}.follow svg{width:15px;height:15px;fill:currentColor}.follow>span{margin-left:20px;font-size:20px;color:#a6d8dd}.follow:hover{background:linear-gradient(120deg,#215363,#1b3a51);transform:translateY(-2px)}
.dressing{min-width:0;align-self:stretch;display:flex;flex-direction:column;position:relative;padding-top:4px}.dressing-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;z-index:2}.dressing-top>span{font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#adb8c9}.characters{display:flex;gap:4px}.characters button{padding:9px 15px;border:1px solid transparent;background:transparent;border-radius:3px;font-size:11px;color:#9aa9bc;transition:.2s}.characters button[aria-pressed=true]{border-color:#d6c0da3b;color:#eee1ed;background:#b296bc12}.characters button:hover{background:#b296bc20}.stage{position:relative;flex:1;min-height:430px;height:450px;isolation:isolate;--stage-accent:#73cad3}.stage[data-category=original]{--stage-accent:#d794b9}.stage:before{content:"";position:absolute;inset:0 4%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--stage-accent) 10%,transparent),transparent 65%);transition:background .4s}.stage-ring{position:absolute;top:7%;bottom:5%;left:18%;right:18%;border-radius:50% 50% 46% 46%;border:1px solid color-mix(in srgb,var(--stage-accent) 25%,transparent);transform:rotate(-13deg);box-shadow:0 0 45px #97bcc308,inset 0 0 35px #c6a5cc08;transition:border-color .4s}.stage-ring:after{content:"";position:absolute;inset:12px -12px;border:1px solid color-mix(in srgb,var(--stage-accent) 10%,transparent);border-radius:inherit;transform:rotate(24deg)}.stage-floor{position:absolute;bottom:1%;left:15%;right:15%;height:22px;border-radius:50%;background:radial-gradient(ellipse,#accddd24,transparent 68%);filter:blur(3px)}.sprite-wrap{position:absolute;inset:0 2%;display:flex;align-items:center;justify-content:center}.sprite{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 20px #0007);opacity:1;transition:opacity .17s,transform .25s}.sprite.changing{opacity:0;transform:translateY(5px)}.stage-star{position:absolute;color:#beadce;font-size:24px}.star-left{left:12%;top:24%}.star-right{right:13%;bottom:28%;font-size:17px}.stage-index{position:absolute;left:2%;bottom:9%;font-size:9px;letter-spacing:.18em;color:#667b8a;writing-mode:vertical-rl}.image-status{position:absolute;inset:45% 0 auto;text-align:center;color:#bec8d1;font-size:13px}.dressing-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0 16px;border-top:1px solid #c1bed11c;min-height:85px}.character-identity{min-width:0}.character-identity h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0 0 6px;letter-spacing:-.02em}.character-identity p{margin:0;font-size:10px;line-height:1.4;color:#a9a0b7;min-height:14px}.outfit-switch{display:flex;flex-shrink:0;padding:4px;border:1px solid #b7a9c024;border-radius:4px;background:#080c1655;gap:3px}.outfit-switch button{border:1px solid transparent;border-radius:2px;padding:10px 12px;font-size:10px;background:transparent;color:#aaa6b6;white-space:nowrap}.outfit-switch button[aria-pressed=true]{background:#5a78832b;border-color:#8dc9ca50;color:#d9f3f1}.outfit-switch button[data-outfit="1"][aria-pressed=true]{background:#8e567e30;border-color:#d39ac161;color:#f2cce3}.outfit-switch button:hover{background:#aaaaaa12}.outfit-switch span{margin-left:5px;color:#dfa6cb}
.universes{padding-top:20px}.section-heading{display:flex;align-items:center;gap:20px;margin-bottom:15px}.section-heading h2{margin:0;font-weight:500;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#c9c5d5}.section-heading>span{height:1px;flex:1;background:linear-gradient(90deg,#a89ab538,transparent)}.section-heading i{font-style:normal;color:#9b86a3;font-size:18px}.featured-series{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.featured-series button{position:relative;display:flex;align-items:center;justify-content:center;height:94px;padding:10px 15px;border:1px solid #b1bfd21b;border-radius:4px;background:linear-gradient(140deg,#adc9e008,#adc9e002);transition:background .2s,border-color .2s,transform .2s}.featured-series img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.7);opacity:.75;transition:filter .2s,opacity .2s}.featured-series button[aria-pressed=true]{border-color:#83cfd477;background:linear-gradient(145deg,#36636c38,#79839b09);box-shadow:inset 0 0 20px #8bc0d008}.featured-series button[aria-pressed=true]:after{content:"";position:absolute;bottom:-2px;left:calc(50% - 3px);width:6px;height:6px;transform:rotate(45deg);background:#9ad9d8;box-shadow:0 0 12px #9ad9d850}.featured-series button[aria-pressed=true] img,.featured-series button:hover img{filter:saturate(1);opacity:1}.featured-series button:hover{transform:translateY(-3px);border-color:#92bcc75c}.other-universes{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:20px;padding:0 10px}.other-label{font-size:9px;color:#8793a3;white-space:nowrap}.other-universes ul{list-style:none;margin:0;padding:0;display:flex;flex:1;justify-content:space-between;align-items:center;gap:15px}.other-universes li{flex:0 1 65px;min-width:0;height:43px;opacity:.53;filter:grayscale(.75);cursor:default}.other-universes img{width:100%;height:100%;object-fit:contain}footer{padding-top:25px;padding-bottom:35px;font-size:8px;color:#728294}footer>span:nth-child(2){color:#a889a3;font-size:18px}
@keyframes breathe{to{opacity:.24;transform:scale(1.1)}}
@media(min-width:1600px){.hero{min-height:640px}.stage{min-height:500px}.intro{max-width:520px}}
@media(max-width:1100px){.hero{gap:4%;grid-template-columns:.85fr 1.15fr;min-height:540px}main{padding:0 40px}.intro>p{font-size:13px}.dressing-bottom{gap:10px}.character-identity h2{font-size:22px}.outfit-switch button{padding:10px 8px;font-size:9px}.featured-series button{padding:10px;height:83px}.dressing-top>span{font-size:9px}.characters button{padding:8px 10px}}
@media(max-width:760px){.frame{inset:12px}.site-header{padding:29px 26px 15px;font-size:7px;letter-spacing:.08em}.status{gap:6px;font-size:7px}main{padding:0 26px}.hero{display:flex;flex-direction:column;gap:25px;min-height:0}.intro{padding:20px 0 0;max-width:450px;text-align:center}.logo{width:85%;max-width:320px}.ornament{justify-content:center;margin:20px 0}h1{font-size:54px}h1 em{display:inline}h1 em:before{content:" "}.intro>p{margin:20px auto 22px;max-width:330px;font-size:12px;line-height:1.85}.follow{font-size:11px;padding:13px 16px}.dressing{width:100%;max-width:510px;margin:auto}.dressing-top{min-height:42px}.stage{height:430px;min-height:430px}.dressing-bottom{padding:14px 0;min-height:86px;align-items:center}.character-identity h2{font-size:23px}.character-identity p{font-size:9px;max-width:190px}.outfit-switch button{font-size:10px;padding:9px}.universes{padding-top:25px}.section-heading{gap:12px}.section-heading h2{font-size:10px}.featured-series{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.featured-series button{height:80px;padding:8px}.other-universes{flex-direction:column;gap:12px;padding:0;margin-top:24px}.other-universes ul{flex-wrap:wrap;justify-content:center;gap:15px 20px;width:100%}.other-universes li{flex:0 0 48px;height:38px}footer{padding:29px 26px;font-size:7px;justify-content:center}footer>span:nth-child(2),footer>span:last-child{display:none}}
@media(max-width:380px){main{padding:0 22px}.stage{height:370px;min-height:370px}.dressing-bottom{flex-direction:column;text-align:center;gap:12px}.character-identity p{max-width:none}.featured-series{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep decorative rings inside the scene on narrow screens. */
.stage{overflow:clip}.logo{max-width:420px}.ornament{margin-top:20px;margin-bottom:20px}.intro{padding-top:16px;padding-bottom:22px}h1{font-size:clamp(49px,5.1vw,72px)}
@media(max-width:760px){.intro{padding:20px 0 0}.logo{max-width:320px}h1{font-size:54px}.ornament{margin:20px 0}}
@media(max-width:380px){h1{font-size:48px}}
/* Visual selectors match the character wardrobe, with room for the full sprite. */
main{max-width:1680px;padding:28px 40px 32px}.hero{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:4%;min-height:clamp(620px,calc(100svh - 264px),860px)}
.dressing{display:grid;grid-template-rows:86px minmax(0,1fr);padding:0;scroll-margin-top:20px}.dressing-top{min-height:0;gap:16px;padding:0 6px}.series-logo{display:block;width:140px;height:86px;object-fit:contain}.characters{gap:10px}
.characters button{display:block;width:66px;height:66px;padding:0;overflow:hidden;border:1px solid #7db5c559;border-radius:3px;background:radial-gradient(ellipse at 50% 30%,#20485b,#07131d 85%);transition:border-color .2s,box-shadow .2s,transform .2s}.characters button img{display:block;width:100%;height:100%;object-fit:contain}.characters button[aria-pressed=true]{border:2px solid #91e6e7;background:radial-gradient(ellipse at 50% 30%,#2d5364,#081923 85%);box-shadow:0 0 18px #79dae728}.characters button:hover{transform:translateY(-2px);border-color:#b5f4f3}
.dressing-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;min-height:0;align-items:stretch}.stage{height:100%;min-height:530px;width:100%;overflow:clip}.sprite-wrap{inset:0}.stage-ring{left:10%;right:10%;top:6%;bottom:5%}.stage-floor{left:6%;right:6%}.star-left{left:4%}.star-right{right:5%}
.outfit-switch{display:flex;flex-direction:column;align-self:center;align-items:center;gap:20px;border:0;border-radius:0;padding:0;background:transparent}.outfit-switch button{position:relative;display:block;width:100px;aspect-ratio:4/5;padding:0;overflow:visible;border:0;border-radius:50%;background:transparent;white-space:normal;transition:transform .2s}.outfit-switch button:hover,.outfit-switch button[aria-pressed=true],.outfit-switch button[data-outfit="1"][aria-pressed=true]{background:transparent;border:0}.outfit-switch button:hover{transform:translateY(-3px)}.outfit-switch button:focus-visible{outline:2px solid #baf5f5;outline-offset:6px}
.outfit-switch .outfit-oval{position:absolute;inset:0;margin:0;display:block;overflow:hidden;border:2px solid #5be0fa8c;border-radius:50%/46%;clip-path:ellipse(50% 50%);background-color:#061722;background-image:var(--outfit-source);background-size:auto var(--outfit-focus-size);background-position:var(--outfit-focus-x) var(--outfit-focus-y);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #a3f4ff24,inset 0 0 34px #35caef1c;transition:border-color .2s,filter .2s}.outfit-oval.has-stage-crop{background-image:none}.outfit-oval.has-stage-crop:before{content:"";position:absolute;left:50%;top:0;width:var(--outfit-focus-width);height:var(--outfit-focus-size);aspect-ratio:7/10;background-image:var(--outfit-source);background-position:center bottom;background-size:contain;background-repeat:no-repeat;transform:translate(calc(0% - var(--outfit-focus-x)),var(--outfit-focus-y));pointer-events:none}.outfit-switch button[aria-pressed=true] .outfit-oval{border:3px solid #eb6a9a;filter:drop-shadow(0 0 9px #e86f9630)}.outfit-switch button:hover .outfit-oval{filter:brightness(1.08)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.universes{padding-top:18px}.section-heading{margin-bottom:12px}.featured-series button{height:118px;padding:7px 10px}.featured-series img{opacity:.85}.other-universes{margin-top:16px;padding:0 6px;gap:0}.other-universes ul{gap:18px}.other-universes li{flex:0 1 82px;height:56px;opacity:.58}
@media(min-width:1600px){.stage{min-height:620px}.characters button{width:74px;height:74px}.series-logo{width:160px;height:94px}.dressing{grid-template-rows:94px minmax(0,1fr)}.dressing-content{grid-template-columns:minmax(0,1fr) 116px}.outfit-switch button{width:110px}}
@media(max-width:1100px){main{padding:25px 32px 28px}.hero{grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:3%;min-height:640px}.dressing-content{grid-template-columns:minmax(0,1fr) 82px;gap:6px}.outfit-switch button{width:78px}.characters button{width:58px;height:58px}.series-logo{width:120px;height:80px}.featured-series button{height:108px;padding:7px}.other-universes li{height:48px}}
@media(max-width:760px){main{padding:28px 24px}.hero{display:flex;min-height:0;gap:32px}.intro{padding:0;max-width:450px}.dressing{display:grid;grid-template-rows:80px auto;width:100%;max-width:580px}.dressing-top{padding:0}.series-logo{width:120px;height:80px}.characters button{width:60px;height:60px}.dressing-content{display:flex;flex-direction:column;gap:10px}.stage{height:clamp(460px,120vw,640px);min-height:0;flex:none}.stage-ring{left:7%;right:7%}.outfit-switch{flex-direction:row;gap:20px;justify-content:center;align-self:center}.outfit-switch button{width:82px}.universes{padding-top:28px}.featured-series button{height:96px;padding:5px}.other-universes{margin-top:20px}.other-universes ul{gap:15px 20px}.other-universes li{flex:0 0 58px;height:46px}}
@media(max-width:380px){main{padding:24px 20px}.stage{height:440px}.characters button{width:54px;height:54px}.series-logo{width:110px}.outfit-switch button{width:76px}.featured-series button{height:96px}}
/* Character overview: calibrated full-height model and visual controls. */
.intro{justify-self:center;text-align:center;transform:translateX(20px);width:100%;max-width:440px}.intro .ornament{justify-content:center}.intro>p{margin-left:auto;margin-right:auto}.intro .logo{margin:auto}
.dressing{display:block;--portrait-size:clamp(116px,9.2vw,148px)}.dressing-content{height:100%;min-height:660px;grid-template-columns:minmax(0,1fr) calc(var(--portrait-size)*2 + 12px);gap:18px}.character-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-width:0}.characters{gap:12px;justify-content:center}.characters button{width:var(--portrait-size);height:var(--portrait-size)}
.outfit-switch{flex-direction:row;gap:18px;align-self:center}.outfit-switch button{width:118px}.character-data{width:100%;padding:12px 16px;border:1px solid #77bec947;background:linear-gradient(135deg,#1537476b,#101a2e99);box-shadow:inset 0 0 22px #709dc70b;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);position:relative}.character-data:before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:#91e4df99}.data-row{display:grid;grid-template-columns:22px 42px minmax(0,1fr);align-items:center;gap:2px 8px;padding:11px 0}.data-row+.data-row{border-top:1px solid #bbd4e21c}.data-row svg{width:21px;height:21px;fill:none;stroke:#7fd6df;stroke-width:1.7;grid-row:span 2}.data-row>span{color:#91abba;font-size:10px;grid-row:span 2}.data-row>strong{color:#f4f7fb;font-size:17px;font-weight:600;justify-self:end;white-space:nowrap}.data-row>small{grid-column:3;justify-self:end;color:#859bae;font-size:10px}.data-row .bwh{display:flex;align-items:baseline;gap:3px;font-size:16px}.bwh b{font-size:16px;font-weight:600}.bwh i{font-style:normal;color:#668797;font-weight:400;margin:0 2px}
.stage{min-height:660px}.sprite-wrap{display:block;position:absolute;inset:0}.sprite{position:absolute;left:calc(50% + 22px);max-width:none;object-fit:fill;transform:translateX(-50%);transition:opacity .17s;}.sprite.changing{transform:translateX(-50%)}.stage-ring{left:9%;right:0}.stage-floor{bottom:12px;left:10%;right:0}.height-ruler{position:absolute;left:4px;width:42px;pointer-events:none;color:#b7d4df;z-index:2}.height-ruler:before{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:linear-gradient(#56ddf960,#66e5fc,#56ddf960);box-shadow:0 0 11px #56ddf930}.ruler-unit{position:absolute;top:20px;left:-3px;font-size:8px;letter-spacing:.14em;color:#8adce5;writing-mode:vertical-rl}.ruler-tick{position:absolute;right:0;width:9px;height:1px;background:#8bdef080}.ruler-tick.major{width:16px;height:2px;background:#83e8fb;box-shadow:0 0 8px #4ad5f433}.ruler-tick b{position:absolute;right:19px;top:0;transform:translateY(-50%);font-size:9px;font-weight:500;color:#94b5c0}.head-guide,.feet-guide{position:absolute;left:46px;right:8px;height:1px;pointer-events:none}.head-guide{background:linear-gradient(90deg,#df98ba90,#df98ba10);z-index:2}.head-guide span{position:absolute;top:-20px;left:7px;color:#e0b5ce;font-size:10px;letter-spacing:.03em}.feet-guide{bottom:22px;background:linear-gradient(90deg,#79dbe599,#79dbe514)}
.other-universes li{height:72px;flex-basis:96px;opacity:1;filter:none}.other-universes ul{gap:16px}.other-universes{margin-top:20px}
@media(min-width:1600px){.stage,.dressing-content{min-height:740px}.outfit-switch button{width:130px}}
@media(max-width:1100px){.hero{display:flex;flex-direction:column;gap:30px;min-height:0}.intro{transform:none;max-width:480px}.dressing{width:100%;max-width:900px;--portrait-size:116px}.dressing-content{min-height:620px}.stage{min-height:620px}.outfit-switch button{width:110px}.other-universes ul{flex-wrap:wrap;justify-content:center}.other-universes li{flex:0 0 86px;height:65px}}
@media(max-width:660px){.intro{transform:translateX(4px)}.dressing{--portrait-size:120px}.dressing-content{display:flex;flex-direction:column;min-height:0;gap:20px}.stage{height:560px;min-height:0}.character-side{display:grid;grid-template-columns:1fr;justify-items:center;gap:20px}.characters{grid-row:1}.outfit-switch{grid-row:2;gap:22px}.outfit-switch button{width:108px}.character-data{max-width:300px;grid-row:3}.data-row{grid-template-columns:24px 55px minmax(0,1fr)}.other-universes li{flex:0 0 72px;height:60px}.other-universes ul{gap:17px 14px}.sprite{left:calc(50% + 22px)}}
@media(max-width:380px){.dressing{--portrait-size:108px}.stage{height:500px}.outfit-switch button{width:102px}.other-universes li{flex-basis:68px;height:57px}}
.character-data{padding:22px 16px;text-align:center}.character-data h2{font:400 27px/1.12 Georgia,serif;margin:0 0 19px;color:#f1e5ed;overflow-wrap:anywhere}.character-data h3{font:500 12px/1.3 "Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9dc5d0;margin:0 0 12px}.measurements{display:flex;align-items:baseline;justify-content:center;gap:9px;font-size:25px;font-weight:600;white-space:nowrap;letter-spacing:-.03em}.measurements b{font:inherit}.measurements i{font-style:normal;font-size:18px;font-weight:300;color:#658793}

/* Selected portrait desk composition. The announcement grows with available width. */
main{max-width:none;padding:28px 40px 32px}.hero{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,840px);gap:clamp(24px,3vw,64px)}
.intro{max-width:800px;padding:20px 12px 28px;transform:none}.intro .logo{width:100%;max-width:660px}.intro h1{font-size:clamp(46px,4.1vw,86px)}.intro h1 em{font-size:.8em;display:block}.intro>p{max-width:440px;font-size:clamp(14px,1vw,17px);margin-top:28px;margin-bottom:30px}.intro .follow{font-size:clamp(12px,.8vw,15px)}
.character-side{display:contents}
.dressing-content{display:grid;grid-template-columns:220px minmax(0,1fr) 144px;grid-template-rows:minmax(660px,1fr);gap:12px;min-height:660px}
.characters{grid-column:1;grid-row:1;flex-direction:column;align-self:start;justify-self:center;gap:16px;margin-top:40px}
.stage{grid-column:2;grid-row:1;min-height:660px}
.character-data{grid-column:1;grid-row:1;align-self:end;margin:0 0 35px;padding:22px 10px}.character-data h2{font-size:25px}.measurements{font-size:23px;gap:7px}
.outfit-switch{grid-column:3;grid-row:1;align-self:end;justify-self:center;flex-direction:column;gap:20px;margin:0 0 22px}.outfit-switch button{width:134.2px}
@media(min-width:1600px){.stage,.dressing-content{min-height:740px}.hero{grid-template-columns:minmax(340px,1fr) minmax(0,900px)}}
@media(max-width:1100px){main{padding:28px 32px}.hero{display:flex;flex-direction:column;gap:30px;min-height:0}.intro{max-width:620px}.intro .logo{max-width:500px}.intro h1{font-size:64px}.intro>p{font-size:14px}.dressing{width:100%;max-width:900px}.dressing-content{grid-template-columns:210px minmax(0,1fr) 140px}.outfit-switch button{width:127.6px}}
@media(max-width:660px){main{padding:28px 24px}.intro{padding:0;max-width:480px}.intro .logo{max-width:400px}.intro h1{font-size:clamp(40px,9vw,58px)}.intro h1 em:before{content:none}.intro>p{font-size:13px}.character-data{max-width:300px}.dressing-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;min-height:0;gap:20px}.characters{grid-column:1;grid-row:2;flex-direction:row;justify-self:center;align-self:center;margin:0}.stage{grid-column:1;grid-row:3;height:550px;min-height:0}.outfit-switch{grid-column:1;grid-row:4;flex-direction:row;align-self:center;justify-self:center;margin:0}.character-data{grid-column:1;grid-row:1;justify-self:center;align-self:center;width:100%;margin:0}.outfit-switch button{width:118.8px}}
/* Keep the universe showcase compact and centered on wide screens. */
.universes{max-width:1472px;margin-inline:auto}
.featured-series{display:flex;flex-wrap:wrap;justify-content:center}
.featured-series button{flex:0 1 184px;width:184px;max-width:184px}
.featured-series img{max-width:161px;max-height:102px}
.other-universes ul{flex-wrap:wrap;justify-content:center;gap:16px}
.other-universes li{flex-grow:0;flex-basis:110.4px;max-width:110.4px;max-height:72px}
@media(max-width:760px){.featured-series button{flex-basis:calc((100% - 24px)/4);width:calc((100% - 24px)/4)}}
@media(max-width:380px){.featured-series button{flex-basis:calc((100% - 16px)/3);width:calc((100% - 16px)/3)}}