.brand{display:inline-flex;letter-spacing:0}.brand-image{display:block;width:185px;height:auto}.scroll-story{position:relative;margin-top:10px;height:230vh;min-height:1500px;background:#203b30;color:#f5f4ee}.scroll-story-pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;overflow:hidden}.scroll-story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;padding-block:65px}.scroll-story .eyebrow{color:#d7ed80}.scroll-story h2{font-size:54px;line-height:1.13;margin-top:22px;color:#fff}.scroll-story-copy>p{color:#dce6d1;font-size:16px;margin-top:25px;max-width:420px}.scroll-chapters{display:flex;gap:12px;margin-top:35px}.scroll-chapters span{width:55px;height:4px;border-radius:4px;background:#607253}.scroll-chapters span.active{background:#d7ed80}.scroll-story-number{font-size:13px;color:#d7ed80;margin-top:20px}.scroll-stage{height:470px;position:relative;perspective:1100px}.scroll-board{position:absolute;inset:0;border:1px solid #b8c7a7;border-radius:12px;background:#f6f7ee;color:#203b30;padding:30px;box-shadow:0 35px 90px #0003;transform:translateY(calc((1 - var(--scene-progress,0)) * 30px)) rotateY(calc((1 - var(--scene-progress,0)) * -12deg));transition:transform .12s linear}.scroll-board-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd5bc;padding-bottom:20px;font-size:13px;font-weight:750}.scroll-board-top img{width:125px}.scroll-board h3{font-size:30px;font-weight:700;margin-top:30px;letter-spacing:-1px}.scroll-board p{font-size:14px;color:#435738;margin-top:12px;line-height:1.8}.scroll-board-rows{margin-top:25px}.scroll-board-rows>div{padding:15px 0;border-bottom:1px solid #d8dfcc;font-size:14px;display:flex;gap:12px;align-items:center}.scroll-board-rows i{font-style:normal;color:#527333}.scroll-board-rows small{margin-left:auto;font-size:12px;font-weight:650}.scroll-board-foot{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:#435738}.scroll-board-foot b{color:#203b30}.scroll-hint{display:block;margin-top:30px;color:#b9caa4;font-size:12px}.scroll-story [data-scene-text]{transition:opacity .2s}.scroll-story.no-scroll-motion{height:auto;min-height:0}.no-scroll-motion .scroll-story-pin{position:relative;min-height:0}.no-scroll-motion .scroll-board{transform:none}.scene-change{animation:scene-swap .4s ease}@keyframes scene-swap{from{opacity:.35;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:800px){.scroll-story-grid{gap:35px}.scroll-story h2{font-size:40px}.scroll-stage{height:450px}.scroll-board{padding:22px}.scroll-board h3{font-size:25px}.scroll-board-rows>div{font-size:12px}.scroll-board-rows small{font-size:10px}.scroll-story-copy>p{font-size:14px}.scroll-board-top{font-size:10px}.scroll-board-top img{width:110px}}
@media(max-width:560px){.brand-image{width:155px}.scroll-story{height:230vh;min-height:1400px}.scroll-story-grid{grid-template-columns:1fr;gap:25px;padding-block:30px}.scroll-story h2{font-size:30px;margin-top:14px}.scroll-story-copy>p{font-size:13px;margin-top:12px}.scroll-chapters{margin-top:18px}.scroll-story-number{margin-top:10px;font-size:11px}.scroll-hint{display:none}.scroll-stage{height:335px}.scroll-board{padding:20px}.scroll-board-top{padding-bottom:12px}.scroll-board h3{font-size:22px;margin-top:15px}.scroll-board p{font-size:12px;margin-top:7px}.scroll-board-rows{margin-top:13px}.scroll-board-rows>div{font-size:12px;padding:11px 0;gap:7px}.scroll-board-foot{font-size:10px;margin-top:14px}.scroll-story-pin{min-height:100svh}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto;min-height:0}.scroll-story-pin{position:relative;min-height:0}.scroll-board{transform:none;transition:none}.scene-change{animation:none}}