.tiles{padding-block:var(--s5)}.tiles__intro{text-align:center;max-width:720px;margin-inline:auto;margin-bottom:var(--s4)}.tiles__heading{margin-bottom:var(--s2);font-size:clamp(1.5rem,3vw,2.125rem);letter-spacing:-.02em}.tiles__lede{margin:0 auto;max-width:56ch}.tiles__rail{overflow:hidden}.tiles__split{display:grid;gap:4px}.tiles__item{position:relative;display:grid;overflow:hidden;aspect-ratio:4 / 3;text-decoration:none;color:var(--teal);background:var(--pale-2)}.tiles__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tiles__pill{position:absolute;bottom:var(--s3);left:var(--s3);display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);background:var(--white);border:1px solid var(--rule);border-radius:var(--r-md);font:600 var(--t-small)/1 var(--font-body);white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tiles__item:hover .tiles__pill,.tiles__item:focus-visible .tiles__pill{background:var(--teal);border-color:var(--teal);color:var(--white)}.tiles__item:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tiles__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s1);padding:var(--s5) var(--gutter);background:var(--field-soft)}.tiles__eyebrow{margin:0 0 var(--s1);color:var(--green-ink);letter-spacing:.18em}.tiles__title{margin:0;max-width:14ch;font-size:clamp(1.5rem,3.4vw,2rem);letter-spacing:-.02em;line-height:1.08;text-wrap:balance}.tiles__pitch{margin:var(--s1) 0 0;max-width:38ch;color:var(--muted);font-size:var(--t-small);line-height:1.6}.tiles__price{margin:var(--s3) 0 0;padding-top:var(--s3);border-top:1px solid var(--rule);min-width:11ch;font-size:var(--t-h3);font-weight:500}.tiles__cta{margin-top:var(--s1);min-width:220px;min-height:52px}.tiles__aside{color:var(--muted);font-size:var(--t-small);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}.tiles__aside:hover{color:var(--teal)}@media(min-width:900px){.tiles{padding-block:var(--s6)}.tiles__rail{max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}.tiles__split{grid-template-columns:1.05fr 1fr;gap:8px;align-items:stretch}.tiles__item{aspect-ratio:3 / 2;border-radius:var(--r-lg)}.tiles__panel{border-radius:var(--r-lg);padding:var(--s5)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tiles.css.map */