.sty{--sty-ivory: #fbf8f3;--sty-hero-bg: #f6f3ed;--sty-sage: #edece0;--sty-tea-bg: #f6f0e3;--sty-title: #1e352c;--sty-heading: #243935;--sty-ink: #33323a;--sty-rule: #c9c6b6;--sty-serif: "Cormorant Garamond", "Times New Roman", Times, serif;--sty-sans: "Helvetica Neue", "DM Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif;max-width:1520px;margin-inline:auto;background:var(--sty-ivory);color:var(--sty-ink);font-family:var(--sty-sans);overflow-x:clip}.sty :where(h1,h2,h3,p){margin:0}.sty :where(img){display:block;max-width:100%;height:auto}.sty h1,.sty h2,.sty h3{font-family:var(--sty-serif);font-weight:400;color:var(--sty-heading);text-transform:uppercase;line-height:1.06}.sty p{font-size:clamp(13.8px,1.056vw,15.6px);line-height:1.58;letter-spacing:.05em}.sty p+p{margin-top:1.45em}.sty p.sty-lead+p{margin-top:.5em}.sty-hero{position:relative;aspect-ratio:4096 / 1417;background:var(--sty-hero-bg);overflow:hidden}.sty-hero__art{position:absolute;top:0;right:0;bottom:0;left:42.97%}.sty-hero__art img{width:100%;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%);mask-image:linear-gradient(to right,transparent 0%,#000 17%)}.sty-hero__mark{position:absolute;left:3.54%;top:14.8%}.sty-hero__dash{display:block;width:1.6%;min-width:16px;height:1px;margin-top:1.1vw;background:var(--sty-title);opacity:.75}.sty-hero__title{position:absolute;left:3.18%;top:26.5%;font-size:clamp(45px,6.74vw,97px);letter-spacing:.012em;color:var(--sty-title)}.sty-story{display:grid;grid-template-columns:44% 1.5% 49.5% minmax(0,1fr);padding-bottom:3.4%}.sty-story__art{margin-top:-6.52%}.sty-story__text{grid-column:3;padding-top:2.4%}.sty-story h2,.sty-why h2,.sty-choose h2{font-size:clamp(22px,1.93vw,28px);letter-spacing:.045em;margin-bottom:.92em}.sty-block{width:95.51%;margin-inline:auto;border-radius:8px}.sty-why{background:var(--sty-sage);display:grid;grid-template-columns:5.62% 43.74% 6.6% 44.04%;align-items:center;padding-block:2.6%}.sty-why__text{grid-column:2}.sty-why__art{grid-column:4}.sty-why__art img{width:100%}.sty-choose{display:grid;grid-template-columns:1.95% 29.79% 1.2% 40.42% 26.64%;align-items:start;padding-bottom:3.4%;padding-top:3.4%}.sty-choose__art--left{align-self:center;grid-column:2}.sty-choose__text{grid-column:4;padding-top:1.2%}.sty-choose__art--right{grid-column:5;align-self:center}.sty-choose__art--right img{width:78.1%}.sty-teas{background:var(--sty-tea-bg);padding:2.6% 5.62%}.sty-teas h2{font-size:clamp(24px,2.15vw,31px);letter-spacing:.045em;margin-bottom:.7em}.sty-teas__intro{max-width:44.3%}.sty-teas__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.2%;width:99.4%;margin-left:-1.7%}.sty-tea{display:grid;grid-template-columns:38.9% 2.6% minmax(0,1fr);align-items:start;padding-right:10%}.sty-tea>:last-child{grid-column:3}.sty-tea+.sty-tea{border-left:1px solid var(--sty-rule);padding-left:3.6%}.sty-tea__art{padding-top:3%}.sty-tea h3{font-size:clamp(17px,1.46vw,21px);letter-spacing:.05em;margin-bottom:.5em}.sty-tea p{font-size:clamp(11.8px,.889vw,13.1px);line-height:1.59}.sty-close{display:grid;grid-template-columns:35.65% 1.31% 44.22% minmax(0,1fr);align-items:start;padding-top:3.4%;padding-bottom:4%}.sty-close__text{grid-column:3;padding-top:.9%}.sty .spt-brand{--logo-size: clamp(15px, 1.59vw, 23px)}@media(max-width:1100px){.sty-story__text{max-width:none;padding-right:5%}.sty-teas__intro{max-width:62%}.sty-teas__grid{width:100%}.sty-tea{grid-template-columns:30% minmax(0,1fr);padding-right:4%}.sty-tea+.sty-tea{padding-left:4%}.sty-close__text{max-width:none;padding-right:5%}}@media(min-width:750px)and (max-width:900px){.sty-teas__grid{grid-template-columns:1fr;row-gap:20px;width:100%;margin-left:0}.sty-tea{grid-template-columns:15% 2.6% minmax(0,1fr);padding-right:0}.sty-tea+.sty-tea{border-left:0;border-top:1px solid var(--sty-rule);padding:18px 0 0}}@media(max-width:749px){.sty{--sty-pad: 22px}.sty-hero{aspect-ratio:auto;display:flex;flex-direction:column;padding-top:30px}.sty-hero__mark,.sty-hero__title{order:1}.sty-hero__title{order:2}.sty-hero__art{order:4}.sty-hero__mark,.sty-hero__title{position:static;left:auto;top:auto}.sty-hero__mark{display:block;padding-inline:var(--sty-pad);text-align:center}.sty-hero__dash{width:26px;margin-top:12px;margin-inline:auto}.sty-hero__title{font-size:44px;padding:18px var(--sty-pad) 0;text-align:center}.sty-hero__art{position:static}.sty-hero__art img{height:auto;aspect-ratio:2336 / 1417;-webkit-mask-image:none;mask-image:none}.sty-story,.sty-choose,.sty-close,.sty-why{grid-template-columns:1fr;padding:0}.sty-story>*,.sty-choose>*,.sty-close>*,.sty-why>*{grid-column:1}.sty-tea>:last-child{grid-column:2}.sty-story__art{margin-top:0;padding:18px var(--sty-pad) 0}.sty-story__text,.sty-choose__text,.sty-close__text{max-width:none;padding:4px var(--sty-pad) 34px}.sty-choose__art--left,.sty-choose__art--right,.sty-close__art{padding:0 var(--sty-pad)}.sty-choose__art--right{padding-top:26px;padding-bottom:8px}.sty-choose__art--right img{width:100%}.sty-choose__text{padding-top:22px}.sty-block{width:auto;margin-inline:var(--sty-pad)}.sty-why{grid-template-columns:1fr;row-gap:20px;padding:28px 22px 26px}.sty-teas{padding:28px 22px 30px}.sty-teas__intro{max-width:none}.sty-teas__grid{grid-template-columns:1fr;row-gap:24px;margin-top:24px}.sty-tea{grid-template-columns:76px minmax(0,1fr);column-gap:14px;padding:0}.sty-tea+.sty-tea{border-left:0;border-top:1px solid var(--sty-rule);padding:24px 0 0}.sty-tea p{font-size:13px}.sty-close__art{padding-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/supatea-story.css.map */