.pergola-landing{position:relative}.pergola-landing__inner{max-width:1380px;margin:0 auto;padding:var(--pc-pad-top,56px) 24px var(--pc-pad-bottom,56px)}.pergola-landing--hero{padding-top:0;padding-bottom:0;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.pergola-landing__inner--hero{width:100%;max-width:1380px;margin:0 auto;padding:clamp(40px,5vw,72px) 24px}.pergola-landing__inner--narrow{max-width:1100px}.pergola-landing__eyebrow{margin:0 0 14px;font-size:12px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--pc-heading,#526B2F);opacity:.9}.pergola-landing__title{margin:0;color:var(--pc-heading,#526B2F);font-size:clamp(36px,5.5vw,72px);line-height:.96;letter-spacing:-.035em}.pergola-landing__subtitle{margin:14px 0 0;color:var(--pc-heading,#526B2F);font-size:clamp(20px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em}.pergola-landing__lead{margin:22px 0 0;max-width:62ch;font-size:clamp(18px,2vw,22px);line-height:1.7}.pergola-landing__body{margin:18px 0 0;max-width:66ch;font-size:16px;line-height:1.85}.pergola-landing__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.pergola-landing__actions--center{justify-content:center}.pergola-landing__button{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.pergola-landing__button:hover,.pergola-landing__button:focus{transform:translateY(-2px);box-shadow:0 12px 22px #0000001a;filter:brightness(.98)}.pergola-landing--hero,.pergola-landing--hero *{box-sizing:border-box}.pergola-landing--hero .section-background,.pergola-landing--hero .shopify-section-background{display:none!important}.pergola-hero{position:relative;display:grid;align-items:center;min-height:var(--pc-min-height,auto)}.pergola-hero--background{min-height:max(620px,calc(100svh - var(--pc-offset,140px)));border-radius:0;overflow:hidden;background:#d9ded0;background-image:var(--pc-hero-image);background-size:cover;background-position:center;box-shadow:none;width:100%;position:relative}.pergola-hero--no-image{background:linear-gradient(135deg,#526b2f,#435926)}.pergola-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,calc(var(--pc-hero-overlay-opacity,.35) + .18)),rgba(0,0,0,var(--pc-hero-overlay-opacity,.35)) 42%,rgba(0,0,0,calc(var(--pc-hero-overlay-opacity,.35) * .55)));pointer-events:none}.pergola-hero__copy{position:relative;z-index:1;min-width:0}.pergola-hero__copy--overlay{max-width:min(760px,100%);color:var(--pc-hero-text,#fff)}.pergola-hero__copy--center{margin-inline:auto;text-align:center}.pergola-hero__copy--center .pergola-landing__lead,.pergola-hero__copy--center .pergola-landing__body{margin-inline:auto}.pergola-hero--background .pergola-landing__title,.pergola-hero--background .pergola-landing__subtitle,.pergola-hero--background .pergola-landing__eyebrow,.pergola-hero--background .pergola-landing__lead,.pergola-hero--background .pergola-landing__body{color:var(--pc-hero-text,#fff)}.pergola-hero__placeholder,.pergola-range-card__placeholder,.pergola-oak__placeholder{display:grid;place-items:center;width:100%;height:100%;padding:30px;text-align:center;font-size:clamp(22px,3vw,32px);color:var(--pc-heading,#526B2F)}.pergola-range{display:grid;gap:36px}.pergola-range__head{max-width:780px}.pergola-range__head--center{text-align:center;margin-inline:auto}.pergola-range__head h2,.pergola-oak__head h2,.pergola-cta__title{margin:0;color:var(--pc-heading,#526B2F);font-size:clamp(30px,4.2vw,50px);line-height:1.02;letter-spacing:-.03em}.pergola-range__intro,.pergola-oak__body,.pergola-cta__text{margin-top:16px;font-size:16px;line-height:1.85}.pergola-range__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.pergola-range-card{display:flex;flex-direction:column;height:100%;background:var(--pc-card-bg,#EBEBE5);border:1px solid var(--pc-card-border,rgba(82,107,47,.14));border-radius:var(--pc-radius,8px);overflow:hidden;box-shadow:0 10px 22px #0000000a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pergola-range-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px #00000014;border-color:#526b2f42}.pergola-range-card__media{aspect-ratio:var(--pc-range-ratio,4 / 3);background:#ecece6}.pergola-range-card__media img{width:100%;height:100%;object-fit:cover;display:block}.pergola-range-card__body{display:flex;flex-direction:column;flex:1;padding:26px}.pergola-range-card__title{margin:0;color:var(--pc-heading,#526B2F);font-size:26px;line-height:1.08;letter-spacing:-.02em}.pergola-range-card__text{margin-top:14px;font-size:15px;line-height:1.8;flex:1;color:var(--pc-text,#1f1f1f)}.pergola-range-card__actions{margin-top:22px}.pergola-range-card__actions .button{width:100%}.pergola-oak{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(36px,4.5vw,64px);align-items:stretch;min-height:var(--pc-min-height,auto)}.pergola-oak__copy{background:var(--pc-panel-bg,#EBEBE5);border:1px solid var(--pc-panel-border,rgba(82,107,47,.14));border-radius:var(--pc-radius,8px);padding:clamp(28px,3vw,46px);box-shadow:0 10px 22px #0000000a;color:var(--pc-text,#1f1f1f);display:flex;flex-direction:column;justify-content:center;height:100%}.pergola-oak__panel{min-height:420px;height:100%;border-radius:var(--pc-radius,8px);overflow:hidden;background:#e8e8e1;border:0;box-shadow:0 14px 30px #0000000d}.pergola-oak__panel img{width:100%;height:100%;object-fit:cover;display:block}.pergola-cta__box{padding:clamp(40px,4vw,58px);border-radius:var(--pc-radius,8px);background:var(--pc-cta-bg,#526B2F);border:1px solid var(--pc-cta-border,rgba(0,0,0,.08));box-shadow:0 14px 28px #0000000f;text-align:center;min-height:var(--pc-min-height,auto);display:grid;align-content:center;justify-items:center;color:var(--pc-cta-text,#fff)}.pergola-cta__box .pergola-cta__title,.pergola-cta__box .pergola-cta__text{color:var(--pc-cta-text,#fff)}.pergola-cta__button{background:var(--pc-cta-btn-bg,#fff)!important;color:var(--pc-cta-btn-text,#526B2F)!important;border:1px solid var(--pc-cta-btn-border,#fff)!important}.pergola-cta__button:hover,.pergola-cta__button:focus{background:var(--pc-cta-btn-bg,#fff)!important;color:var(--pc-cta-btn-text,#526B2F)!important;border-color:var(--pc-cta-btn-border,#fff)!important;filter:brightness(.96)}.pergola-landing--tall .pergola-cta__box,.pergola-landing--tall .pergola-oak,.pergola-landing--tall .pergola-range{min-height:max(620px,calc(100svh - var(--pc-offset,140px)))}@media(max-width:1199px){.pergola-range__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:989px){.pergola-landing__inner{padding-left:18px;padding-right:18px}.pergola-oak,.pergola-range__grid{grid-template-columns:1fr}.pergola-landing__inner--hero{padding:32px 18px}.pergola-hero--background{min-height:520px}.pergola-oak__panel{min-height:300px}.pergola-landing--tall .pergola-cta__box,.pergola-landing--tall .pergola-oak,.pergola-landing--tall .pergola-range{min-height:auto}}@media(max-width:640px){.pergola-range__grid{grid-template-columns:1fr}.pergola-hero--background{min-height:460px}}.pergola-hero-mobile-copy,.pergola-landing--mobile-split .pergola-hero-mobile-copy{display:none!important}@media(max-width:749px){.pergola-landing--mobile-split .pergola-hero--background{min-height:420px;align-items:end}.pergola-landing--mobile-split .pergola-landing__inner--hero{padding:28px 18px 30px}.pergola-landing--mobile-split .pergola-hero__copy--overlay{max-width:100%}.pergola-landing--mobile-split .pergola-landing__title{font-size:clamp(34px,11vw,52px)}.pergola-landing--mobile-split .pergola-landing__subtitle{font-size:clamp(18px,6vw,24px)}.pergola-landing--mobile-split .pergola-hero__desktop-copy{display:none}.pergola-landing--mobile-split .pergola-hero-mobile-copy{display:block;background:var(--pc-mobile-panel-bg,#EBEBE5);color:var(--pc-mobile-panel-text,#1F1F1F);border-top:1px solid var(--pc-mobile-panel-border,#D6DEC8)}.pergola-landing--mobile-split .pergola-hero-mobile-copy__inner{padding-top:24px;padding-bottom:28px}.pergola-landing--mobile-split .pergola-hero-mobile-copy__inner--center{text-align:center}.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__lead,.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__body,.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__eyebrow,.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__title,.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__subtitle{color:var(--pc-mobile-panel-text,#1F1F1F)}.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__lead{margin-top:0;font-size:18px;line-height:1.7}.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__body{margin-top:14px;line-height:1.8}.pergola-landing--mobile-split .pergola-hero-mobile-copy .pergola-landing__actions{margin-top:22px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pergola-collection.css.map */