*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fffdf9;color:#30271f;font:18px/1.65 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #8c4d2e;outline-offset:5px}header{height:104px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded0c0;background:#fffdf9}nav{display:flex;gap:34px}nav a{text-decoration:none;font-size:16px;padding:12px 0}nav a:hover{text-decoration:underline}.logo{font-size:39px;font-weight:800;letter-spacing:-2.5px;line-height:1;text-decoration:none}.logo span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#30271f;color:#fffdf9;border:1px solid #30271f;padding:18px 25px;text-decoration:none;min-height:56px;font-size:17px;font-weight:600}.button:hover{background:#53321f}.small{font-size:15px;padding:13px 19px;min-height:48px}.hero{display:grid;grid-template-columns:47% 53%;min-height:655px}.hero-copy{padding:88px 9.5% 65px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 25px}.hero h1{font-size:clamp(45px,4.5vw,74px);line-height:1.07;letter-spacing:-3px;margin:0 0 28px;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:450px;color:#5f5145;margin-bottom:30px}.fine{font-size:13px;line-height:1.65;color:#68594c}.hero-photo{position:relative;min-height:600px;overflow:hidden}.hero-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55% center}.photo-label{position:absolute;bottom:36px;left:30px;right:30px;background:#fffdf9;padding:18px 23px;display:flex;justify-content:space-between;gap:14px;font-size:15px}.photo-label a{text-decoration:none}.image-note{position:absolute;top:15px;right:17px;background:#fffdf9;padding:3px 9px;font-size:11px}.promise{display:flex;justify-content:space-between;gap:22px;padding:24px 4.5%;border-block:1px solid #d9cabb;font-size:14px}.section{padding:105px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-heading>p{font-size:16px;color:#65574b}h2{font-size:clamp(34px,3.7vw,55px);line-height:1.13;letter-spacing:-2px;font-weight:500;margin:0 0 22px}h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;font-weight:500}.selector{display:grid;grid-template-columns:62% 38%;border:1px solid #d9cabb}.pattern-photo{position:relative;min-height:520px}.pattern-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.pattern-panel{padding:25px 32px;display:flex;flex-direction:column;justify-content:space-between}.patterns{margin-bottom:28px}.patterns button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #d9cabb;background:#fffdf9;text-align:left;padding:17px 0;font-size:17px}.patterns button[aria-pressed=true]{font-weight:700;border-bottom:2px solid #30271f}.pattern-panel .eyebrow{margin-bottom:12px;font-size:10px}.pattern-panel h3{margin:0 0 15px}.pattern-panel p:not(.eyebrow):not(.fine){font-size:16px;color:#5f5145}.text-button{border:0;background:transparent;padding:12px 0;color:#30271f;text-decoration:underline;text-underline-offset:6px;text-align:left;min-height:44px}.pattern-panel .text-button{display:flex;justify-content:space-between;font-size:16px}.planner{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-block:1px solid #d9cabb}.planner>div>p{max-width:430px}.calculator{align-self:center}.room{display:grid;grid-template-columns:1fr 115px 44px;gap:10px;margin-bottom:15px}.room label{font-size:12px;color:#5f5145}.room input{width:100%;padding:12px;border:1px solid #9e8b7a;min-height:48px;background:#fffdf9;color:#30271f;font-size:16px}.room button{border:0;background:#fffdf9;align-self:end;height:48px;font-size:25px}.total{border-top:1px solid #30271f;margin-top:20px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.total span{font-size:14px}.total strong{font-size:33px;white-space:nowrap;letter-spacing:-1px}.calculator>.button{width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #30271f;padding-top:20px}.steps article>span{font-size:13px}.steps p{font-size:16px;color:#5f5145}.detail-band{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #d9cabb}.detail-band img{width:100%;height:540px;object-fit:cover}.detail-band>div{padding:70px 12%;align-self:center}.detail-band p:not(.eyebrow){color:#5f5145;font-size:17px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:10%}.faq>div>p{font-size:16px}details{border-top:1px solid #d0bfac;padding:20px 0}details:last-child{border-bottom:1px solid #d0bfac}summary{cursor:pointer;font-size:18px;padding:4px 25px 4px 0}details p{font-size:16px;color:#5f5145}.closing{text-align:center;border-top:1px solid #d9cabb;padding:85px 20px}.closing h2{font-size:clamp(44px,5.5vw,80px);margin-bottom:35px}footer{padding:45px 4.5% 25px;border-top:1px solid #d9cabb}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-top p,.footer-top>a:last-child{font-size:15px}.footer-bottom{border-top:1px solid #d9cabb;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#65574b}.footer-bottom button{font-size:13px}.skip{position:fixed;top:-100px;left:20px;background:#30271f;color:#fffdf9;padding:14px;z-index:10}.skip:focus{top:10px}dialog{border:1px solid #9e8b7a;padding:45px;max-width:730px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;color:#30271f;background:#fffdf9}dialog::backdrop{background:#30271f99}dialog h2{font-size:36px}dialog>p{font-size:16px}.close{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;background:#fffdf9;font-size:30px}form label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}form label span{font-weight:400}form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;border:1px solid #9e8b7a;border-radius:0;background:#fffdf9;color:#30271f;padding:11px;margin-top:6px;min-height:48px;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;gap:13px;font-weight:400;align-items:flex-start;font-size:14px}.check input{width:22px;height:22px;flex-shrink:0;accent-color:#30271f}.inline-link{border:0;padding:0;background:none;color:#30271f;text-decoration:underline;font:inherit}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{font-size:16px}#privacy-dialog p{font-size:16px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:950px){nav{gap:15px}nav a{font-size:13px}.hero-copy{padding:65px 8%}.hero h1{letter-spacing:-2px}.hero{min-height:570px}.hero-photo{min-height:570px}.photo-label{flex-direction:column;left:18px;right:18px;bottom:18px;gap:0}.section{padding:75px 5%}.pattern-panel{padding:20px}.selector{grid-template-columns:55% 45%}.planner{gap:6%}.steps{gap:24px}.detail-band>div{padding:40px 9%}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}}@media(max-width:650px){header{height:82px;padding:0 5%}.logo{font-size:34px}nav{display:none}.small{padding:12px 15px;font-size:14px}.hero{display:flex;flex-direction:column}.hero-copy{padding:50px 6% 34px}.hero h1{font-size:49px;letter-spacing:-2px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:23px}.intro{font-size:17px;max-width:none}.hero-photo{height:440px;min-height:0}.hero-photo>img{object-position:center}.photo-label{font-size:14px;flex-direction:row;align-items:center;padding:14px}.photo-label>span{max-width:140px}.promise{padding:18px 6%;font-size:12px;display:grid;grid-template-columns:1fr;gap:8px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:25px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:20px}h2{font-size:36px;letter-spacing:-1.5px}.selector{display:flex;flex-direction:column}.pattern-photo{min-height:310px}.pattern-panel{padding:22px}.patterns{margin-bottom:25px}.patterns button{padding:15px 0}.planner{display:block}.calculator{margin-top:30px}.room{grid-template-columns:minmax(0,1fr) 100px 36px;gap:8px}.total strong{font-size:29px}.steps{display:block}.steps article{margin-top:30px;padding-top:17px}.steps h3{margin:18px 0 10px}.detail-band{display:flex;flex-direction:column}.detail-band img{height:330px}.detail-band>div{padding:45px 6% 55px}.faq{display:block}.faq>div:first-child{margin-bottom:35px}.closing{padding:65px 6%}.closing h2{font-size:50px}.footer-top{display:grid;gap:15px}.footer-top p{margin:0}.footer-bottom{display:block}.footer-bottom>span{display:block;margin:10px 0}dialog{padding:40px 22px 25px}.form-grid{grid-template-columns:1fr}.button{gap:20px;font-size:16px}.check{font-size:13px}}

/* Warm PVCer palette: cream, sand, oak and deep brown. */
body{background:#fbf8f3;color:#30271f}header{background:#fffdf9}.hero-copy{background:#f4eadc}.hero h1 em{color:#8c4d2e}.button{background:#70462f;border-color:#70462f;color:#fffdf9}.button:hover{background:#53321f;border-color:#53321f}.promise{background:#ede0cf;color:#4a392b}.pattern-panel,.patterns button{background:#fffdf9}.patterns button[aria-pressed=true]{color:#70462f;border-bottom-color:#70462f}.planner{background:#efe2d1}.room button{background:transparent;color:#70462f}.detail-band{background:#f4eadc}.closing{background:#ead6c0}footer{background:#f6efe5}.eyebrow{color:#735039}.photo-label,.image-note{background:#fffaf3}.check input{accent-color:#70462f}.skip{background:#70462f}.text-button,.inline-link{color:#70462f}.fine{font-size:14px}.room label{font-size:14px}.footer-bottom{font-size:13px}

/* Full-width inspiration slider */
.hero-slider{position:relative;background:#f4eadc;isolation:isolate}.hero-slide{position:relative;min-height:clamp(570px,calc(100svh - 104px),760px);padding:40px 7% 105px;display:flex;align-items:center}.hero-slide[hidden]{display:none}.slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 60%;z-index:-1}.slide-copy{max-width:510px;padding:35px 38px 27px;background:#fbf8f3f5;box-shadow:0 8px 32px #30271f0d}.slide-copy h1,.slide-copy h2{font-size:clamp(42px,4.15vw,65px);line-height:1.08;letter-spacing:-2.5px;font-weight:500;margin:0 0 24px}.slide-copy em{font:italic 1em Georgia,serif;color:#8c4d2e}.slide-copy .intro{font-size:17px;margin:0 0 25px}.slide-copy .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:22px}.slide-copy .fine{margin-bottom:0}.slide-caption{position:absolute;right:30px;bottom:30px;background:#fffaf3;padding:7px 13px;color:#5f5145;font-size:13px}.slider-controls{position:absolute;bottom:25px;left:7%;display:flex;align-items:center;gap:16px;padding:5px 10px;background:#fffaf3;color:#30271f;max-width:86%}.slider-controls button{background:transparent;color:#70462f;border:0;min-width:44px;min-height:44px;display:inline-flex;justify-content:center;align-items:center}.slider-arrows,.slider-dots{display:flex}.slider-arrows button{font-size:25px}.slider-dots button{min-width:36px;padding:8px}.slider-dots span{width:8px;height:8px;border:1px solid #70462f;border-radius:50%;background:transparent}.slider-dots [aria-pressed=true] span{background:#70462f;box-shadow:0 0 0 4px #ead6c0}#slide-count{font-size:12px;white-space:nowrap}#slide-pause{font-size:13px;padding:8px 12px;border-left:1px solid #d9cabb;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:950px){.hero-slide{padding-left:5%;padding-right:5%}.slide-copy{max-width:460px;padding:30px}.slider-controls{left:5%;gap:8px}.slide-caption{right:20px;font-size:12px}}@media(max-width:650px){.hero-slide{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}.slide-image{position:static;height:310px;width:100%;object-position:65% 65%;z-index:auto}.slide-copy{max-width:none;padding:30px 6% 22px;background:#f4eadc;box-shadow:none}.slide-copy h1,.slide-copy h2{font-size:43px;letter-spacing:-1.8px}.slide-copy .eyebrow{font-size:10px}.slide-copy .intro{font-size:17px}.slide-caption{top:265px;bottom:auto;right:15px;font-size:11px}.slider-controls{position:static;margin:0 6%;padding:6px 0 16px;max-width:none;background:#f4eadc;justify-content:space-between;gap:4px}.slider-dots button{min-width:30px}.slider-arrows button{min-width:40px}#slide-pause{padding:8px;font-size:12px}#slide-count{font-size:11px}.slide-copy .button{width:100%;gap:12px}}

/* Crossfade photography, sliding copy and a slow camera move. */
.hero-slider{overflow:hidden}.slider-track{display:grid;position:relative}.hero-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1000ms ease,visibility 0s 1000ms;z-index:0;overflow:hidden}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1000ms ease,visibility 0s;z-index:1}.slide-image{z-index:0;transform:scale(1.08);transition:transform 6000ms linear;will-change:transform}.is-active .slide-image{transform:scale(1)}.slide-copy{position:relative;z-index:1;transform:translateX(-45px);opacity:0;transition:opacity 550ms ease,transform 800ms cubic-bezier(.2,.7,.2,1)}.is-active .slide-copy{opacity:1;transform:translateX(0);transition-delay:220ms}.slide-copy>*{opacity:0;transform:translateY(18px);transition:opacity 500ms ease,transform 700ms ease}.is-active .slide-copy>*{opacity:1;transform:translateY(0);transition-delay:350ms}.is-active .slide-copy .intro{transition-delay:470ms}.is-active .slide-copy .button{transition-delay:580ms}.is-active .slide-copy .fine{transition-delay:650ms}.slide-caption{z-index:2}.slider-controls{z-index:3}.hero-slide::after{content:"";position:absolute;left:0;bottom:0;height:3px;background:#70462f;width:100%;transform:scaleX(0);transform-origin:left;z-index:3}.hero-slider[data-playing=true] .is-active::after{animation:slide-progress 5s linear forwards}@keyframes slide-progress{to{transform:scaleX(1)}}@media(max-width:650px){.slide-image{transform:scale(1.04)}.is-active .slide-image{transform:scale(1)}.slide-copy{transform:translateY(22px)}.is-active .slide-copy{transform:translateY(0)}.hero-slide::after{display:none}}@media(prefers-reduced-motion:reduce){.hero-slide,.slide-image,.slide-copy,.slide-copy>*{transition:none!important;transform:none!important}.hero-slide::after{animation:none!important}.hero-slide:not(.is-active){visibility:hidden}}

.hero-slide:nth-child(2) .slide-image{object-position:72% center}.hero-slide:nth-child(3) .slide-image{object-position:70% center}@media(max-width:650px){.hero-slide:nth-child(2) .slide-image{object-position:65% 55%}.hero-slide:nth-child(3) .slide-image{object-position:74% 45%}}