.section--ls-fence-types{background-color:var(--lsft-section-bg);padding-top:var(--space-top);padding-bottom:var(--space-bottom)}.lsft__outer{width:100%}.lsft__header{margin-bottom:48px}.lsft__header--narrow{max-width:906px;margin-left:auto;margin-right:auto}.lsft__divider{display:none}@media screen and (max-width:768px){.lsft__divider{display:block;width:var(--lsft-divider-width, 700px);max-width:100%;height:1px;background-color:var(--lsft-divider-color, #e9eced);margin:0 auto 40px}}.lsft__eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lsft-eyebrow-color);margin:0 0 10px;line-height:1.4}.lsft__heading{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;color:var(--lsft-heading-color);margin:0 0 16px;text-transform:uppercase}.lsft__heading p{margin:0}.lsft__heading em{font-style:normal;color:var(--lsft-eyebrow-color)}.lsft__desc{color:var(--lsft-desc-color);font-size:18px;line-height:1.6;max-width:var(--lsft-desc-max-width, 640px);margin:0}.lsft__desc p{margin:0}.lsft__grid{display:grid;grid-template-columns:repeat(var(--lsft-grid-cols-desktop),1fr);gap:var(--lsft-grid-gap-y, calc(24 / var(--font--size-base) * 1rem)) var(--lsft-grid-gap, calc(32 / var(--font--size-base) * 1rem));align-items:end}.lsft__card{display:block;text-decoration:none;position:relative;padding-top:var(--lsft-image-overlap);outline:none}.lsft__card-inner{position:relative;background-color:var(--lsft-card-bg);border-radius:var(--lsft-card-radius);height:var(--lsft-card-height);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;overflow:visible;transition:background-color .3s ease}.lsft__card:hover .lsft__card-inner,.lsft__card:focus-visible .lsft__card-inner{background-color:var(--lsft-card-hover-bg)}.lsft__card-img-wrap{position:absolute;top:calc(var(--lsft-image-overlap) * -1);left:6%;right:6%;bottom:calc(var(--lsft-card-height) * -1 + 44px);pointer-events:none;display:flex;align-items:flex-end;justify-content:center;transition:transform .35s ease}.lsft__card:hover .lsft__card-img-wrap,.lsft__card:focus-visible .lsft__card-img-wrap{transform:scale(1.06) translateY(-6px)}.lsft__card-img-wrap picture{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.lsft__card-img-wrap .lsft__img,.lsft__card-img-wrap img{width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block}.lsft__img--placeholder{width:60%;height:60%;opacity:.4}.lsft__card-label{display:block;color:var(--lsft-label-color);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.2;position:relative;z-index:1}.lsft__card-wrap--with-desc .lsft__card-inner{flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.lsft__card-wrap--with-desc h3.lsft__card-label{font-size:22px;line-height:1.2;letter-spacing:-.02em}.lsft__card-wrap--with-desc .lsft__card-img-wrap{bottom:95px;height:auto}.lsft__container--1152{max-width:1152px}.lsft__card-desc{display:block;color:var(--lsft-label-color);font-size:16px;font-weight:400;line-height:1.4;letter-spacing:.03em;text-align:center;position:relative;z-index:1}.lsft__install-label{margin:0;font-family:var(--ls-font-title, "Cabinet Grotesk", sans-serif);font-size:32px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1.4;color:#526572}.lsft__cta-wrap{align-self:end}.lsft__cta-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-decoration:none;height:var(--lsft-card-height);border:2px solid var(--lsft-cta-border);border-radius:var(--lsft-card-radius);padding:var(--lsft-cta-padding, 20px);transition:background-color .3s ease,border-color .3s ease}.lsft__cta-card:hover,.lsft__cta-card:focus-visible{background-color:color-mix(in srgb,var(--lsft-cta-border) 8%,transparent)}.lsft__cta-helper{display:block;font-size:14px;color:var(--lsft-cta-helper-color);text-align:center;line-height:1.4}.lsft__cta-text{display:block;font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lsft-cta-text-color);text-align:center;line-height:1.3}@media screen and (max-width:989px){.lsft__grid{grid-template-columns:repeat(2,1fr)}.lsft__heading{font-size:clamp(24px,5vw,36px)}.lsft__header{margin-bottom:36px}}@media screen and (max-width:479px){.lsft__grid{grid-template-columns:repeat(var(--lsft-grid-cols-mobile),1fr);gap:calc(12 / var(--font--size-base) * 1rem)}.lsft__header{margin-bottom:28px}.lsft__card-label{font-size:11px;letter-spacing:.05em}.lsft__cta-text{font-size:14px}}.lsft__card-wrap,.lsft__cta-wrap{max-width:320px;width:100%}.lsft__grid{margin-left:auto;margin-right:auto;width:100%;max-width:var(--lsft-grid-max-width, 1376px)}h3.lsft__card-label{color:var(--txt-light, #F4F7F8);text-align:center;font-family:var(--ls-font-title, "Cabinet Grotesk", sans-serif);font-size:36px;font-style:normal;font-weight:800;line-height:140%;letter-spacing:-.72px;text-transform:uppercase}.lsft__card-img-wrap{left:50%;transform:translate(-50%);height:230px;width:90%}a.lsft__card{opacity:1;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end}.lsft__card:hover .lsft__card-img-wrap,.lsft__card:focus-visible .lsft__card-img-wrap{transform:rotate(-5deg) translateY(-30px) translate(-50%)}.lsft__card-img-wrap{transition:.4s ease-in-out}h2.lsft__heading{color:var(--txt-dark, #1C2D38);font-family:var(--ls-font-title, "Cabinet Grotesk", sans-serif);font-size:57px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:-1.14px;text-transform:uppercase}p.lsft__eyebrow{color:var(--lsft-eyebrow-color, #F5811F);font-family:Host Grotesk;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.54px}.lsft__header{width:100%;max-width:var(--ls-w-header);margin:auto;margin-bottom:var(--lsft-header-margin-bottom, 60px)}@media screen and (max-width:768px){.lsft__header{margin-bottom:24px}}span.lsft__cta-text{color:var(--bg-accent-main, #F5811F);text-align:center;font-family:var(--ls-font-title, "Cabinet Grotesk", sans-serif);font-size:32px;font-style:normal;font-weight:800;line-height:1.1em;letter-spacing:-.64px;text-transform:uppercase}.lsft__card-inner{height:auto;min-height:190px;transition:.4s ease-in-out}a.lsft__card:hover .lsft__card-inner{min-height:200px}span.lsft__cta-helper{position:absolute;color:var(--txt-disclaim, #526572);text-align:center;font-family:Host Grotesk;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.54px;top:-35px}.lsft__cta-wrap{position:relative}a.lsft__cta-card{transition:.2s ease-in-out}span.lsft__cta-text{max-width:180px}@media screen and (max-width:768px){.lsft__grid{display:flex;flex-wrap:wrap}a.lsft__card{padding-top:80px;min-height:210px}h3.lsft__card-label{color:var(--txt-light, #F4F7F8);text-align:center;font-family:var(--ls-font-title, "Cabinet Grotesk", sans-serif);font-size:22px;font-style:normal;font-weight:800;line-height:140%;text-transform:uppercase}.lsft__card-inner{height:auto;min-height:120px;padding-bottom:8px}a.lsft__card:hover .lsft__card-inner{min-height:130px}.lsft__card-img-wrap{height:140px;bottom:50px;top:auto}.lsft__card-wrap--with-desc .lsft__card-img-wrap{height:100px;bottom:90px}.lsft__card-wrap,.lsft__cta-wrap{max-width:320px;width:100%;width:calc(50% - 6px)}span.lsft__cta-text{color:var(--bg-accent-main, #F5811F);text-align:center;font-size:22px}a.lsft__cta-card{height:120px;padding:var(--lsft-cta-padding-mobile, 8px)}}p.lsft__eyebrow{text-transform:initial}@media screen and (max-width:768px){h2.lsft__heading{font-size:32px}.lsft__desc.rte{font-size:16px}}span.lsft__cta-text p{margin:0}span.lsft__cta-text{max-width:100%}@media screen and (max-width:768px){.lsft__cta-wrap--full{width:100%;max-width:100%;margin-top:40px}}@media screen and (min-width:990px){.lsft__grid--centered-desktop{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}.lsft__grid--centered-desktop .lsft__card-wrap,.lsft__grid--centered-desktop .lsft__cta-wrap{flex:0 0 auto;width:calc((100% - (var(--lsft-grid-cols-desktop) - 1) * var(--lsft-grid-gap)) / var(--lsft-grid-cols-desktop));max-width:320px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-ls-fence-types.css.map */