@font-face{font-family:Manrope;src:url('Manrope-wght.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--milk:#F6F1E7;--graphite:#292929;--orange:#FF4D00;--soft:#E7DED1;--muted:#625F59}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--graphite);font-family:Manrope,system-ui,sans-serif;line-height:1.55}button,select{font:inherit}a{color:inherit}.wrap{width:min(1200px,calc(100% - 42px));margin:auto}.skip{position:absolute;left:-9999px;top:0;background:var(--milk);padding:10px;z-index:10}.skip:focus{left:12px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.masthead{background:var(--graphite);color:var(--milk)}.masthead-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:220px;flex:none}.logo img{width:100%;height:auto;display:block}.masthead nav{display:flex;gap:30px;flex-wrap:wrap}.masthead nav a{text-decoration:none;font-size:.88rem}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{background:var(--graphite);color:var(--milk);overflow:hidden}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:70px;align-items:center;min-height:650px;padding:52px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.72rem;color:#FFAD8A;margin:0 0 20px}.eyebrow.dark{color:var(--graphite)}h1,h2,h3,p{overflow-wrap:anywhere}.hero h1{font-size:clamp(3rem,5.8vw,6.2rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 28px}.hero h1 span{color:var(--orange)}.lead{font-size:1.12rem;max-width:630px;color:#E5DFD5;margin:0 0 34px}.action{border:0;display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--orange);color:var(--graphite);text-decoration:none;font-weight:800;padding:16px 22px;min-height:54px;cursor:pointer}.action:hover{filter:brightness(.93)}
.surface-art{position:relative;height:460px;display:grid;place-items:center}.surface-art:before{content:"";position:absolute;inset:3% 0;border:1px solid rgba(246,241,231,.13);border-radius:50%;transform:rotate(-18deg)}.surface-board{width:82%;height:54%;background:var(--soft);transform:perspective(700px) rotateX(28deg) rotateZ(-14deg);box-shadow:32px 35px 0 #5A5249,45px 47px 0 rgba(0,0,0,.35);position:relative}.surface-sink{position:absolute;left:10%;top:24%;width:26%;height:49%;border:10px solid #B6ACA0;background:#8D847B}.surface-burner{position:absolute;right:10%;top:20%;width:29%;height:56%;border:2px solid #777;display:grid;place-items:center}.surface-burner:after{content:"";border:4px solid #777;width:45%;aspect-ratio:1;border-radius:50%}.surface-joint{position:absolute;left:60%;height:100%;border-left:2px dashed #B7AA9B}.art-label{position:absolute;color:var(--milk);text-transform:uppercase;letter-spacing:.14em;font-size:.67rem}.label-water{left:12%;top:12%}.label-heat{right:8%;top:16%}.label-edge{left:56%;bottom:5%}
.section{padding:90px 0}.intro{max-width:820px;margin-bottom:38px}.intro h2,.checker h2,.detail h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 18px}.intro>p:last-child{color:var(--muted);font-size:1.05rem}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.material-card{border:1px solid rgba(41,41,41,.18);background:#FBF8F1;padding:28px;min-height:360px}.swatch{display:block;height:75px;width:100%;margin-bottom:28px}.swatch-laminate{background:linear-gradient(125deg,#DAC9B3,#EFE4D6 50%,#C9B69C)}.swatch-quartz{background:radial-gradient(circle at 30% 45%,#B4ADA3 1px,transparent 2px),#DDD7CB;background-size:17px 17px}.swatch-wood{background:repeating-linear-gradient(103deg,#A17852 0 8px,#B58960 9px 11px,#9C704D 12px 18px)}.swatch-ceramic{background:linear-gradient(125deg,#D4D3CE,#C0BFBA 48%,#ECE9E1)}.material-card h3{font-size:1.45rem;line-height:1.2;margin:0 0 12px}.material-card p{color:var(--muted);margin:0 0 22px}.material-card ul{display:flex;gap:7px;flex-wrap:wrap;padding:0;list-style:none;margin:0}.material-card li{border:1px solid rgba(41,41,41,.2);font-size:.75rem;padding:6px 9px}
.checker{background:var(--soft)}.checker .eyebrow{color:var(--graphite)}.checker-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px}.checker-heading p:last-child{max-width:380px}.checker-panel{background:var(--milk);padding:30px}.checker-panel fieldset{border:0;margin:0 0 22px;padding:0}.checker-panel legend,.select-label{font-weight:800;margin-bottom:11px}.tick{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(41,41,41,.15);padding:12px 0;cursor:pointer}.tick input{accent-color:var(--orange);width:19px;height:19px;margin:3px 0 0}.checker-panel select{display:block;width:100%;height:51px;border:1px solid var(--graphite);background:white;padding:0 12px;margin:10px 0 22px}.checker-panel .action{width:100%}.answer{margin-top:30px;border-top:2px solid var(--graphite);padding-top:24px}.answer-label{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;margin:0 0 13px}.answer ul{padding-left:20px;margin:0}.answer li{padding:6px 0}.answer li::marker{color:var(--orange)}.caveat{font-size:.82rem;color:var(--muted);margin:19px 0 0}.detail{background:var(--orange)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.detail-copy{font-size:1.08rem}.detail-copy p{margin:0 0 20px}.footer{background:var(--graphite);color:var(--milk);padding:55px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer strong{letter-spacing:.08em}.footer p{color:#D7D0C7;font-size:.86rem;max-width:450px}.footer a{text-underline-offset:4px}
@media(max-width:900px){.hero-inner,.checker-layout,.detail-layout{grid-template-columns:1fr;gap:25px}.hero-inner{padding:45px 0 75px}.surface-art{height:330px}.section{padding:70px 0}.masthead-inner{flex-wrap:wrap;padding:15px 0}.material-grid{grid-template-columns:1fr}.material-card{min-height:0}}
@media(max-width:550px){.wrap{width:calc(100% - 28px)}.logo{width:175px}.masthead nav{width:100%;justify-content:space-between;gap:10px}.masthead nav a{font-size:.73rem}.hero h1{font-size:clamp(2.5rem,12vw,4rem)}.surface-art{height:260px}.surface-board{width:80%;height:53%}.surface-sink{border-width:6px}.checker-panel,.material-card{padding:20px}.footer-inner{grid-template-columns:1fr;gap:8px}}
.junctions{background:#EDE6DB}.junctions-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px}.junctions h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 19px}.junctions-layout>div:first-child>p:last-child{max-width:450px;font-size:1.04rem}.junctions-list article{border-top:1px solid rgba(41,41,41,.3);padding:16px 0}.junctions-list article:last-child{border-bottom:1px solid rgba(41,41,41,.3)}.junctions-list h3{font-size:1.25rem;margin:0 0 8px}.junctions-list p{color:var(--muted);margin:0}.surface-faq{background:var(--milk)}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.faq-columns details{border-top:1px solid rgba(41,41,41,.25);padding:18px 0}.faq-columns details:nth-last-child(-n+2){border-bottom:1px solid rgba(41,41,41,.25)}.faq-columns summary{cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between;gap:16px}.faq-columns summary::-webkit-details-marker{display:none}.faq-columns summary:after{content:"+";font-size:1.5rem;line-height:1}.faq-columns details[open] summary:after{content:"−"}.faq-columns p{color:var(--muted);margin:15px 0 4px}
@media(max-width:900px){.junctions-layout{grid-template-columns:1fr;gap:25px}.faq-columns{grid-template-columns:1fr;gap:0}.faq-columns details:nth-last-child(2){border-bottom:0}}