sf-product-story{display:block}sf-product-story.sf-section{max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.sf-tech-grid{display:grid;grid-template-columns:repeat(var(--sf-feature-columns,4),minmax(0,1fr));gap:12px}.sf-tech-card{min-width:0}.sf-tech-grid{align-items:stretch;grid-auto-rows:1fr}.sf-tech-grid>div{display:flex;min-width:0}.sf-tech-grid>div>.sf-tech-card{width:100%}.sf-tech-card__button{font:inherit;color:inherit;text-align:left;width:100%;height:100%;padding:20px;border:1px solid #00000012;border-radius:10px;background:var(--sf-feature-bg,#efeeee);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sf-tech-card__button:hover{border-color:#777}.sf-tech-card__button:focus-visible,.sf-tech-close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sf-tech-card__icon,.sf-tech-card__icon :is(img,svg){display:block;width:36px;height:36px;object-fit:contain}.sf-tech-card__title{font-size:15px;font-weight:600;line-height:1.4}.sf-tech-card__title>span{font-size:12px;opacity:.55}.sf-tech-card__summary{font-size:13px;line-height:1.6;opacity:.75}.sf-tech-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-height:85dvh;margin:auto;padding:40px;border:0;border-radius:18px;background:#fff;color:#171717;overflow:auto;overscroll-behavior:contain}.sf-tech-dialog::backdrop{background:#0007}.sf-tech-dialog h3{font-size:clamp(24px,3vw,36px);line-height:1.2;margin:0 45px 16px 0}.sf-tech-dialog p,.sf-tech-copy{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.sf-tech-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f4f4f4;color:#171717;font-size:28px;cursor:pointer}.sf-tech-dialog__image{width:100%;height:auto;max-height:50dvh;object-fit:contain;border-radius:10px;margin:16px 0 24px;display:block}.sf-story-body{margin-top:40px;border-top:1px solid #0002;padding-top:32px}.sf-story-body h3{font-size:20px;margin:0 0 18px}.sf-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}.sf-story-columns>:only-child{grid-column:1/-1}.sf-story-lines{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.6}.sf-story-lines li{padding:12px 0;border-bottom:1px solid #0001}.sf-story-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sf-story-gallery figure{margin:0;min-width:0}.sf-story-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}.sf-story-gallery h4{font-size:18px;margin:18px 0 8px}.sf-story-gallery p{font-size:14px;line-height:1.7;margin:0;opacity:.75}.sf-tech-grid .sf-tech-card__button{position:relative;align-items:flex-start;justify-content:flex-start;min-height:132px;height:100%;padding:20px;gap:10px}.sf-tech-grid .sf-tech-card__icon,.sf-tech-grid .sf-tech-card__icon :is(img,svg){width:96px;height:36px;object-fit:contain;object-position:left center}.sf-tech-grid .sf-tech-card__icon :is(img,svg){transform:scale(var(--sf-icon-scale,1));transform-origin:left center}.sf-tech-card__info{position:absolute;right:12px;bottom:10px;font-size:14px;opacity:.6}.sf-tech-dialog__logo{width:96px;height:44px;object-fit:contain;object-position:left;margin:0 0 20px;display:block}.sf-tech-dialog .sf-tech-copy{margin:0 0 20px;font-size:15px;line-height:1.7;width:100%;max-width:none;white-space:normal;text-align:left;box-sizing:border-box}.sf-tech-dialog__image{margin:0;width:100%;max-height:50dvh}.sf-story-body{padding:32px;background:#f0eeee;border:0;border-radius:8px}.sf-story-body>.sf-tech-copy{max-width:800px;font-size:15px;line-height:1.8}.sf-story-body h3{font-size:18px;line-height:1.4;letter-spacing:0;font-weight:600}.sf-story-left>ul+h3{margin-top:32px}.sf-story-left:empty{display:none}.sf-features.sf-section>h2{font-size:clamp(24px,2.5vw,36px);overflow-wrap:anywhere;margin-bottom:24px}@media(max-width:749px){.sf-tech-grid .sf-tech-card__button{min-height:110px;padding:16px;gap:8px}.sf-tech-grid .sf-tech-card__icon,.sf-tech-grid .sf-tech-card__icon :is(img,svg){width:80px;height:30px;max-width:100%}.sf-story-body{padding:20px}.sf-tech-dialog__logo{width:80px;height:40px}}@media(max-width:749px){.sf-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-tech-card__button{padding:14px;gap:8px}.sf-tech-card__icon,.sf-tech-card__icon :is(img,svg){width:28px;height:28px}.sf-tech-card__title{font-size:13px}.sf-tech-card__summary{font-size:12px}.sf-tech-dialog{padding:28px 20px}.sf-story-columns,.sf-story-gallery{grid-template-columns:1fr;gap:24px}.sf-story-body{margin-top:28px;padding-top:24px}.sf-story-gallery img{aspect-ratio:4/3}}@media(min-width:750px){.sf-tech-grid:has(>:last-child:nth-child(1)){grid-template-columns:minmax(0,1fr)}.sf-tech-grid:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.sf-tech-grid:has(>:last-child:nth-child(3)),.sf-tech-grid:has(>:last-child:nth-child(5)),.sf-tech-grid:has(>:last-child:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}.sf-tech-grid:has(>:last-child:nth-child(4)),.sf-tech-grid:has(>:last-child:nth-child(7)),.sf-tech-grid:has(>:last-child:nth-child(8)){grid-template-columns:repeat(4,minmax(0,1fr))}.sf-tech-grid:has(>:last-child:nth-child(5))>:last-child,.sf-tech-grid:has(>:last-child:nth-child(7))>:last-child{grid-column:span 2}}@media(max-width:749px){.sf-tech-grid>:last-child:nth-child(odd){grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/spotec-product-story.css.map */