/* Phase19 visual R1. Only 01/02: approved stage geometry and controller are frozen.
   Reuse authorized concepts; optical treatment is CSS, not new factory evidence. */
body[data-page=home] :is(#supply,#fan-clothing){color:#f6f4ef;background:#292f2b;border-color:#6b706754}
body[data-page=home] #fan-clothing{height:clamp(500px,calc(100svh - 210px),740px)}
.deck-enabled body[data-page=home] #fan-clothing{height:calc(100% - 86px)}
body[data-page=home] :is(#supply,#fan-clothing) .artwork{position:absolute;inset:0;margin:0;border-radius:0;height:100%;min-height:0;background:#444a40}
body[data-page=home] :is(#supply,#fan-clothing) .artwork picture{height:100%}
body[data-page=home] :is(#supply,#fan-clothing) .artwork img{object-fit:cover;filter:brightness(.84) saturate(.65);object-position:54% 43%}
body[data-page=home] #fan-clothing .artwork img{object-position:50% 48%;filter:brightness(.81) saturate(.65)}
body[data-page=home] :is(#supply,#fan-clothing) .artwork::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#14201b30 0%,#14201b08 34%,#14201b20 48%,#111b17de 100%)}
body[data-page=home] #fan-clothing::after{filter:brightness(.81) saturate(.65)}
body[data-page=home] :is(#supply,#fan-clothing) .artwork figcaption{inset:auto auto 28px 26px;padding:0;border:0;background:transparent;color:#eceee5;font-size:11px;letter-spacing:.02em;z-index:2}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading{position:absolute;inset:auto 32px 92px;display:block;min-height:0;padding:0;text-align:center;z-index:2}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading h2{font-family:'Segoe UI','Helvetica Neue',sans-serif;font-weight:300;font-size:clamp(66px,8vw,110px);line-height:1.04;letter-spacing:-.06em;text-wrap:balance}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading p:not(.scope-note){display:block;font-size:14px;line-height:1.55;max-width:60ch;margin:22px auto 0;letter-spacing:.01em;color:#f0f1e7}
body[data-page=home] #fan-clothing .chapter-number,
body[data-page=home] #fan-clothing .chapter-foot>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-foot{position:absolute;inset:auto 26px 18px;display:flex;justify-content:flex-end;min-height:44px;padding:0;z-index:2}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-foot a{font-size:12px;gap:16px;color:#f0f1e7}
body[data-page=home] :is(#supply,#fan-clothing) .chapter-foot b{font-size:19px}
body[data-page=home] :is(#supply,#fan-clothing) .image-fallback{background:#343d33;color:#f2f0e9}
body[data-page=home] :is(#supply,#fan-clothing) .image-fallback p{font-size:18px;max-width:30ch;transform:translateY(-90px)}
body[data-page=home] :is(#supply,#fan-clothing) .image-fallback>span{display:none}
body[data-page=home] #fan-clothing :is(a,button):focus-visible{outline-color:#e3e9ce}
@media(max-height:700px) and (min-width:760px){
 .deck-enabled body[data-page=home] #fan-clothing{height:calc(100% - 62px)}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading{bottom:60px}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading h2{font-size:clamp(48px,7.4vw,80px)}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading p:not(.scope-note){margin-top:14px;font-size:13px}
 body[data-page=home] :is(#supply,#fan-clothing) .artwork figcaption{font-size:10px;left:20px}
}
@media(min-width:701px) and (max-width:1100px){
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading{inset-inline:24px}
}
@media(max-width:700px){
 body[data-page=home] #fan-clothing{height:min(560px,calc(100svh - 222px));min-height:460px;margin-bottom:24px;border-radius:15px}
 body[data-page=home] :is(#supply,#fan-clothing) .artwork picture{height:100%}
 body[data-page=home] :is(#supply,#fan-clothing) .artwork img{object-position:50% 42%;filter:brightness(.86) saturate(.65)}
 body[data-page=home] #fan-clothing .artwork img{object-position:50% 28%;filter:brightness(.82) saturate(.65)}
 body[data-page=home] :is(#supply,#fan-clothing) .artwork::after{background:linear-gradient(180deg,#17221b16 0%,#17221b00 28%,#17221b44 48%,#142019f0 100%)}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading{inset:auto 20px 112px}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading h2{font-size:clamp(50px,14.6vw,60px);line-height:1.02;letter-spacing:-.055em}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading h2 em{display:block}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading p:not(.scope-note){margin:18px auto 0;font-size:12px;max-width:30ch;line-height:1.55}
 body[data-page=home] :is(#supply,#fan-clothing) .artwork figcaption{inset:auto 20px 65px;font-size:10px;max-width:none;text-align:left}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-foot{inset:auto 20px 16px}
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-foot a{font-size:11px}
}
@media(forced-colors:active){
 body[data-page=home] :is(#supply,#fan-clothing) .chapter-heading,
 body[data-page=home] :is(#supply,#fan-clothing) .artwork figcaption{background:Canvas;color:CanvasText}
 body[data-page=home] #fan-clothing::after{filter:none}
}