/* Fence Ace v0.11.0 — Fence Types hub */
.fa-types-hero{padding:34px 0 42px;background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.fa-types-hero__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.fa-types-hero__copy{max-width:610px}.fa-types-hero__lede{max-width:590px;margin:18px 0 0!important;color:var(--fa-muted);font-size:clamp(1.04rem,1.42vw,1.18rem)}
.fa-types-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.fa-types-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.fa-types-proof span{padding:7px 10px;border:1px solid var(--fa-border);border-radius:999px;background:#fff;color:var(--fa-muted);font-size:11px;font-weight:800}
.fa-types-hero__mosaic{display:grid;height:400px;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr 1fr;gap:10px}.fa-types-hero__tile{position:relative;overflow:hidden;margin:0;border-radius:18px;background:#dfe5ee}.fa-types-hero__tile--vinyl{grid-row:1/4}.fa-types-hero__tile img{display:block;width:100%;height:100%!important;object-fit:cover}.fa-types-hero__tile figcaption{position:absolute;right:10px;bottom:10px;left:10px;padding:9px 11px;border-radius:10px;background:rgba(11,15,25,.82);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(7px)}

.fa-types-materials__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fa-types-material{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;min-height:315px;border:1px solid var(--fa-border);border-radius:24px;background:#fff;color:inherit;text-decoration:none!important;box-shadow:0 10px 30px rgba(11,15,25,.04);transition:.2s ease}.fa-types-material:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(11,15,25,.08)}
.fa-types-material__media{position:relative;min-height:315px;overflow:hidden}.fa-types-material__media img{width:100%;height:100%!important;object-fit:cover}.fa-types-material__media>span{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--fa-ink);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.fa-types-material__copy{display:flex;flex-direction:column;justify-content:center;padding:26px}.fa-types-material__copy small{color:var(--fa-blue);font-weight:900}.fa-types-material__copy h2{margin-top:10px;font-size:25px!important}.fa-types-material__copy p{margin:12px 0 18px!important;color:var(--fa-muted);font-size:14px}.fa-types-material__copy>strong{color:var(--fa-blue);font-size:13px}

.fa-types-needs__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.fa-types-needs__cards{display:grid;gap:12px}.fa-types-needs__cards a{display:grid;grid-template-columns:115px 1fr;gap:12px 24px;min-height:132px;padding:22px;border:1px solid var(--fa-border);border-radius:18px;background:#fff;color:inherit;text-decoration:none!important;transition:.2s ease}.fa-types-needs__cards a:hover{transform:translateY(-2px);border-color:#b7c6f8;box-shadow:0 10px 28px rgba(11,15,25,.05)}.fa-types-needs__cards a>span{grid-row:1/3;color:var(--fa-blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.fa-types-needs__cards strong{color:var(--fa-ink);font-size:20px}.fa-types-needs__cards p{margin:0!important;color:var(--fa-muted);font-size:14px}

.fa-types-compare__head{display:grid;grid-template-columns:1fr .45fr;gap:60px;align-items:end}.fa-types-compare__head>div:last-child{padding-bottom:36px}.fa-types-compare__head>div:last-child strong{display:block;color:#fff}.fa-types-compare__head>div:last-child span{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:12px}
.fa-types-compare__table{border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.fa-types-compare__row{display:grid;grid-template-columns:.8fr 1.5fr .8fr .8fr}.fa-types-compare__row>*{min-height:76px;padding:20px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.72);font-size:13px}.fa-types-compare__row>strong{color:#fff}.fa-types-compare__row--head>*{min-height:60px;color:#9eb1ff;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}

.fa-types-proof-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.fa-types-proof-section__head .fenceace-section-heading{margin-bottom:34px}.fa-types-proof-section__head>div:last-child{padding-bottom:42px}
.fa-types-proof-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fa-types-proof-card{position:relative;overflow:hidden;height:310px;margin:0;border-radius:20px;background:#dfe5ee}.fa-types-proof-card img{width:100%;height:100%!important;object-fit:cover}.fa-types-proof-card figcaption{position:absolute;right:10px;bottom:10px;left:10px;padding:11px 12px;border-radius:11px;background:rgba(11,15,25,.85);color:#fff;backdrop-filter:blur(7px)}.fa-types-proof-card figcaption strong{display:block;font-size:13px}.fa-types-proof-card figcaption span{display:block;margin-top:3px;color:rgba(255,255,255,.64);font-size:10px}

.fa-types-form{background:var(--fa-blue);color:#fff}.fa-types-form__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:start}.fa-types-form__grid>div:first-child{padding-top:26px}.fa-types-form h2,.fa-types-form .fenceace-eyebrow{color:#fff!important}.fa-types-form .fenceace-eyebrow:before{background:#fff}.fa-types-form__grid>div:first-child>p:not(.fenceace-eyebrow){margin-top:20px!important;color:rgba(255,255,255,.82);font-size:18px}.fa-types-form__direct{display:grid;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.25)}.fa-types-form__direct a{display:flex;flex-direction:column;color:#fff!important;text-decoration:none!important}.fa-types-form__direct a span,.fa-types-form__direct>span{color:rgba(255,255,255,.68);font-size:12px}.fa-types-form__direct a strong{font-size:22px}.fa-types-form__card{padding:14px;border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(8,23,70,.22)}

.fa-types-faq__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.fa-types-faq .fenceace-faq-item{border-bottom:1px solid var(--fa-border)}.fa-types-faq .fenceace-faq-item:first-child{border-top:1px solid var(--fa-border)}.fa-types-faq .fenceace-faq-item summary{position:relative;padding:21px 44px 21px 0;color:var(--fa-ink);font-weight:800;cursor:pointer;list-style:none}.fa-types-faq .fenceace-faq-item summary::-webkit-details-marker{display:none}.fa-types-faq .fenceace-faq-item summary:after{content:"+";position:absolute;right:4px;top:18px;color:var(--fa-blue);font-size:24px;line-height:1}.fa-types-faq .fenceace-faq-item[open] summary:after{content:"–"}.fa-types-faq .fenceace-faq-item div{padding:0 36px 18px 0;color:var(--fa-muted)}

.fa-types-final{padding:62px 0;background:var(--fa-ink);color:#fff}.fa-types-final h2{color:#fff!important}.fa-types-final p{margin-top:12px!important;color:rgba(255,255,255,.7)}.fa-types-final__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.fa-types-final__actions{display:flex;gap:10px;flex:0 0 auto}

@media(max-width:1050px){.fa-types-hero__grid,.fa-types-needs__grid,.fa-types-form__grid{grid-template-columns:1fr;gap:38px}.fa-types-hero__mosaic{height:360px}.fa-types-materials__grid{grid-template-columns:1fr}.fa-types-compare__head{grid-template-columns:1fr}.fa-types-compare__head>div:last-child{padding-bottom:22px}.fa-types-proof-section__grid{grid-template-columns:1fr 1fr}.fa-types-faq__grid{grid-template-columns:1fr;gap:34px}.fa-types-form__grid>div:first-child{padding-top:0}}
@media(max-width:760px){.fa-types-hero{padding:30px 0 38px}.fa-types-hero__mosaic{height:330px;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr}.fa-types-hero__tile--vinyl{grid-column:1/3;grid-row:auto}.fa-types-hero__tile:nth-child(4){display:none}.fa-types-actions{display:grid;grid-template-columns:1fr}.fa-types-material{grid-template-columns:1fr}.fa-types-material__media{height:240px;min-height:240px}.fa-types-needs__cards a{grid-template-columns:1fr}.fa-types-needs__cards a>span{grid-row:auto}.fa-types-compare__row{grid-template-columns:1fr 1.4fr .8fr .9fr}.fa-types-compare__row>*{padding:14px 10px;font-size:11px}.fa-types-proof-section__grid{grid-template-columns:1fr}.fa-types-proof-card{height:270px}.fa-types-proof-section__head{align-items:flex-start;flex-direction:column}.fa-types-proof-section__head>div:last-child{padding-bottom:20px}.fa-types-final__inner{align-items:flex-start;flex-direction:column}.fa-types-final__actions{width:100%;flex-direction:column}.fa-types-final__actions .fenceace-btn{width:100%}}
