*,:before,:after{box-sizing:border-box}body{color:#222;background:#f7f5f3;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.site-header{background:#fff;border-bottom:1px solid #e0ddd8}.header-content{justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.logo{flex-direction:column;gap:.15rem;display:flex}.logo-mark{letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;font-weight:700}.logo-sub{color:#77716a;font-size:.85rem}.main-nav{gap:1.25rem;font-size:.95rem;display:flex}.nav-link{padding-bottom:.15rem;position:relative}.nav-link:after{content:"";background:#d4a15a;width:0;height:2px;transition:width .18s ease-out;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-link-muted{color:#7c756e}.main{flex:1}.page{padding:2.5rem 0 3.5rem}.hero{gap:2.5rem;display:grid}.hero-config-row{align-items:start;gap:1.5rem;display:grid}@media (min-width:880px){.hero-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}.hero-config-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.hero-copy h1{margin-bottom:.75rem;font-size:clamp(2rem,3vw,2.6rem)}.hero-text{max-width:36rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#a38e76;margin-bottom:.6rem;font-size:.78rem}.hero-bullets{color:#5f574f;margin-top:1.2rem;padding-left:1.1rem;font-size:.95rem}.hero-panel{background:#fff;border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.8rem 1.6rem 1.6rem;display:flex;box-shadow:0 18px 45px #0000000f,0 0 0 1px #28241e0f}.panel-title{margin-top:0;margin-bottom:.75rem;font-size:1.2rem}.field-group{margin-bottom:.9rem}.field-row{flex-wrap:wrap;gap:.9rem;margin-bottom:.9rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.12em;color:#8b8178;margin-bottom:.35rem;font-size:.82rem;display:block}.input,.select{background:#faf8f5;border:1px solid #d8d2ca;border-radius:.75rem;outline:none;width:100%;padding:.5rem .7rem;font-size:.95rem;transition:border-color .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.input:focus,.select:focus{background:#fff;border-color:#d4a15a;box-shadow:0 0 0 1px #d4a15a2e}.button-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{cursor:pointer;background:#f6f1ea;border:1px solid #d4c7b5;border-radius:999px;align-items:center;padding:.55rem 1rem;font-size:.94rem;line-height:1.1;transition:background .18s ease-out,border-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out;display:inline-flex}.chip-selected{color:#fff;background:#d4a15a;border-color:#d4a15a;box-shadow:0 8px 20px #a5743666}:is(.chip:has(.wood-swatch),.chip:has(.color-swatch)){padding:.38rem .85rem;font-size:.88rem;line-height:1.15}.chip .wood-swatch,.chip .color-swatch{width:24px;min-width:24px;height:24px;min-height:24px;margin-right:.4rem}.wood-swatch{vertical-align:middle;background-color:#b8956a;background-position:50%;background-size:cover;border:1px solid #00000026;border-radius:999px;flex-shrink:0;width:28px;min-width:28px;height:28px;min-height:28px;margin-right:.5rem;display:inline-block}.wood-swatch--table{width:32px;min-width:32px;height:32px;min-height:32px;display:inline-block}.admin-wood-image-cell{align-items:center;gap:.4rem;display:flex}.color-swatch{border:1px solid #0000002e;border-radius:999px;flex-shrink:0;width:28px;min-width:28px;height:28px;min-height:28px;margin-right:.5rem;display:inline-block}.color-swatch--table{width:32px;min-width:32px;height:32px;min-height:32px}.admin-color-cell{align-items:center;gap:.4rem;display:flex}.admin-color-input{background:0 0;border:none;border-radius:999px;width:32px;height:24px;padding:0}.admin-color-hex{width:6.2rem}.price-summary{border-top:1px solid #e2ddd6;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:.5rem;padding-top:.85rem;display:flex}.price-label{text-transform:uppercase;letter-spacing:.14em;color:#8f8378;font-size:.8rem}.price-main{font-size:1.4rem;font-weight:600}.price-total{font-size:1.6rem;font-weight:700}.price-sub{color:#7b746d;font-size:.8rem}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4a15a,#c18435);border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter 80ms ease-out;box-shadow:0 16px 30px #8b5b2066}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 35px #774d1c80}.primary-button-full{width:100%;margin-top:.75rem}.fine-print{color:#7b746d;margin-top:.4rem;font-size:.78rem}.fence-preview{background:#fff;border-radius:1.25rem;width:100%;min-width:0;padding:1.25rem;box-shadow:0 18px 45px #0000000f,0 0 0 1px #28241e0f}.fence-preview__label{text-transform:uppercase;letter-spacing:.14em;color:#8b8178;margin-bottom:.75rem;font-size:.78rem}.fence-preview__scene{min-height:540px;height:var(--fence-height,660px);border-radius:.75rem;flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}@media (max-width:879px){.fence-preview__scene{min-height:220px;height:min(var(--fence-height,660px),58vh)}}.fence-preview__composite{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.fence-preview__composite-ground{background:linear-gradient(#6b8e5a 0%,#5a7a4a 100%);border-radius:2px 2px 0 0;height:18%;min-height:28px}.fence-preview__composite-panels{background:var(--composite-color,#6b5c4d);flex:1;align-items:stretch;gap:4px;padding:6px 8px 0;display:flex}.fence-preview__composite-panels--rhombus{background:linear-gradient(135deg,var(--composite-color)0%,color-mix(in srgb,var(--composite-color)80%,black)100%)}.fence-preview__composite-plank{background:color-mix(in srgb,var(--composite-color)92%,white);border-radius:2px;flex:1;min-width:12px}.fence-preview__composite-panels--rhombus .fence-preview__composite-plank{background:repeating-linear-gradient(-45deg,var(--composite-color),var(--composite-color)3px,color-mix(in srgb,var(--composite-color)85%,black)3px,color-mix(in srgb,var(--composite-color)85%,black)6px)}.fence-preview__composite:not(.fence-preview__composite--vertical) .fence-preview__composite-panels{flex-direction:column;gap:5px;padding:6px 8px 0}.fence-preview__composite:not(.fence-preview__composite--vertical) .fence-preview__composite-plank{width:100%;min-width:0;min-height:14px}.fence-preview__wood-concrete{flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.fence-preview__wc-ground{background:linear-gradient(#6b8e5a 0%,#5a7a4a 100%);border-radius:2px 2px 0 0;height:14%;min-height:22px}.fence-preview__wc-posts{pointer-events:none;justify-content:space-between;align-items:flex-end;height:78%;padding:0 4%;display:flex;position:absolute;bottom:0;left:0;right:0}.fence-preview__wc-post{background:var(--concrete-color,#3d3d3d);border-radius:1px;width:14%;max-width:24px;height:100%}.fence-preview__wc-post--rough{background:linear-gradient(90deg,color-mix(in srgb,var(--concrete-color)70%,black),var(--concrete-color),color-mix(in srgb,var(--concrete-color)85%,white),var(--concrete-color));box-shadow:inset 0 0 8px #0003}.fence-preview__wc-slats{background:0 0;flex-direction:column;flex:1;justify-content:space-evenly;gap:5px;padding:8px 12% 6px;display:flex}.fence-preview__wc-slat{background:var(--wood-color,#b8956a);border-radius:1px;height:12%;min-height:14px;box-shadow:0 1px #ffffff26}.fence-preview__wood-concrete--vertical .fence-preview__wc-slats{flex-direction:row;justify-content:space-evenly;gap:4px;padding:8px 12% 6px}.fence-preview__wood-concrete--vertical .fence-preview__wc-slat{width:12%;min-width:10px;height:100%;min-height:0}.fence-preview__img{object-fit:cover;width:100%;height:100%;display:block}.info-section h2{margin-bottom:1.5rem}.info-grid{gap:1rem;display:grid}@media (min-width:720px){.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.info-card{background:#fff;border:1px solid #e2ddd6;border-radius:1rem;padding:1.1rem 1rem}.info-card h3{margin-top:0;margin-bottom:.4rem}.site-footer{color:#6b635b;background:#f0ebe4;border-top:1px solid #dfd8ce;padding:1rem 0;font-size:.86rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-title{font-weight:600}.footer-meta{flex-wrap:wrap;gap:1rem;display:flex}.admin-topbar{color:#f8f3ec;background:#26221c;font-size:.9rem}.admin-topbar-inner{justify-content:space-between;align-items:center;padding:.4rem 1.5rem;display:flex}.admin-page{padding-top:1.4rem}.admin-banner{margin-bottom:.75rem}.admin-migrate-section{border-bottom:1px solid #e2ddd6;margin-bottom:1.25rem;padding-bottom:1rem}.admin-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.admin-combo-count{color:#6e665c;margin-top:.5rem;font-size:.9rem}.admin-combo-count strong{color:#4a433c}.admin-tabs{border-bottom:1px solid #e2ddd6;gap:.25rem;margin-bottom:1.25rem;display:flex}.admin-tab{color:#6e665c;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:color .15s ease-out,border-color .15s ease-out}.admin-tab:hover{color:#4a433c}.admin-tab--active{color:#c18435;border-bottom-color:#d4a15a}.admin-image-filters{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;margin-top:1rem;display:flex}.admin-filter-group{flex-direction:column;gap:.35rem;display:flex}.admin-filter-group .button-row{margin:0}.input-search{min-width:14rem}.admin-filter-result{color:#6e665c;margin-top:.5rem;margin-bottom:.25rem;font-size:.85rem}.admin-combo-images{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.admin-combo-image-row{grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:start;gap:1rem;display:grid}@media (max-width:640px){.admin-combo-image-row{grid-template-columns:1fr}}.admin-combo-image-label{color:#4a433c;font-size:.9rem}.admin-combo-image-cell{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.admin-combo-image-input{font-size:.8rem}.admin-combo-image-preview{object-fit:contain;background:#f7f2ea;border:1px solid #e2ddd6;border-radius:.5rem;width:auto;max-width:180px;height:auto;max-height:120px}.admin-combo-image-placeholder{color:#8f8378;font-size:.85rem}.admin-section{background:#fff;border:1px solid #e2ddd6;border-radius:1rem;margin-bottom:1rem;padding:1.3rem 1.2rem}.admin-section h2{margin-top:0}.field-group-inline{flex-direction:column;gap:.4rem;display:flex}.inline-input{align-items:center;gap:.4rem;display:inline-flex}.inline-input .input{width:7rem}.inline-suffix{color:#6e665c;font-size:.9rem}.field-help{color:#7b746d;font-size:.85rem}.admin-list{margin-top:.4rem;margin-bottom:.6rem;padding-left:1.1rem}.link-button{cursor:pointer;color:#4a433c;background:0 0;border:1px solid #c9c0b4;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .9rem;font-size:.85rem;display:inline-flex}.link-button-small{margin-bottom:.5rem;padding:.25rem .7rem;font-size:.8rem}.admin-auth{max-width:480px}.admin-login-form{flex-direction:column;gap:.7rem;margin-top:1rem;display:flex}.error-text{color:#b13838;font-size:.85rem}.admin-table-wrapper{margin-top:.75rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e4ded5;padding:.4rem .5rem}.admin-table th{text-transform:uppercase;letter-spacing:.12em;color:#8f8378;background:#f7f2ea;font-size:.78rem}.input-small{padding:.35rem .5rem;font-size:.86rem}.text-button-small{color:#a06326;cursor:pointer;background:0 0;border:none;padding:.15rem .3rem;font-size:.8rem}.text-button-small:disabled{color:#bcb4aa;cursor:default}