/* Fang: scarlet eyes and charcoal outlines; same cream canvas and spacing. */
.fang-theme{--red:#d12a3a;--ink:#292633}
.fang-theme .hero h1{font-weight:900;line-height:1.03;letter-spacing:-4px}
.fang-theme .hero .eyebrow{letter-spacing:2px}
.fang-theme .hello{top:-20px;background:var(--ink);color:var(--cream);transform:rotate(-5deg)}
.fang-theme .ticker{background:var(--red);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.fang-theme .ticker b{color:var(--cream)}
.fang-theme .slide-controls #next-slide{position:absolute;right:1.2%;top:calc(50% - 22px);z-index:4;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:4px;width:43px;height:40px;box-shadow:none;font-size:26px}
.fang-theme .slide-controls #next-slide:hover{background:#f4ebd6}
.nose-fang{left:51.5%;top:53.7%;width:7%;height:3.8%;clip-path:polygon(0 75%,18% 35%,54% 0,91% 4%,100% 26%,79% 64%,72% 95%,43% 83%,16% 100%)}
@media(max-width:760px){.fang-theme .hello{top:-16px;font-size:9px;padding:10px 12px}.fang-theme .hero h1{letter-spacing:-2px}.fang-theme .slide-controls #next-slide{width:30px;height:36px;right:1%;font-size:22px}.fang-theme .slide .hero{padding-right:10%}}
@media(max-width:600px) and (min-height:650px){
 .fang-theme .slide .hero{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:28px;padding:18px 12%}
 .fang-theme .slide .hero h1{font-size:clamp(39px,10.5vw,57px);line-height:1.02;letter-spacing:-1.8px;margin-bottom:17px}
 .fang-theme .slide .hero .eyebrow{font-size:8px;line-height:1.5;margin-bottom:12px}
 .fang-theme .slide .intro{font-size:13px;line-height:1.55;max-width:380px}
 .fang-theme .slide .mascot{width:100%;max-width:none;padding-top:30px}
 .fang-theme .mascot-art{max-width:min(250px,27dvh)}
 .fang-theme .hello{top:-7px;right:calc(50% - 108px)}
 .fang-theme .slide-controls #next-slide{top:68%;right:2%;width:30px}
}

/* One brief blackout behind Fang when his nose is booped. */
.fang-theme.power-outage,.fang-theme.power-outage .slide{background:#000}


.fang-show-line{position:relative;display:inline-block}
.fang-show-outage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;visibility:hidden;font-size:clamp(17px,3.4vw,46px);line-height:1.02;letter-spacing:-.7px}
.power-outage .fang-show-normal{visibility:hidden}
.power-outage .fang-show-outage{visibility:visible}