.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:100dvh;--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:100dvh;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;font-family:cursive,Brush Script MT,Segoe Script,sans-serif!important}.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;object-position:center center;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(190px,52vw,230px);--story-chapter-width:min(360px,calc(100cqw - 32px));justify-content:flex-start;gap:0;padding:clamp(38px,8vh,58px) 16px 0}.story-gallery-grid{grid-template-columns:repeat(2,1fr)}.story-cards-fixed-stage h2{font-size:clamp(46px,14vw,58px);line-height:.95}.story-chapter-text{width:var(--story-chapter-width);text-align:center;margin:0 auto;top:clamp(124px,20vh,154px);left:16px;right:16px}.story-chapter-text-left,.story-chapter-text-right{text-align:center;left:16px;right:16px}.story-chapter-text h3{margin-bottom:10px;font-size:clamp(20px,6vw,25px);line-height:1.12}.story-chapter-text h3 span,.story-chapter-text h3 small{display:inline}.story-chapter-text h3 small{margin-top:0;font-size:1em}.story-chapter-text p{max-width:350px;margin:0 auto;font-size:clamp(16px,4.4vw,18px);line-height:1.35}.story-card-area{height:clamp(170px,29vh,220px);position:absolute;top:clamp(330px,52vh,390px);left:50%;transform:translate(-50%)}.story-scroll-card{gap:8px;padding:10px 10px 13px}.story-scroll-card span{font-family:Arial,Helvetica,sans-serif;font-size:14px}}@media (max-width:760px){.story-scroll-container{--side-column-width:clamp(76px,22vw,104px);--side-gap:6px;height:220dvh}.story-sticky-wrapper{height:100dvh}.story-hero-names{width:min(86vw,360px)}.story-hero-names h1{font-size:clamp(34px,11vw,52px);line-height:1}.story-center-bg-box{object-position:58% center}.story-side-column{gap:clamp(14px,2vh,20px)}.story-left-column{top:clamp(92px,17vh,132px);right:calc(50% + var(--center-half-width) + var(--side-gap))}.story-right-column{top:clamp(132px,24vh,180px);left:calc(50% + var(--center-half-width) + var(--side-gap))}.story-color-panel{border-radius:18px;box-shadow:0 14px 34px #0c0c0c24}.story-panel-large{width:100%;height:clamp(150px,28vh,230px)}.story-panel-small{width:88%;height:clamp(112px,20vh,170px)}}@media (max-width:420px){.story-scroll-container{--side-column-width:clamp(64px,20vw,84px);--side-gap:4px;height:210dvh}.story-center-bg-box{object-position:60% center}.story-panel-large{height:clamp(132px,25vh,196px)}.story-panel-small{height:clamp(96px,18vh,150px)}}