.story{--story-accent: rgb(var(--color-accent-rgb))}.story>*+*{margin-top:72px}.story .page-width{max-width:108rem}.story-heading{margin:0 0 20px;font-size:clamp(22px,2.8vw,30px);font-weight:700;line-height:1.45}.story-heading--center{text-align:center}.story-heading--center:after{content:"";display:block;width:40px;height:3px;margin:14px auto 0;border-radius:2px;background:var(--story-accent)}.story .rte{font-size:1.5rem;line-height:2}.story .rte p{margin:0 0 1em}.story-button{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:1px solid var(--story-accent);border-radius:999px;background:var(--story-accent);color:#fff;font-size:1.45rem;font-weight:600;text-decoration:none;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.story-button .icon{width:1.6rem;height:1.6rem}.story-button:hover{opacity:.88}.story-button--outline{background:transparent;color:var(--story-accent)}.story-button--outline:hover{background:var(--story-accent);color:#fff;opacity:1}.story-media{overflow:hidden;border-radius:16px;background:rgb(var(--color-panel-rgb))}.story-media img{display:block;width:100%;height:auto}.story-media--video{position:relative;aspect-ratio:16 / 9;background:#111}.story-media--video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.story-hero{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}@media screen and (min-width:990px){.story-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}.story-hero__eyebrow{margin:0 0 8px;color:var(--story-accent);font-size:1.3rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.story-hero__title{margin:0 0 18px;font-size:clamp(32px,4.6vw,52px);font-weight:700;line-height:1.2;letter-spacing:.02em}.story-hero__catch{margin:0 0 20px;padding-left:14px;border-left:4px solid var(--story-accent);font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.7}.story-hero__text{color:rgba(var(--color-foreground),.8)}.story-hero .story-button{margin-top:12px}.story-hero__visual .story-media{box-shadow:0 24px 48px #2d1f111a}.story-uses__list{display:grid;grid-template-columns:1fr;gap:12px;max-width:96rem;margin:0 auto}@media screen and (min-width:600px){.story-uses__list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.story-uses__list{grid-template-columns:repeat(3,1fr)}}.story-uses__item{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:12px;background:var(--story-accent-soft, rgb(var(--color-panel-rgb)));font-size:1.45rem;font-weight:600;line-height:1.5}.story-uses__item .icon{flex-shrink:0;width:2rem;height:2rem;padding:3px;border-radius:50%;background:var(--story-accent);color:#fff}.story-notice__box{padding:22px 26px;border:1px solid rgba(208,120,36,.35);border-radius:12px;background:#ffc4781f}.story-notice__title{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#a0581a;font-size:1.5rem;font-weight:700}.story-notice__title .icon{width:2rem;height:2rem}.story .story-notice__text{font-size:1.35rem;line-height:1.85}.story-notice+.story-feature,.story-uses+.story-notice{margin-top:40px}.story-feature{padding-top:64px;border-top:1px solid rgba(var(--color-foreground),.08)}.story-feature__head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}.story-feature__num{color:var(--story-accent);font-family:var(--font-heading-family);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1;opacity:.9}.story-feature__head .story-heading{margin:0 0 20px}.story-feature__body{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}@media screen and (min-width:990px){.story-feature__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}.story-feature--reverse .story-feature__media{order:-1}}.story-feature--text-only .story-feature__body{grid-template-columns:1fr}.story-feature__media{margin:0}.story-feature__caption{margin-top:10px;color:rgba(var(--color-foreground),.65);font-size:1.3rem;font-weight:600;text-align:center}.story-feature__caption--top{margin:0 0 12px;color:rgb(var(--color-foreground));font-size:1.5rem;text-align:left}.story-feature__caption--top:before{content:"\25b6";margin-right:6px;color:var(--story-accent);font-size:1.1rem}.story-feature__after{display:grid;grid-template-columns:1fr;gap:28px;margin-top:36px}@media screen and (min-width:990px){.story-feature__after:has(.story-feature__media--sub):has(.story-feature__text){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}}.story-feature__media--sub .story-media{max-width:64rem}.story-video__text{max-width:64rem;margin:0 auto 24px;text-align:center}.story-video__frame{max-width:88rem;margin:0 auto}.story-text .rte{max-width:80rem;margin:0 auto}.story-products__more{margin-top:32px;text-align:center}.story-editor-note{padding:14px 18px;border:1px dashed rgba(var(--color-foreground),.3);border-radius:8px;color:rgba(var(--color-foreground),.6);font-size:1.3rem}@media screen and (max-width:749px){.story>*+*{margin-top:56px}.story-feature{padding-top:48px}.story .rte{font-size:1.45rem}}.story-hero--no-image{grid-template-columns:1fr!important;max-width:80rem;text-align:center}.story-hero--no-image .story-hero__catch{display:inline-block;padding:0;border:0}.story-hero--no-image .story-hero__catch:after{content:"";display:block;width:40px;height:3px;margin:18px auto 0;border-radius:2px;background:var(--story-accent)}.story-table__text{margin-bottom:16px}.story-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.story-table__table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;font-size:1.4rem}.story-table__table th,.story-table__table td{padding:14px 16px;border-bottom:1px solid rgba(var(--color-foreground),.08);text-align:center;vertical-align:middle}.story-table__table tr:last-child>*{border-bottom:0}.story-table__table thead th{background:var(--story-accent);color:#fff;font-weight:700}.story-table__table--row-head tbody th{background:var(--story-accent-soft, rgb(var(--color-panel-rgb)));font-weight:700;text-align:left;white-space:nowrap}.story-table__table tbody tr:nth-child(2n) td{background:rgba(var(--color-foreground),.02)}.story-table__note{margin:10px 0 0;color:rgba(var(--color-foreground),.6);font-size:1.25rem}.story-table+.story-table{margin-top:48px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-product-story.css.map */
