*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#173e50;background:#fff;font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit}img{display:block;max-width:100%;height:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;border-bottom:1px solid #e4ecee;background:#fff;position:sticky;top:0;z-index:10}.logo{width:210px;height:68px;object-fit:contain}nav{display:flex;gap:32px}nav a{text-decoration:none;font-size:14px}a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 25px;background:#173e50;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#25627c;text-decoration:none}.button.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#eef5f7}.hero-copy{padding:80px 10% 70px}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:bold;margin:0 0 23px}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-2px;margin:0 0 25px}h1{font-size:clamp(48px,5.4vw,82px)}h2{font-size:clamp(38px,4vw,57px)}h3{font-size:36px;letter-spacing:-1.2px}.intro{font-size:23px;line-height:1.45}.muted{color:#5c717b;max-width:350px;margin:20px 0 30px}.text-link{display:block;margin-top:22px;font-size:13px;text-decoration:none}.hero-photo{position:relative;background-image:url('assets/hero.webp');background-size:auto 100%;background-position:right center;background-repeat:no-repeat;min-height:580px}.photo-label{position:absolute;bottom:22px;right:24px;color:#fff;font-size:11px;background:#143f53df;padding:9px 14px;border-radius:3px}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:33px 7%;border-bottom:1px solid #dce6e9}.spec-strip div{text-align:center;border-right:1px solid #dce6e9}.spec-strip div:last-child{border:0}.spec-strip strong{display:block;font-size:31px;font-weight:400;line-height:1.2}.spec-strip span{font-size:12px;color:#5c717b}.section{padding:95px 7%;max-width:1500px;margin:auto}.section-heading{max-width:640px;margin-bottom:65px}.section-heading>p:last-child{color:#5c717b;max-width:460px}.feature{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:9%;margin:70px 0 100px}.feature:last-child{margin-bottom:0}.feature>img{width:100%;border-radius:8px}.feature p{max-width:420px;color:#5c717b}.feature.reverse>img{order:2}.feature.reverse{grid-template-columns:1fr 1.12fr}.number{display:block;font-size:10px;letter-spacing:1.7px;margin-bottom:25px;color:#657d87}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:11px;border:1px solid #ccdde3;padding:5px 13px;border-radius:30px}.light-spectrum{height:12px;width:190px;border-radius:10px;background:linear-gradient(90deg,#e2a85d,#f4ddaa,#fff9e8,#e6f2ff,#b9d9f6);margin-top:30px}.caption{font-size:11px}.tray-section{padding:60px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#e8f3f9}.tray-section>div{max-width:470px}.tray-section img{border-radius:8px}.use-section{text-align:center}.use-section img{width:100%;margin-top:40px;border-radius:8px}.use-section>p{color:#5c717b}.shop-section{padding:90px 7%;background:#f2f6f7}.shop-section .section-heading{margin:0 auto 45px;text-align:center}.shop-section .section-heading p{margin-left:auto;margin-right:auto}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1050px;margin:auto}.shop-grid article{padding:38px;background:white;border:1px solid #dee8ec;border-radius:8px}.shop-grid p{color:#5c717b;max-width:370px}.shop-grid .eyebrow{margin:20px 0 12px;font-size:10px}.shop-grid h3{margin-bottom:15px}.finish{width:38px;height:38px;border-radius:50%}.finish.white{background:#fafafa;border:1px solid #c6d0d4;box-shadow:inset -4px -4px 10px #e7eaec}.finish.black{background:#25282a;box-shadow:inset 4px 4px 10px #53595c}.shop-grid .button{margin-top:15px}.shop-note{font-size:12px;color:#60757d;text-align:center;max-width:700px;margin:25px auto 0}.about{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:35px;align-items:start;border-bottom:1px solid #dce6e9}.about>p:last-child{color:#5c717b;margin:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}details{border-bottom:1px solid #d6e2e7;padding:22px 0}summary{cursor:pointer;font-size:16px;font-weight:600}details p{color:#5c717b;font-size:14px}.contact{padding:65px 7%;background:#153d50;color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:42px;margin-bottom:15px}.contact .eyebrow{color:#b9dbe7}.contact p{margin-bottom:0}.contact>a{font-size:20px;text-underline-offset:8px;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 7%;gap:20px;color:#657984;font-size:12px}.footer-brand{font-size:17px;letter-spacing:2px;color:#173e50;text-decoration:none}.skip{position:absolute;left:15px;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}a:focus-visible,summary:focus-visible{outline:3px solid #da9950;outline-offset:5px}@media(min-width:1600px){.hero-photo{background-size:cover}}@media(max-width:900px){header{padding:0 5%;height:80px}.logo{width:165px}nav{gap:18px}nav a{font-size:12px}.hero-copy{padding:60px 10%}h1{font-size:52px}.hero{min-height:580px}.feature{gap:6%}.about{grid-template-columns:1fr 1fr}.about>.eyebrow{grid-column:1/-1}.contact>a{font-size:17px}}@media(max-width:650px){html{scroll-padding-top:80px}header{gap:10px;height:74px}.logo{width:145px}nav{display:none}.button.small{font-size:11px;padding:10px 12px;gap:7px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7%}.hero-photo{min-height:390px;background-size:auto 100%}.hero h1{font-size:59px}.intro{font-size:21px}.hero .muted{max-width:100%}.spec-strip{padding:26px 5%;grid-template-columns:1fr 1fr;gap:24px 0}.spec-strip div:nth-child(2){border:0}.section{padding:60px 7%}.section-heading{margin-bottom:35px}.feature,.feature.reverse{grid-template-columns:1fr;gap:30px;margin:40px 0 65px}.feature.reverse>img{order:0}h3{font-size:32px}.tray-section{grid-template-columns:1fr;padding:55px 7%;gap:25px}.shop-section{padding:60px 7%}.shop-grid{grid-template-columns:1fr}.shop-grid article{padding:28px}.shop-grid .button{width:100%;font-size:13px}.about{grid-template-columns:1fr;gap:8px}.faq{grid-template-columns:1fr;gap:10px}.contact{display:block;padding:50px 7%}.contact>a{display:block;margin-top:30px}footer{flex-wrap:wrap;gap:8px;padding:25px 7%}footer p{width:100%;order:3;margin:0}.photo-label{font-size:10px;right:12px;bottom:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refined typography and earlier shopping / use cases. */
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.12}
h1{font-size:clamp(52px,5.6vw,84px)}h3{letter-spacing:-.035em}
.hero-copy{padding-top:58px;padding-bottom:45px}.hero{min-height:620px}.hero-photo{min-height:620px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .button{padding:14px 18px;gap:8px;font-size:13px}
.button-outline{background:transparent;color:#173e50;border:1px solid #173e50}.button-outline:hover{background:#dceaf0;color:#173e50}
.personal-note{font-size:12px;line-height:1.8;color:#526b77;margin:22px 0 0}.personal-note a{text-underline-offset:3px}
.hero .text-link{margin-top:16px}.use-section{padding-top:65px;padding-bottom:65px}.use-section h2{margin-bottom:18px}.use-section>p:not(.eyebrow){max-width:630px;margin-left:auto;margin-right:auto}
.about{grid-template-columns:.5fr 1fr 1fr}.about>div{color:#5c717b}.about>div p:first-child{margin-top:0}.about .text-link{color:#173e50;font-weight:600}
@media(max-width:900px){.hero-copy{padding:45px 8%}.hero h1{font-size:58px}.about{grid-template-columns:1fr 1fr}.about>.eyebrow{grid-column:1/-1}}
@media(max-width:650px){.hero-copy{padding:40px 7%}.hero h1{font-size:clamp(46px,12vw,59px)}.hero-photo{min-height:370px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .button{width:100%;min-height:48px}.use-section{padding-top:50px;padding-bottom:50px}.about{grid-template-columns:1fr;gap:12px}.contact h2{font-size:38px}}