/* Phase 1.9: home frame and chapter 01 only. Controller, remaining chapter content and inner pages stay intact. */
body[data-page=home]{background:var(--paper);color:var(--ink)}
body[data-page=home] :is(.chapter-toolbar,.brand-deck,.deck-controls){background:#191d1b;color:#f2f0e9}
body[data-page=home] :is(.site-header,.chapter-toolbar,#supply,.deck-controls) :is(a,button,summary):focus-visible{outline-color:#e3e9ce}
body[data-page=home] .site-header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 42px;gap:24px;border:0;background:#191d1b;color:#f2f0e9}
body[data-page=home] .site-header>.wordmark{grid-column:2;grid-row:1;font-size:27px;font-weight:400;letter-spacing:-.055em}
body[data-page=home] .site-header>.wordmark i{display:none}
body[data-page=home] .site-header>.menu{grid-column:1;grid-row:1;justify-self:start}
body[data-page=home] .site-header>.quick-nav{grid-column:3;grid-row:1;justify-self:end;margin:0}
body[data-page=home] .quick-nav>a:first-child{display:none}
body[data-page=home] .enquire-link{border:0;gap:12px}
body[data-page=home] .menu summary{gap:12px}
body[data-page=home] .menu-glyph{order:-1;width:20px;gap:6px}
body[data-page=home] .intro-strip,
body[data-page=home] #supply .chapter-number,
body[data-page=home] #supply .scope-note,
body[data-page=home] #supply .chapter-foot>span,
body[data-page=home] .chapter-status>[data-chapter-status]{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] .chapter-toolbar{height:52px;padding:0}
body[data-page=home] .chapter-toolbar .chapter-nav{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
body[data-page=home] .chapter-toolbar .chapter-nav:focus-within{position:fixed;inset:auto 24px 18px;width:auto;height:auto;clip-path:none;display:flex;justify-content:center;gap:24px;padding:8px 20px;background:#191d1b;z-index:120;font-size:12px;border:1px solid #697067;border-radius:8px}
body[data-page=home] .chapter-nav span{color:inherit}
body[data-page=home] .chapter-nav a[aria-current=true]{border-color:#e3e9ce}
body[data-page=home] .chapter-status,
body[data-page=home] .chapter-total{position:absolute;top:calc(50svh - 88px);display:grid;place-items:center;width:44px;height:44px;color:#ecece3;font-size:14px;line-height:1;z-index:3}
body[data-page=home] .chapter-status{left:30px;right:auto;margin:0}
body[data-page=home] .chapter-status::after{content:var(--hero-index,'01')}
body[data-page=home] .chapter-total{right:30px}
.deck-desktop body[data-page=home] .chapter-status{position:absolute;top:calc(50svh - 88px);left:30px;right:auto;margin:0;width:44px;font-size:14px}
[data-active-chapter=supply]{--hero-index:'01'}
[data-active-chapter=fan-clothing]{--hero-index:'02'}
[data-active-chapter=t-shirts]{--hero-index:'03'}
[data-active-chapter=sweatshirts]{--hero-index:'04'}
[data-active-chapter=cooperation]{--hero-index:'05'}
[data-active-chapter=project]{--hero-index:'06'}
/* A common stage geometry is essential: chapter 02 must not jump when chapter 01 leaves. */
.deck-enabled body[data-page=home] .brand-deck .chapter{inset:52px 0 auto;width:min(calc(100% - 220px),1080px,calc((100svh - 260px)*1.9));height:calc(100% - 86px);margin:0 auto;transform-origin:50% -280%;scroll-margin-top:calc(var(--deck-top,140px) + 52px);box-shadow:0 18px 46px #080c0a40}
/* The exposed strips belong to the real next cards, with their existing photographs.
   Hide the strip as its card enters, along the unchanged 640ms controller animation. */
.deck-enabled body[data-page=home] .brand-deck .chapter:not(#supply)::after{content:'';position:absolute;inset:0 0 auto;height:90px;z-index:4;pointer-events:none;background:inherit;background-image:var(--peek-image,none);background-position:center 25%;background-size:cover;opacity:1;transition:opacity 640ms cubic-bezier(.65,0,.35,1)}
#fan-clothing{--peek-image:url('images/phase21-development-1600.webp')}
#t-shirts{--peek-image:url('images/phase21-sample-1600.webp')}
@media(max-width:840px){
 #fan-clothing{--peek-image:url('images/phase21-development-800.webp')}
 #t-shirts{--peek-image:url('images/phase21-sample-800.webp')}
}
.deck-enabled body[data-page=home] .brand-deck .chapter.is-current::after{opacity:0}
.deck-enabled body[data-page=home] .brand-deck[data-deck-phase=animating] .chapter.is-current::after{opacity:1}
.deck-enabled body[data-page=home] .brand-deck[data-target-index='1'] #fan-clothing::after,
.deck-enabled body[data-page=home] .brand-deck[data-target-index='2'] #t-shirts::after,
.deck-enabled body[data-page=home] .brand-deck[data-target-index='3'] #sweatshirts::after,
.deck-enabled body[data-page=home] .brand-deck[data-target-index='4'] #cooperation::after,
.deck-enabled body[data-page=home] .brand-deck[data-target-index='5'] #project::after{opacity:0}
body[data-page=home] :is(#fan-clothing,#t-shirts,#sweatshirts,#project){color:var(--ink)}
body[data-page=home] .deck-controls{padding:0 42px;color:#c1c8bf}
body[data-page=home] .deck-hint{visibility:hidden}
body[data-page=home] .deck-controls button{border:0;font-size:0;width:44px;padding:0}
body[data-page=home] .deck-controls button::after{font-size:21px;font-weight:300}
body[data-page=home] [data-deck-prev]::after{content:'←'}
body[data-page=home] [data-deck-next]::after{content:'→'}
/* Full-bleed photography, one title, one short line. Image sources remain documented internally. */
body[data-page=home] #supply{height:clamp(500px,calc(100svh - 210px),740px);color:#f6f4ef;border:1px solid #6b706754;border-radius:18px;background:#313b32}
.deck-enabled body[data-page=home] #supply{height:calc(100% - 86px)}
body[data-page=home] #supply .artwork{position:absolute;inset:0;margin:0;border-radius:0;height:100%;min-height:0;background:#52574c}
body[data-page=home] #supply .artwork img{object-fit:cover;object-position:50% 48%;filter:brightness(.86) saturate(.82)}
body[data-page=home] #supply .artwork::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101b1666 0%,transparent 30%,#111b1722 48%,#101b17d9 100%)}
body[data-page=home] #supply .artwork::before{color:#f6f4ef;z-index:1}
body[data-page=home] #supply .artwork figcaption{inset:22px auto auto 26px;background:transparent;border:0;padding:0;color:#f2f0e9;font-size:11px;letter-spacing:.02em;z-index:2}
body[data-page=home] #supply .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] #supply .chapter-heading h2{font-family:'Segoe UI','Helvetica Neue',sans-serif;font-weight:300;font-size:clamp(66px,8.4vw,120px);line-height:1.04;letter-spacing:-.06em;text-wrap:balance}
body[data-page=home] #supply .chapter-heading h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
body[data-page=home] #supply .chapter-heading p:not(.scope-note){font-size:14px;line-height:1.55;max-width:60ch;margin:22px auto 0;letter-spacing:.01em;color:#f0f1e7}
body[data-page=home] #supply .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] #supply .chapter-foot a{font-size:12px;gap:16px;color:#f0f1e7}
body[data-page=home] #supply .chapter-foot b{font-size:19px}
body[data-page=home] #supply .image-fallback{background:#343d33;color:#f2f0e9}
body[data-page=home] #supply .image-fallback p{font-size:18px;max-width:30ch;transform:translateY(-90px)}
body[data-page=home] #supply .image-fallback>span{display:none}
@media(hover:hover){body[data-page=home] .quick-nav a:hover,body[data-page=home] .menu summary:hover{color:#c9d4ba}}
@media(max-height:700px) and (min-width:760px){
 .deck-desktop body[data-page=home] .site-header{height:64px}
 body[data-page=home] .chapter-toolbar{height:38px}
 body[data-page=home] .chapter-status,body[data-page=home] .chapter-total{top:calc(50svh - 64px)}
 .deck-desktop body[data-page=home] .chapter-status{top:calc(50svh - 64px)}
 .deck-enabled body[data-page=home] .brand-deck .chapter{inset-block-start:34px;height:calc(100% - 62px);width:calc(100% - 148px);transform-origin:50% -280%;scroll-margin-top:calc(var(--deck-top,102px) + 34px)}
 .deck-enabled body[data-page=home] #supply{height:calc(100% - 62px)}
 body[data-page=home] #supply .artwork img{object-fit:contain}
 body[data-page=home] #supply .chapter-heading{bottom:60px}
 body[data-page=home] #supply .chapter-heading h2{font-size:clamp(48px,7.4vw,80px)}
 body[data-page=home] #supply .chapter-heading p:not(.scope-note){margin-top:14px;font-size:13px}
 body[data-page=home] #supply .artwork figcaption{top:16px;left:20px;font-size:10px}
}
@media(min-width:701px) and (max-width:1100px){
 body[data-page=home] .site-header{padding:0 24px}
 body[data-page=home] .chapter-status{left:12px}
 body[data-page=home] .chapter-total{right:12px}
 .deck-enabled body[data-page=home] .brand-deck .chapter{width:calc(100% - 124px)}
 body[data-page=home] #supply .chapter-heading{inset-inline:24px}
}
@media(max-width:700px){
 body[data-page=home] .site-header{height:76px;padding:0 18px;gap:12px}
 body[data-page=home] .site-header>.wordmark{font-size:21px}
 body[data-page=home] .menu summary,body[data-page=home] .quick-nav a{font-size:12px}
 body[data-page=home] .menu-glyph{display:none}
 body[data-page=home] .enquire-link span{display:none}
 body[data-page=home] .chapter-toolbar{height:70px}
 body[data-page=home] .chapter-status,body[data-page=home] .chapter-total{top:20px;width:30px;height:30px;font-size:11px}
 body[data-page=home] .chapter-status{left:22px}
 body[data-page=home] .chapter-total{right:22px}
 body[data-page=home] .brand-deck{padding:0 18px}
 body[data-page=home] #supply{height:min(560px,calc(100svh - 222px));min-height:460px;margin:0 0 46px;border-radius:15px}
 body[data-page=home] #supply .artwork img{object-fit:cover;object-position:50% 50%;filter:brightness(.91) saturate(.86)}
 body[data-page=home] #supply .artwork picture{height:72%}
 body[data-page=home] #supply .artwork::after{background:linear-gradient(180deg,#17221b22 0%,transparent 35%,#52574c00 48%,#343e35 72%,#253027 100%)}
 body[data-page=home] #supply .chapter-heading{inset:auto 20px 80px}
 body[data-page=home] #supply .chapter-heading h2{font-size:clamp(53px,15.4vw,64px);line-height:.98;letter-spacing:-.055em}
 body[data-page=home] #supply .chapter-heading h2 em{display:block}
 body[data-page=home] #supply .chapter-heading p:not(.scope-note){margin:20px auto 0;font-size:12px;max-width:27ch;line-height:1.55}
 body[data-page=home] #supply .artwork figcaption{inset:20px 20px auto;font-size:10px;max-width:32ch}
 body[data-page=home] #supply .chapter-foot{inset:auto 20px 16px}
 body[data-page=home] #supply .chapter-foot a{font-size:11px}
 body[data-page=home] .chapter-toolbar .chapter-nav{position:absolute;inset:calc(70px + max(460px,min(560px,calc(100svh - 222px)))) 22px auto;width:auto;height:auto;clip-path:none;display:flex;justify-content:space-between;gap:10px;padding:0;font-size:0;z-index:3}
 body[data-page=home] .chapter-nav a{min-width:36px;min-height:44px;justify-content:center;gap:0}
 body[data-page=home] .chapter-toolbar .chapter-nav a:nth-child(n){font-size:0}
 body[data-page=home] .chapter-nav a span{font-size:11px}
 body[data-page=home] .chapter-toolbar .chapter-nav:focus-within{position:absolute;inset:calc(70px + max(460px,min(560px,calc(100svh - 222px)))) 22px auto;background:transparent;border:0;display:flex;padding:0;font-size:0;gap:10px}
}
@media(forced-colors:active){body[data-page=home] #supply .chapter-heading,body[data-page=home] #supply .artwork figcaption{background:Canvas;color:CanvasText}}