.mb-board{flex-direction:column;gap:28px;max-width:1000px;margin:0 auto;padding:20px 0 40px;display:flex;position:relative}.mb-board:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px);background-size:100% 32px;position:absolute;inset:0 -10vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.mb-thread{z-index:0;pointer-events:none;color:#ffb84d73;position:absolute;top:0;left:0}.mb-item{z-index:1;width:min(420px,46%);position:relative}.mb-item.is-left{align-self:flex-start;margin-left:4%}.mb-item.is-right{align-self:flex-end;margin-right:4%}.mb-item+.mb-item{margin-top:-110px}.mb-item:hover{z-index:3}.mb-card{--tone:#ffb84d;--tone-soft:#ffb84d14;--tone-line:#ffb84d38;transition:transform .4s var(--ease-out,ease), box-shadow .4s ease, border-color .4s ease;background:#151a21;border:1px solid #ffffff14;border-radius:24px;padding:8px;transform:rotate(3deg);box-shadow:0 18px 40px #00000073}.mb-item.is-right .mb-card{transform:rotate(-3deg)}@media (hover:hover){.mb-item:hover .mb-card{border-color:var(--tone-line);box-shadow:0 24px 60px #0000008c, 0 0 30px var(--tone-soft);transform:rotate(0)scale(1.04)}}.mb-card.is-light{--tone:#fff;--tone-soft:#ffffff0d;--tone-line:#ffffff29}.mb-card.is-steel{--tone:#9aa4b2;--tone-soft:#9aa4b214;--tone-line:#9aa4b238}.mb-pin-wrap{width:32px;color:var(--tone);justify-content:center;margin:6px auto 16px;display:flex}.mb-pin{filter:drop-shadow(0 4px 10px #00000080);width:32px;height:32px}.mb-note{background:var(--tone-soft);border:1px solid var(--tone-line);border-radius:16px;padding:clamp(18px,2.4vw,24px)}.mb-note-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mb-year{letter-spacing:-.02em;color:var(--tone);font-size:clamp(2rem,3.2vw,2.6rem);font-style:italic;font-weight:800;line-height:1}.mb-tag{letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--tone);background:var(--tone-soft);border:1px solid var(--tone-line);border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.mb-note h3{color:#fff;margin-bottom:10px;font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:700;line-height:1.3}.mb-note p{color:#ffffffad;font-size:clamp(.92rem,1.1vw,1rem);line-height:1.65}@media (width<=860px){.mb-board{gap:32px}.mb-item{width:78%}.mb-item.is-left{margin-left:0}.mb-item.is-right{margin-right:0}.mb-item+.mb-item{margin-top:0}.mb-card{transform:rotate(1.5deg)}.mb-item.is-right .mb-card{transform:rotate(-1.5deg)}}@media (width<=600px){.mb-board{gap:40px;padding:8px 0 24px}.mb-item,.mb-item.is-left,.mb-item.is-right{align-self:stretch;width:100%}.mb-card{border-radius:20px;padding:6px;transform:rotate(.75deg)}.mb-item.is-right .mb-card{transform:rotate(-.75deg)}.mb-pin-wrap{margin:4px auto 10px}.mb-pin{width:26px;height:26px}.mb-note{border-radius:14px;padding:18px 16px}.mb-note-head{flex-wrap:wrap;margin-bottom:12px}.mb-year{font-size:1.9rem}.mb-tag{text-align:left;font-size:.65rem}.mb-note h3{font-size:1.15rem}.mb-note p{font-size:.93rem;line-height:1.6}}@media (prefers-reduced-motion:reduce){.mb-card{transition:none}}.story-intro-section{padding:clamp(60px, 8vw, 100px) var(--gutter);color:var(--ink);background:#fff;position:relative;overflow:hidden}.story-intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.story-intro-copy h2{letter-spacing:-.03em;color:var(--ink);margin-bottom:24px;font-size:clamp(2.2rem,4.2vw,3.8rem);font-weight:700;line-height:1.15}.story-intro-copy h2 em{color:var(--muted);font-style:italic;font-weight:300}.story-intro-copy p{color:var(--muted);margin-bottom:32px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.7}.story-intro-media{background:#e9ebee;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1111111f}.story-intro-media img{object-fit:cover;width:100%;height:100%;max-height:520px;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.story-intro-media:hover img{transform:scale(1.03)}.story-years-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:900px;margin:30px auto 50px;display:flex}.story-year-chip{color:#fffc;letter-spacing:.05em;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:100px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s}.story-year-chip:hover{color:#0b0d10;background:#ffb84d;border-color:#ffb84d;transform:translateY(-2px);box-shadow:0 6px 20px #ffb84d4d}.story-timeline-section{padding:clamp(60px, 8vw, 120px) var(--gutter);background:#0f1217;position:relative;overflow-x:clip}.story-timeline-head{text-align:center;max-width:780px;margin:0 auto clamp(50px,6vw,80px)}.story-timeline-head h2{letter-spacing:-.02em;color:#fff;margin-bottom:16px;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:700}.story-timeline-head p{color:#ffffffa6;font-size:clamp(1.1rem,1.4vw,1.25rem);line-height:1.6}@media (width<=860px){.story-intro-grid{grid-template-columns:1fr;gap:40px}}@media (width<=600px){.story-years-bar{margin:24px calc(-1 * var(--gutter)) 36px;padding:4px var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.story-years-bar::-webkit-scrollbar{display:none}.story-year-chip{scroll-snap-align:start;flex:none}}.story-cta-section{padding:clamp(60px, 8vw, 100px) var(--gutter);text-align:center;background:linear-gradient(#0f1217 0%,#080a0d 100%)}.story-cta-box{background:radial-gradient(circle at 50% 0,#ffb84d14 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:28px;max-width:840px;margin:0 auto;padding:clamp(40px,5vw,60px) 24px}.story-cta-box h3{color:#fff;margin-bottom:16px;font-size:clamp(2rem,3.5vw,3rem);font-weight:700}.story-cta-box p{color:#ffffffb3;max-width:620px;margin:0 auto 32px;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.6}.story-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}