@font-face{font-family:Conduit;src:url(assets/Conduit-Regular.woff2)}@font-face{font-family:Conduit;src:url(assets/Conduit-Bold.woff2);font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:#f3f1ea;color:#202521;font-family:Conduit,Arial,sans-serif;font-size:21px;line-height:1.4}h1,h2,h3,p{margin:0}h1,h2,h3,b,strong,nav,.btn{font-weight:700}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.03;letter-spacing:-.025em}h2{font-size:clamp(36px,3.8vw,56px);line-height:1.08;letter-spacing:-.02em}h3{font-size:28px;line-height:1.15}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.container{width:min(1320px,calc(100% - 80px));margin:auto}.header{background:#f3f1eaf5;position:sticky;top:0;z-index:10;border-bottom:1px solid #dadbd3;backdrop-filter:blur(12px)}.header-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:48px}.brand{display:flex;align-items:center;gap:28px;text-decoration:none;flex-shrink:0}.brand img{width:140px;height:auto}.brand b{font-size:27px;display:block;line-height:1.15}.brand small{display:block;font-size:15px;font-weight:700;letter-spacing:.04em;margin-top:9px}nav{display:flex;align-items:center;gap:30px;font-size:20px}nav a{text-decoration:none;white-space:nowrap}nav a:hover{color:#c72b28}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#c72b28;color:white;text-decoration:none;border:0;padding:16px 25px;min-height:54px;font-size:22px;transition:background .2s}.btn:hover{background:#a72120}.btn.outline{background:transparent;border:1px solid #777;color:inherit}.eyebrow{font-size:16px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:20px}.hero{padding-top:28px}.hero-grid{display:grid;grid-template-columns:.85fr 1.3fr;min-height:650px;background:#202521;color:white}.hero-copy{padding:65px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px}.hero-copy p{font-size:23px;max-width:410px;color:#e7e9e1}.hero-copy .eyebrow{margin:0;color:#d8cbb6}.hero-photo{width:100%;height:100%;min-height:650px;object-fit:cover}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:46px 0 60px;border-bottom:1px solid #d4d5ca}.features h3{margin-bottom:12px}.features p{color:#63685f;font-size:21px}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-head p{max-width:430px;color:#63685f}.dark{background:#202521;color:#fff}.dark .section-head p{color:#c4c9bd}.layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.layout{padding:0 0 26px;text-align:left;color:inherit;background:transparent;border:1px solid #5d635a;transition:border .2s}.layout:hover,.layout.active{border-color:#e9d3af}.layout img{aspect-ratio:4/3;object-fit:contain;background:#fff;width:100%}.layout h3,.layout p,.layout small{margin-left:25px;margin-right:25px}.layout small{display:block;margin-top:22px;color:#c4c9bd;letter-spacing:.1em;font-size:14px}.layout h3{margin-top:10px}.layout p{font-size:20px;color:#c4c9bd;margin-top:12px}.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.module{background:white;overflow:hidden}.module-visuals{display:grid;grid-template-columns:1fr 1fr;gap:0;background:white}.module-product{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:18px}.module-life{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.module-copy{padding:30px}.module-copy h3{margin-bottom:16px}.module-copy p{color:#5c6357}.module-copy small{display:block;border-top:1px solid #e2e4dc;margin-top:22px;padding-top:16px;color:#63685f;font-size:18px}.note{font-size:18px;color:#63685f;margin-top:25px}.worktops{background:#e9e7df}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:27px 22px;margin-top:35px}.swatch img{width:100%;aspect-ratio:1.6;object-fit:cover}.swatch b{display:block;font-size:23px;margin-top:10px}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.chips span{padding:8px 16px;border:1px solid #c1c4b5;font-size:18px}.config-panel{background:#202521;color:#fff;padding:60px;display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center}.config-panel p{margin-top:22px;font-size:25px;color:#d4d8cf;max-width:720px}.config-panel .btn{width:100%;font-size:25px}.config-panel small{display:block;text-align:center;margin-top:16px;color:#c4c9bd;font-size:17px}.config-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.config-steps img{width:100%;aspect-ratio:1.32;object-fit:contain;background:white}.config-steps h3{margin-top:24px;font-size:26px}.config-steps p{font-size:21px;margin-top:15px;color:#63685f}.grills{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grill{display:flex;flex-direction:column;text-decoration:none;background:#fff;padding:22px;transition:transform .2s}.grill:hover{transform:translateY(-5px)}.grill img{aspect-ratio:1.3;object-fit:contain;width:100%}.grill h3{font-size:25px;margin-top:15px;flex:1}.grill span{display:block;margin-top:23px;color:#c72b28;font-weight:700;font-size:20px}.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.org-grid article img{width:100%;aspect-ratio:1.25;object-fit:cover}.org-grid h3{margin-top:22px}.org-grid p{margin-top:12px;color:#63685f}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery img{width:100%;aspect-ratio:1.25;object-fit:cover}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.contact p{margin:25px 0;font-size:25px}.contact-links{display:flex;flex-direction:column;gap:15px;justify-content:center}.contact-links a{font-size:30px;text-decoration:none}.contact-links .btn{margin-top:20px;align-self:flex-start;font-size:23px}footer{padding:35px 0;border-top:1px solid #41473d;background:#202521;color:#c4c9bd;font-size:17px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;color:#202521;box-shadow:0 10px 40px #0003;padding:15px 25px;z-index:20;display:none}@media(max-width:1100px){.header-inner{gap:25px}.brand img{width:110px}.brand{gap:20px}.brand b{font-size:23px}nav{gap:18px;font-size:18px}.hero-copy{padding:45px 30px}.config-panel{padding:40px;gap:35px}.grills{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.container{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;padding:20px 0;gap:20px;min-height:0}.brand img{width:110px}.brand b{font-size:24px}.brand small{font-size:13px}nav{width:100%;overflow:auto;gap:28px;padding:3px 0 7px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:42px 28px}.hero-photo{min-height:0;height:420px}.features{grid-template-columns:1fr;gap:30px;padding:35px 0}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:25px}.layouts{grid-template-columns:1fr}.modules{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr);gap:22px 14px}.config-panel{grid-template-columns:1fr;padding:32px 25px;gap:30px}.config-steps{grid-template-columns:repeat(2,1fr)}.grills{grid-template-columns:repeat(2,1fr);gap:15px}.grill{padding:15px}.grill h3{font-size:23px}.org-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:25px}.footer-inner{flex-direction:column}.config-panel p{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.faq-section{border-top:1px solid #d5d8cc}.faq-list{max-width:1100px}.faq-list details{border-bottom:1px solid #c9cebf;padding:24px 0}.faq-list summary{font-size:27px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:34px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:20px 50px 6px 0;color:#63685f;font-size:23px;max-width:900px}.contact{grid-template-columns:0.85fr 1.15fr;align-items:start;gap:75px}.contact-form{background:#fff;color:#202521;padding:38px}.contact-form>h3{font-size:32px;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.form-grid label{display:flex;flex-direction:column;gap:9px;font-size:20px;font-weight:700}.form-grid .full{grid-column:1/-1}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font:inherit;font-weight:400;color:#202521;background:#f7f7f3;border:1px solid #cdd1c4;border-radius:0;width:100%;padding:12px 13px;min-width:0}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{outline:2px solid #c72b28;outline-offset:2px}.check{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.4;margin:25px 0}.check input{width:19px;height:19px;flex-shrink:0;margin-top:3px}.check a{text-decoration:underline}.inquiry-form .btn{width:100%;font-size:22px}.contact p.form-status{font-size:17px;color:#63685f;margin:18px 0 0}.honeypot{position:absolute;left:-9999px}.notice{padding:18px;border:1px solid #bfcbb1;margin-bottom:22px;background:#f1f6ea}.notice.error{border-color:#c72b28}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:10px;z-index:99;background:white;padding:15px}@media(max-width:800px){.contact{grid-template-columns:1fr;gap:35px}.contact-form{padding:25px}.faq-list summary{font-size:25px}.faq-list details p{font-size:21px;margin-right:0}}@media(max-width:480px){.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1/-1}}.container{width:100%;max-width:none;margin-left:0;margin-right:0}.hero{padding-top:0}.header-inner{padding-left:28px;padding-right:28px}.section-head{padding-left:28px;padding-right:28px}.features{padding-left:28px;padding-right:28px}.footer-inner{padding-left:28px;padding-right:28px}.faq-list{max-width:none;padding-left:28px;padding-right:28px}.contact{padding-left:28px;padding-right:28px}.chips,.note{margin-left:28px;margin-right:28px}@media(max-width:800px){.container{width:100%;max-width:none;margin:0}.header-inner,.section-head,.features,.footer-inner,.faq-list,.contact{padding-left:18px;padding-right:18px}.chips,.note{margin-left:18px;margin-right:18px}.config-panel{padding-left:25px;padding-right:25px}}/* 1.4.1: let grid items shrink within narrow viewports. */
.hero-grid>*,.features>*,.layouts>*,.modules>*,.module-visuals>*,.swatches>*,.config-panel>*,.config-steps>*,.grills>*,.org-grid>*,.gallery>*,.contact>*,.form-grid>*{min-width:0}
body{overflow-wrap:break-word}.module-product,.module-life,.hero-photo{min-width:0}.contact-links a{overflow-wrap:anywhere}.btn{max-width:100%;white-space:normal;text-align:center}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){nav{min-width:0;flex:1 1 100%;flex-wrap:wrap;overflow:visible;column-gap:22px;row-gap:12px}.brand{min-width:0;flex-shrink:1}.config-steps,.grills,.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-links a{font-size:clamp(23px,6vw,30px)}.hero-grid,.modules,.layouts,.contact{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.org-grid,.form-grid{grid-template-columns:minmax(0,1fr)}.org-grid{gap:32px}.org-grid article h3,.org-grid article p{padding-left:18px;padding-right:18px}.brand{gap:16px}.brand img{width:95px;flex-shrink:0}.brand b{font-size:23px}.brand small{font-size:12px}.config-steps{gap:18px}.config-steps h3{font-size:24px}.hero-copy{padding-left:22px;padding-right:22px}.contact-form{padding:20px}}

/* 1.4.3: compact module and grill presentation. */
.modules{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.module-copy{padding:18px}.module-copy h3{font-size:25px;margin-bottom:10px}.module-copy p{font-size:18px}.module-copy small{font-size:16px;margin-top:14px;padding-top:12px}
.grills{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.grill{padding:7px}.grill h3{font-size:16px;margin-top:8px;overflow-wrap:anywhere}.grill span{font-size:14px;margin-top:10px}
@media(max-width:1200px){.modules{grid-template-columns:repeat(4,minmax(0,1fr))}.grills{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:800px){.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.grills{grid-template-columns:repeat(4,minmax(0,1fr))}.grill img{width:66.6667%;align-self:center}.module-copy{padding:14px}.module-copy h3{font-size:23px}}
@media(max-width:480px){.modules{gap:10px}.module-visuals{grid-template-columns:minmax(0,1fr)}.module-product,.module-life{width:100%;height:auto}.module-copy{padding:12px}.module-copy h3{font-size:21px}.module-copy p{font-size:17px}.grills{grid-template-columns:repeat(3,minmax(0,1fr))}.grill img{width:50%}}

/* 1.4.5: accessory photos match individual module photos at each breakpoint. */
.org-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.org-grid article img{display:block;width:50%;height:auto;aspect-ratio:1;object-fit:cover}
.org-grid h3{font-size:25px;margin-top:18px}.org-grid p{font-size:18px}
@media(max-width:800px){.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-grid h3{font-size:23px}}
@media(max-width:480px){.org-grid{gap:10px}.org-grid article img{width:100%}.org-grid article h3,.org-grid article p{padding-left:12px;padding-right:12px}.org-grid h3{font-size:21px}.org-grid p{font-size:17px}}

/* Preserve the complete brochure photographs. */
.org-grid .accessory-extra img{object-fit:cover;object-position:center;background:transparent}

/* 1.4.7: small inset at the left edge of accessory photos. */
.org-grid{padding-left:12px}
