.hero{position:relative;color:var(--c-ink)}.hero__frame{position:relative;display:grid;overflow:hidden;isolation:isolate}.hero--full .hero__frame{min-height:calc(100svh - var(--header-total) - 2.25rem)}.hero--large .hero__frame{min-height:min(78svh,50rem)}.hero--medium .hero__frame{min-height:min(56svh,36rem)}.hero--inset{padding:0 var(--s-3)}.hero--inset .hero__frame{border-radius:var(--r-lg)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--c-surface)}.hero__media picture{display:block;width:100%;height:100%}.hero__media img,.hero__media video,.hero__media svg{width:100%;height:100%;object-fit:cover}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero--light .hero__media:after{background:linear-gradient(to top,rgb(0 0 0 / calc(var(--hero-shade) * 1.6)) 0%,rgb(0 0 0 / var(--hero-shade)) 35%,transparent 70%)}.hero--light.hero--top .hero__media:after{background:linear-gradient(to bottom,rgb(0 0 0 / calc(var(--hero-shade) * 1.3)) 0%,transparent 55%)}.hero--light.hero--center .hero__media:after{background:rgb(0 0 0 / var(--hero-shade))}.hero--light{color:#fff}.hero__content{display:flex;padding-block:var(--s-8) var(--s-7)}.hero--bottom-left .hero__content{align-items:flex-end}.hero--top .hero__content{align-items:flex-start;justify-content:center;text-align:center;padding-top:var(--s-8)}.hero--center .hero__content{align-items:center;justify-content:center;text-align:center}.hero__text{display:grid;gap:var(--s-4);max-width:40rem}.hero--top .hero__text,.hero--center .hero__text{justify-items:center}.hero__eyebrow{font-size:var(--fs-small);font-weight:var(--w-semibold);opacity:.92}.hero__sub{font-size:var(--fs-lead);line-height:1.4;max-width:30rem;opacity:.94;text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-2)}.hero--top .hero__actions,.hero--center .hero__actions{justify-content:center}.js .hero__text>*{animation:hero-in .9s var(--ease-out) both}.js .hero__text>:nth-child(2){animation-delay:80ms}.js .hero__text>:nth-child(3){animation-delay:.16s}.js .hero__text>:nth-child(4){animation-delay:.24s}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.js .hero__text>*{animation:none}}@media(min-width:990px){.hero--inset{padding:0 var(--s-4)}.hero__content{padding-block:var(--s-9)}.hero--full .hero__frame{min-height:min(calc(100svh - var(--header-total) - 2.25rem),60rem)}}.hero--split .hero__frame{min-height:0!important;background:var(--c-surface);grid-template-rows:auto auto}.hero--split .hero__media{position:relative;inset:auto;z-index:0;aspect-ratio:4 / 5;max-height:72svh}.hero--split .hero__media:after{display:none}.hero--split .hero__content{padding-block:var(--s-6) var(--s-7)}.hero--split .hero__text{gap:var(--s-3)}.hero--split.hero--top .hero__content,.hero--split.hero--center .hero__content{text-align:left;justify-content:flex-start}.hero--split.hero--top .hero__text,.hero--split.hero--center .hero__text{justify-items:start}.hero--split.hero--top .hero__actions,.hero--split.hero--center .hero__actions{justify-content:flex-start}@media(min-width:990px){.hero--split .hero__frame{grid-template-columns:7fr 5fr;grid-template-rows:min(calc(100svh - var(--header-total) - 2.25rem),44rem);min-height:0!important}.hero--split .hero__media{order:2;aspect-ratio:auto;max-height:none;height:100%}.hero--split .hero__media img,.hero--split .hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero--split .hero__content{align-items:center;padding:var(--s-8) var(--s-8) var(--s-8) max(var(--gutter),calc((100vw - var(--page-max)) / 2 + var(--gutter)));max-width:none}}.story-grid{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.story-grid::-webkit-scrollbar{display:none}.story-grid>*{scroll-snap-align:start}@media(min-width:750px){.story-grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:0;padding:0;gap:var(--s-4)}}@media(min-width:990px){.story-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.story-tile{position:relative;display:grid;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;aspect-ratio:4 / 5;color:#fff}.story-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.story-tile__media img{transition:transform .9s var(--ease-out)}.story-tile:hover .story-tile__media img{transform:scale(1.035)}.story-tile--light .story-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgb(0 0 0 / .34),transparent 45%)}.story-tile--dark{color:var(--c-ink)}.story-tile--dark .story-tile__cta{background:var(--c-ink);color:#fff}.story-tile__text{align-self:start;display:grid;gap:var(--s-2);padding:var(--s-6) var(--s-5)}.story-tile__eyebrow{font-size:var(--fs-small);font-weight:var(--w-semibold);opacity:.9}.story-tile__sub{font-size:var(--fs-body);opacity:.92;max-width:22rem}.story-tile__cta{position:absolute;right:var(--s-4);bottom:var(--s-4);width:2.75rem;height:2.75rem;border-radius:var(--r-pill);display:grid;place-items:center;background:#ffffffe6;color:var(--c-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--d-base) var(--ease),background-color var(--d-fast)}.story-tile:hover .story-tile__cta{transform:translate(3px);background:#fff}@media(min-width:990px){.story-tile__text{padding:var(--s-7) var(--s-6)}}.story-tile--tint{--tile-bg: var(--c-brand-tint);--tile-accent: var(--c-brand);grid-template-rows:auto minmax(0,1fr);background:var(--tile-bg);color:var(--c-ink)}.story-tile--green{--tile-bg: var(--c-brand-tint);--tile-accent: var(--c-brand)}.story-tile--leaf{--tile-bg: #e5f3d3;--tile-accent: var(--c-brand)}.story-tile--lilac{--tile-bg: var(--c-promo-tint);--tile-accent: var(--c-promo)}.story-tile--peach{--tile-bg: #fff1e6;--tile-accent: #b4541a}.story-tile--sky{--tile-bg: #e9f4fb;--tile-accent: #1f6a99}.story-tile--cream{--tile-bg: #f6f1e7;--tile-accent: #7a5b1e}.story-tile--tint .story-tile__text{padding-right:calc(var(--s-5) + 3rem)}.story-tile--tint .story-tile__eyebrow{color:var(--tile-accent);opacity:1}.story-tile--tint .story-tile__sub{color:var(--c-ink-2);opacity:1}.story-tile--tint .story-tile__cta{top:var(--s-5);bottom:auto;background:var(--tile-accent);color:#fff}.story-tile--tint:hover .story-tile__cta{background:var(--tile-accent)}.story-shelf{align-self:end;display:grid;gap:var(--s-2);padding:0 var(--s-5) var(--s-5);grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.story-shelf__well{border-radius:var(--r-md);box-shadow:0 1px 2px #0000000a,0 10px 24px -12px #0000002e;transition:transform var(--d-base) var(--ease-out)}.story-shelf__well--1{grid-row:1 / span 2}.story-shelf__well--2,.story-shelf__well--3{aspect-ratio:1}.story-shelf--1{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center}.story-shelf--1 .story-shelf__well--1{grid-row:auto;width:72%;aspect-ratio:1}.story-shelf--2{grid-template-columns:1fr 1fr;grid-template-rows:auto}.story-shelf--2 .story-shelf__well{grid-row:auto;aspect-ratio:1}.story-shelf__well.media--contain>img{padding:10%}.story-shelf__well.is-photo>img{padding:0}@media(hover:hover){.story-tile--tint:hover .story-shelf__well--1{transform:translateY(-3px)}.story-tile--tint:hover .story-shelf__well--2{transform:translateY(-5px);transition-delay:40ms}.story-tile--tint:hover .story-shelf__well--3{transform:translateY(-5px);transition-delay:80ms}}@media(min-width:990px){.story-shelf{padding:0 var(--s-6) var(--s-6);gap:var(--s-3)}.story-tile--tint .story-tile__cta{top:var(--s-6);right:var(--s-5)}}@media(prefers-reduced-motion:reduce){.story-shelf__well{transition:none}}.split{display:grid;gap:var(--s-6);align-items:center}.split__media{aspect-ratio:4 / 5;display:block}.split__text{display:grid;gap:var(--s-4);justify-items:start}.split__media--packshot>img{padding:12%}.section--surface .split__media--packshot{background:var(--c-bg)}.section--surface .split__media--packshot>img{mix-blend-mode:normal}.split__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-2)}@media(min-width:990px){.split{grid-template-columns:7fr 5fr;gap:var(--s-9)}.split__media{aspect-ratio:5 / 6}.split__media--packshot{aspect-ratio:1}.split--right .split__media{order:2}.split--right{grid-template-columns:5fr 7fr}}.discover{display:grid;grid-auto-flow:column;grid-auto-columns:6.5rem;gap:var(--s-4);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.discover::-webkit-scrollbar{display:none}.discover__item{display:grid;gap:var(--s-3);justify-items:center;text-align:center;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.discover__media{width:100%;aspect-ratio:1;border-radius:var(--r-md)}.discover__media.media--contain>img{padding:12%}.discover__media.is-photo>img{padding:0}.discover--round .discover__media{border-radius:50%}.discover__media img{transition:transform var(--d-slow) var(--ease-out)}.discover__item:hover .discover__media img{transform:scale(1.05)}.discover__label{font-size:var(--fs-caption);font-weight:var(--w-medium);line-height:1.3}@media(min-width:990px){.discover{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));overflow:visible;margin:0;padding:0;gap:var(--s-5)}.discover__label{font-size:var(--fs-small)}}.brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}@media(min-width:750px){.brands{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.brands{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-3)}}.brands__item{display:grid;place-items:center;aspect-ratio:16 / 9;padding:var(--s-5);border-radius:var(--r-md);background:var(--c-surface);transition:background-color var(--d-fast) var(--ease)}.section--surface .brands__item{background:var(--c-bg)}.brands__item:hover{background:var(--c-surface-2)}.brands__item img{max-height:2.5rem;width:auto;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter var(--d-base),opacity var(--d-base);mix-blend-mode:multiply}.brands__item:hover img{filter:none;opacity:1}.brands__name{font-weight:var(--w-semibold);font-size:var(--fs-small);color:var(--c-ink-2);text-align:center;letter-spacing:-.005em}.brands__item:hover .brands__name{color:var(--c-ink)}.articles{--rail-col: 78%}@media(min-width:750px){.articles{--rail-col: 46%}}@media(min-width:990px){.articles{--rail-col: calc((100% - 2 * var(--s-4) - 2 * var(--gutter)) / 3)}}.article-card{display:grid;gap:var(--s-2);align-content:start}.article-card .media{margin-bottom:var(--s-2)}.article-card .media img{transition:transform var(--d-slow) var(--ease-out)}.article-card:hover .media img{transform:scale(1.03)}.article-card:hover .t-h3{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}.article-card--text{min-height:13rem;padding:var(--s-6) var(--s-5);border-radius:var(--r-md);background:var(--c-bg);align-content:end;transition:background-color var(--d-base) var(--ease)}.section:not(.section--surface) .article-card--text{background:var(--c-surface)}.article-card--text .t-caption{color:var(--c-brand);font-weight:var(--w-semibold)}.article-card--text .t-h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem)}.values{display:grid;gap:var(--s-6)}@media(min-width:750px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.values{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-7)}}.values__item{display:grid;gap:var(--s-2);align-content:start}.values__icon{width:1.75rem;height:1.75rem;color:var(--c-brand);margin-bottom:var(--s-2)}.values__title{font-size:var(--fs-body);font-weight:var(--w-semibold);letter-spacing:-.005em}.rich-text{display:grid;gap:var(--s-4)}.rich-text--center{justify-items:center}.rich-text--center .rte{margin-inline:auto}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sections.css.map */