.treen-product-spotlight{overflow:hidden;background:var(--treen-spotlight-background, var(--treen-ivory));color:var(--treen-spotlight-foreground, var(--treen-ink))}.treen-product-spotlight--scheme-ivory{--treen-spotlight-background: var(--treen-ivory);--treen-spotlight-foreground: var(--treen-ink);--treen-spotlight-heading: var(--treen-green);--treen-spotlight-body: var(--treen-text-muted);--treen-spotlight-eyebrow: var(--treen-accent-text);--treen-spotlight-line: var(--treen-line);--treen-spotlight-card-background: var(--treen-surface);--treen-spotlight-card-ivory-background: var(--treen-ivory);--treen-spotlight-card-white-background: var(--treen-surface);--treen-spotlight-card-heading: var(--treen-green);--treen-spotlight-card-body: var(--treen-text-muted);--treen-spotlight-card-eyebrow: var(--treen-accent-text);--treen-spotlight-translucent-card-background: rgba(var(--treen-surface-rgb), .78);--treen-spotlight-button-background: var(--treen-green);--treen-spotlight-button-foreground: var(--treen-ivory);--treen-spotlight-button-hover-background: var(--treen-gold);--treen-spotlight-button-hover-foreground: var(--treen-ink);--treen-spotlight-focus-outline: var(--treen-green)}.treen-product-spotlight--scheme-white{--treen-spotlight-background: var(--treen-surface);--treen-spotlight-foreground: var(--treen-ink);--treen-spotlight-heading: var(--treen-green);--treen-spotlight-body: var(--treen-text-muted);--treen-spotlight-eyebrow: var(--treen-accent-text);--treen-spotlight-line: var(--treen-line);--treen-spotlight-card-background: var(--treen-ivory);--treen-spotlight-card-ivory-background: var(--treen-ivory);--treen-spotlight-card-white-background: var(--treen-surface);--treen-spotlight-card-heading: var(--treen-green);--treen-spotlight-card-body: var(--treen-text-muted);--treen-spotlight-card-eyebrow: var(--treen-accent-text);--treen-spotlight-translucent-card-background: rgba(var(--treen-ivory-rgb), .78);--treen-spotlight-button-background: var(--treen-green);--treen-spotlight-button-foreground: var(--treen-ivory);--treen-spotlight-button-hover-background: var(--treen-gold);--treen-spotlight-button-hover-foreground: var(--treen-ink);--treen-spotlight-focus-outline: var(--treen-green)}.treen-product-spotlight--scheme-green{--treen-spotlight-background: var(--treen-green);--treen-spotlight-foreground: var(--treen-ivory);--treen-spotlight-heading: var(--treen-ivory);--treen-spotlight-body: var(--treen-ivory);--treen-spotlight-eyebrow: var(--treen-accent-text-on-green);--treen-spotlight-line: var(--treen-line-on-green);--treen-spotlight-card-background: var(--treen-ivory);--treen-spotlight-card-ivory-background: var(--treen-ivory);--treen-spotlight-card-white-background: var(--treen-surface);--treen-spotlight-card-heading: var(--treen-green);--treen-spotlight-card-body: var(--treen-text-muted);--treen-spotlight-card-eyebrow: var(--treen-accent-text);--treen-spotlight-translucent-card-background: rgba(var(--treen-ivory-rgb), .92);--treen-spotlight-button-background: var(--treen-gold);--treen-spotlight-button-foreground: var(--treen-ink);--treen-spotlight-button-hover-background: var(--treen-ivory);--treen-spotlight-button-hover-foreground: var(--treen-ink);--treen-spotlight-focus-outline: var(--treen-ivory)}.treen-product-spotlight__grid{display:grid;grid-template-areas:"media content" "media features" "media cta";grid-template-columns:minmax(0,var(--treen-spotlight-image-track)) minmax(0,var(--treen-spotlight-content-track));justify-content:space-between;align-items:start;gap:3.2rem 6.4rem;width:min(calc(100% - 6rem),var(--treen-spotlight-max-width));margin-inline:auto;padding-block:var(--treen-spotlight-padding-top) var(--treen-spotlight-padding-bottom)}.treen-product-spotlight--image-right .treen-product-spotlight__grid{grid-template-areas:"content media" "features media" "cta media";grid-template-columns:minmax(0,var(--treen-spotlight-content-track)) minmax(0,var(--treen-spotlight-image-track))}.treen-product-spotlight--align-top .treen-product-spotlight__grid{align-items:start}.treen-product-spotlight--align-center .treen-product-spotlight__grid{align-items:center}.treen-product-spotlight--align-bottom .treen-product-spotlight__grid{align-items:end}.treen-product-spotlight__media{grid-area:media;aspect-ratio:1 / 1;overflow:hidden;border:.1rem solid var(--treen-spotlight-image-border);border-radius:var(--treen-spotlight-image-radius);background:var(--treen-surface);transform:translateY(var(--treen-spotlight-image-offset))}.treen-product-spotlight__media img,.treen-product-spotlight__placeholder{display:block;width:100%;height:100%;object-fit:cover}.treen-product-spotlight__media img{object-position:var(--treen-spotlight-desktop-focal-x) var(--treen-spotlight-desktop-focal-y)}.treen-product-spotlight__media .placeholder-svg{display:block;width:100%;height:100%}.treen-product-spotlight__content{grid-area:content;min-width:0;transform:translateY(var(--treen-spotlight-content-offset))}.treen-product-spotlight__copy{min-width:0;--treen-spotlight-copy-heading: var(--treen-spotlight-heading);--treen-spotlight-copy-body: var(--treen-spotlight-body);--treen-spotlight-copy-eyebrow: var(--treen-spotlight-eyebrow)}.treen-product-spotlight .treen-eyebrow{margin:0 0 1.4rem;color:var(--treen-spotlight-copy-eyebrow);font-family:var(--treen-font-body);font-size:1.2rem;font-weight:700;letter-spacing:.12em;line-height:1.35;text-transform:uppercase}.treen-product-spotlight .treen-heading{max-width:13ch;color:var(--treen-spotlight-copy-heading);font-family:var(--treen-font-heading);font-size:clamp(4.2rem,5vw,6.4rem);font-weight:600;line-height:.98;overflow-wrap:anywhere}.treen-product-spotlight .treen-body{max-width:58rem;margin-block-start:2.4rem;color:var(--treen-spotlight-copy-body);font-family:var(--treen-font-body);font-size:1.6rem;font-weight:500;letter-spacing:0;line-height:1.7;overflow-wrap:anywhere}.treen-product-spotlight .treen-body>:first-child,.treen-product-spotlight__accent>:first-child,.treen-product-spotlight__feature div>:first-child{margin-block-start:0}.treen-product-spotlight .treen-body>:last-child,.treen-product-spotlight__accent>:last-child,.treen-product-spotlight__feature div>:last-child{margin-block-end:0}.treen-product-spotlight__accent{max-width:58rem;margin-block-start:2rem;padding-inline-start:1.6rem;border-inline-start:.2rem solid var(--treen-gold);color:var(--treen-spotlight-copy-body);font-family:var(--treen-font-body);font-size:1.35rem;font-weight:600;line-height:1.65;overflow-wrap:anywhere}.treen-product-spotlight__features{display:grid;grid-area:features;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;border-block-start:.1rem solid var(--treen-spotlight-line);container-name:treen-spotlight-features;container-type:inline-size}.treen-product-spotlight--features-1 .treen-product-spotlight__features{grid-template-columns:minmax(0,1fr)}.treen-product-spotlight__feature{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;min-width:0;padding:2rem 0;border-block-end:.1rem solid var(--treen-spotlight-line);--treen-spotlight-feature-heading: var(--treen-spotlight-heading);--treen-spotlight-feature-body: var(--treen-spotlight-body)}.treen-product-spotlight--features-2 .treen-product-spotlight__feature:nth-child(odd){padding-inline-end:2rem}.treen-product-spotlight--features-2 .treen-product-spotlight__feature:nth-child(2n){padding-inline-start:2rem;border-inline-start:.1rem solid var(--treen-spotlight-line)}.treen-product-spotlight__feature>span{display:block;width:.8rem;height:.8rem;margin-block-start:.55rem;border-radius:50%;background:var(--treen-gold)}.treen-product-spotlight__feature h3{margin:0;color:var(--treen-spotlight-feature-heading);font-family:var(--treen-font-heading);font-size:2.2rem;font-weight:600;letter-spacing:0;line-height:1.1;overflow-wrap:anywhere}.treen-product-spotlight__feature h3+div,.treen-product-spotlight__feature div>div{margin-block-start:.7rem}.treen-product-spotlight__feature div{color:var(--treen-spotlight-feature-body);font-family:var(--treen-font-body);font-size:1.3rem;font-weight:500;letter-spacing:0;line-height:1.55;overflow-wrap:anywhere}.treen-product-spotlight__cta{grid-area:cta}.treen-product-spotlight__cta .treen-button{margin-block-start:.4rem;border-color:var(--treen-spotlight-button-background);background:var(--treen-spotlight-button-background);color:var(--treen-spotlight-button-foreground)}.treen-product-spotlight__cta .treen-button:focus-visible{outline-color:var(--treen-spotlight-focus-outline)}.treen-product-spotlight__cta .treen-button:hover,.treen-product-spotlight__cta .treen-button:focus-visible{border-color:var(--treen-spotlight-button-hover-background);background:var(--treen-spotlight-button-hover-background);color:var(--treen-spotlight-button-hover-foreground)}.treen-product-spotlight--content-card-solid_ivory .treen-product-spotlight__copy,.treen-product-spotlight--content-card-solid_white .treen-product-spotlight__copy,.treen-product-spotlight--content-card-translucent .treen-product-spotlight__copy{padding:clamp(2rem,3vw,3.2rem);border-radius:var(--treen-spotlight-content-radius);--treen-spotlight-copy-heading: var(--treen-spotlight-card-heading);--treen-spotlight-copy-body: var(--treen-spotlight-card-body);--treen-spotlight-copy-eyebrow: var(--treen-spotlight-card-eyebrow)}.treen-product-spotlight--content-card-solid_ivory .treen-product-spotlight__copy{background:var(--treen-spotlight-card-ivory-background)}.treen-product-spotlight--content-card-solid_white .treen-product-spotlight__copy{background:var(--treen-spotlight-card-white-background)}.treen-product-spotlight--content-card-translucent .treen-product-spotlight__copy{background:var(--treen-spotlight-translucent-card-background)}.treen-product-spotlight--feature-card-solid_ivory .treen-product-spotlight__feature,.treen-product-spotlight--feature-card-solid_white .treen-product-spotlight__feature,.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__feature{margin:.6rem;padding:2rem;border:0;border-radius:var(--treen-spotlight-feature-radius);--treen-spotlight-feature-heading: var(--treen-spotlight-card-heading);--treen-spotlight-feature-body: var(--treen-spotlight-card-body)}.treen-product-spotlight--feature-card-solid_ivory .treen-product-spotlight__feature{background:var(--treen-spotlight-card-ivory-background)}.treen-product-spotlight--feature-card-solid_white .treen-product-spotlight__feature{background:var(--treen-spotlight-card-white-background)}.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__feature{background:var(--treen-spotlight-translucent-card-background)}.treen-product-spotlight--feature-card-solid_ivory .treen-product-spotlight__features,.treen-product-spotlight--feature-card-solid_white .treen-product-spotlight__features,.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__features{gap:1.2rem;border-block-start:0}.treen-product-spotlight--features-2.treen-product-spotlight--feature-card-solid_ivory .treen-product-spotlight__feature,.treen-product-spotlight--features-2.treen-product-spotlight--feature-card-solid_white .treen-product-spotlight__feature,.treen-product-spotlight--features-2.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__feature{padding-inline:2rem;border-inline-start:0}@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.treen-product-spotlight--content-card-translucent .treen-product-spotlight__copy,.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__feature{background:var(--treen-spotlight-translucent-card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@container treen-spotlight-features (max-width: 48rem){.treen-product-spotlight--features-2 .treen-product-spotlight__feature{grid-column:1 / -1}.treen-product-spotlight--features-2 .treen-product-spotlight__feature:nth-child(odd),.treen-product-spotlight--features-2 .treen-product-spotlight__feature:nth-child(2n){padding-inline:0;border-inline-start:0}.treen-product-spotlight--features-2.treen-product-spotlight--feature-card-solid_ivory .treen-product-spotlight__feature,.treen-product-spotlight--features-2.treen-product-spotlight--feature-card-solid_white .treen-product-spotlight__feature,.treen-product-spotlight--features-2.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__feature{padding-inline:2rem}}@media screen and (max-width:989px){.treen-product-spotlight__grid{gap:3.2rem 4rem}.treen-product-spotlight__media img{object-position:var(--treen-spotlight-desktop-focal-x) var(--treen-spotlight-desktop-focal-y)}.treen-product-spotlight .treen-heading{font-size:clamp(3.8rem,5vw,5.4rem)}}@media screen and (max-width:749px){.treen-product-spotlight__grid,.treen-product-spotlight--image-right .treen-product-spotlight__grid{grid-template-areas:"media" "content" "features" "cta";grid-template-columns:minmax(0,1fr);width:min(calc(100% - 3.2rem),var(--treen-spotlight-max-width));gap:2.8rem}.treen-product-spotlight__media,.treen-product-spotlight__content{transform:none}.treen-product-spotlight__media img{object-position:var(--treen-spotlight-mobile-focal-x) var(--treen-spotlight-mobile-focal-y)}.treen-product-spotlight__features{grid-template-columns:minmax(0,1fr)}.treen-product-spotlight__cta .treen-button{width:100%}.treen-product-spotlight .treen-heading{max-width:100%;font-size:4.2rem;line-height:1.02}.treen-product-spotlight .treen-body{margin-block-start:2rem;font-size:1.5rem}.treen-product-spotlight--features-2 .treen-product-spotlight__feature:nth-child(odd),.treen-product-spotlight--features-2 .treen-product-spotlight__feature:nth-child(2n){padding-inline:0;border-inline-start:0}.treen-product-spotlight--feature-card-solid_ivory .treen-product-spotlight__feature,.treen-product-spotlight--feature-card-solid_white .treen-product-spotlight__feature,.treen-product-spotlight--feature-card-translucent .treen-product-spotlight__feature{margin:0;padding:2rem}}@media(prefers-reduced-motion:reduce){.treen-product-spotlight .treen-button{transition:none}}.treen-product-spotlight__content{display:flex}.treen-product-spotlight--copy-narrow .treen-product-spotlight__copy{width:72%}.treen-product-spotlight--copy-standard .treen-product-spotlight__copy{width:88%}.treen-product-spotlight--copy-full .treen-product-spotlight__copy{width:100%}.treen-product-spotlight--position-left .treen-product-spotlight__content{justify-content:flex-start}.treen-product-spotlight--position-center .treen-product-spotlight__content{justify-content:center}.treen-product-spotlight--position-right .treen-product-spotlight__content{justify-content:flex-end}.treen-product-spotlight--text-left .treen-product-spotlight__copy{text-align:left}.treen-product-spotlight--text-center .treen-product-spotlight__copy{text-align:center}.treen-product-spotlight--text-right .treen-product-spotlight__copy{text-align:right}.treen-product-spotlight--text-left .treen-heading,.treen-product-spotlight--text-left .treen-body{margin-inline:0 auto}.treen-product-spotlight--text-center .treen-heading,.treen-product-spotlight--text-center .treen-body{margin-inline:auto}.treen-product-spotlight--text-right .treen-heading,.treen-product-spotlight--text-right .treen-body{margin-inline:auto 0}.treen-product-spotlight--paragraph-standard .treen-body{max-width:44rem}@media(max-width:749px){.treen-product-spotlight--copy-narrow .treen-product-spotlight__copy,.treen-product-spotlight--copy-standard .treen-product-spotlight__copy,.treen-product-spotlight--copy-full .treen-product-spotlight__copy{width:100%}}.treen-product-spotlight--heading-full .treen-heading{max-width:100%;text-wrap:wrap}.treen-product-spotlight--paragraph-full .treen-body{max-width:100%}.treen-product-spotlight.treen-heading-controls .treen-section-heading{overflow-wrap:normal}.treen-product-spotlight.treen-heading-controls--balanced .treen-section-heading{text-wrap:balance}.treen-product-spotlight.treen-heading-controls--natural .treen-section-heading{text-wrap:wrap}.treen-product-spotlight.treen-heading-controls--align-left .treen-section-heading{margin-inline:0 auto}.treen-product-spotlight.treen-heading-controls--align-center .treen-section-heading{margin-inline:auto}.treen-product-spotlight.treen-heading-controls--align-right .treen-section-heading{margin-inline:auto 0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/treen-product-spotlight.css.map */