:root{--ink:#102c34;--cream:#f7f0e2;--paper:#fffaf0;--teal:#087c80;--sun:#ffc653;--coral:#ed7559;--line:#d9d2c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;line-height:.91;text-transform:uppercase}h1{font-size:clamp(5rem,10vw,10rem);letter-spacing:-.045em}h2{font-size:clamp(3.6rem,7vw,7rem);letter-spacing:-.035em}h3{font-size:2.35rem}em{font-style:normal;color:var(--teal)}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:22px}.skip{position:absolute;left:-9999px;top:0;z-index:10;background:var(--sun);padding:14px}.skip:focus{left:0}.preview-strip{background:var(--sun);text-align:center;padding:7px;font-size:.66rem;letter-spacing:.15em;font-weight:700}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4vw;background:var(--paper);border-bottom:1px solid var(--line)}.site-mark{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;line-height:.72;white-space:nowrap}.site-mark span,.site-footer strong span{color:var(--coral)}.site-mark small,.site-footer small{display:block;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.53rem;letter-spacing:.28em;margin-top:7px}.site-header nav{display:flex;gap:30px;font-size:.85rem;font-weight:700}.site-header nav a:hover,.breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 21px;font-weight:700;font-size:.86rem;border:2px solid transparent;border-radius:0;transition:transform .2s,background .2s,color .2s}.header-cta{background:var(--ink);color:white}.button:hover,.header-cta:hover{transform:translateY(-3px)}.button-sun{background:var(--sun);color:var(--ink)}.button-outline{background:transparent;border-color:var(--ink);color:var(--ink)}.button-outline[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:white}.breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding:17px 4vw;background:#ede2cd;font-size:.75rem;font-weight:700}.breadcrumb span{opacity:.45}.product-heading{display:grid;grid-template-columns:.84fr 1.16fr;min-height:720px}.product-heading>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 6vw;background:radial-gradient(circle at left bottom,#e8deca,transparent 50%)}.product-heading h1{max-width:660px}.product-heading h1 span{color:var(--coral)}.product-intro,.category-hero>div>p:not(.eyebrow),.top-hero>div>p:not(.eyebrow){font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.55;max-width:610px;margin:28px 0;color:#34525a}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin:7px 0 16px}.quiet{font-size:.8rem;line-height:1.5;color:#557079}.product-gallery{background:var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:38px;gap:13px}.gallery-stage{width:min(100%,630px);position:relative;background:white;box-shadow:18px 21px 0 rgba(0,42,52,.22)}.gallery-stage img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.gallery-stage p{background:var(--ink);color:white;padding:10px 14px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gallery-thumbs{display:flex;gap:11px;align-self:center}.gallery-thumb{display:flex;align-items:center;gap:9px;padding:6px;background:rgba(255,255,255,.92);border:2px solid transparent;text-align:left;font-size:.73rem;font-weight:700}.gallery-thumb.active{border-color:var(--sun)}.gallery-thumb img{width:53px;height:53px;object-fit:cover}.detail-band,.questions,.next-units,.category-products,.ideas-list,.process{padding:clamp(65px,8vw,130px) 5vw}.detail-band{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--paper)}.detail-band p:not(.eyebrow){margin-top:25px;max-width:490px;line-height:1.65;color:#48616a}.detail-band ul{list-style:none;padding:0;margin:0;align-self:center}.detail-band li{border-top:1px solid var(--line);padding:24px 0;font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;line-height:1}.detail-band li:last-child{border-bottom:1px solid var(--line)}.detail-band li span{font-family:'DM Sans',sans-serif;font-size:.8rem;color:var(--teal);margin-right:24px}.questions{background:#e8dec9}.questions h2{max-width:760px}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.question-grid article{border-top:4px solid var(--teal);padding:22px;background:rgba(255,255,255,.43);min-height:200px}.question-grid article span{font-size:.7rem;color:var(--teal);font-weight:700}.question-grid h3{font-size:2.2rem;margin:12px 0}.question-grid p{line-height:1.55;font-size:.94rem}.next-units{background:var(--paper)}.section-title{max-width:760px;margin-bottom:45px}.section-title>p:last-child{margin-top:22px;line-height:1.6}.next-units .card-grid{margin-top:44px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.unit-card{display:block;background:white;border:1px solid var(--line);padding-bottom:23px;transition:transform .2s,box-shadow .2s}.unit-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px rgba(16,44,52,.12)}.unit-card img{width:100%;aspect-ratio:1.1;object-fit:cover}.unit-card span,.unit-card h3,.unit-card b{display:block;margin-left:20px;margin-right:20px}.unit-card span{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-top:21px}.unit-card h3{font-size:2.5rem;margin-top:9px;min-height:2.2em}.unit-card b{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}.closing{text-align:center;background:var(--teal);color:white;padding:80px 20px 94px}.closing p{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--sun);margin-bottom:18px}.closing h2{margin-bottom:25px}.site-footer{background:var(--ink);color:white;padding:45px 5vw;display:flex;gap:4vw;align-items:end;justify-content:space-between}.site-footer strong{font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;line-height:.8}.site-footer p{font-size:.84rem;line-height:1.6;max-width:440px}.site-footer a{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.category-hero,.top-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.category-hero>div,.top-hero>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 6vw}.category-hero figure{position:relative;background:var(--teal);padding:5vw;display:grid;place-items:center}.category-hero figure img{width:min(100%,560px);aspect-ratio:1;object-fit:contain;box-shadow:17px 20px 0 rgba(0,29,36,.2)}.category-hero figcaption{color:white;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;margin-top:26px}.category-hero h1{max-width:650px}.top-hero{background:var(--ink);color:white}.top-hero em{color:var(--sun)}.top-hero>div>p:not(.eyebrow){color:#d5e1dd}.top-hero img{width:100%;height:100%;max-height:710px;object-fit:cover}.hub-categories{padding:75px 5vw;background:var(--paper)}.hub-categories>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hub-categories a{background:var(--sun);min-height:145px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.hub-categories a:nth-child(even){background:#dbe6dd}.hub-categories span{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase}.hub-categories b{font-size:.8rem}.ideas-list{display:grid;gap:28px;background:var(--paper)}.ideas-list article{display:grid;grid-template-columns:1fr 1fr;min-height:450px;background:#e8dec9}.ideas-list article:nth-child(even) img{order:2}.ideas-list img{width:100%;height:100%;max-height:520px;object-fit:cover}.ideas-list article>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:6vw}.ideas-list h2{font-size:clamp(3.6rem,6vw,6rem)}.ideas-list p:not(.eyebrow){line-height:1.6;margin:23px 0}.ideas-list a{font-weight:700;text-decoration:underline;text-underline-offset:5px}.process{background:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process article{border-top:5px solid var(--teal);padding:28px 22px;background:#f0e9d9}.process span{color:var(--teal);font-weight:700}.process h2{font-size:clamp(3rem,4vw,4rem);margin:35px 0 20px}.process p{line-height:1.6}.compare-tab{position:fixed;right:22px;bottom:20px;z-index:5;border:0;background:var(--sun);color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.1em;padding:15px 18px;box-shadow:0 9px 24px rgba(0,0,0,.2)}.compare-drawer{position:fixed;right:20px;bottom:78px;z-index:6;width:min(420px,calc(100vw - 40px));max-height:calc(100vh - 110px);overflow:auto;background:var(--paper);padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.3);border:1px solid var(--line)}.compare-drawer[hidden]{display:none}.compare-drawer-head{display:flex;justify-content:space-between;align-items:center}.compare-drawer-head button{background:none;border:0;font-size:2rem}.compare-drawer article{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.compare-drawer article img{width:65px;height:65px;object-fit:cover}.compare-drawer article strong{font-size:.85rem}.compare-drawer article span{display:block;font-size:.7rem;margin-top:4px;color:#52666c}.compare-drawer article button{background:none;border:0;font-size:1.4rem}.compare-drawer>p{font-size:.72rem;line-height:1.5;margin:18px 0}.compare-drawer>a{display:block;padding:14px;background:var(--ink);color:white;font-weight:700;text-align:center;font-size:.8rem}
@media(max-width:850px){.site-header nav{display:none}.product-heading,.category-hero,.top-hero{grid-template-columns:1fr}.product-heading>div:first-child,.category-hero>div,.top-hero>div{padding:58px 5vw}.product-gallery{padding:35px 5vw}.top-hero img{max-height:450px}.detail-band{grid-template-columns:1fr}.question-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.hub-categories>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){h1{font-size:clamp(4.2rem,17vw,6rem)}h2{font-size:clamp(3.4rem,14vw,5rem)}.site-header{padding:15px 5vw}.site-mark{font-size:1.6rem}.header-cta{font-size:.7rem;min-height:43px;padding:9px}.product-heading>div:first-child{order:2;padding:45px 5vw 65px}.product-gallery{order:1;padding:25px 5vw}.gallery-stage{box-shadow:9px 11px 0 rgba(0,42,52,.22)}.product-intro{margin:20px 0}.product-actions{width:100%}.product-actions .button{width:100%}.gallery-thumb img{width:48px;height:48px}.gallery-thumb span{font-size:.64rem}.detail-band,.questions,.next-units,.category-products,.ideas-list,.process{padding:65px 5vw}.detail-band li{font-size:1.9rem}.question-grid,.card-grid,.process{grid-template-columns:1fr}.unit-card h3{min-height:0}.category-hero figure{min-height:390px;padding:30px}.top-hero>div{order:2}.top-hero img{order:1;height:370px}.hub-categories{padding:55px 5vw}.hub-categories a{min-height:120px}.hub-categories span{font-size:1.55rem}.ideas-list article{display:flex;flex-direction:column;min-height:0}.ideas-list article:nth-child(even) img{order:0}.ideas-list img{height:320px}.ideas-list article>div{padding:35px 6vw}.site-footer{display:block}.site-footer p{margin:22px 0}.compare-tab{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.unit-card,.button,.header-cta{transition:none}}
.product-heading h1{font-size:clamp(4.7rem,7.5vw,7.7rem)}.mobile-ask{display:none}
@media(max-width:580px){.product-heading h1{font-size:clamp(4.2rem,17vw,6rem)}.mobile-ask{display:block;position:fixed;z-index:4;bottom:0;left:0;right:0;padding:16px 18px;min-height:55px;background:var(--sun);font-size:.78rem;font-weight:800;text-align:center;box-shadow:0 -8px 20px rgba(0,0,0,.17)}body:has(.mobile-ask){padding-bottom:55px}body:has(.mobile-ask) .compare-tab{bottom:68px}}
.category-hero figure img{height:auto}.unit-card img{height:auto}.ideas-list img{max-height:520px}
.compare-full{background:var(--sun)!important;color:var(--ink)!important;margin-bottom:8px}.compare-head{padding:90px 5vw;background:var(--ink);color:white}.compare-head em{color:var(--sun)}.compare-head>p:not(.eyebrow){max-width:650px;line-height:1.65;margin:25px 0;color:#dae5e0}.comparison{padding:75px 5vw 110px}.compare-grid{display:grid;grid-template-columns:repeat(var(--compare-columns),minmax(0,1fr));gap:18px}.compare-grid article{background:var(--paper);border:1px solid var(--line)}.compare-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.compare-grid article>div{padding:25px}.compare-grid h2{font-size:clamp(2.8rem,4vw,5rem);min-height:1.7em}.compare-grid article>div>p:not(.eyebrow){min-height:6em;line-height:1.55;margin:20px 0}.compare-grid dl{margin:0 0 25px}.compare-grid dt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);border-top:1px solid var(--line);padding-top:15px}.compare-grid dd{margin:8px 0 17px;font-size:.86rem;line-height:1.5}.compare-grid a,.compare-grid button{display:block;font-weight:700;font-size:.8rem;margin-top:13px}.compare-grid button{padding:0;border:0;background:none;text-decoration:underline}.compare-caveat{font-size:.8rem;line-height:1.6;max-width:620px;margin:25px 0}.compare-empty{min-height:350px}.compare-empty h2{margin-bottom:20px}.compare-empty p{margin-bottom:25px}.compare-empty .button{width:max-content}
@media(max-width:850px){.compare-grid{grid-template-columns:1fr}.compare-grid article{display:grid;grid-template-columns:38% 62%}.compare-grid article>div>p:not(.eyebrow){min-height:0}.compare-grid h2{min-height:0}}
@media(max-width:580px){.compare-head{padding:65px 5vw}.comparison{padding:50px 5vw 90px}.compare-grid article{display:block}.compare-grid img{max-height:380px}.compare-grid article>div{padding:22px}}
.footer-links{display:flex;flex-wrap:wrap;gap:13px 20px}.footer-links a{white-space:nowrap}.info-hero{padding:95px 5vw 105px;background:var(--ink);color:white}.info-hero em{color:var(--sun)}.info-hero>p:not(.eyebrow){max-width:630px;line-height:1.65;margin-top:26px;font-size:1.2rem;color:#dbe6e2}.info-hero>.button{margin-top:25px}.faq-list{max-width:1060px;margin:auto;padding:75px 5vw 110px}.faq-list details{border-top:1px solid var(--line);padding:27px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.05;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:var(--teal)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:720px;line-height:1.7;margin-top:18px}.area-panel{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px 5vw;background:var(--paper)}.area-panel p:not(.eyebrow){line-height:1.7;font-size:1.1rem;margin:20px 0 28px}.area-panel a:not(.button){font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.area-panel{grid-template-columns:1fr;gap:40px}.site-footer{display:block}.site-footer p{margin:22px 0}.footer-links{margin-top:20px}}
@media(max-width:580px){.info-hero{padding:70px 5vw 80px}.info-hero>p:not(.eyebrow){font-size:1rem}.faq-list{padding:50px 5vw 80px}.area-panel{padding:75px 5vw}}
.site-mark{font-family:'DM Sans',sans-serif;font-size:1.12rem;letter-spacing:-.02em;line-height:1.2;text-transform:none}.site-footer strong{font-family:'DM Sans',sans-serif;font-size:1.12rem;line-height:1.3;text-transform:none}
.site-header{min-height:190px}.site-mark{display:block;min-width:240px}.site-mark .brand-full{display:block;width:240px;height:auto}.site-mark .brand-compact{display:none}.site-footer .footer-signature{display:block;width:240px;height:auto}
@media(max-width:900px){.site-header{min-height:78px}.site-mark{min-width:0}.site-mark .brand-full{display:none}.site-mark .brand-compact{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.93rem;font-weight:800;line-height:1.15}.site-mark .brand-compact img{width:38px;height:38px;flex:none}.site-footer .footer-signature{width:240px}}