/* ZOKKO catalog — supplied two-column reference, real cards and forms. */
.zokko-catalog{padding-top:60px}
.catalog-masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid #dce3dc}
.catalog-masthead>span{font-weight:800;font-size:20px;letter-spacing:.16em}.catalog-masthead small{font-size:10px;color:#89958d;letter-spacing:.09em}
.zokko-catalog .section-heading{margin-bottom:25px}.zokko-catalog h2{font-size:clamp(28px,3vw,43px);font-weight:650;letter-spacing:-.045em;max-width:none}.zokko-catalog .catalog-intro{margin-top:12px;color:#8a958e}
.zokko-catalog .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.zokko-catalog .project-card{border:1px solid #dfe6df;border-radius:10px;box-shadow:none;background:#fff;align-self:stretch}
.zokko-catalog .project-slides{aspect-ratio:1.55}.zokko-catalog .project-slide img{object-fit:cover}.zokko-catalog .project-plan img{object-fit:contain;background:#f6f7f3}
.project-number{position:absolute;top:16px;left:16px;display:grid;place-items:center;min-width:29px;height:29px;border-radius:50px;background:#ffffffed;font-size:11px;color:#24402c;padding:0 7px}
.project-watermark{position:absolute;top:16px;right:16px;color:#fff;letter-spacing:.16em;font-size:12px;padding:5px 8px;border-radius:4px;background:#24392d55;pointer-events:none}
.zokko-catalog .slider-arrow{width:39px;height:39px;background:#eff5e8e6;color:#365439;box-shadow:none}
.zokko-catalog .slider-footer{left:15px;right:15px;bottom:14px}.zokko-catalog .slider-tabs{gap:0;padding:4px;border-radius:5px;background:#fffef3;display:none;max-width:calc(100% - 65px)}.js .zokko-catalog .slider-tabs{display:flex}
.zokko-catalog .slider-tabs button{width:auto;min-height:29px;height:auto;min-width:0;flex:1;background:transparent;border:0;color:#3b4b3e;border-radius:3px;font-size:10px;padding:6px 11px;line-height:1.2}
.zokko-catalog .slider-tabs button[aria-current=true]{background:#388c3a;color:#fff}.zokko-catalog .slide-status{border-radius:3px;background:#39524388;min-width:43px;text-align:center}
.zokko-catalog .project-body{padding:17px 17px 14px}.project-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.zokko-catalog .project-body h3{font-size:24px;font-weight:750;line-height:1.16;min-height:0;text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:anywhere}
.project-price{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;white-space:nowrap;flex:none;color:#1c2a24}.project-price strong{font-size:24px;font-weight:750;letter-spacing:-.045em}.project-price small{font-size:9px;color:#748379}
.project-description{font-size:12px;line-height:1.5;margin-top:5px;color:#344339}.zokko-catalog .project-specs{margin:15px 0 17px;gap:35px;min-height:34px}.zokko-catalog .project-specs>div{display:flex;gap:10px;align-items:center}.zokko-catalog .project-specs>div>div{display:grid;gap:1px}.zokko-catalog .project-specs span{font-size:10px;color:#86978b}.zokko-catalog .project-specs .spec-symbol{font-size:26px;font-weight:300;color:#6e8775;line-height:1}.zokko-catalog .project-specs strong{font-size:13px;font-weight:600;color:#3d5243}
.project-cta.button{width:100%;min-height:39px;justify-content:center;gap:19px;padding:9px 15px;border-radius:4px;background:#388c3a;font-size:12px;font-weight:500}.project-cta.button:hover{background:#2e7530;transform:none}
.catalog-capture{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:35px;align-items:center;min-width:0;isolation:isolate;overflow:hidden;border-radius:9px;margin:25px 0 18px;padding:45px;color:#18362a;background:#f2f5ee}
.capture-banner{min-height:350px;color:#fff}.capture-background{position:absolute;inset:0;height:100%;z-index:-2;object-fit:cover}.capture-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d251be8,#142f20a1 60%,#142f2040)}
.capture-copy h3,.quiz-intro h3{font-size:clamp(27px,2.8vw,40px);font-weight:650;line-height:1.12;letter-spacing:-.035em;max-width:650px}.capture-copy p{margin-top:15px;font-size:15px;line-height:1.6;max-width:570px;color:inherit;opacity:.8}.capture-copy .eyebrow{font-size:9px;color:inherit;opacity:.7;margin-bottom:18px}
.capture-contact{background:#fff;color:#20372b;padding:24px;border-radius:8px;min-width:0}.capture-contact h4{font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.25;margin:0 0 18px}
.lead-form-compact>label[for]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lead-form-compact input[type=tel]{height:48px;margin:0 0 13px;border:1px solid #dbe4da;background:#fff;font-size:13px;padding-inline:14px;min-width:0}.lead-form-compact .consent{font-size:9px;line-height:1.5;margin:0 0 13px;gap:8px}.lead-form-compact .consent input{width:13px;height:13px;margin-top:0;accent-color:#388c3a}.lead-form-compact .submit-button{min-height:44px;padding:10px 15px;justify-content:center;gap:15px;font-size:12px;font-weight:500;border-radius:4px;background:#388c3a}.lead-form-compact .form-result{margin-top:8px;min-height:0;font-size:11px}.lead-form-compact .form-result:empty{display:none}
.capture-perks{display:flex;gap:10px;margin-top:25px}.capture-perks>span{background:#1c2f24e0;padding:15px;border-radius:5px;font-size:13px;flex:1}.capture-perks small{font-size:10px;color:#d0dfd0;display:block;margin-top:5px;max-width:110px}.capture-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.capture-tags>span{font-size:11px;border:1px solid #829b844d;padding:7px 13px;border-radius:25px}
.capture-dark{background:#173e2f;color:#fff;min-height:300px}.capture-split{grid-template-columns:.85fr 1.5fr;gap:0;padding:0;align-items:stretch;min-height:330px}.capture-photo{grid-column:1;grid-row:1/3;min-width:0}.capture-photo img{height:100%;min-height:330px;object-fit:cover}.capture-split .capture-copy{grid-column:2;grid-row:1;padding:35px 35px 15px}.capture-split .capture-copy h3{font-size:34px;max-width:550px}.capture-split .capture-copy p{font-size:14px;max-width:510px}.capture-split .capture-contact{grid-column:2;grid-row:2;background:transparent;padding:5px 35px 30px}.capture-split .capture-contact h4{display:none}.capture-split .lead-form-compact{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.capture-split .lead-form-compact input[type=tel]{grid-column:1;grid-row:1;margin-bottom:10px}.capture-split .lead-form-compact .submit-button{grid-column:2;grid-row:1;align-self:start;min-height:48px}.capture-split .lead-form-compact .consent{grid-column:1/-1;grid-row:2;margin:0}.capture-split .lead-form-compact .form-result{grid-column:1/-1;grid-row:3}
.capture-quiz{padding:0;grid-template-columns:.65fr 1.8fr;gap:0;align-items:stretch}.quiz-intro{background:#173e2f;color:white;padding:35px}.quiz-intro .eyebrow{font-size:8px;color:#abd4ad;margin-bottom:24px}.quiz-intro h3{font-size:32px}.quiz-intro p{color:#d0dfd3;font-size:13px;margin-top:20px;line-height:1.7}.quiz-note{display:block;color:#b5d4ba;font-size:10px;margin-top:30px;line-height:1.6;max-width:170px}.quiz-content{padding:28px;min-width:0}.quiz-progress{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#75917b}.quiz-progress-track{height:3px;background:#dce6d9;margin:13px 0 26px}.quiz-progress-track>span{display:block;background:#388c3a;height:100%;width:25%;transition:width .2s}.quiz-step{margin:0;padding:0;border:0;min-width:0}.quiz-step legend{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin-bottom:20px}.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quiz-options label{border:1px solid #dfe8dd;background:white;overflow:hidden;border-radius:7px;cursor:pointer;min-width:0}.quiz-options label:has(input:checked){border-color:#388c3a;box-shadow:0 0 0 1px #388c3a}.quiz-options img{aspect-ratio:1.55;object-fit:cover}.quiz-options label>span{display:flex;align-items:center;gap:4px;padding:12px 8px;font-size:11px;line-height:1.4}.quiz-options input{accent-color:#388c3a;flex:none;margin:0}.quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px}.quiz-navigation .button{min-height:39px;padding:9px 25px;border-radius:4px;font-size:12px;background:#388c3a;margin-left:auto}.quiz-back{border:0;background:transparent;color:#547458;padding:8px 0;font-size:12px}.quiz-error{font-size:11px;color:#a63b29}.quiz-contact h4{font-size:24px;line-height:1.2;margin:0 0 12px;font-weight:600;letter-spacing:-.03em}.quiz-contact>p{font-size:13px;margin-bottom:20px}.quiz-contact .lead-form{max-width:460px}
/* The contact form remains available if scripting is unavailable. */
.capture-quiz:not(.quiz-ready) .quiz-step,.capture-quiz:not(.quiz-ready) .quiz-navigation,.capture-quiz:not(.quiz-ready) .quiz-progress,.capture-quiz:not(.quiz-ready) .quiz-progress-track{display:none}
@media(max-width:1000px){.zokko-catalog .project-body h3,.project-price strong{font-size:20px}.project-title-row{gap:8px}.zokko-catalog .project-body{padding:13px}.catalog-capture{padding:30px;gap:25px}.capture-copy h3{font-size:31px}.capture-perks{gap:7px}.capture-perks>span{padding:10px;font-size:11px}.capture-split,.capture-quiz{padding:0;gap:0}.capture-split .capture-copy{padding:28px 25px 15px}.capture-split .capture-contact{padding:5px 25px 25px}.capture-split .capture-copy h3{font-size:28px}.quiz-intro{padding:26px}.quiz-intro h3{font-size:27px}.quiz-content{padding:23px}.quiz-options{gap:7px}.quiz-options label>span{font-size:10px}.quiz-step legend{font-size:18px}}
@media(max-width:680px){.zokko-catalog{padding-top:40px}.catalog-masthead{padding-bottom:12px;margin-bottom:20px}.catalog-masthead>span{font-size:17px}.catalog-masthead small{font-size:8px;letter-spacing:0}.zokko-catalog .projects-grid{grid-template-columns:1fr;gap:18px}.zokko-catalog h2{font-size:30px;line-height:1.1}.zokko-catalog .catalog-intro{font-size:12px}.zokko-catalog .project-body{padding:14px}.zokko-catalog .project-body h3{font-size:20px}.project-price strong{font-size:20px}.project-price small{font-size:8px}.project-description{font-size:11px}.zokko-catalog .project-specs{gap:22px;margin:13px 0}.zokko-catalog .project-specs strong{font-size:12px}.zokko-catalog .project-specs span{font-size:9px}.zokko-catalog .project-specs .spec-symbol{font-size:24px}.zokko-catalog .slider-tabs button{padding:6px 8px;font-size:9px;min-height:27px}.zokko-catalog .slider-footer{left:12px;right:12px;bottom:12px}.project-number,.project-watermark{top:12px}.project-number{left:12px;min-width:26px;height:26px;font-size:10px}.project-watermark{right:12px;font-size:10px}.project-cta.button{min-height:43px;font-size:11px}.catalog-capture{margin:15px 0;padding:27px 22px;grid-template-columns:1fr;gap:24px}.capture-banner{min-height:0}.capture-copy h3{font-size:30px}.capture-copy p{font-size:13px}.capture-copy .eyebrow{font-size:8px;margin-bottom:14px}.capture-contact{padding:22px}.capture-contact h4{font-size:18px}.capture-perks{margin-top:20px}.capture-perks>span{font-size:10px;padding:10px 8px}.capture-perks small{font-size:9px}.capture-split{padding:0;gap:0}.capture-photo{grid-column:1;grid-row:1;height:220px}.capture-photo img{min-height:0;height:220px}.capture-split .capture-copy{grid-column:1;grid-row:2;padding:26px 22px 18px}.capture-split .capture-contact{grid-column:1;grid-row:3;padding:0 22px 25px}.capture-split .lead-form-compact{display:flex}.capture-split .lead-form-compact .consent{margin-bottom:13px}.capture-split .lead-form-compact .submit-button{width:100%;align-self:auto}.capture-quiz{padding:0;gap:0}.quiz-intro{padding:28px 24px}.quiz-intro h3{font-size:29px;max-width:300px}.quiz-intro .eyebrow{margin-bottom:16px}.quiz-intro p{margin-top:15px}.quiz-note{display:none}.quiz-content{padding:24px 18px}.quiz-options{grid-template-columns:1fr;gap:10px}.quiz-options label{display:grid;grid-template-columns:100px 1fr;align-items:center}.quiz-options img{aspect-ratio:1.5;height:75px}.quiz-options label>span{font-size:12px;padding:12px}.quiz-step legend{font-size:21px}.quiz-navigation{margin-top:20px}.quiz-contact h4{font-size:25px}.lead-form-compact input[type=tel]{font-size:16px}.project-title-row{flex-wrap:wrap}.project-price{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.quiz-progress-track>span{transition:none}}