.character-hero-v4-page{color:var(--color-ink);background:0 0}.character-hero-v4{--character-accent:#ddb18c;isolation:isolate;color:#0b2740;background:#e8edf0;min-height:clamp(46rem,78svh,57rem);position:relative;overflow:hidden}.character-hero-v4__scene,.character-hero-v4__local-contrast,.character-hero-v4__character{position:absolute;inset:0}.character-hero-v4__scene{z-index:-3}.character-hero-v4__scene picture,.character-hero-v4__scene img{width:100%;height:100%;display:block}.character-hero-v4__scene img{object-fit:cover;object-position:center 56%;filter:none}.character-hero-v4__local-contrast{z-index:-2;background:linear-gradient(90deg,#fbf8eee0 0 18%,#fbf8ee75 34%,#0000 53%),linear-gradient(#082d4b1f,#0000 7rem),linear-gradient(#0000 78%,#082d4b2e)}.character-hero-v4__character{z-index:1;pointer-events:none}.character-hero-v4__character img{top:var(--hero-v4-target-y);left:var(--hero-v4-target-x);width:auto;max-width:none;height:var(--hero-v4-image-height);aspect-ratio:var(--figure-aspect);filter:drop-shadow(0 1.15rem .9rem #082d4b38);transform:translate(var(--hero-v4-translate-x), var(--hero-v4-translate-y)) translateZ(0);will-change:transform;position:absolute}.character-hero-v4__character .character-hero-v4__closeup{display:none}@media (min-width:64rem){.character-hero-v4__character img:not(.character-hero-v4__closeup){left:calc(var(--hero-v4-target-x) + 10%)}.character-hero-v4__character .character-hero-v4__closeup{top:calc((.13 - (.1 - var(--bust-top)) * 1.3) * 100%);height:calc(var(--bust-height) * 1.3 * var(--upper-share,1) * 100%);aspect-ratio:var(--upper-aspect,auto);filter:drop-shadow(0 1.6rem 2.6rem #082d4b61);transform:translateX(calc(var(--bust-axis) * -100%)) translateZ(0);display:block;left:61%}.character-hero-v4[data-figure-whole] .character-hero-v4__character picture{display:none}}.character-hero-v4__identity{--identity-name-gap:clamp(1.4rem, 3vw, 2.5rem);z-index:3;justify-items:start;width:min(38rem,43vw);display:grid;position:absolute;top:19%;left:clamp(1.5rem,5.6vw,6rem)}.character-hero-v4__identity :is(p,h1,h2,h3){text-shadow:-1px -1px 0 var(--color-white), 0 -1px 0 var(--color-white), 1px -1px 0 var(--color-white), 1px 0 0 var(--color-white), 1px 1px 0 var(--color-white), 0 1px 0 var(--color-white), -1px 1px 0 var(--color-white), -1px 0 0 var(--color-white)}@supports (paint-order:stroke fill){.character-hero-v4__identity :is(p,h1,h2,h3){paint-order:stroke fill;-webkit-text-stroke:.1em var(--color-white);text-shadow:none}.character-hero-v4__identity :is(h1,h2,h3){-webkit-text-stroke-width:.12em}}.character-hero-v4__identity :where(p),.character-hero-v4__identity :where(h1),.character-hero-v4__identity :where(h2),.character-hero-v4__identity :where(h3),.character-hero-v4__quote,.character-hero-v4__quote p{margin:0}.character-hero-v4__epithet{border-bottom:.14rem solid var(--color-deep);max-width:30rem;font-family:var(--font-family-serif);text-wrap:balance;padding-bottom:.7rem;font-size:clamp(1.05rem,1.65vw,1.45rem);font-weight:650;line-height:1.45}.character-hero-v4__identity .character-hero-v4__epithet+:is(.character-hero-v4__secondary-name,h1,h2,h3){margin-top:var(--identity-name-gap)}.character-hero-v4__identity .character-hero-v4__secondary-name{font-family:var(--font-family-sans);letter-spacing:.08em;white-space:normal;font-size:clamp(.76rem,1.05vw,.98rem);font-weight:760;line-height:1}.character-hero-v4__identity :is(h1,h2,h3){overflow-wrap:anywhere;font-family:var(--font-family-sans);letter-spacing:-.07em;white-space:normal;margin-top:.48rem;font-size:clamp(3.4rem,6vw,6.35rem);font-weight:520;line-height:.98}.character-hero-v4__identity .character-hero-v4__affiliation{margin-top:clamp(1.25rem,2.5vw,2rem);font-size:clamp(.78rem,1.05vw,.95rem);font-weight:650;line-height:1.65}.character-hero-v4__identity a{border-bottom:1px solid;align-items:center;gap:1.4rem;min-height:2.75rem;margin-top:clamp(1.2rem,2.4vw,2rem);padding-block:.35rem;font-size:.82rem;font-weight:760;text-decoration:none;display:inline-flex}.character-hero-v4__quote{z-index:3;color:#fff;inline-size:min(58%,31rem);font-family:var(--font-family-serif);letter-spacing:.045em;text-shadow:0 1px 3px #082d4bd1;writing-mode:vertical-rl;background:linear-gradient(90deg,#0000,#082d4b73);padding:.8rem .55rem;font-size:clamp(.92rem,1.25vw,1.12rem);font-weight:580;line-height:1.9;position:absolute;top:clamp(5.4rem,10vh,7.5rem);right:clamp(1rem,2.2vw,2.4rem)}.character-hero-v4__quote p{text-wrap:balance;inline-size:100%}@media not all and (min-width:80rem){.character-hero-v4__quote{top:7.5rem}}.character-hero-v4__review-data{z-index:5;color:#ffffffc7;font:650 .58rem/1.3 var(--font-family-mono);text-shadow:0 1px 2px #082d4be6;gap:.8rem;display:flex;position:absolute;bottom:.8rem;right:1rem}.character-hero-v4-page__profile{--scrapbook-spine:1.75rem;--scrapbook-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .12 0 0 0 -1.4 1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");width:min(calc(100% - 2 * var(--space-5)), 72rem);padding:clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3.5rem) clamp(2.5rem, 5vw, 4.5rem) calc(var(--scrapbook-spine) + clamp(1.5rem, 4vw, 3.5rem));--costume-col:clamp(16rem, 25vw, 23rem);grid-template-columns:clamp(16rem, 26vw, 24rem) minmax(0, 1fr) var(--costume-col);background:linear-gradient(90deg, #6b4a2b 0 var(--scrapbook-spine), #3c230a4d var(--scrapbook-spine), transparent calc(var(--scrapbook-spine) + 1rem)), var(--scrapbook-grain), #d9c4a1;isolation:isolate;border-radius:.25rem .6rem .6rem .25rem;grid-template-areas:"shot note note""faces faces faces""notes notes costumes";gap:0 clamp(1.5rem,3vw,2.5rem);margin:0 auto;display:grid;position:relative;box-shadow:.3rem .35rem 0 -.05rem #c6ad86,.6rem .7rem 0 -.1rem #b39a72,0 1.4rem 2.6rem #3c280a38}.character-hero-v4-page__profile>:is(header,div){display:contents}.character-hero-v4-desk-area{isolation:isolate;padding-block:clamp(2.5rem,4vw,3.5rem) clamp(3rem,6vw,5rem);position:relative;overflow-x:clip}.character-hero-v4-desk{--book-half:min(50% - var(--space-5), 36rem);z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.character-hero-v4-desk>*{display:block;position:absolute}.character-hero-v4-desk__notebook{top:5rem;left:calc(50% - var(--book-half) - 115px);background:linear-gradient(90deg,#0000 46px,#e26e6e8c 46px 48px,#0000 48px),linear-gradient(#0000 27px,#4e84ce42 27px) 0 34px/100% 28px,#fdfdfb;width:300px;height:400px;rotate:-9deg;box-shadow:6px 6px #8fb6d8,0 14px 26px #0a285038}.character-hero-v4-desk__notebook i{background:radial-gradient(5px 11px,#0000 3px,#9aa3ab 3.5px,#e6eaee 5px,#8f99a1 5.5px,#0000 6px) 0 0/20px 22px repeat-x;height:22px;position:absolute;top:-10px;left:14px;right:14px}.character-hero-v4-desk__handout{top:20.5rem;right:calc(50% - var(--book-half) - 130px);background:#fff;width:270px;height:370px;padding:26px 24px;rotate:8deg;box-shadow:0 12px 24px #0a285033}.character-hero-v4-desk__handout b{background:#c9d3de;width:62%;height:16px;margin-bottom:18px;display:block}.character-hero-v4-desk__handout i{background:repeating-linear-gradient(#0000 0 12px,#e2e7ed 12px 18px);height:160px;display:block}.character-hero-v4-desk__handout em{background:linear-gradient(135deg,#0000 48%,#d5dde6 48% 52%,#0000 52%);border:2px solid #d5dde6;height:90px;margin-top:18px;display:block}.character-hero-v4-desk__ruler{top:1.25rem;right:calc(50% - var(--book-half) - 202px);background:repeating-linear-gradient(90deg,#3c50648c 0 1px,#0000 1px 10px) 0 0/100% 12px no-repeat,repeating-linear-gradient(90deg,#3c50648c 0 1px,#0000 1px 50px) 0 0/100% 20px no-repeat,#bee1f08c;border:1px solid #78a0be99;border-radius:3px;width:440px;height:48px;rotate:13deg;box-shadow:0 6px 14px #0a285024}.character-hero-v4-desk__pencil{filter:drop-shadow(0 6px 5px #0a1e3c40);width:380px;height:26px}.character-hero-v4-desk__pencil--yellow{bottom:5.5rem;left:calc(50% - var(--book-half) - 144px);rotate:-24deg}.character-hero-v4-desk__pencil--blue{right:calc(50% - var(--book-half) - 101px);bottom:9.5rem;rotate:-62deg}.character-hero-v4-desk__eraser{top:34rem;left:calc(50% - var(--book-half) - 43px);background:#fff;border-radius:4px;width:84px;height:38px;overflow:hidden;rotate:16deg;box-shadow:0 6px 10px #0a28502e}.character-hero-v4-desk__eraser i{background:#2f5fa8;width:46px;position:absolute;top:0;bottom:0;left:18px}.character-hero-v4-desk__clip{top:1.9rem;left:calc(50% - var(--book-half) - 9px);filter:drop-shadow(0 2px 2px #0003);width:30px;height:80px;rotate:-14deg}.character-hero-v4-desk__memo{top:7rem;right:calc(50% - var(--book-half) - 58px);background:linear-gradient(170deg,#fff6,#0000 40%),#ffd9e2;width:120px;height:120px;rotate:-7deg;box-shadow:0 8px 14px #3c280a29}@media not all and (min-width:64rem){.character-hero-v4-desk__notebook{top:.6rem;left:calc(50% - var(--book-half) - 206px);rotate:-12deg}.character-hero-v4-desk__handout{top:42%;right:calc(50% - var(--book-half) - 216px);rotate:9deg}.character-hero-v4-desk__ruler{top:.4rem;right:calc(50% - var(--book-half) - 336px);rotate:16deg}.character-hero-v4-desk__pencil--yellow{bottom:2.5rem;left:calc(50% - var(--book-half) - 266px);rotate:-20deg}.character-hero-v4-desk__pencil--blue{right:calc(50% - var(--book-half) - 306px);bottom:20%;rotate:-60deg}.character-hero-v4-desk__eraser{top:46%;left:calc(50% - var(--book-half) - 66px);rotate:20deg}.character-hero-v4-desk__clip{top:.25rem;left:calc(50% - var(--book-half) - 6px)}.character-hero-v4-desk__memo{top:0;right:calc(50% - var(--book-half) - 94px);rotate:-8deg}}.character-hero-v4-page__sheet{display:none}.character-hero-v4-page__profile:before,.character-hero-v4-page__profile:after{content:"";z-index:-1;pointer-events:none;position:absolute}.character-hero-v4-page__profile:before{inset:.85rem .85rem .85rem calc(var(--scrapbook-spine) + .85rem);border:2px dashed #fff8eb8c;border-radius:.3rem}.character-hero-v4-page__profile:after{top:0;bottom:0;left:calc(var(--scrapbook-spine) / 2 - 1px);border-left:2px dashed #ffecd273}.character-hero-v4-page__flags{pointer-events:none;align-items:flex-start;gap:.3rem;display:flex;position:absolute;top:-1.4rem;right:clamp(2rem,6vw,5rem)}.character-hero-v4-page__flags span{width:2rem;height:var(--flag-height,2.6rem);background:linear-gradient(180deg, var(--flag) 0 1.4rem, color-mix(in srgb, var(--flag) 65%, transparent) 1.4rem);rotate:var(--flag-tilt,0deg);display:block;box-shadow:0 1px 2px #3c280a2e}.character-hero-v4-page__flags span:first-child{--flag:#f6a9ba;--flag-height:2.7rem;--flag-tilt:-2deg}.character-hero-v4-page__flags span:nth-child(2){--flag:#9fcff0;--flag-height:2.3rem;--flag-tilt:1deg}.character-hero-v4-page__flags span:nth-child(3){--flag:#f9de78;--flag-height:2.9rem;--flag-tilt:2.5deg}.character-hero-v4-page__stamp{z-index:-1;opacity:.85;mix-blend-mode:multiply;pointer-events:none;width:clamp(5.5rem,10vw,8.5rem);height:auto;position:absolute;bottom:clamp(1.5rem,3vw,2.75rem);right:clamp(1.75rem,4vw,3.5rem);rotate:-12deg}.character-hero-v4-page__profile h2,.character-hero-v4-page__profile p,.character-hero-v4-page__profile dl,.character-hero-v4-page__profile dd{margin:0}.character-hero-v4-page__profile h2{font-family:var(--font-family-sans);letter-spacing:-.05em;white-space:normal;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:520}.character-hero-v4-page__profile-screenshot{background:#fff;padding:.6rem .6rem 1.1rem;display:block;position:relative;box-shadow:0 .4rem 1rem #082d4b29}.character-hero-v4-page__profile-screenshot img{width:100%;height:auto;display:block}.character-hero-v4-page__expressions{flex-wrap:wrap;justify-content:center;gap:1.5rem 1rem;display:flex}.character-hero-v4-page__snapshot{--tape-width:2.25rem;--tape-height:1rem;background:var(--color-white);flex:0 0 calc(25% - .75rem);max-width:7rem;padding:.3rem;position:relative;box-shadow:0 .3rem .8rem #082d4b29}.character-hero-v4-page__profile-screenshot{--tape:var(--tape-stripe)}.character-hero-v4-page__snapshot:nth-child(4n+1){--tape:var(--tape-gingham);--tape-tilt:-5deg;rotate:2deg}.character-hero-v4-page__snapshot:nth-child(4n+2){--tape:var(--tape-yellow);--tape-tilt:3deg;rotate:-1.5deg}.character-hero-v4-page__snapshot:nth-child(4n+3){--tape:var(--tape-dots);--tape-tilt:6deg;rotate:-2deg}.character-hero-v4-page__snapshot:nth-child(4n+4){--tape:var(--tape-stripe);--tape-tilt:-3deg;rotate:1.5deg}.character-hero-v4-page__snapshot img{aspect-ratio:1;object-fit:cover;object-position:50% 0;background:var(--id-photo-ground);width:100%;height:auto;display:block}.character-hero-v4-page__profile-screenshot:before,.character-hero-v4-page__snapshot:before{content:"";z-index:2;top:calc(var(--tape-height,1.5rem) * -.47);width:var(--tape-width,6.5rem);height:var(--tape-height,1.5rem);background:var(--tape,var(--tape-yellow));translate:-50%;rotate:var(--tape-tilt,4deg);clip-path:var(--tape-edges);clip-path:polygon(0 10%,4% 0,9% 12%,14% 0,19% 10%,24% 0,100% 0,100% 90%,95% 100%,90% 88%,85% 100%,80% 90%,75% 100%,0 100%,4% 50%);position:absolute;left:50%;box-shadow:0 1px 2px #00000014}.character-hero-v4-page__costumes{justify-content:center;align-items:flex-end;gap:.75rem;margin-top:2rem;display:flex}.character-hero-v4-page__costumes img{object-fit:contain;width:auto;max-width:48%;height:16rem}.character-hero-v4-page__costumes img:nth-child(odd){rotate:-6deg}.character-hero-v4-page__costumes img:nth-child(2n){rotate:5deg}.character-hero-v4-page__costumes img+img{margin-left:-.6rem}@media (min-width:64rem){.character-hero-v4-page__profile [data-profile-screenshot] h2{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.character-hero-v4-page__profile .character-hero-v4-page__profile-screenshot{grid-area:shot;align-self:center;width:calc(100% - 1.5rem);margin:0 auto;transform:rotate(-2.5deg)}.character-hero-v4-page__profile .character-hero-v4-page__note{grid-area:note;align-self:center}.character-hero-v4-page__profile .character-hero-v4-page__expressions{grid-area:faces;gap:1.75rem;margin-top:2.75rem}.character-hero-v4-page__profile .character-hero-v4-page__snapshot{--tape-width:3rem;--tape-height:1.25rem;flex-basis:calc(25% - 1.3125rem);max-width:8.5rem;padding:.35rem}.character-hero-v4-page__profile .character-hero-v4-page__costumes{grid-area:costumes;justify-content:center;align-self:start;align-items:flex-start;margin-top:2.75rem}.character-hero-v4-page__profile .character-hero-v4-page__costumes img{max-width:none;height:clamp(18rem,26vw,25rem)}.character-hero-v4-page__profile .character-hero-v4-page__costumes img:nth-child(odd):not(:only-child){margin-top:clamp(3rem,5vw,5rem)}.character-hero-v4-page__profile dl{grid-area:notes;margin:2.75rem 0 0}.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)){grid-template-areas:"shot note note""faces faces faces""notes notes."}.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)) dl{margin-bottom:clamp(2rem,4vw,3rem)}}.character-hero-v4-page__profile p{max-width:var(--body-measure);font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:2}.character-hero-v4-page__profile p+p{margin-top:var(--paragraph-space)}.character-hero-v4-page__note{filter:drop-shadow(0 1px 1px #00000014)drop-shadow(0 .6rem 1.1rem #0a3daa24)}.character-hero-v4-page__note p{--note-margin:clamp(2.25rem, 4.5vw, 3.25rem);--note-top:2.5rem;max-width:none;padding:var(--note-top) clamp(1.25rem, 3vw, 2.5rem) 2.25rem calc(var(--note-margin) + clamp(.85rem, 1.6vw, 1.1rem));background:linear-gradient(90deg, transparent var(--note-margin), #e26e6e99 0 calc(var(--note-margin) + 1.5px), transparent 0), linear-gradient(transparent calc(2em - 1px), #4e84ce4d 0) 0 calc(var(--note-top) - .25em) / 100% 2em, #fffdf8;mask:radial-gradient(circle at 50% .95rem,#0000 .32rem,#000 .36rem) 0 0/1.4rem 100% repeat-x}.character-hero-v4-page__profile dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem);display:grid}.character-hero-v4-page__profile dl>div{aspect-ratio:1;background:linear-gradient(172deg, #ffffff61, transparent 35%), linear-gradient(0deg, #0000000a, transparent 22%), var(--sticky-note);padding:.9rem 1rem 1.1rem;box-shadow:0 1px 1px #0000000f,.15rem .5rem .75rem #3c320a1f}.character-hero-v4-page__profile dl>div:nth-child(3n+1){--sticky-note:#fff4b8}.character-hero-v4-page__profile dl>div:nth-child(3n+2){--sticky-note:#ffe0e9}.character-hero-v4-page__profile dl>div:nth-child(3n){--sticky-note:#dbeeff}.character-hero-v4-page__profile dt{color:#4f5866;font-size:var(--text-sm);margin-bottom:.35rem;font-weight:800}.character-hero-v4-page__profile dd{color:var(--color-deep);font-weight:700;line-height:1.6}.character-hero-v4-page__return{width:min(calc(100% - 2 * var(--space-5)), 72rem);padding-block:var(--space-12) clamp(5rem, 8vw, 8rem);margin-inline:auto}.character-hero-v4-page__return a{border-bottom:1px solid;align-items:center;min-height:2.75rem;padding-block:.35rem;font-weight:750;text-decoration:none;display:inline-flex}.character-hero-v4-page__return>.character-return-navigation__vote{margin-left:var(--space-4)}.character-hero-v4-page__return[data-character-neighbours]{gap:var(--space-4);flex-wrap:wrap;display:flex}.character-hero-v4-page__return[data-character-neighbours]>:is(.character-return-navigation__index,.character-return-navigation__vote){margin-top:var(--space-4)}.character-hero-v4-page__return a[data-character-neighbour]{flex:1 1 calc(50% - var(--space-4));align-items:center;column-gap:var(--space-4);background:var(--color-white);border:0;grid-template-columns:4.5rem minmax(0,1fr);min-width:0;padding:.75rem;display:grid;box-shadow:0 .6rem 1.5rem #0a3daa1f}.character-hero-v4-page__return a[data-character-neighbour=next]{text-align:right;grid-template-columns:minmax(0,1fr) 4.5rem}.character-hero-v4-page__return [data-character-neighbour] img{object-fit:cover;object-position:50% 0;background:color-mix(in srgb, var(--neighbour-colour) 55%, var(--color-white));width:4.5rem;height:4.5rem}.character-hero-v4-page__return [data-character-neighbour=next] img{grid-area:1/2}.character-hero-v4-page__return [data-character-neighbour=next]>span{grid-area:1/1}.character-hero-v4-page__return [data-character-neighbour] span{overflow-wrap:anywhere;gap:var(--space-1);min-width:0;max-width:100%;display:grid}.character-hero-v4-page__return [data-character-neighbour] span>span{font-size:var(--text-sm);font-weight:400}@media not all and (min-width:64rem){.character-hero-v4-page__return[data-character-neighbours]{gap:var(--space-3)}.character-hero-v4-page__return a[data-character-neighbour]{flex-basis:100%}.character-hero-v4-page__return a[data-character-neighbour=next]{text-align:left;grid-template-columns:4.5rem minmax(0,1fr)}.character-hero-v4-page__return [data-character-neighbour=next] img{grid-column:1}.character-hero-v4-page__return [data-character-neighbour=next]>span{grid-column:2}}@media not all and (min-width:68.75rem){.character-hero-v4{min-height:clamp(46rem,82vw,53rem)}.character-hero-v4__identity{width:min(34rem,47vw);top:17%}.character-hero-v4__identity :is(h1,h2,h3){font-size:clamp(3.1rem,6.8vw,5.2rem)}}@media not all and (min-width:64rem){.character-hero-v4{min-height:min(44rem,88svh)}.character-hero-v4__scene img{object-position:center}.character-hero-v4__local-contrast{background:linear-gradient(#082d4b29,#0000 22%)}.character-hero-v4__character:after{content:"";background:linear-gradient(0deg,#fbf8eeeb 0 21%,#fbf8ee85 32%,#0000 47%);position:absolute;inset:0}.character-hero-v4__character img{top:calc(var(--bust-top) * 100%);height:calc(var(--bust-height) * var(--upper-share,1) * 100%);aspect-ratio:var(--upper-aspect,var(--figure-aspect));transform:translateX(calc(var(--bust-axis) * -100%)) translateZ(0);left:50%}.character-hero-v4__identity{--identity-name-gap:1rem;width:auto;inset:auto 1rem 1.75rem}.character-hero-v4__epithet{max-width:min(84vw,22rem);font-size:clamp(.92rem,4.2vw,1.08rem)}.character-hero-v4__identity .character-hero-v4__secondary-name{font-size:clamp(.68rem,3.1vw,.82rem)}.character-hero-v4__identity :is(h1,h2,h3){margin-top:.3rem;font-size:clamp(2.2rem,10.8vw,3.2rem)}.character-hero-v4__identity .character-hero-v4__affiliation{max-width:88vw;margin-top:.75rem;font-size:clamp(.7rem,3.1vw,.82rem)}.character-hero-v4__identity a{min-height:2.75rem;margin-top:.45rem;font-size:.74rem}.character-hero-v4__quote{inline-size:52%;padding:.7rem .42rem;font-size:clamp(.95rem,3.9vw,1.1rem);line-height:1.8;top:4.4rem;right:.55rem}.character-hero-v4__review-data{display:none}.character-hero-v4-page__profile{--scrapbook-spine:1rem;--page-top:2rem;--page-side:1rem;--page-bottom:1.6rem;--page-gap:2rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"note""shot""faces""gap""notes""costumes";grid-template-rows:auto auto auto calc(var(--page-bottom) + var(--page-gap) + var(--page-top)) auto auto;width:calc(100% - 2rem);padding:var(--page-top) var(--page-side) var(--page-bottom) calc(var(--scrapbook-spine) + var(--page-side));box-shadow:none;background:0 0;border-radius:0;gap:0;margin-block:0;display:grid}.character-hero-v4-desk-area{padding-block:2.25rem 3rem}.character-hero-v4-page__profile:before,.character-hero-v4-page__profile:after{display:none}.character-hero-v4-page__profile .character-hero-v4-page__profile-screenshot{grid-area:shot;width:auto;margin:1.4rem 0 0;transform:none}.character-hero-v4-page__profile .character-hero-v4-page__note{grid-area:note}.character-hero-v4-page__profile .character-hero-v4-page__expressions{grid-area:faces;margin-top:1.4rem}.character-hero-v4-page__profile dl{grid-area:notes}.character-hero-v4-page__profile .character-hero-v4-page__costumes{grid-area:costumes;justify-content:flex-start;margin-top:1.5rem}.character-hero-v4-page__sheet{z-index:-1;margin:calc(-1 * var(--page-top)) calc(-1 * var(--page-side)) calc(-1 * var(--page-bottom)) calc(-1 * (var(--scrapbook-spine) + var(--page-side)));background:linear-gradient(90deg, #6b4a2b 0 var(--scrapbook-spine), #3c230a4d var(--scrapbook-spine), transparent calc(var(--scrapbook-spine) + 1rem)), var(--scrapbook-grain), #d9c4a1;pointer-events:none;border-radius:.25rem .5rem .5rem .25rem;grid-column:1/-1;display:block;position:relative;box-shadow:.25rem .3rem 0 -.05rem #c6ad86,.5rem .6rem 0 -.1rem #b39a72,0 1rem 2rem #3c280a38}.character-hero-v4-page__sheet:before{content:"";inset:.6rem .6rem .6rem calc(var(--scrapbook-spine) + .6rem);border:2px dashed #fff8eb8c;border-radius:.3rem;position:absolute}.character-hero-v4-page__profile dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}.character-hero-v4-page__profile dl>div{padding:.65rem .7rem .8rem}.character-hero-v4-page__profile dt{margin-bottom:.3rem;font-size:clamp(.68rem,2vw,.84rem)}.character-hero-v4-page__profile dd{font-size:clamp(.82rem,2.4vw,1rem);line-height:1.5}.character-hero-v4-page__profile .character-hero-v4-page__costumes img{height:15rem}.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)) dl{margin-bottom:7rem}.character-hero-v4-page__profile .character-hero-v4-page__stamp{right:calc(var(--page-side) + .4rem);bottom:calc(var(--page-bottom) + .2rem);width:5.5rem}.character-hero-v4-page__profile .visually-hidden-sp{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.character-hero-v4-page__profile{--costume-col:clamp(11rem, 36vw, 19rem);grid-template-columns:clamp(11rem, 36vw, 19rem) minmax(0, 1fr) var(--costume-col);grid-template-areas:"shot note note""faces faces faces""gap gap gap""notes notes costumes""notes notes costumes";grid-template-rows:auto auto calc(var(--page-bottom) + var(--page-gap) + var(--page-top)) auto auto;column-gap:1.25rem}.character-hero-v4-page__sheet--first{grid-row:1/3}.character-hero-v4-page__sheet--second{grid-row:4/6}.character-hero-v4-page__profile .character-hero-v4-page__profile-screenshot{align-self:center;margin:0;transform:rotate(-2.5deg)}.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)){grid-template-areas:"shot shot note""faces faces faces""gap gap gap""notes notes notes""notes notes notes"}.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)) dl{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:6.5rem}.character-hero-v4-page__profile .character-hero-v4-page__expressions{gap:1.25rem;margin-top:1.8rem}.character-hero-v4-page__profile .character-hero-v4-page__snapshot{flex-basis:calc(25% - .9375rem);max-width:6.5rem}.character-hero-v4-page__profile .character-hero-v4-page__costumes{flex-direction:row;justify-content:center;align-self:start;align-items:flex-start;margin-top:0}.character-hero-v4-page__profile .character-hero-v4-page__costumes img{max-width:none;height:clamp(20rem,42vw,26rem)}.character-hero-v4-page__profile .character-hero-v4-page__costumes img+img{margin-left:-.75rem}.character-hero-v4-page__profile .character-hero-v4-page__costumes img:nth-child(2n){margin-top:4rem}.character-hero-v4-page__profile:has(.character-hero-v4-page__costumes) .character-hero-v4-page__stamp{right:calc(var(--page-side) + var(--costume-col) - 6.5rem);bottom:calc(var(--page-bottom) + .6rem);width:6.5rem}}@media (max-width:35rem){.character-hero-v4-page__profile,.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)){grid-template-columns:minmax(0,1fr);grid-template-areas:"note""shot""faces""gap""notes""costumes";grid-template-rows:auto auto auto calc(var(--page-bottom) + var(--page-gap) + var(--page-top)) auto auto}.character-hero-v4-page__sheet--first{grid-row:1/4}.character-hero-v4-page__sheet--second{grid-row:5/7}.character-hero-v4-page__profile .character-hero-v4-page__profile-screenshot{align-self:auto;margin:1.4rem 0 0;transform:none}.character-hero-v4-page__profile .character-hero-v4-page__expressions{gap:1.5rem 1rem;margin-top:1.4rem}.character-hero-v4-page__profile .character-hero-v4-page__snapshot{flex-basis:calc(25% - .75rem);max-width:7rem}.character-hero-v4-page__profile .character-hero-v4-page__costumes{flex-direction:row;justify-content:center;margin-top:1.5rem;padding-right:6rem}.character-hero-v4-page__profile .character-hero-v4-page__costumes img,.character-hero-v4-page__profile .character-hero-v4-page__costumes img:nth-child(n){align-self:auto;max-width:none;height:16.5rem;margin-top:0}.character-hero-v4-page__profile .character-hero-v4-page__costumes img+img{margin-left:-.5rem}.character-hero-v4-page__profile:not(:has(.character-hero-v4-page__costumes)) dl{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:7rem}.character-hero-v4-page__profile:has(.character-hero-v4-page__costumes) .character-hero-v4-page__stamp{right:calc(var(--page-side) + .4rem);bottom:calc(var(--page-bottom) + .2rem);width:5.5rem}}@media (orientation:landscape) and (max-height:32rem){.character-hero-v4__character img{top:calc(var(--landscape-top) * 100%);height:calc(var(--landscape-height) * var(--upper-share,1) * 100%);aspect-ratio:var(--upper-aspect,var(--figure-aspect));transform:translateX(calc(var(--landscape-axis) * -100%)) translateZ(0);left:60%}.character-hero-v4__quote{inline-size:calc(100svh - 6.6rem);padding:.6rem .4rem;font-size:.86rem;line-height:1.8;top:4.8rem;right:1rem}.character-hero-v4__identity{width:min(44%,22rem);right:auto}.character-hero-v4__identity :is(h1,h2,h3){font-size:clamp(2.2rem,6vw,3rem)}}@media (prefers-reduced-motion:reduce){.character-hero-v4 *,.character-hero-v4 :before,.character-hero-v4 :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media not all and (min-width:64rem){.character-hero-v4-page__return{padding-block:1rem 3rem}}