/* All desktop sections share the same 80px horizontal content gutter. */
:root{--page-gutter:80px}
header,footer,main,.hero,.feature,.contact{width:100%;max-width:none;margin-left:0;margin-right:0}
header{padding:0 var(--page-gutter);height:120px;gap:28px}
nav{gap:24px}nav .active:after{bottom:-34px}
main{margin-top:0}
.hero{height:540px}.hero-copy{padding:85px var(--page-gutter);width:75%}.hero-copy h1{font-size:40px}.hero-copy h2{font-size:35px;line-height:1.5;margin-bottom:35px}
.hero-copy>p:not(.eyebrow){display:block;max-width:460px;font-size:18px;color:#4a4548;line-height:1.65;margin-bottom:28px}
.hero-copy>.text-link{display:inline-flex;margin:0 0 0 22px;gap:10px;align-items:center}
.promise{padding:32px var(--page-gutter);gap:60px;border:0}.promise>a{padding:0}.promise span{font-size:25px}.promise small{font-size:17px}
.section{padding:65px var(--page-gutter);margin:0}.section-heading{margin-bottom:32px}.section-heading .eyebrow{display:block;font-size:14px;color:var(--purple);margin-bottom:8px}.section-heading>p{display:block;font-size:17px;margin-top:12px}.section-heading h2{font-size:35px}
.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.collection-photo{aspect-ratio:1.2}.collection-photo img{object-fit:contain}.collection-caption h3{font-size:19px}
.products-section{background:#faf9fa;border-top:1px solid var(--line)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.product-card .product-image{height:290px!important}.filters{margin-bottom:30px}
.feature{padding:50px var(--page-gutter);gap:70px;min-height:420px}.feature-copy{max-width:650px}.feature-image{width:320px;height:320px}.feature-copy h2{font-size:40px}.feature-copy p:not(.eyebrow){font-size:19px}
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;background:white}.about-copy{display:block}.about-copy .eyebrow{font-size:14px}.about-copy h2{font-size:35px}.about-copy>p:not(.eyebrow){font-size:17px}.video-card>img{height:350px;aspect-ratio:auto;object-fit:cover}.video-card button{font-size:19px}.video-card small{font-size:12px}
.custom{background:#f6f4f6;margin:0}.custom .section-heading{text-align:center}.custom .steps{margin:35px 0 20px;gap:35px}.steps p{font-size:17px}
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.faq .section-heading{text-align:left}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:22px 0;font-size:19px;font-weight:500;transition:color .2s}.faq summary::-webkit-details-marker{display:none}.faq summary:hover,.faq details[open] summary{color:var(--purple)}.faq summary:active{color:var(--pink)}.faq summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.faq summary .icon{transition:transform .25s}.faq details[open] .icon{transform:rotate(180deg)}.faq details p{font-size:16px;line-height:1.75;margin:0 30px 24px 0}
.contact{grid-template-columns:1fr 1.4fr;gap:60px;background:#f1edf1}.contact h2{font-size:40px}.contact p{font-size:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
footer{padding:55px var(--page-gutter) 0}.footer-grid,.copyright{max-width:none}.footer-grid{gap:40px}
@media(max-width:1100px){header{gap:18px}.header-search{width:125px}nav{gap:14px;font-size:13px}.brand img{width:110px}.hero-copy{width:90%}.hero-copy h1{font-size:35px}.hero-copy h2{font-size:30px}.feature{gap:35px}.feature-image{width:260px;height:260px}.about,.faq,.contact{gap:35px}}
@media(max-width:900px){:root{--page-gutter:32px}header{height:90px}.menu-toggle{display:block;order:3;background:none;border:0;width:44px;height:44px}.header-search{margin-left:auto}nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;padding:25px var(--page-gutter)}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{font-size:16px;padding:12px}nav .active:after{display:none}.hero-copy{width:100%;padding-top:65px}.collection-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy>.text-link{display:none}.about,.faq{grid-template-columns:1fr}.feature-copy h2{font-size:32px}.contact{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){:root{--page-gutter:20px}.hero{height:530px}.hero-copy{padding-top:48px}.hero-copy h1{font-size:29px}.hero-copy h2{font-size:27px;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:16px;margin-bottom:23px}.hero-picture:after{background:linear-gradient(90deg,#f2e8d8f5,#f2e8d8b0)}.promise{grid-template-columns:1fr;gap:25px;padding-top:28px;padding-bottom:28px}.section{padding-top:42px;padding-bottom:42px}.section-heading h2,.about-copy h2{font-size:29px}.section-heading>p{font-size:16px}.collection-grid,.product-grid{gap:24px 16px}.collection-caption h3{font-size:16px}.product-card .product-image{height:180px!important}.feature{flex-direction:column;padding-top:35px;padding-bottom:35px}.feature-image{width:240px;height:240px}.feature-copy p:not(.eyebrow){font-size:17px}.video-card>img{height:240px}.form-row{grid-template-columns:1fr;gap:0}.contact h2{font-size:34px}.faq summary{font-size:17px}.custom .steps{gap:22px}.steps p{font-size:16px}footer{padding-top:40px}}
.text-link[hidden]{display:none}.text-link:has(+ #inquire-product){display:table}

/* Remove the logo's white matte against the shared light header. */
header .brand{background:transparent}header .brand img{background:transparent;mix-blend-mode:multiply}

