@charset "UTF-8";
:root{--paper:#faf7f2;--ink:#292522;--muted:#72675e;--accent:#8c5945;--line:#dcd0c4;--soft:#eee6dc;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.07}h1{font-size:clamp(42px,4vw,61px)}h2{font-size:clamp(35px,3.5vw,51px)}h3{font-size:30px}em{color:var(--accent)}.wrap{max-width:1380px;width:calc(100% - 96px);margin:auto}.demo{background:#332a25;color:#f4ece2;text-align:center;padding:10px 20px;font-size:11px}.demo span{letter-spacing:.14em;margin-right:18px;font-size:9px;color:#e3c1ad}.header{display:flex;align-items:center;justify-content:space-between;min-height:95px;border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:.025em;font-weight:600;color:#65453b}.brand small{font:12px var(--serif);letter-spacing:0;display:block;margin-top:3px}.header nav{display:flex;gap:30px;font-size:12px}.header-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.crumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:24px 0 30px}.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:60px;align-items:start}.hero-photo{position:relative;display:block;padding:0;width:100%;border-radius:15px;background:#e2d8ce;overflow:hidden}.hero-photo>img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:52% 60%}.photo-label{position:absolute;top:20px;left:20px;background:#fffdf2eb;border-radius:30px;padding:7px 13px;font-size:10px}.expand{position:absolute;bottom:20px;right:20px;border-radius:50%;background:#faf7f2;width:43px;height:43px;display:grid;place-items:center;font-size:24px}.gallery-controls{display:flex;gap:12px;margin-top:15px}.thumb{width:100px;background:transparent;padding:5px;border:1px solid transparent;border-radius:8px}.thumb.active{border-color:var(--accent)}.thumb img{width:100%;height:58px;object-fit:cover;border-radius:4px;display:block}.thumb span{display:block;text-align:left;font-size:10px;margin:5px 0 0}.drawing-button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 15px;background:var(--soft);border-radius:8px;margin-left:auto;font-size:12px}.drawing-button svg{width:34px;stroke:var(--accent);fill:none;stroke-width:1.2}.small{font-size:11px;line-height:1.5;color:var(--muted);display:block}.photo-note{font-size:11px;line-height:1.55;max-width:530px;color:var(--muted);margin-top:15px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:600;margin-bottom:20px}.hero-copy{padding-top:3px}.intro{font-size:13px;line-height:1.65;color:var(--muted);max-width:440px;margin:22px 0}.dimensions{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:8px}.dimensions span{font-size:11px;color:var(--muted)}.dimensions b{font-size:24px;font-weight:400;color:var(--ink)}.dimensions small{display:block;font-size:10px;margin-top:2px}.finish-line{display:flex;gap:24px;align-items:center;margin-top:26px;font-size:11px}.finish-line strong{font-weight:400;color:var(--accent)}.finish-buttons{display:flex;align-items:center;gap:13px;margin-top:12px}.finish{width:32px;height:32px;border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line)}.finish[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.white{background:#f8f6f0}.wood{background:#8b5737 url('../../../assets/pvc/10016.jpg') center/cover}.finish-buttons a{font-size:11px;margin-left:12px;border-bottom:1px solid var(--line)}.finish-buttons a span{margin-left:12px}.price{display:flex;justify-content:space-between;align-items:end;margin:24px 0 10px;padding-top:21px;border-top:1px solid var(--line)}.price div{display:flex;align-items:baseline;gap:12px}.price b{font:40px var(--serif);letter-spacing:-.04em}.price span,.price p{font-size:11px;color:var(--muted)}.price p strong{font-size:14px;font-weight:400;color:var(--ink)}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:14px 22px;font-size:12px;border-radius:5px}.primary{background:var(--accent);color:#fff}.primary:hover{background:#744734}.button span{font-size:21px}.hero-copy>.button{margin-top:20px}.text-button{display:inline-block;background:none;padding:8px 0;border-bottom:1px solid var(--line);color:var(--accent);font-size:11px}.hero-copy>.text-button{margin-top:6px}.section{margin-top:74px;padding-top:60px;border-top:1px solid var(--line)}.calculator{background:var(--soft);border:0;border-radius:16px;padding:42px;display:grid;grid-template-columns:.85fr 1.2fr;gap:60px}.calc-heading>p:not(.eyebrow){font-size:12px;max-width:330px;margin:20px 0 14px;color:var(--muted)}.subtle{font-size:11px;border-bottom:1px solid var(--line);color:var(--accent)}.inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.inputs label{font-size:10px;color:#61544b}.inputs input,.inputs select{display:block;width:100%;margin-top:9px;min-height:48px;padding:10px 12px;border:1px solid #c5b5a6;border-radius:5px;background:var(--paper);font-size:17px;color:var(--ink)}#calc-error{color:#a13924;font-size:12px;margin-top:12px}#calc-error:empty{display:none}.result{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d0c0b1;padding-top:22px;margin-top:25px}.result strong{display:block;font:32px var(--serif);margin:5px 0;letter-spacing:-.03em}.result span,.result small{font-size:10px;color:var(--muted)}.result .total{text-align:right}.calc-note{font-size:10px;color:var(--muted);line-height:1.6;margin:20px 0}.calc-form>.button{width:100%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-title>p{font-size:12px;color:var(--muted);max-width:380px}.collection-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px}.collection-grid>a{display:block;background:var(--soft);border-radius:12px;padding:24px}.swatch-row{display:flex;gap:12px;height:135px}.swatch-row img{width:calc((100% - 24px)/3);height:100%;object-fit:cover;border-radius:9px}.collection-caption{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.collection-caption small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-bottom:8px}.collection-caption strong{font:29px var(--serif);letter-spacing:-.04em}.collection-caption>b{font-size:30px;font-weight:400;color:var(--accent)}.finish-guidance{padding:14px 10px 14px 25px}.number{font-size:10px;color:var(--accent);letter-spacing:.2em}.finish-guidance h3{margin-top:22px}.finish-guidance p{font-size:12px;color:var(--muted);margin-top:17px;max-width:370px}.finish-guidance .text-button{margin-top:12px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.details h3{margin-bottom:15px}.details dl{margin:0}.details dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;max-width:55%}.accordions details{border-bottom:1px solid var(--line);padding:17px 0}.accordions details:first-child{padding-top:0}.accordions summary{cursor:pointer;font-size:14px;min-height:30px}.accordions p{font-size:12px;color:var(--muted);margin:12px 0}.closing{text-align:center;padding:70px 0;margin-top:70px;border-top:1px solid var(--line)}.closing>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:20px 0}.closing>.button{display:inline-flex;min-width:300px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding:28px 0;font-size:10px;color:var(--muted)}footer strong{color:var(--accent);font-size:15px}footer a{border-bottom:1px solid var(--line)}dialog{padding:35px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--paper);width:min(740px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto}dialog::backdrop{background:#231c17b5}.close{float:right;width:42px;height:42px;border:1px solid var(--line);background:var(--paper);border-radius:50%;font-size:25px}.close:hover{background:var(--soft)}dialog h2{font-size:38px;margin-bottom:22px}dialog svg{display:block;width:100%;height:auto;margin-bottom:25px}#photo-dialog{width:min(1250px,calc(100% - 28px));padding:15px;position:relative}#photo-dialog .close{position:absolute;right:25px;top:25px}#large-photo{display:block;width:100%;height:auto;border-radius:9px}#request-summary{font:13px/1.8 var(--sans);white-space:pre-wrap;padding:20px;background:var(--soft);border-radius:8px}#request-dialog .button{margin-top:20px}#copy-status{font-size:12px;margin-top:12px;color:var(--accent)}.mobile-bar{display:none}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}[hidden]{display:none!important}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.hero{gap:35px}.dimensions{gap:22px}.calculator{gap:30px;padding:30px}.hero-photo>img{aspect-ratio:.95}.price{align-items:start;gap:15px}.price div{display:block}.price div span{display:block}.header nav{gap:20px}.drawing-button{padding:8px}.drawing-button svg{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.demo{font-size:10px;text-align:left;padding:10px 20px}.demo span{display:block;font-size:9px;margin-bottom:3px}.header{min-height:76px}.header nav{display:none}.brand{font-size:19px}.header-link{font-size:10px}.crumbs{padding:20px 0;font-size:9px;gap:7px}.hero{grid-template-columns:1fr;gap:28px}.hero-photo>img{aspect-ratio:1.25;object-position:center 66%}.gallery-controls{gap:9px}.thumb{width:80px}.thumb img{height:48px}.drawing-button{padding:12px}.drawing-button svg{display:block;width:24px}.photo-note{font-size:10px}.hero-copy{padding-top:0}h1{font-size:48px}.eyebrow{font-size:9px;margin-bottom:15px}.intro{font-size:13px;margin:18px 0}.dimensions{gap:30px}.price{align-items:end}.price div{display:flex}.price b{font-size:37px}.finish-line{margin-top:22px}.section{margin-top:48px;padding-top:37px}.calculator{padding:26px 20px;grid-template-columns:1fr;gap:25px}.calc-heading>p:not(.eyebrow){margin:15px 0 8px;max-width:none}.calc-heading h2{font-size:36px}.inputs{grid-template-columns:1fr 1fr;gap:16px 10px}.inputs label:last-child{grid-column:span 2}.inputs label{font-size:10px}.inputs select{font-size:16px}.result strong{font-size:27px}.result{gap:12px}.result small{display:block;font-size:10px}.calc-note{font-size:11px}.section-title{display:block;margin-bottom:25px}.section-title>p{margin-top:20px}.section-title>p br{display:none}.collection-grid{grid-template-columns:1fr;gap:20px}.collection-grid>a{padding:20px}.swatch-row{height:100px;gap:8px}.swatch-row img{width:calc((100% - 16px)/3)}.collection-caption strong{font-size:26px}.finish-guidance{padding:10px 0}.finish-guidance h3 br{display:none}.finish-guidance h3{font-size:30px;margin-top:13px}.details-grid{grid-template-columns:1fr;gap:35px}.details dl div{font-size:11px}.closing{margin-top:45px;padding:45px 0}.closing h2{font-size:38px}.closing>.button{min-width:100%}footer{flex-wrap:wrap;padding-bottom:100px;gap:15px}footer>span{order:3;width:100%}.mobile-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#faf7f2f5;border-top:1px solid var(--line);z-index:4;backdrop-filter:blur(8px)}.mobile-bar>span{font-size:13px}.mobile-bar small{display:block;font-size:9px;color:var(--muted)}.mobile-bar>a{background:var(--accent);border-radius:5px;color:white;padding:12px 20px;font-size:12px}dialog{padding:22px}dialog h2{font-size:32px}#request-summary{padding:15px;font-size:12px}.close{width:37px;height:37px}.hero-copy>.button{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.price-unit{font:16px var(--sans);letter-spacing:0;margin-left:5px;color:var(--muted)}

.price b{font-size:clamp(26px,3vw,40px)}.inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.inputs label:last-child{grid-column:auto}#product-status{font-size:12px;color:var(--accent);margin-top:12px}button:disabled{opacity:.55;cursor:default}.thumb{flex-shrink:0}.gallery-controls{flex-wrap:wrap}.thumb span{overflow-wrap:anywhere}.dimensions b{font-size:19px}#request-summary{overflow-wrap:anywhere}

.finish-buttons .collection-dot{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;margin:0;min-width:50px;font-size:9px}.collection-dot img{display:block;width:32px;height:32px;object-fit:cover;border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line)}.collection-dot:hover img{box-shadow:0 0 0 2px var(--accent)}.finish-buttons .collection-link{margin-left:8px;align-self:center}.finish-compatibility{margin-top:12px;max-width:400px}.finish-buttons{align-items:flex-start;flex-wrap:wrap}


.photo-choices{display:flex;gap:9px;margin-top:12px;overflow-x:auto}.photo-thumb{flex:0 0 78px;width:78px;padding:3px;border:1px solid transparent;border-radius:7px;background:transparent}.photo-thumb.active{border-color:var(--accent)}.photo-thumb img{display:block;width:100%;height:52px;object-fit:cover;border-radius:4px}.photo-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:760px){.photo-choices{gap:7px}.photo-thumb{flex-basis:70px;width:70px}.photo-thumb img{height:46px}}


.hero-photo-wrap{position:relative}.hero-photo-wrap>.expand{border:1px solid var(--line);cursor:pointer;z-index:2}.photo-count{position:absolute;bottom:22px;left:20px;background:rgba(250,247,242,.92);border-radius:20px;padding:6px 12px;font:12px Arial,sans-serif;color:#25241f;pointer-events:none}.hero-photo-wrap>.expand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Clear return path above the product and in the mobile action bar. */
.catalog-return-row{margin:-8px 0 24px}.catalog-return{display:inline-flex;align-items:center;min-height:46px;padding:12px 20px;border:1px solid var(--accent);border-radius:6px;background:var(--soft);color:var(--accent);font-size:14px;font-weight:600}.catalog-return:hover{background:var(--accent);color:#fff}.header-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:5px;font-size:13px;white-space:nowrap}.header-link:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){.catalog-return-row{margin:0 0 20px}.catalog-return{width:100%;justify-content:center}.mobile-bar{gap:10px}.mobile-bar>span{min-width:0;font-size:12px}.mobile-bar>.catalog-return-mobile{background:transparent;color:var(--accent);padding:12px 0;white-space:nowrap}.mobile-bar>a:last-child{padding:12px 14px}}