.story-page{padding-top:96px}.story-page .eyebrow{color:var(--accent)}.story-intro{padding-top:36px;padding-bottom:0}.story-breadcrumb{letter-spacing:.13em;gap:14px;margin-bottom:55px;font-size:9px;display:flex}.story-breadcrumb a:hover{text-decoration:underline}.story-intro-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:75px;padding-bottom:65px;display:grid}.story-intro h1{letter-spacing:.045em;margin:20px 0 28px;font-size:clamp(32px,3.5vw,48px);line-height:1.7}.story-intro-copy>p:not(.eyebrow){max-width:460px;color:var(--muted);font-size:13px;line-height:2.2}.story-intro-copy>p+p{margin-top:16px}.story-book{margin:0;padding:22px 0 0}.story-book-spread{background:var(--paper);box-shadow:0 2px 0 var(--line), 0 6px 0 var(--surface), 0 7px 0 var(--line), 0 22px 36px color-mix(in srgb,var(--ink) 9%,transparent);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:14px 14px 0;display:grid;position:relative}.story-book-page{min-width:0}.story-book-page:first-child{border-right:1px solid var(--line)}.story-book-portrait{aspect-ratio:4/5;position:relative;overflow:hidden}.story-book-portrait:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 85%, color-mix(in srgb,var(--ink) 8%,transparent));position:absolute;inset:0}.story-book-portrait.side:after{background:linear-gradient(90deg, color-mix(in srgb,var(--ink) 8%,transparent), transparent 15%)}.story-book-portrait.main img{object-position:center}.story-book-portrait.side img{object-position:center top;transform-origin:60% 0;transform:scale(1.3)}.story-book-label{color:var(--muted);letter-spacing:.06em;text-align:center;margin:0;padding:15px 3px;font-size:10px}.story-book figcaption{letter-spacing:.08em;text-align:center;color:var(--muted);margin-top:34px;font-family:Kaisei Opti,serif;font-size:13px}.story-contents{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;display:flex}.story-contents a{align-items:center;gap:32px;padding:28px 32px;font-size:12px;display:flex}.story-contents a:hover{background:var(--surface)}.story-contents span{color:var(--accent)}.story-latest-band,.story-world-band{background:var(--surface)}.story-section-heading{margin-bottom:40px}.story-section-heading h2{margin:14px 0 19px}.story-section-heading>p:last-child{color:var(--muted);font-size:13px;line-height:2}.story-mobile-break{display:none}.story-latest-band .news-grid{row-gap:42px}.story-latest-band .news-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.4em;display:-webkit-box;overflow:hidden}.story-latest-band .story-source-badge.main{background:var(--accent-soft)}.story-latest-band .story-source-badge.side{background:var(--surface-rose)}.story-collections{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;display:grid}.story-collection{border-top:2px solid var(--accent);padding-top:30px;scroll-margin-top:125px}.story-collection.side{border-color:var(--gold-ink)}.story-collection>h3{margin:11px 0 15px;font-family:Kaisei Opti,serif;font-size:28px}.story-collection-subtitle{margin-bottom:13px;font-size:13px;font-weight:500}.story-collection-description{color:var(--muted);min-height:7em;font-size:12px;line-height:2.05}.story-collection-list-heading{justify-content:space-between;align-items:center;gap:14px;padding:29px 0 15px;font-size:11px;display:flex}.story-collection-list-heading small{color:var(--muted);font-size:9px}.story-collection-list{margin:0 0 27px;padding:0;list-style:none}.story-collection-list li{border-top:1px solid var(--line)}.story-collection-list li:last-child{border-bottom:1px solid var(--line)}.story-collection-list a{align-items:center;gap:18px;min-height:106px;padding:19px 0;display:flex}.story-collection-list a:hover h4{color:var(--accent)}.story-collection-thumb{aspect-ratio:16/10;background:var(--surface-alt);flex-shrink:0;place-items:center;width:108px;font:9px Georgia,serif;display:grid;position:relative}.story-collection-item-copy{min-width:0}.story-collection-item-copy time{letter-spacing:.04em;color:var(--muted);font-size:9px}.story-collection-item-copy h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;font-weight:500;line-height:1.8;display:-webkit-box;overflow:hidden}.story-collection-arrow{color:var(--accent);flex-shrink:0;margin-left:auto;font-size:16px}.story-collection>.text-link{gap:24px}.story-collection-empty{color:var(--muted);border-block:1px solid var(--line);margin-bottom:26px;padding:30px 0;font-size:12px}.story-world-link{justify-content:space-between;align-items:center;gap:35px;display:flex}.story-world-link h2{margin:17px 0;font-size:29px}.story-world-link p:last-child{color:var(--muted);font-size:12px}.story-world-link .button{white-space:nowrap;flex-shrink:0}@media (max-width:1000px){.story-intro-layout{gap:40px}.story-intro h1{font-size:34px}.story-book-spread{padding:10px 10px 0}.story-collections{gap:35px}.story-collection-list a{gap:12px}.story-collection-thumb{width:86px}.story-world-link h2{font-size:24px}}@media (max-width:700px){.story-page{padding-top:78px}.story-intro{padding-top:25px;padding-bottom:0}.story-breadcrumb{margin-bottom:38px;font-size:8px}.story-intro-layout{grid-template-columns:1fr;gap:25px;padding-bottom:36px}.story-intro .eyebrow{font-size:9px}.story-intro h1{letter-spacing:.02em;margin:16px 0 22px;font-size:clamp(27px,7.7vw,35px)}.story-intro-copy>p:not(.eyebrow){font-size:12px;line-height:2.15}.story-book{width:89%;margin:0 auto;padding-top:17px}.story-book-spread{padding:9px 9px 0}.story-book-label{letter-spacing:0;padding:12px 2px;font-size:9px}.story-book figcaption{margin-top:25px;font-size:11px}.story-contents{justify-content:space-between;gap:0}.story-contents a{gap:8px;padding:22px 3px;font-size:10px}.story-section-heading{margin-bottom:29px}.story-section-heading h2{margin:14px 0 18px;font-size:28px}.story-section-heading .eyebrow{font-size:9px}.story-section-heading>p:last-child{font-size:12px}.story-section-heading>p:last-child br{display:none}.story-mobile-break{display:initial}.story-collections{grid-template-columns:minmax(0,1fr);gap:55px}.story-collection{padding-top:26px;scroll-margin-top:100px}.story-collection>h3{font-size:27px}.story-collection-description{min-height:0}.story-collection-list a{gap:14px;min-height:98px;padding:17px 0}.story-collection-thumb{width:88px}.story-collection-item-copy h4{font-size:12px}.story-collection-item-copy time{font-size:9px}.story-world-link{display:block}.story-world-link h2{font-size:26px}.story-world-link .eyebrow{font-size:9px}.story-world-link .button{margin-top:28px}}@media (max-width:360px){.story-contents a{gap:5px;padding-inline:0;font-size:9px}.story-collection>.text-link{gap:12px;font-size:11px}}
