:root{--navy:#183449;--ink:#223543;--slate:#5c6871;--paper:#faf9f6;--stone:#e7e4df;--brass:#b99559}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 "Segoe UI",Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,.wordmark,.brand-name{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(46px,4.6vw,72px);line-height:1.08;letter-spacing:-2px;margin:26px 0}h2{font-size:clamp(34px,3.2vw,49px);line-height:1.14;letter-spacing:-1.2px;margin:0}h3{font-size:20px;font-weight:500}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #a27a37;outline-offset:4px}button{border:0;background:none}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:0}.preview-note{padding:5px 4%;background:#e9edf0;font-size:12px;text-align:center;color:#3e5260}.preview-note span{margin-left:18px}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--stone)}.wordmark{font-size:27px;letter-spacing:-.7px;line-height:1.2;white-space:nowrap}.wordmark small{display:block;font:12px "Segoe UI",sans-serif;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:28px;font-size:14px}nav a:hover,.text-link:hover,.text-button:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{font-size:13px;border:1px solid var(--navy);padding:11px 18px;border-radius:4px}#menu{display:none}.hero{display:grid;grid-template-columns:46% 54%;min-height:560px;background:var(--navy);color:white}.hero-copy{padding:57px 8% 35px 9%}.location{font-size:13px;color:#d1dce4}.hero-copy>p:not(.location){font-size:18px;color:#e1e7eb;max-width:370px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--navy);color:white;padding:14px 23px;border-radius:4px;font-size:14px;font-weight:600;min-height:48px}.button:hover{filter:brightness(1.12)}.button.light{background:var(--paper);color:var(--navy)}.hero-link{font-size:14px;border-bottom:1px solid #9cabb6;padding:7px 0}.hero-foot{border-top:1px solid #4a6070;padding-top:20px;margin-top:44px;font-size:13px;color:#c5d3dc}.hero-photo{position:relative;min-height:400px}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo>span{position:absolute;bottom:15px;right:20px;background:#ffffffeb;color:#253947;padding:6px 12px;font-size:11px;border-radius:3px}.service-strip{display:flex;justify-content:space-around;gap:20px;padding:24px 5%;border-bottom:1px solid var(--stone);font-size:13px}.section{max-width:1370px;margin:auto;padding:85px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-label{font-size:13px;color:var(--slate);margin-bottom:13px}.section-heading>p{font-size:15px;color:var(--slate);margin:0;max-width:390px}.brand-intro{display:flex;gap:45px;align-items:center;padding:25px 0;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}.brand-name{font-size:33px;line-height:1}.brand-name small{display:block;font:11px "Segoe UI",sans-serif;margin-top:8px}.brand-intro p{margin:0;max-width:430px;font-size:14px;color:var(--slate)}.text-link{margin-left:auto;font-size:14px;border-bottom:1px solid #9aa5aa;white-space:nowrap}.line-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:32px}.line-card{padding:0 0 24px;border-bottom:1px solid var(--stone)}.line-card .line-kind{font-size:12px;color:var(--slate);margin-bottom:9px}.line-card h3{font-family:Georgia,serif;font-size:27px;margin:0 0 10px}.line-card p{font-size:14px;color:var(--slate);min-height:68px}.line-card button{padding:0;text-decoration:underline;text-underline-offset:5px;font-size:14px}.line-card .price-level{color:#936d35;font-size:15px;margin-bottom:10px}.collection-note{padding:25px 0 0;display:flex;gap:20px;font-size:13px;align-items:center}.collection-note span{flex:1;color:var(--slate)}.collection-note a{text-decoration:underline}.doors-section{background:#fff;max-width:none;padding-left:max(5%,calc((100% - 1233px)/2));padding-right:max(5%,calc((100% - 1233px)/2))}.toolbar{display:flex;gap:18px;align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--stone)}label{display:block;font-size:13px;font-weight:600}select,input[type=search]{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid #bfc7cb;border-radius:4px;padding:10px 12px;background:#fff;color:var(--ink)}.toolbar label{width:190px}.toolbar .search{flex:1}.text-button{padding:10px;font-size:13px}.results-note{font-size:12px;color:var(--slate);padding:20px 0}.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 26px}.door-card{min-width:0}.door-image{display:flex;width:100%;height:285px;background:#f4f3f0;justify-content:center;align-items:center;border-radius:3px;overflow:hidden}.door-image img{height:88%;width:88%;object-fit:contain;mix-blend-mode:multiply}.door-card h3{font:24px Georgia,serif;margin:17px 0 5px}.door-card p{font-size:12px;color:var(--slate);margin:3px 0}.door-card .door-line{font-size:12px;margin-top:10px}.door-card button.details{font-size:13px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.fineprint{font-size:12px;color:var(--slate);line-height:1.6;margin:24px 0 0}.empty{grid-column:1/-1;padding:40px;background:var(--paper)}.empty p{margin:8px 0}.inspiration{display:grid;grid-template-columns:1fr 1fr;background:#eeece7}.inspiration>img{height:430px;width:100%;object-fit:cover}.inspiration>div{padding:65px 12%;align-self:center}.inspiration p:not(.section-label){color:var(--slate);margin:24px 0;max-width:370px}.estimator{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.size-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:32px}.size-label span{font-weight:400;font-size:13px}#feet{width:70px;border:1px solid #bfc7cb;border-radius:4px;padding:8px;background:white;text-align:center}#feet-slider{width:100%;margin:23px 0 8px;accent-color:var(--navy)}.help{font-size:12px;color:var(--slate);margin:7px 0 25px}.checks{display:grid;gap:16px}.checks label{display:flex;align-items:center;gap:10px;font-weight:400}.checks small{margin-left:auto;color:var(--slate);font-size:12px}.checks input{accent-color:var(--navy);height:18px;width:18px}.estimate-result{padding:35px;background:var(--navy);color:white;border-radius:6px}.range{font:clamp(30px,3vw,43px)/1.2 Georgia,serif;letter-spacing:-1px;margin:14px 0}.result-caption{font-size:13px;color:#c3d1dc}.estimate-result dl{border-top:1px solid #577083;border-bottom:1px solid #577083;padding:16px 0;font-size:13px}.estimate-result dl div{display:flex;justify-content:space-between;gap:15px;margin:7px 0}.estimate-result dd{margin:0;white-space:nowrap}.estimate-result .fineprint{color:#d0dbe3;margin:20px 0}.estimate-result .button{width:100%}.result-link{display:block;text-align:center;font-size:13px;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.error{color:#ffe0ad;font-size:14px}.compare-wrap{margin-top:38px}.compare-wrap h3{font-size:16px}.comparison{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.compare-choice{text-align:left;padding:17px 18px;border:1px solid #bac5cb;border-radius:4px}.compare-choice[aria-pressed=true]{border:2px solid var(--navy);padding:16px 17px;background:#eef1f3}.compare-choice span{display:block;font-size:12px;color:var(--slate)}.compare-choice strong{display:block;font-size:15px;margin-top:4px;font-weight:600}.visit{display:flex;justify-content:space-between;gap:40px;background:var(--navy);color:white;padding:60px 8%}.visit .section-label{color:#bacbd6}.visit p:not(.section-label){color:#cbd7df;font-size:14px;margin:24px 0 0}.visit>div:last-child{align-self:center;text-align:center}.visit-email{display:block;margin-top:18px;text-decoration:underline}footer{padding:38px 4%;display:flex;align-items:center;gap:30px;flex-wrap:wrap;font-size:12px}footer p{margin:0;color:var(--slate)}footer>a:not(.wordmark){margin-left:auto;text-decoration:underline}footer>span{width:100%;font-size:11px;color:var(--slate)}dialog{max-width:850px;width:90%;max-height:90vh;overflow:auto;border:0;padding:45px;border-radius:8px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#112939b8}#close-dialog{position:absolute;right:12px;top:8px;font-size:30px;width:44px;height:44px}#door-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-image{background:#efeee9;border-radius:4px;padding:20px;display:flex;justify-content:center;align-items:center}.detail-image img{max-height:400px;object-fit:contain;mix-blend-mode:multiply}.detail-copy h2{margin:8px 0 14px}.detail-copy p{font-size:14px}.detail-copy .button{width:100%;margin-top:20px}.detail-copy select{font-size:13px}.detail-copy .fineprint{font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:15px 24px;z-index:100;border-radius:5px;font-size:14px;max-width:90%}
@media(min-width:1600px){.hero-copy{padding-left:max(9%,calc((100vw - 1330px)/2))}.hero{min-height:640px}}@media(max-width:1100px){header{gap:15px}nav{gap:16px;font-size:13px}.header-cta{display:none}.hero-copy{padding:45px 8%}.hero-actions{gap:18px}.hero-foot{margin-top:28px}.section{padding-top:65px;padding-bottom:65px}.line-grid{gap:20px}.estimator{gap:28px}.estimate-result{padding:26px}.door-image{height:235px}}@media(max-width:760px){html{scroll-padding-top:90px}.preview-note{font-size:11px}.preview-note span{display:none}header{height:78px;padding:0 5%}.wordmark{font-size:24px}.wordmark small{font-size:10px}#menu{display:block;font-size:14px;padding:10px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:22px 6%;border-bottom:1px solid var(--stone)}nav.open{display:grid;gap:22px}.hero{display:flex;flex-direction:column}.hero-copy{padding:34px 6%}.hero-photo{min-height:295px;order:2}.hero h1{font-size:50px;margin:21px 0}.hero-copy>p:not(.location){font-size:16px}.hero-foot{display:none}.hero-actions{margin:25px 0 6px}.hero-photo>span{font-size:10px;bottom:10px;right:10px}.service-strip{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:16px;padding:20px 6%}.section{padding:52px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:14px}.brand-intro{flex-wrap:wrap;gap:22px}.brand-intro p{flex:1;min-width:160px;font-size:12px}.brand-intro .text-link{margin-left:0}.line-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.line-card h3{font-size:24px}.line-card p{font-size:13px;min-height:85px}.collection-note{align-items:flex-start;flex-direction:column;gap:8px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toolbar label{width:auto}.toolbar .search{grid-column:1/-1}.text-button{justify-self:start;padding-left:0}.door-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.door-image{height:220px}.door-card h3{font-size:22px}.door-card p{font-size:11px}.inspiration{display:flex;flex-direction:column}.inspiration>img{height:260px}.inspiration>div{padding:40px 6%;align-self:stretch}.estimator{grid-template-columns:1fr;gap:25px}.form-row{grid-template-columns:1fr;gap:18px}.comparison{grid-template-columns:1fr 1fr;gap:12px}.compare-choice{padding:13px}.compare-choice[aria-pressed=true]{padding:12px}.compare-choice strong{font-size:13px}.size-label{font-size:12px}.checks label{font-size:12px}.checks small{font-size:10px}.visit{flex-direction:column;padding:45px 6%;gap:25px}.visit>div:last-child{text-align:left;align-self:start}.visit h2{font-size:37px}footer{padding:30px 6%;display:grid;gap:20px}footer>a:not(.wordmark){margin-left:0}#door-detail{grid-template-columns:1fr}dialog{padding:35px 20px}.detail-image img{max-height:240px}}@media(max-width:380px){.hero h1{font-size:43px}.door-image{height:185px}.line-card p{min-height:110px}.range{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
