.hero[data-box-identity]{--box-font:TazArticleBitter,Georgia,serif;--box-color:#f3dda1;--box-spacing:0}
.hero[data-box-identity=onepiece]{--box-font:TazArticleBitter,Georgia,serif;--box-color:#f3dda1}
.hero[data-box-identity=pokemon]{--box-font:TazFredoka,Arial,sans-serif;--box-color:#ffe28a;--box-spacing:.015em}
.hero[data-box-identity=zelda]{--box-font:TazArticleBitter,Georgia,serif;--box-color:#f3dda1}
.hero[data-box-identity=playstation]{--box-font:TazArticleRajdhani,Arial,sans-serif;--box-color:#b6e8ff;--box-spacing:.035em}
.hero[data-box-identity=retro]{--box-font:TazArticleSpaceMono,monospace;--box-color:#b9e9f0;--box-spacing:-.035em}
.hero[data-box-identity=nintendo]{--box-font:TazFredoka,Arial,sans-serif;--box-color:#ffcccc;--box-spacing:.01em}
.hero[data-box-identity=riftbound]{--box-font:TazArticleBitter,Georgia,serif;--box-color:#e7d399;--box-spacing:.015em}
.hero[data-box-identity] .lead strong,.hero[data-box-identity] #hero-title .taz-hero-title-copy{font-family:var(--box-font)!important;letter-spacing:var(--box-spacing);color:var(--box-color);font-weight:700;text-wrap:balance;overflow-wrap:break-word}
.hero[data-box-identity] .lead strong{display:block;font-size:clamp(1.4rem,2.25vw,2.1rem);line-height:1.3;margin-bottom:18px}
.hero[data-box-identity] .lead>span{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.6}

/* Source 113 depicts Mega Man X: use its angular, slanted display language,
   rather than the generic monospace identity of the console. */
.hero[data-box-identity=megaman]{--box-font:TazArticleRajdhani,Arial,sans-serif;--box-color:#ffdb68;--box-spacing:.015em}
.hero[data-box-identity=megaman] #hero-title .taz-hero-title-copy{
 display:block;text-transform:uppercase;font-style:italic;font-weight:700;
 font-size:clamp(2.5rem,4.8vw,5rem);line-height:1.04;
 color:#ffdc64;-webkit-text-stroke:1.5px #1768ae;
 paint-order:stroke fill;text-shadow:2px 3px 0 #073b72,4px 5px 0 #07162c;
}
.hero[data-box-identity=megaman] .lead strong{font-style:italic;color:#c9efff;text-shadow:1px 2px 0 #073b72;letter-spacing:.015em}
@media(max-width:800px){.hero[data-box-identity=megaman] #hero-title .taz-hero-title-copy{font-size:clamp(2.35rem,8vw,3.5rem);-webkit-text-stroke:1px #1768ae}}

/* Display treatments inspired by the photographed cover, not official fonts. */
.hero[data-box-identity=popeye]{--box-font:TazFredoka,Arial,sans-serif;--box-color:#ff6255;--box-spacing:.01em}
.hero[data-box-identity=luigi]{--box-font:TazFredoka,Arial,sans-serif;--box-color:#a3e6ff;--box-spacing:.015em}
.hero[data-box-identity=mario]{--box-font:TazFredoka,Arial,sans-serif;--box-color:#ffda66;--box-spacing:-.025em}
.hero[data-box-identity=yurukill]{--box-font:TazArticleBitter,Georgia,serif;--box-color:#f5e5ff;--box-spacing:-.025em}
.hero[data-box-identity=ruleofrose]{--box-font:TazArticleBitter,Georgia,serif;--box-color:#e2c9a0;--box-spacing:.025em}
.hero[data-box-identity=deathstranding]{--box-font:TazArticleRajdhani,Arial,sans-serif;--box-color:#f0eee8;--box-spacing:.14em}
.hero[data-box-identity=lastofus]{--box-font:TazArticleAnton,Arial,sans-serif;--box-color:#e6e1cc;--box-spacing:.015em}
.hero[data-box-identity=popeye] #hero-title .taz-hero-title-copy{line-height:1.1;text-shadow:2px 3px 0 #112539;-webkit-text-stroke:1px #112539;paint-order:stroke fill}
.hero[data-box-identity=luigi] #hero-title .taz-hero-title-copy{line-height:1.12;text-shadow:2px 3px 0 #216594,0 0 18px #74d0ff55}
.hero[data-box-identity=mario] #hero-title .taz-hero-title-copy{text-transform:uppercase;line-height:1.08;text-shadow:3px 3px 0 #b63d35,5px 5px 0 #142444}
.hero[data-box-identity=yurukill] #hero-title .taz-hero-title-copy{font-style:italic;text-shadow:2px 2px 0 #492d55}
.hero[data-box-identity=ruleofrose] #hero-title .taz-hero-title-copy{font-variant:small-caps;text-shadow:2px 2px 0 #51232b}
.hero[data-box-identity=deathstranding] #hero-title .taz-hero-title-copy{text-transform:uppercase;font-weight:500;line-height:1.2;font-size:clamp(2.2rem,3.8vw,4.5rem)}
.hero[data-box-identity=lastofus] #hero-title .taz-hero-title-copy{text-transform:uppercase;line-height:1.1;font-weight:400;font-size:clamp(2.5rem,4.5vw,4.8rem)}

/* Cover-specific finish: static light, metal bands and shallow bevel.
   Real text remains selectable; unsupported clipping keeps the solid colour. */
.hero[data-box-identity]{--title-gradient:linear-gradient(180deg,#fff3c9 5%,#e4c073 45%,#fff3c9 52%,#bd8d40 100%);--title-edge:#705426;--title-depth:#322719;--title-glow:#d8b76a22}
.hero[data-box-identity=megaman]{--title-gradient:linear-gradient(165deg,#fff7bd 0%,#ffdc56 32%,#ff9b36 48%,#e65b30 51%,#ffd979 80%,#fff2ba 100%);--title-edge:#3287ca;--title-depth:#073b72;--title-glow:#3596ff33}
.hero[data-box-identity=popeye]{--title-gradient:linear-gradient(180deg,#ffe9cb 0%,#ff7061 28%,#e83830 60%,#b41e25 100%);--title-edge:#ffedca;--title-depth:#422026;--title-glow:#e83c2222}
.hero[data-box-identity=luigi]{--title-gradient:linear-gradient(180deg,#f2ffff 0%,#b9f2ff 25%,#62bbec 47%,#d6fcff 50%,#639ed2 100%);--title-edge:#4c7799;--title-depth:#15394d;--title-glow:#73e4ff44}
.hero[data-box-identity=mario]{--title-gradient:linear-gradient(110deg,#ffba9a 0%,#ff7459 22%,#ffe179 44%,#a9e580 65%,#8bd8ff 87%,#bba5fa 100%);--title-edge:#fff0c0;--title-depth:#283f70;--title-glow:#79cfff22}
.hero[data-box-identity=yurukill]{--title-gradient:linear-gradient(165deg,#fff6ff 5%,#d8c1ee 38%,#f8e7ff 48%,#b894d6 70%,#f1dfeb 100%);--title-edge:#8c668e;--title-depth:#3f264a;--title-glow:#d49aff33}
.hero[data-box-identity=ruleofrose]{--title-gradient:linear-gradient(180deg,#fff0d1 0%,#dcc496 35%,#c4a576 49%,#f7dfb4 52%,#b68d5e 100%);--title-edge:#713d3e;--title-depth:#382024;--title-glow:#b95f5f18}
.hero[data-box-identity=deathstranding]{--title-gradient:linear-gradient(180deg,#ffffff 0%,#c5d4d5 44%,#f1f5f1 48%,#9bafb4 100%);--title-edge:#687b80;--title-depth:#1b3039;--title-glow:#bddde522}
.hero[data-box-identity=lastofus]{--title-gradient:linear-gradient(180deg,#fff9e9 0%,#e3dac5 40%,#bcb7a6 100%);--title-edge:#797a69;--title-depth:#30382e;--title-glow:#bec9a011}
.hero[data-box-identity=riftbound]{--title-gradient:linear-gradient(180deg,#fff5ce 0%,#dbbd79 35%,#fff1b9 48%,#b38a3d 53%,#ecd08d 100%);--title-edge:#6d8e9b;--title-depth:#153c4c;--title-glow:#31a8cf33}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero[data-box-identity] #hero-title .taz-hero-title-copy{
  background-image:var(--title-gradient);background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.65px var(--title-edge);paint-order:stroke fill;text-shadow:none;
  filter:drop-shadow(0 -1px 0 #ffffff60) drop-shadow(1px 2px 0 var(--title-depth)) drop-shadow(2px 3px 0 var(--title-depth)) drop-shadow(0 4px 10px var(--title-glow));
 }
 .hero[data-box-identity=megaman] #hero-title .taz-hero-title-copy{-webkit-text-stroke:1px var(--title-edge);filter:drop-shadow(1px 1px 0 #b8eeff) drop-shadow(2px 3px 0 #07538b) drop-shadow(3px 4px 0 #062745) drop-shadow(0 5px 14px var(--title-glow))}
 .hero[data-box-identity=lastofus] #hero-title .taz-hero-title-copy{background-image:repeating-linear-gradient(177deg,#ffffff00 0 8px,#202e241a 9px 10px),var(--title-gradient);-webkit-text-stroke:.35px var(--title-edge)}
 .hero[data-box-identity=deathstranding] #hero-title .taz-hero-title-copy{-webkit-text-stroke:.3px var(--title-edge)}
}
/* Supporting copy stays solid for comfortable reading; effects are title only. */
@media(max-width:800px){.hero[data-box-identity] #hero-title .taz-hero-title-copy{filter:drop-shadow(1px 2px 0 var(--title-depth)) drop-shadow(0 3px 7px var(--title-glow))}}
@media(forced-colors:active){.hero[data-box-identity] #hero-title .taz-hero-title-copy{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;filter:none;text-shadow:none}}

/* Edition palettes also own the accompanying phrase, never just the headline. */
.hero[data-box-identity^=pokemon]{--box-font:TazFredoka,Arial,sans-serif;--box-color:#ffe28a;--box-spacing:.015em;--title-gradient:linear-gradient(180deg,#fff6ac,#ffd343 45%,#f4a71c);--title-edge:#3452a6;--title-depth:#17245c;--edition-filter:sepia(.8) saturate(1.8)}
.hero[data-box-identity=pokemon-heartgold]{--title-gradient:linear-gradient(180deg,#fff0a1 3%,#f3b846 30%,#d66c29 48%,#ffe198 51%,#b83c26 100%);--box-color:#f8cd75;--title-edge:#9b4b29;--title-depth:#512327;--edition-filter:sepia(1) saturate(4) hue-rotate(335deg)}
.hero[data-box-identity=pokemon-pinball]{--title-gradient:linear-gradient(180deg,#fff0a8,#ffcf43 35%,#f87546 70%,#d53b35);--edition-filter:sepia(1) saturate(5) hue-rotate(320deg)}
.hero[data-box-identity=pokemon-prismatic]{--title-gradient:linear-gradient(110deg,#fff0a8,#f6b6de 32%,#a2dcff 64%,#bcf1b6);--edition-filter:sepia(.3) saturate(1.2) hue-rotate(15deg)}
.hero[data-box-identity=pokemon-crown]{--title-gradient:linear-gradient(180deg,#fff7c0,#ddb85c 42%,#fff1aa 50%,#b68c35);--edition-filter:sepia(1) saturate(2)}
.hero[data-box-identity=pokemon-center]{--title-gradient:linear-gradient(110deg,#fff1a7,#ffc86c 38%,#ffa39b 72%,#b1e6f1);--edition-filter:sepia(.55) saturate(1.6)}
.taz-lettering-layers{display:grid;max-width:100%;position:relative}
.taz-lettering-layers>img{grid-area:1/1}
.hero .taz-lettering-layers>img.taz-lettering-edition{display:none!important;pointer-events:none}
.hero[data-box-identity^=pokemon] .taz-lettering-layers>img:not(.taz-lettering-edition){clip-path:inset(0 0 43% 0)!important}
.hero[data-box-identity^=pokemon] .taz-lettering-layers>img.taz-lettering-edition{display:block!important;clip-path:inset(57% 0 0 0)!important;filter:var(--edition-filter)}
.hero[data-box-identity] .lead strong{font-family:var(--box-font)!important;letter-spacing:var(--box-spacing);font-weight:700;line-height:1.35;color:var(--box-color);text-shadow:1px 2px 0 var(--title-depth)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero[data-box-identity] .lead strong{background-image:var(--title-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(1px 1px 0 var(--title-depth));-webkit-text-stroke:.2px var(--title-edge);paint-order:stroke fill}
}
@media(forced-colors:active){.hero[data-box-identity] .lead strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;filter:none}}

.hero[data-box-identity] .hero-proof figcaption{font-family:var(--box-font);color:var(--box-color);line-height:1.5}