.pc-catalog,.pc-fabrics,.pc-finishes,.pc-designs{--pc-line:color-mix(in srgb,currentColor 18%,transparent);--pc-soft:color-mix(in srgb,currentColor 4%,transparent);scroll-margin-top:110px}
.pc-heading{max-width:780px;margin-bottom:32px}.pc-heading h2{margin:10px 0 18px}.pc-heading p{line-height:1.65}.pc-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 25px;border-bottom:1px solid var(--pc-line);margin-bottom:44px}.pc-tabs a{padding:11px 16px;border:1px solid var(--pc-line);text-decoration:none;font-size:14px;line-height:1.35}.pc-tabs a:hover,.pc-tabs a:focus-visible{background:#3f962f;color:#fff;border-color:#3f962f}.pc-group{margin:48px 0;scroll-margin-top:115px}.pc-group>h2{font-size:clamp(24px,2.5vw,38px);margin-bottom:24px}.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pc-card{min-width:0;border:1px solid var(--pc-line);display:flex;flex-direction:column;background:var(--pc-soft)}.pc-media{width:100%;height:260px;border:0;border-bottom:1px solid var(--pc-line);background:#e9ece8;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-in}.pc-media img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.pc-media:hover img{transform:scale(1.035)}.pc-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.pc-card h3{font-size:21px;line-height:1.3;margin:0 0 14px}.pc-card p{font-size:15px;line-height:1.7;margin:0 0 20px}.pc-card .text-link{margin-top:auto;font-size:14px;line-height:1.5;align-self:flex-start}.pc-codes{font-size:12px!important;letter-spacing:.03em;border-top:1px solid var(--pc-line);padding-top:14px;overflow-wrap:anywhere}.pc-design-family{border-top:1px solid var(--pc-line);padding:22px 0}.pc-design-family>summary{font-size:24px;font-weight:600;cursor:pointer;list-style:disclosure-closed}.pc-design-family[open]>summary{list-style:disclosure-open}.pc-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.pc-design-grid article{border:1px solid var(--pc-line);padding:24px}.pc-door-image{height:330px;display:block;width:100%;background:#e9ece8;border:0;padding:22px;cursor:zoom-in}.pc-door-image img{width:100%;height:100%;object-fit:contain}.pc-design-grid h3{font-size:20px;margin:20px 0 14px}.pc-picker-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:start}.pc-preview-panel{position:sticky;top:100px;padding:24px;border:1px solid var(--pc-line)}.pc-preview-panel .button,.pc-preview-panel .text-link{display:block;width:fit-content;margin:20px 0}.pc-preview-panel h3{margin:10px 0;font-size:24px}.pc-awning-scene{height:300px;position:relative;overflow:hidden;background:linear-gradient(#b4ccd2 0 65%,#9ba786 65%);isolation:isolate}.pc-wall{position:absolute;background:#e8e3d8;left:5%;top:7%;width:70%;height:75%;box-shadow:15px 10px 0 #d8d3c8}.pc-window{position:absolute;left:18%;top:34%;height:45%;width:42%;border:10px solid #3a4042;background:linear-gradient(115deg,#8fa9ad,#ccd8d7 58%,#7f9ca1)}.pc-window:after{content:'';position:absolute;left:48%;height:100%;width:7px;background:#3a4042}.pc-terrace{position:absolute;left:5%;bottom:0;width:90%;height:22%;background:repeating-linear-gradient(90deg,#b7b0a1 0 38px,#9d9688 39px 40px);transform:skewX(-15deg);z-index:-1}.pc-canopy{position:absolute;left:7%;top:10%;width:81%;height:35%;background:#c2b7a4;clip-path:polygon(0 0,77% 0,100% 100%,0 100%);border-top:8px solid #535955;filter:drop-shadow(0 12px 6px #0003);background-size:100% 100%;transition:background-image .12s}.pc-valance{position:absolute;top:45%;left:7%;height:24px;width:81%;background:#c2b7a4;background-size:100% 100%;border-bottom:3px solid #535955}.pc-selected-sample{width:100%;height:95px;object-fit:cover;border:1px solid var(--pc-line);margin:15px 0}.pc-filters{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pc-filters label{display:grid;gap:9px;font-size:13px;font-weight:600}.pc-filters input,.pc-filters select{min-width:0;width:100%;padding:13px 11px;border:1px solid var(--pc-line);border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:400}.pc-filters select option{color:#292f32;background:#fff}.pc-result-count{font-size:13px;margin:20px 0}.pc-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.pc-sample{padding:8px;border:1px solid var(--pc-line);background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0;font:inherit}.pc-sample[aria-pressed=true],.pc-finish[aria-pressed=true]{outline:2px solid #3f962f;outline-offset:2px;border-color:#3f962f}.pc-sample img{display:block;width:100%;height:67px;object-fit:cover;margin-bottom:8px}.pc-sample strong{font-size:12px;line-height:1.35;display:block;overflow-wrap:anywhere}.pc-sample small{font-size:11px;opacity:.75;display:block;margin-top:5px}.pc-sample-missing{height:67px;display:flex;align-items:center;font-size:11px;background:var(--pc-soft);margin-bottom:8px;padding:6px}.pc-finish-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}.pc-finish-preview{padding:35px;background:#dddcd3;max-width:420px}.pc-frame{display:flex;gap:8px;padding:13px;background:#fff;aspect-ratio:1.1;box-shadow:6px 6px 0 #0003;background-size:90px 90px}.pc-frame span{flex:1;border:2px solid #545c61;background:linear-gradient(125deg,#b0c9cf,#e2e7df 60%,#8caaa2);position:relative}.pc-frame span:first-child:after{content:'';position:absolute;right:6px;top:50%;height:32px;width:5px;background:#c9cccb;box-shadow:1px 1px 2px #333}.pc-finish-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pc-finish{font:inherit;font-size:11px;text-align:left;border:1px solid var(--pc-line);padding:6px;color:inherit;background:transparent;cursor:pointer;overflow-wrap:anywhere}.pc-finish img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:6px}.pc-side-choice{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 25px}.pc-side-choice label{display:flex;align-items:center;gap:6px;font-size:14px}.pc-request-selection{padding:20px;border:1px solid #3f962f;margin:24px 0;background:color-mix(in srgb,#3f962f 5%,transparent)}.pc-request-selection p{margin:0 0 10px;line-height:1.5;overflow-wrap:anywhere}.pc-request-selection button{font:inherit;text-decoration:underline;color:inherit;background:none;padding:0;border:0;cursor:pointer}.pc-catalog .p-note,.pc-fabrics .p-note,.pc-finishes .p-note,.pc-designs .p-note{font-size:13px;line-height:1.6}.pc-catalog [hidden],.pc-fabrics [hidden],.pc-finishes [hidden]{display:none!important}
@media(max-width:1050px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-picker-layout{gap:24px;grid-template-columns:1fr 1fr}.pc-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-filters{grid-template-columns:1fr}.pc-finish-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.pc-grid,.pc-picker-layout,.pc-finish-layout{grid-template-columns:1fr}.pc-media{height:250px}.pc-card-body{padding:22px}.pc-tabs{gap:7px}.pc-tabs a{font-size:12px;padding:10px}.pc-group{margin:34px 0}.pc-preview-panel{position:static;padding:18px}.pc-awning-scene{height:250px}.pc-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-filters{grid-template-columns:1fr 1fr}.pc-design-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.pc-design-grid article{padding:8px}.pc-door-image{height:190px;padding:8px}.pc-design-grid h3{font-size:15px}.pc-design-grid .text-link{font-size:12px;line-height:1.5}.pc-finish-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pc-finish-preview{max-width:100%;padding:30px 60px}.pc-card h3{font-size:22px}}
.pc-tabs{white-space:normal;margin-left:0}.pc-model-select{display:grid;gap:9px;margin:0 0 22px;font-size:13px;font-weight:600}.pc-model-select select{min-width:0;width:100%;padding:13px 11px;border:1px solid var(--pc-line);border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:400}.pc-model-select option{color:#292f32;background:#fff}
@media(prefers-reduced-motion:reduce){.pc-media img,.pc-canopy{transition:none}}