/* Buyer-centred Phase2.0 narrative. Stage/controller geometry remains in the frozen CSS.
   Image sources remain in the internal material registry. */
body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project){color:#f6f4ef;background:#292f2b;border-color:#6b706754;height:clamp(500px,calc(100svh - 210px),740px)}
.deck-enabled body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project){height:calc(100% - 86px)}
body[data-page=home] .story-deck .chapter .artwork{position:absolute;inset:0;margin:0;border-radius:0;height:100%;min-height:0;background:#343c34}
body[data-page=home] .story-deck .chapter .artwork picture{height:100%}
body[data-page=home] .story-deck .chapter .artwork img{object-fit:cover;object-position:54% 43%;filter:brightness(.82) saturate(.65)}
body[data-page=home] .story-deck .chapter .artwork::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#14201b25 0%,#14201b08 32%,#14201b44 52%,#111b17ed 100%)}
body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation) .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] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .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] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading h2{font-family:'Segoe UI','Helvetica Neue',sans-serif;font-weight:300;font-size:clamp(64px,6.5vw,96px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
body[data-page=home] .story-deck .chapter-heading h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading p{display:block;font-size:14px;line-height:1.55;max-width:56ch;margin:20px auto 0;letter-spacing:.01em;color:#f0f1e7}
body[data-page=home] .story-deck .chapter-number{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .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] .story-deck .chapter-foot a{font-size:12px;gap:16px;color:#f0f1e7}
body[data-page=home] .story-deck .chapter-foot b{font-size:19px}
body[data-page=home] .story-deck .chapter .artwork.is-unavailable{width:100%;aspect-ratio:auto}
body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation) .image-fallback{background:#343d33;color:#f2f0e9;justify-content:flex-start;padding:32px 24px}
body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation) .image-fallback p{font-size:18px;max-width:30ch;transform:none;margin:0}
body[data-page=home] .story-deck .image-fallback>span{display:none}
body[data-page=home] .story-deck :is(a,button):focus-visible{outline-color:#e3e9ce}
body[data-page=home] .story-deck #fan-clothing .chapter-heading{inset-inline:48px;max-width:640px;text-align:left}
body[data-page=home] .story-deck #fan-clothing .chapter-heading p{margin-left:0;max-width:44ch}
body[data-page=home] .story-deck #fan-clothing .artwork img{object-position:60% 45%;filter:brightness(.74) saturate(.55)}
body[data-page=home] .story-deck #t-shirts .artwork img{transform:scale(2.2);object-position:64% 72%;filter:brightness(.9) saturate(.4)}
body[data-page=home] .story-deck #t-shirts .chapter-heading{inset-inline:48px;text-align:right;max-width:620px;margin-left:auto}
body[data-page=home] .story-deck #t-shirts .chapter-heading p{margin-right:0}
body[data-page=home] .story-deck #sweatshirts .artwork img{object-position:58% 40%;filter:brightness(.79) saturate(.5)}
body[data-page=home] .story-deck #sweatshirts .artwork::after{background:linear-gradient(90deg,#14201b90,transparent 82%),linear-gradient(180deg,#14201b16 20%,#111b17dd 100%)}
body[data-page=home] .story-deck #sweatshirts .chapter-heading{inset-inline:48px;max-width:620px;text-align:left}
body[data-page=home] .story-deck #sweatshirts .chapter-heading p{margin-left:0;max-width:42ch}
body[data-page=home] .story-deck #cooperation .artwork img{transform:scale(1.3);object-position:80% 50%;filter:brightness(.77) saturate(.55)}
body[data-page=home] .story-deck #cooperation .chapter-heading p{max-width:58ch}
body[data-page=home] .story-deck #project{background:#303c32}
body[data-page=home] .story-deck #project .chapter-heading{bottom:110px}
body[data-page=home] .story-deck .brief-note{position:absolute;top:32px;left:32px;right:32px;font-size:11px;color:#d5ddd0;line-height:1.7}
body[data-page=home] .story-deck .brief-note>span{letter-spacing:.08em}
body[data-page=home] .story-deck .brief-note p{margin-top:12px}
.story-deck #fan-clothing{--peek-image:url('images/phase21-development-1600.webp')}
.story-deck #t-shirts{--peek-image:url('images/phase18-sweat-1600.webp')}
.story-deck #sweatshirts{--peek-image:url('images/phase21-sample-1600.webp')}
.story-deck #cooperation{--peek-image:url('images/phase18-craft-1600.webp')}
.story-deck #project{--peek-image:none}
body[data-page=home] .initial-products nav{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0 20px;border-block:1px solid var(--line);padding:12px 0}
body[data-page=home] .initial-products nav a{display:flex;gap:24px;align-items:center;min-height:44px;font-size:20px;flex:1;white-space:nowrap}
body[data-page=home] .initial-products>p{max-width:70ch;font-size:15px;margin-bottom:16px}
body[data-page=home] .initial-products>.text-link{display:inline-flex;min-height:44px;margin-right:28px;align-items:center;font-size:13px}
@media(max-width:840px){.story-deck #fan-clothing{--peek-image:url('images/phase21-development-800.webp')}.story-deck #t-shirts{--peek-image:url('images/phase18-sweat-800.webp')}.story-deck #sweatshirts{--peek-image:url('images/phase21-sample-800.webp')}.story-deck #cooperation{--peek-image:url('images/phase18-craft-800.webp')}}
@media(max-height:700px) and (min-width:760px){
 .deck-enabled body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project){height:calc(100% - 62px)}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading{bottom:64px}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading h2{font-size:clamp(50px,7.8svh,68px)}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading p{margin-top:14px;font-size:13px}
 body[data-page=home] .story-deck .brief-note{top:22px;font-size:10px}
}
@media(max-width:700px){
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project){height:min(560px,calc(100svh - 222px));min-height:460px;margin-bottom:24px;border-radius:15px}
 body[data-page=home] .story-deck #supply{margin-bottom:46px}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading{inset:auto 20px 112px;max-width:none;margin-left:0;text-align:center}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading h2{font-size:clamp(43px,12vw,49px);line-height:1.05;letter-spacing:-.05em}
 body[data-page=home] .story-deck .chapter-heading h2 em{display:inline}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-heading p{margin:18px auto 0;max-width:32ch;font-size:12px;line-height:1.55}
 body[data-page=home] .story-deck :is(#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-number{position:static;display:block;width:auto;height:auto;clip-path:none;margin:0 0 12px;padding:0;white-space:normal;color:#d4dbcd;font-size:9px;letter-spacing:.06em}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation) .artwork figcaption{inset:auto 20px 65px;font-size:10px;max-width:none;line-height:1.5}
 body[data-page=home] .story-deck :is(#supply,#fan-clothing,#t-shirts,#sweatshirts,#cooperation,#project) .chapter-foot{inset:auto 20px 16px}
 body[data-page=home] .story-deck .chapter-foot a{font-size:11px}
 body[data-page=home] .story-deck .brief-note{inset:22px 20px auto;font-size:10px}
 body[data-page=home] .story-deck .brief-note>span{display:none}
 body[data-page=home] .story-deck .brief-note p{margin:0}
 body[data-page=home] .initial-products nav{display:block}
 body[data-page=home] .initial-products nav a{font-size:18px;justify-content:space-between;padding:8px 0}
}
@media(forced-colors:active){body[data-page=home] .story-deck .chapter-heading,body[data-page=home] .story-deck .artwork figcaption,body[data-page=home] .story-deck .brief-note{background:Canvas;color:CanvasText}}