/* Modern visual system: responsive layouts with the existing catalog and quote behavior. */
:root{--green:#173f35;--dark:#102b24;--orange:#f26d35;--paper:#f4f6f2;--ink:#142c24;--muted:#617169;--line:#dfe6df}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;background:#fcfdfb}h1,h2,h3{letter-spacing:-.055em}h2{font-weight:600;line-height:1.08}.wrap{width:min(1280px,calc(100% - 96px))}.topbar{background:#102b24;font-size:11px}.topbar .wrap{padding:8px 0;color:#c5d6ca}.topbar a{color:#fff}header{background:#fcfdfbf2;backdrop-filter:blur(18px);border-bottom:1px solid #e5ebe3}.nav{height:84px}.logo{width:245px}nav{gap:26px;font-size:12px;font-weight:500}.btn{border-radius:100px;padding:17px 25px;box-shadow:0 3px 0 #00000008;font-size:13px;transition:background .2s,transform .2s}.btn:hover{background:#dd5720;transform:translateY(-2px)}.btn.small{padding:13px 21px;font-size:12px}.eyebrow{font-size:9px;letter-spacing:.15em}.hero{background:#102b24;color:white;position:relative;padding:25px 0 48px}.hero-grid{grid-template-columns:.95fr 1.05fr;min-height:600px;gap:65px}.hero-copy{padding:48px 0 25px}.hero-copy>.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid #567165;border-radius:100px;font-size:8px;color:#e4eee5;margin-bottom:30px}.hero h1{font-size:clamp(64px,7.3vw,108px);font-weight:600;line-height:.98;letter-spacing:-.075em;margin-bottom:30px}.hero h1 em{font-family:inherit;font-style:normal;font-weight:600;color:#f78650}.hero-copy>p{font-size:17px;color:#bdcec3;max-width:380px;line-height:1.7}.hero-copy .text-link{color:#fff}.hero-copy .text-link:hover{color:#ff9a64}.hero-copy .actions{margin-top:30px;gap:30px}.hero-note{font-size:10px;color:#a5bcae;line-height:1.6;margin-top:45px;max-width:340px}.hero-note>span{color:#fc9d64}.hero-visual{margin:0;align-self:center;display:block;height:535px;border-radius:24px;position:relative;background:#c9d5ce;isolation:isolate}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:24px;filter:saturate(.86)}.hero-visual:after{content:'';position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,#07160d00 35%,#07160d66 100%);pointer-events:none;z-index:0}.photo-label{top:20px;left:20px;padding:10px 13px;border-radius:100px;background:#fffdf3f0;color:#173f35;font-size:7px;letter-spacing:.07em;z-index:2;max-width:calc(100% - 40px)}.float-card{bottom:20px;left:20px;right:20px;width:auto;background:#fcfdfbf0;color:#173f35;border:1px solid #fff8;border-radius:16px;padding:20px 23px;z-index:2;backdrop-filter:blur(15px)}.float-card>span{font-size:8px;color:#687e70;opacity:1}.float-card strong{font-size:25px;letter-spacing:-.04em;margin-top:7px;font-weight:500}.float-card strong br{display:none}.float-card a{color:#fff;background:var(--green);border-radius:50%;height:40px;width:40px;display:grid;place-items:center;right:20px;bottom:23px;font-size:21px}.benefit-strip{background:#eaf0e8;border-bottom:none}.benefit-strip .wrap{padding:22px 0;font-size:11px;font-weight:500}.benefit-strip b{font-size:20px;color:#3b6550}.section{padding-top:85px;padding-bottom:75px}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(38px,4.1vw,57px)}.section-head>p{font-size:14px}.catalog-toolbar{padding:18px 22px;background:#f0f4ee;border:1px solid #e6ece2;border-radius:16px;align-items:center}.catalog-search{font-size:10px;font-weight:600;letter-spacing:.03em}.catalog-search input{background:#fff;border-radius:10px;border-color:#d8e2d7;margin-top:7px;padding:12px 15px;font-size:13px}.catalog-toolbar p{margin:22px 0 0;font-size:11px}.tabs{gap:8px;margin-top:22px}.tabs button{border-radius:100px;background:#fff;border-color:#dbe4d7;font-size:11px;padding:11px 17px}.tabs button:hover{border-color:var(--green)}.product-grid{gap:22px}.product{border:1px solid #e1e7de;border-radius:20px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-5px);box-shadow:0 16px 40px #13311d0c}.catalog-photo{height:255px;background:#f1f4ef;padding:23px;border-bottom:1px solid #e1e7de}.catalog-product h3{font-size:23px;line-height:1.12;min-height:51px;font-weight:600}.product-body{padding:25px}.catalog-product p{font-size:12px;line-height:1.8;min-height:65px}.product-meta{font-size:9px;padding-bottom:17px}.catalog-product .product-link{font-size:11px;letter-spacing:0;color:var(--green);padding-top:18px}.help-row{border:1px dashed #c8d6c5;border-radius:12px;background:#f4f7f1;padding:22px;color:#526b5a}.help-row .text-link{font-size:12px}.color-section{border-top:1px solid #e2e9df;padding-top:65px;padding-bottom:65px}.color-section h2{font-size:42px}.palette-preview{border:1px solid #e0e8da;border-radius:22px;background:linear-gradient(120deg,#f1f5ed,#e9f0e5);padding:28px;gap:45px;grid-template-columns:350px 1fr}.preview-art{filter:drop-shadow(0 18px 18px #214b2314)}.preview-color-name{font-size:29px;font-weight:600;letter-spacing:-.04em}.preview-info .eyebrow{font-size:8px}.preview-kind{font-size:12px}.preview-info small{font-size:10px}.preview-info .btn{font-size:11px;padding:13px 20px}.color-swatches{gap:12px}.color-swatch{border-radius:12px;padding:10px;background:#fff;transition:box-shadow .2s}.color-swatch:hover{box-shadow:0 4px 15px #173f3512}.swatch-chip{border-radius:7px;height:60px}.color-swatch strong{font-size:10px}.color-swatch[aria-pressed=true]{outline:2px solid var(--green)}.color-order-note{border-radius:10px}.size-section{background:#173f35;border-radius:30px;width:min(1380px,calc(100% - 48px));margin:auto;padding:65px 0}.size-grid{gap:90px}.size-grid .eyebrow{color:#faa273}.size-grid h2{font-size:50px}.size-grid p{font-size:13px}.size-grid .size-note{font-size:10px}.lengths button{border-radius:12px;background:#264f40;border-color:#5e7d69;font-size:19px}.lengths button.active{background:#eff5e8;color:var(--green)}.size-card{border-radius:20px;background:#eff4e9;padding:28px 35px;box-shadow:0 18px 40px #0001}.size-top{font-size:8px}.size-card .btn{font-size:12px}.size-card small{font-size:9px}.steps{gap:22px;margin-top:35px}.steps article{border:1px solid #dfe7db;border-radius:20px;background:#f3f6ef;padding:28px}.steps article>span{display:grid;place-items:center;width:37px;height:37px;background:#e1ead9;border-radius:50%;font-size:10px;font-weight:600;color:#325e3d}.steps h3{font-size:24px;margin-top:25px;font-weight:600}.steps p{font-size:12px;margin-bottom:0}.delivery{border-radius:25px;overflow:hidden;background:#edf2e8}.delivery-photo img{min-height:580px}.delivery-copy{padding:55px}.delivery-copy h2{font-size:49px}.delivery-copy .checklist{font-size:11px}.faq-section{gap:95px}.faq-section h2{font-size:46px}.faqs details{padding:20px 0}.faqs summary{font-size:13px;font-weight:500}.faqs details p{font-size:12px}.quote-section{background:#e9efe3;padding:80px 0}.quote-grid{gap:90px}.quote-intro h2{font-size:57px}.quote-intro>p{font-size:14px}.quote-intro>a.quote-phone{font-size:30px;font-weight:500}.quote-box{border-radius:22px;border:1px solid #e2e9db;box-shadow:0 10px 30px #10351b08;padding:35px}.quote-box legend{font-size:27px;font-weight:500}.quote-box input,.quote-box select,.quote-box textarea{border-radius:9px;border-color:#d9e2d4;background:#fdfefb;font-size:12px;padding:12px}.quote-box label{font-size:10px;font-weight:500}.quote-box .progress{font-size:8px}.quote-box .form-note{font-size:9px}.quote-box pre{border-radius:12px}.quote-box .btn{font-size:12px}.about-strip{padding:65px 0}.about-strip h2{font-size:39px}.about-strip p{font-size:13px}footer{background:#102b24;padding:55px 0 25px}.footer-grid img{border-radius:10px;background:#f8fbf4;padding:12px;width:260px}.footer-grid strong{font-size:20px}.footer-grid>div{font-size:11px}.footer-bottom{font-size:9px}.product-page{padding-top:25px}.detail-grid{gap:60px}.detail-description h1{font-size:clamp(38px,4.7vw,65px);font-weight:600}.detail-description p.detail-lede{font-size:19px}.detail-description p{font-size:13px;line-height:1.8}.detail-gallery img{border-radius:16px;background:#f1f4ed;padding:18px}.detail-gallery img:first-child{border-radius:22px;height:440px}.detail-description .checklist{background:#f1f5ed;border-radius:16px;padding:10px 20px;font-size:12px}.detail-description .checklist li:last-child{border-bottom:0}.table-scroll{border-radius:15px}table{font-size:11px}thead{background:#173f35}.product-specs h2{font-size:38px}.product-end{border-radius:20px;padding:35px;background:#edf3e7}.product-end h2{font-size:36px}.mobile-bar{background:#fcfdfbf2;backdrop-filter:blur(15px)}.mobile-bar a,.mobile-bar button{border-radius:100px}.business-address{font-size:12px}
@media(min-width:1500px){.hero-grid{min-height:640px}.hero-visual{margin:0;height:570px}.hero-visual>img{height:100%}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}nav{gap:18px}.logo{width:220px}.hero-grid{gap:35px;min-height:560px}.hero h1{font-size:78px}.hero-visual{height:490px}.hero-visual>img{height:100%}.float-card strong{font-size:21px}.hero-copy>p{font-size:15px}.hero-copy .actions{gap:22px}.hero-copy .btn{gap:20px}.size-grid,.quote-grid{gap:45px}.catalog-photo{height:225px}.delivery-copy{padding:35px}.delivery-copy h2{font-size:42px}.palette-preview{grid-template-columns:300px 1fr}}
@media(max-width:820px){.wrap{width:calc(100% - 40px)}.nav{height:74px}nav{top:74px;background:#fcfdfb;padding:24px}#menu{border-radius:10px;font-size:21px}.hero{padding-top:10px;padding-bottom:35px}.hero-grid{gap:24px;min-height:510px}.hero h1{font-size:62px}.hero-copy>.eyebrow{font-size:7px;padding:7px 9px;letter-spacing:.08em}.hero-copy>p{font-size:14px}.hero-visual{height:425px}.hero-copy .actions{gap:20px}.hero-copy .text-link{font-size:12px}.hero-copy .btn{font-size:12px;padding:15px 18px}.float-card{padding:15px;bottom:13px;left:13px;right:13px}.float-card strong{font-size:20px;max-width:160px}.float-card a{right:15px;bottom:20px;height:34px;width:34px}.photo-label{left:13px;top:13px;max-width:calc(100% - 26px);font-size:6px;padding:8px}.hero-note{font-size:9px;margin-top:30px}.product-grid{gap:14px}.product-body{padding:20px}.catalog-product h3{font-size:20px}.catalog-photo{height:195px;padding:16px}.catalog-product p{font-size:11px;min-height:80px}.catalog-product .product-link{font-size:10px}.size-section{width:calc(100% - 24px);border-radius:24px;padding:45px 0}.size-grid{gap:30px}.size-grid h2{font-size:41px}.size-card{padding:24px}.steps{gap:15px}.steps article{padding:22px}.steps h3{font-size:22px}.delivery-copy h2{font-size:36px}.delivery-copy{padding:28px}.delivery-photo img{min-height:550px}.faq-section{gap:40px}.faq-section h2{font-size:38px}.quote-grid{gap:40px}.quote-intro h2{font-size:45px}.quote-box{padding:25px}.palette-preview{grid-template-columns:260px 1fr;gap:22px}.preview-color-name{font-size:24px}.detail-grid{gap:30px}.detail-gallery img:first-child{height:340px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topbar{font-size:10px}.nav{height:72px}.logo{width:210px}nav{top:72px}.hero{padding:0 0 28px}.hero-grid{grid-template-columns:1fr;gap:25px;min-height:0}.hero-copy{padding:35px 0 0}.hero-copy>.eyebrow{font-size:7px;margin-bottom:23px}.hero h1{font-size:clamp(62px,17vw,82px);line-height:1.02;margin-bottom:22px}.hero-copy>p{font-size:15px;max-width:340px;line-height:1.65}.hero-copy .actions{margin-top:25px;gap:27px}.hero-copy .btn{padding:16px 21px;font-size:12px}.hero-note{font-size:9px;margin-top:25px;max-width:none}.hero-visual{margin:0;height:355px;min-height:0;border-radius:20px}.hero-visual>img{height:100%;border-radius:20px}.hero-visual:after{border-radius:20px}.photo-label{font-size:7px}.float-card{bottom:14px;left:14px;right:14px;padding:17px 19px;border-radius:13px}.float-card strong{font-size:21px;max-width:230px}.float-card a{right:18px;bottom:22px}.benefit-strip .wrap{padding:22px 0;font-size:10px;gap:18px 10px}.section{padding:58px 0}.section-head h2{font-size:39px}.catalog-toolbar{padding:17px;border-radius:14px}.catalog-toolbar p{margin-top:12px}.tabs{gap:6px}.tabs button{font-size:10px;padding:9px 13px}.product-grid{grid-template-columns:1fr;gap:20px}.product{border-radius:20px}.catalog-photo{height:290px;padding:25px}.product-body{padding:25px}.catalog-product h3{font-size:27px;min-height:0}.catalog-product p{font-size:13px;min-height:0}.product-meta{font-size:10px}.catalog-product .product-link{font-size:12px}.help-row{padding:21px;font-size:11px}.color-section{padding-top:45px;padding-bottom:45px}.color-section h2{font-size:36px}.palette-preview{grid-template-columns:1fr;padding:20px;gap:0;border-radius:20px}.preview-art{width:min(290px,100%)}.preview-info{gap:8px}.preview-color-name{font-size:25px}.preview-info .btn{width:100%;font-size:12px}.color-swatch{padding:8px;border-radius:10px}.color-swatch strong{font-size:9px}.color-swatches{gap:9px}.size-section{width:calc(100% - 20px);padding:40px 0;border-radius:24px}.size-grid{gap:24px;grid-template-columns:1fr}.size-grid h2{font-size:39px}.size-grid p{font-size:13px}.size-card{padding:25px}.steps{grid-template-columns:1fr;gap:16px}.steps article{padding:26px}.steps h3{font-size:25px;margin-top:20px}.steps p{font-size:13px}.delivery{border-radius:22px;grid-template-columns:1fr}.delivery-photo img{min-height:0;height:300px}.delivery-copy{padding:32px 26px}.delivery-copy h2{font-size:40px}.delivery-copy p{font-size:13px}.faq-section{gap:25px;grid-template-columns:1fr}.faq-section h2{font-size:39px}.faqs summary{font-size:13px}.quote-section{padding:55px 0}.quote-grid{grid-template-columns:1fr;gap:30px}.quote-intro h2{font-size:43px}.quote-intro>a.quote-phone{font-size:27px}.quote-box{padding:27px 22px}.quote-box legend{font-size:26px}.quote-box input,.quote-box select,.quote-box textarea{font-size:16px}.quote-box label{font-size:11px}.quote-intro>p{font-size:14px}.about-strip{padding:50px 0}.about-strip h2{font-size:37px}.footer-grid img{width:240px}.footer-grid>div{font-size:12px}footer{padding-bottom:100px}.footer-bottom{font-size:9px}.detail-grid{grid-template-columns:1fr}.detail-description h1{font-size:45px}.detail-gallery img:first-child{height:320px}.detail-description p{font-size:14px}.product-specs h2{font-size:32px}.product-end h2{font-size:31px}.product-page{padding-top:25px;padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.btn,.product,.catalog-photo img,.paint-body{transition:none}.btn:hover,.product:hover{transform:none}}