.sw-story{position:relative;height:var(--sw-story-h, 520vh);margin-bottom:var(--sw-space, 100px)}.sw-story__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#fff}.sw-story__stage:after{display:none;content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.sw-story canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s var(--sw-ease, ease)}.sw-story.is-ready canvas{opacity:1}.sw-story__chapters{position:absolute;inset:0;z-index:2;pointer-events:none}.sw-story__chapter{position:absolute;left:max(40px,6vw);top:50%;width:min(440px,38vw);margin-top:-120px;opacity:0;visibility:hidden;will-change:transform,opacity}.sw-story__chapter:nth-child(2n){left:auto;right:max(40px,6vw)}.sw-story__num{display:inline-flex;align-items:center;gap:10px;font:400 14px/1 var(--sw-font-num);letter-spacing:.08em;color:var(--sw-accent);margin-bottom:18px}.sw-story__num:after{content:"";width:44px;height:2px;background:currentColor;border-radius:2px}.sw-story__title{margin:0 0 16px;font:800 clamp(38px,5vw,72px)/.95 var(--sw-font-head);letter-spacing:-.035em;color:var(--sw-title)}.sw-story__text{margin:0;font:500 clamp(16px,1.4vw,20px)/1.5 var(--sw-font-body);color:var(--sw-text);max-width:34ch}.sw-story__chapter .sw-btn{pointer-events:auto;margin-top:26px}.sw-story__progress{position:absolute;z-index:3;left:50%;bottom:28px;width:min(220px,40vw);height:4px;transform:translate(-50%);border-radius:4px;background:color-mix(in srgb,var(--sw-title) 14%,transparent);overflow:hidden}.sw-story__progress span{display:block;height:100%;background:var(--sw-accent);transform-origin:left;transform:scaleX(0)}.sw-story__hint{position:absolute;z-index:3;left:0;right:0;bottom:44px;text-align:center;font:600 13px/1 var(--sw-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--sw-title);opacity:.6;animation:sw-story-bob 2s var(--sw-ease, ease) infinite;transition:opacity .3s}@keyframes sw-story-bob{50%{transform:translateY(6px)}}@media (max-width: 759px){.sw-story__chapter,.sw-story__chapter:nth-child(2n){inset:auto 20px 86px;width:auto;margin:0;text-align:center}.sw-story__text{margin:0 auto}.sw-story__num{justify-content:center}.sw-story__chapters:before{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,#fff 35%,transparent)}.sw-story__title{font-size:34px}}.sw-story.is-static{height:auto}.sw-story.is-static .sw-story__stage{position:relative;height:auto;padding:80px 20px}.sw-story.is-static .sw-story__chapters{position:relative;display:grid;gap:48px}.sw-story.is-static .sw-story__chapter{position:static;opacity:1;visibility:visible;width:auto;margin:0}.sw-story.is-static canvas,.sw-story.is-static .sw-story__progress,.sw-story.is-static .sw-story__hint{display:none}html.sw-story-top .sw-header-wrap{position:fixed;top:0;left:0;right:0;transition:transform .45s var(--sw-ease),background-color .35s ease,box-shadow .3s}html.sw-over-story .sw-header-wrap{background:transparent;box-shadow:none}html.sw-over-story .sw-header-wrap .sw-nav{background:#2b140c;box-shadow:0 10px 28px #0000002e}html.sw-over-story .sw-header-wrap .sw-nav .sw-menu>li>a{color:#fff}html.sw-over-story .sw-header-wrap .sw-nav .sw-menu>li>a:hover,html.sw-over-story .sw-header-wrap .sw-nav .sw-menu>li:focus-within>a{color:var(--sw-accent-hover, #f2d06c)}html.sw-over-story .sw-header-wrap .sw-nav__icon{color:#fff}html.sw-over-story .sw-header-wrap .sw-nav__icon:hover{background:var(--sw-accent);color:var(--sw-on-accent)}html.sw-over-story .sw-header-wrap .sw-nav__sep{background:#fff3}html.sw-over-story .sw-header-wrap .sw-icon-btn--bd{border-color:color-mix(in srgb,var(--sw-title) 22%,transparent)}html.sw-over-story .sw-header-wrap .sw-icon-btn:hover{background:color-mix(in srgb,var(--sw-title) 8%,transparent)}
