/* STORIES: existing YOKABAN type, palette and 860px breakpoint. */
.stories{padding:56px 0 68px;color:var(--sumi);background:linear-gradient(180deg,var(--kogane),var(--akane))}
.stories-heading{margin-bottom:36px}
.stories-heading .kicker{color:inherit;margin-bottom:12px}
.stories-heading h2{font-size:clamp(26px,3.4vw,36px);font-weight:500;line-height:1.6}
.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.story-teaser a{display:block;text-decoration:none}
.story-teaser img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto;margin-bottom:24px}
.story-teaser .story-category{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:12px}
.story-teaser h3{font-weight:500;font-size:clamp(21px,2.2vw,26px);line-height:1.6;margin-bottom:12px;text-wrap:balance}
.story-teaser p{font-size:14px;line-height:1.9}
.story-teaser .story-date{font-family:var(--sans);font-size:12px;letter-spacing:.12em;margin-top:6px}
.story-link{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;margin-top:24px;padding:8px 0;border-bottom:1px solid currentColor}
.story-teaser a:hover .story-link,.story-link:hover{text-decoration:underline;text-underline-offset:5px}
.story-teaser a:focus-visible,.story-page a:focus-visible,.story-page button:focus-visible{outline:2px solid currentColor;outline-offset:6px}

/* Only the article uses these overrides; existing pages retain their canvas. */
.story-page{background:var(--asa);color:var(--ink)}
.story-page .kicker{color:inherit}
.story-page .skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:12px 20px;background:var(--asa);color:var(--ink)}
.story-page .skip-link:focus{top:12px}
.story-hero{padding-top:132px}
.story-title{max-width:980px;margin:0 auto;padding:0 24px 48px}
.story-title .kicker{margin-bottom:28px}
.story-title h1{font-size:clamp(30px,4.3vw,52px);font-weight:500;line-height:1.55;letter-spacing:.02em;text-wrap:balance;margin-bottom:22px}
.story-subtitle{font-size:clamp(16px,2vw,21px);letter-spacing:.04em;margin-bottom:20px}
.story-meta{font-family:var(--sans);font-size:12px;letter-spacing:.1em;line-height:2}
.story-photo{max-width:980px;margin:64px auto;padding:0 24px}
.story-photo img{width:100%;height:auto}
.story-photo--wide{max-width:1248px}
.story-photo--small{max-width:688px}
.story-hero .story-photo{margin-top:0;margin-bottom:0}
.story-copy{max-width:688px;padding:0 24px;margin:0 auto;font-size:17px;line-height:2.05;overflow-wrap:break-word;line-break:strict}
.story-copy p{margin-bottom:1.6em}
.story-copy p:last-child{margin-bottom:0}
.story-intro{padding-top:88px}
.story-section{padding-top:104px}
.story-copy h2{font-size:clamp(23px,2.6vw,30px);font-weight:500;line-height:1.7;text-wrap:balance;margin-bottom:36px}
.story-copy .story-quote{font-size:clamp(25px,3vw,34px);font-weight:500;line-height:1.8;margin:60px 0;text-wrap:balance}
.story-section > .story-photo:last-child{margin-bottom:0}
.story-night{margin-top:112px;background:var(--sumi);color:var(--kinari);padding-bottom:96px}
.story-night .story-section{padding-top:96px}
.story-night .story-photo{margin-top:64px;margin-bottom:64px}
.story-next{max-width:688px;margin:0 auto;padding:112px 24px 0}
.story-next .next-card{padding:0;border:0;background:none;box-shadow:none}
.story-next .kicker{color:var(--tomoshibi)}
.story-next h2{font-family:var(--serif-en);font-size:clamp(32px,4vw,46px);font-weight:400;line-height:1.4;letter-spacing:.04em;margin-bottom:24px}
.story-next .next-rows{margin-bottom:24px}
.story-next .next-row dd{flex:1}
.story-next .story-link{margin-top:0;text-decoration:none}
.story-credits{max-width:688px;margin:0 auto;padding:96px 24px 0;font-family:var(--sans);font-size:12px;line-height:2;letter-spacing:.08em}
.story-credits h2{font-size:12px;font-weight:500;letter-spacing:.22em;margin-bottom:20px}
.story-credits dl{display:grid;grid-template-columns:70px 1fr;gap:8px 20px;margin-top:28px}
.story-back{margin-top:48px}
.story-page .site-footer{background:var(--sumi)}
/* Text remains available if scripts fail or are disabled. */
.story-page .reveal{opacity:1;transform:none}
.story-page.motion-ready .reveal:not(.is-in){opacity:0;transform:translateY(28px)}
@media(max-width:860px){
  .stories{padding:42px 0 48px}
  .stories-grid{grid-template-columns:1fr;gap:48px}
  .stories-heading{margin-bottom:28px}
  .story-teaser img{margin-bottom:20px}
  .story-hero{padding-top:112px}
  .story-title{padding:0 20px 32px}
  .story-title h1{font-size:clamp(28px,7vw,38px)}
  .story-copy{padding:0 24px;font-size:16px}
  .story-photo{padding:0 20px;margin:40px auto}
  .story-photo--wide{padding:0}
  .story-intro{padding-top:56px}
  .story-section{padding-top:72px}
  .story-copy h2{margin-bottom:28px}
  .story-copy .story-quote{margin:40px 0}
  .story-night{margin-top:72px;padding-bottom:64px}
  .story-night .story-section{padding-top:64px}
  .story-night .story-photo{margin:40px auto}
  .story-next{padding-top:80px}
  .story-credits{padding-top:72px}
}
@media(prefers-reduced-motion:reduce){
  .story-page.motion-ready .reveal:not(.is-in){opacity:1;transform:none}
}
@media print{
  .story-page{background:white;color:black}
  .story-page .site-header,.story-page .nav,.story-page .skip-link,.story-back{display:none}
  .story-hero{padding-top:0}
  .story-night,.story-page .site-footer{background:white;color:black}
  .story-page.motion-ready .reveal:not(.is-in){opacity:1;transform:none}
  .story-copy h2{break-after:avoid}
  .story-photo{break-inside:avoid}
}

/* Intermediate photographs share the same centered width. */
.story-photo-sequence > .story-photo:last-child{margin-bottom:0}

/* Two related details form one centered editorial block; retain full frames. */
.story-photo-pair{max-width:980px;margin:64px auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.story-photo-pair .story-photo{padding:0;margin:0;min-width:0}
.story-photo-pair img{display:block}
@media(max-width:860px){.story-photo-pair{padding:0 20px;margin:40px auto}}
@media(max-width:600px){.story-photo-pair{grid-template-columns:1fr;gap:24px}}
.story-photo[id],.story-photo-pair[id]{scroll-margin-top:96px}
.story-copy + .story-copy{margin-top:1.6em}

/* Contributor information follows the closing prose, before the next event. */
.story-partners{max-width:688px;margin:88px auto 0;padding:0 24px;font-family:var(--sans);font-size:13px;line-height:2;scroll-margin-top:96px}
.story-partners h2{font-size:12px;font-weight:500;letter-spacing:.14em;margin:32px 0 16px}
.story-partners h2:first-child{margin-top:0}
.story-partners ul{list-style:none;padding:0;margin:0}
.story-partners li{margin-bottom:12px}
.story-partners a{display:inline-block;margin-left:.6em;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:600px){.story-partners{margin-top:64px}.story-partners a{display:block;margin-left:0}}

/* Preview: three individual performances, cropped only in the display frame. */
.story-solo-triptych{max-width:980px;margin:64px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;scroll-margin-top:96px}
.story-solo-triptych figure{margin:0;min-width:0;overflow:hidden}
.story-solo-triptych img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 50%}
@media(max-width:860px){.story-solo-triptych{padding:0 20px;margin-top:40px;gap:10px}}

.story-solo-triptych figure:first-child img{transform:scale(1.18);transform-origin:60% 55%}

/* Keep mobile headings together by meaning. */
@media(max-width:600px){.story-copy .mobile-phrase{display:block;white-space:nowrap;letter-spacing:0}.story-copy h2:has(.mobile-phrase){font-size:clamp(19px,5.4vw,23px)}.story-copy .story-quote:has(.mobile-phrase){font-size:clamp(23px,6vw,28px)}}

@media(max-width:600px){.story-copy .story-quote:has(.mobile-phrase){line-height:1.55}}

/* Tote detail before the shop overview. */
.story-tote-photo{max-width:488px;margin:56px auto;padding:0 24px;scroll-margin-top:96px}.story-tote-photo img{display:block;width:100%;height:auto}.story-tote-photo figcaption{margin-top:12px;font-family:var(--sans);font-size:12px;line-height:1.7;color:var(--ink);text-align:center;opacity:.7}
@media(max-width:600px){.story-tote-photo{max-width:360px;margin:36px auto;padding:0 24px}}