.story-scroll-template{background:var(--story-bg);min-height:100vh;color:var(--story-text);font-family:Georgia,Times New Roman,serif}.story-scroll-template img{object-fit:cover;max-width:100%;display:block}.story-scroll-container{--center-width:100vw;--center-height:100vh;--center-half-width:50vw;--center-radius:0px;--side-opacity:0;--side-scale:.94;--left-x:-120%;--right-x:120%;--names-opacity:1;--names-y:0px;--top-card-y:0px;--bottom-card-y:0px;--side-gap:16px;--side-column-width:clamp(220px,25vw,280px);background:#fff;width:100%;height:300vh;position:relative}.story-sticky-wrapper{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.story-animation-viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.story-hero-names{z-index:4;color:#fff;text-align:center;text-shadow:0 6px 24px #00000073;width:min(90vw,900px);opacity:var(--names-opacity);transform:translate(-50%,calc(-50% + var(--names-y)));pointer-events:none;will-change:opacity,transform;position:absolute;top:50%;left:50%}.story-hero-names h1{margin:0;font-size:clamp(38px,8vw,104px);font-weight:500;line-height:.95}.story-center-bg-box{z-index:1;width:var(--center-width);height:var(--center-height);border-radius:var(--center-radius);will-change:width,height,border-radius;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 70px #2c18133d}.story-side-column{z-index:3;width:var(--side-column-width);pointer-events:none;flex-direction:column;gap:clamp(18px,2vh,28px);display:flex;position:absolute}.story-left-column{top:clamp(56px,9vh,92px);right:calc(50% + var(--center-half-width) + var(--side-gap));align-items:flex-end}.story-right-column{top:clamp(92px,18vh,150px);left:calc(50% + var(--center-half-width) + var(--side-gap));align-items:flex-start}.story-color-panel{opacity:var(--side-opacity);will-change:transform,opacity;border:1px solid #ffffff9e;border-radius:28px;overflow:hidden;box-shadow:0 18px 48px #0c0c0c29}.story-panel-large{width:84%;height:clamp(180px,33vh,330px)}.story-panel-small{width:68%;height:clamp(135px,24vh,230px)}.story-panel-left-top{transform:translate(var(--left-x),var(--top-card-y))scale(var(--side-scale))}.story-panel-left-bottom{transform:translate(var(--left-x),var(--bottom-card-y))scale(var(--side-scale))}.story-panel-right-top{transform:translate(var(--right-x),var(--top-card-y))scale(var(--side-scale))}.story-panel-right-bottom{transform:translate(var(--right-x),var(--bottom-card-y))scale(var(--side-scale))}.story-gallery-section{background:var(--story-bg);text-align:center;padding:72px 20px 40px}.story-gallery-section h2{color:var(--story-text);margin:0;font-size:36px;font-weight:500;line-height:1.15}.story-cards-scroll-section{z-index:2;background:var(--story-bg);width:100%;height:720vh;position:relative;container:story-cards/inline-size}.story-cards-fixed-stage{--story-card-width:clamp(250px,30vw,360px);--story-content-gap:clamp(18px,4vw,58px);--story-chapter-width:min(330px,calc((100cqw - var(--story-card-width))/2 - var(--story-content-gap) - 24px));background:var(--story-bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(34px,7vh,58px);width:100%;height:100vh;padding:clamp(28px,5vh,42px) clamp(24px,5vw,72px);display:flex;position:sticky;top:0;overflow:hidden}.story-cards-fixed-stage h2{color:var(--story-text);margin:0;font-size:36px;font-weight:500;line-height:1.15}@media (min-width:640px){.story-gallery-section h2,.story-cards-fixed-stage h2{font-size:48px}}.story-chapter-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.story-chapter-text{width:var(--story-chapter-width);color:#2a211b;will-change:opacity,transform;transition:opacity .12s linear,transform .12s linear;position:absolute;top:clamp(132px,24vh,190px)}.story-chapter-text-left{right:calc(50% + (var(--story-card-width)/2) + var(--story-content-gap));text-align:right}.story-chapter-text-right{left:calc(50% + (var(--story-card-width)/2) + var(--story-content-gap));text-align:left;right:auto}.story-chapter-text h3{color:#221a16;letter-spacing:0;margin:0 0 14px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.45vw,22px);font-weight:800;line-height:1.12}.story-chapter-text h3 span,.story-chapter-text h3 small{display:block}.story-chapter-text h3 small{color:#221a16d1;margin-top:4px;font-family:inherit;font-size:.86em;font-weight:700}.story-chapter-text p{color:#2a211bb8;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,1.15vw,18px);font-weight:400;line-height:1.42}.story-card-area{z-index:3;width:var(--story-card-width);height:min(45vh,360px);position:relative;transform:none}.story-scroll-card{width:var(--story-card-width);background:var(--story-card-bg);will-change:transform,opacity;border:1px solid #463a2a24;border-radius:9px;flex-direction:column;gap:18px;padding:16px 16px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,120vh);box-shadow:0 28px 55px #2e271c38}.story-scroll-card img{aspect-ratio:16/9;border-radius:4px;width:100%}.story-scroll-card span{color:var(--story-text);text-align:center;font-size:clamp(18px,3.1vw,30px);font-weight:500;line-height:1.15}.story-gallery-section{padding-bottom:80px}.story-gallery-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:min(1100px,100% - 32px);margin:34px auto 0;display:grid}.story-gallery-grid img{aspect-ratio:4/5;border-radius:8px;width:100%;box-shadow:0 14px 34px #30231e24}@container story-cards (max-width:1200px){.story-cards-fixed-stage{--story-card-width:clamp(240px,34vw,340px);--story-content-gap:clamp(14px,3vw,32px);--story-chapter-width:min(300px,calc((100cqw - var(--story-card-width))/2 - var(--story-content-gap) - 18px))}.story-chapter-text{width:var(--story-chapter-width);top:clamp(124px,23vh,170px)}.story-chapter-text-left{left:auto;right:calc(50% + (var(--story-card-width)/2) + var(--story-content-gap));text-align:right}.story-chapter-text-right{left:calc(50% + (var(--story-card-width)/2) + var(--story-content-gap));text-align:left;right:auto}.story-chapter-text h3{margin-bottom:10px;font-size:24px;line-height:1.15}.story-chapter-text p{font-size:18px;line-height:1.35}.story-card-area{height:min(44vh,330px);transform:none}.story-scroll-card{gap:14px;padding:14px 14px 18px}.story-scroll-card span{font-size:18px}}@container story-cards (max-width:760px){.story-cards-fixed-stage{--story-card-width:clamp(210px,38vw,260px);--story-content-gap:12px;--story-chapter-width:min(190px,calc((100cqw - var(--story-card-width))/2 - var(--story-content-gap) - 12px));gap:clamp(28px,6vh,44px);padding:28px 18px}.story-left-column{right:calc(50% + 28vw)}.story-right-column{left:calc(50% + 28vw)}.story-gallery-grid{grid-template-columns:repeat(2,1fr)}.story-chapter-text{width:var(--story-chapter-width);top:clamp(108px,21vh,150px)}.story-chapter-text h3{margin-bottom:8px;font-size:14px;line-height:1.14}.story-chapter-text p{font-size:12px;line-height:1.32}.story-card-area{height:min(36vh,250px);transform:none}.story-scroll-card{gap:10px;padding:10px 10px 14px}.story-scroll-card span{font-size:13px}}