:root{--cream:#f7f7f0;--paper:#fff;--ink:#263b30;--muted:#6d746c;--lime:#d5eb9b;--line:#dce0d4;--sage:#e8ede2;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #799b36;outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.48}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.06em;line-height:1.04}h2{font-size:clamp(42px,4.3vw,66px)}h2 span,h1 span{color:#78876d}h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}p{line-height:1.7}.container{width:calc(100% - 112px);max-width:1384px;margin:auto}.icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;padding:15px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:15px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.5}.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:.7px;background:var(--ink);color:#eef2e6}.announcement span{color:#bac9b9}.announcement .icon{width:13px;height:13px;margin-left:6px;color:var(--lime)}.header{position:sticky;top:0;z-index:30;background:rgba(247,247,240,.94);backdrop-filter:blur(20px);transition:box-shadow .3s}.header.scrolled{box-shadow:0 1px 0 var(--line)}.nav-wrap{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:26px;font-weight:650;letter-spacing:-1.2px;display:inline-flex;align-items:center;white-space:nowrap}.brand-icon{display:grid;place-items:center;margin-right:9px}.brand-icon .icon{width:29px;height:29px;stroke-width:1.7}.brand-dot{color:#799350}.nav{display:flex;gap:32px;font-size:12px;font-weight:500}.nav a{position:relative;padding:12px 0}.nav a:after{content:'';position:absolute;left:0;right:100%;height:1px;bottom:5px;background:currentColor;transition:right .25s}.nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:20px}.icon-button{background:transparent;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;transition:background .2s}.icon-button:hover{background:var(--sage)}.favorite-nav{position:relative}.favorite-nav .icon{width:21px;height:21px}.favorite-nav span{font-size:9px;position:absolute;right:1px;top:0;background:var(--lime);width:17px;height:17px;border-radius:50%;display:grid;place-items:center}.favorite-nav[aria-pressed=true]{background:var(--lime)}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:var(--lime);padding:19px 24px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.4;transition:transform .25s,background .25s,box-shadow .25s}.button .icon{width:18px;height:18px;transition:transform .25s}.button:hover{transform:translateY(-3px);background:#c9e681;box-shadow:0 8px 16px #263b3010}.button:hover .icon{transform:translate(2px,-2px)}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:#405744}.button-small{padding:13px 16px;font-size:11px;gap:24px}.menu-button{display:none}
.hero{display:grid;grid-template-columns:.93fr 1.07fr;gap:44px;align-items:center;padding-top:22px;padding-bottom:42px;min-height:620px}.hero-copy{padding:18px 0 30px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px;margin-bottom:28px}.status-dot{width:6px;height:6px;background:#8caa68;border-radius:50%;box-shadow:0 0 0 4px #a4bc7820}.hero h1{font-size:clamp(60px,5.5vw,87px);letter-spacing:-.07em;line-height:1.08;white-space:nowrap}.hero h1 span{font-family:var(--serif);font-style:italic;letter-spacing:-.063em;font-weight:400}.hero-description{max-width:355px;font-size:14px;color:var(--muted);margin-top:26px;line-height:1.8}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;margin-top:30px}.hero-actions .button{padding:20px 22px;gap:32px}.text-link{font-size:11px;display:flex;align-items:center;gap:12px;transition:gap .2s}.text-link:hover{gap:18px}.text-link span{font-size:19px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:10px;color:var(--muted)}.tiny-line{width:26px;height:1px;background:#9aa18f}.hero-visual{position:relative;isolation:isolate;border-radius:15px;min-width:0;height:534px;animation:heroEnter 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-image{height:100%;object-fit:cover;object-position:52% 50%;border-radius:15px}.hero-badge{position:absolute;top:30px;right:-18px;background:var(--lime);width:133px;height:133px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;transform:rotate(9deg);box-shadow:0 4px 20px #1a281415;animation:badgeFloat 7s ease-in-out infinite}.hero-badge .icon{width:27px;height:27px;margin-bottom:10px;stroke-width:1.25}.hero-badge span{font-size:10px;line-height:1.5;font-weight:600}.photo-caption{position:absolute;bottom:25px;left:23px;right:83px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;background:#f7f7f0e6;backdrop-filter:blur(10px);border-radius:5px;font-size:8px;font-weight:600;letter-spacing:1.1px;max-width:330px}.caption-dot{width:5px;height:5px;border-radius:50%;background:var(--ink)}.image-label{display:block;width:100%;font-size:8px;font-weight:400;letter-spacing:0;padding-left:13px;color:#767d6f}.hero-scroll{position:absolute;bottom:27px;right:20px;width:42px;height:42px;border:1px solid #f7f7f080;border-radius:50%;color:white;display:grid;place-items:center;background:#263b3025;backdrop-filter:blur(8px)}.hero-scroll .icon{width:18px;height:18px;transition:transform .3s}.hero-scroll:hover .icon{transform:translateY(4px)}.hero-copy>*{animation:copyEnter .8s ease both}.hero-copy h1{animation-delay:.08s}.hero-description{animation-delay:.15s}.hero-actions{animation-delay:.22s}.hero-note{animation-delay:.3s}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;gap:30px}.benefits>div{display:flex;align-items:center;gap:16px}.benefits>div+div{border-left:1px solid var(--line);padding-left:38px}.benefits .icon{width:28px;height:28px;color:#8b9a77}.benefits strong{display:block;font-size:11px;font-weight:600}.benefits small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.section{padding-top:98px;padding-bottom:98px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>p{width:310px;font-size:13px;color:var(--muted);padding-bottom:5px}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:5px 0 25px;margin-bottom:29px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;padding:11px 18px;border:1px solid #dbe0d2;border-radius:25px;font-size:11px;transition:background .25s,border-color .25s}.filter span{font-size:9px;margin-left:5px;color:#79896b}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter.active span{color:#d4e6be}.filter:hover:not(.active){background:var(--sage)}.sort-label{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);white-space:nowrap}.sort-label select{border:0;background:transparent;color:var(--ink);font-size:10px;cursor:pointer;padding:8px 14px 8px 0;max-width:150px}.product-status{font-size:11px;color:var(--muted);margin:0 0 15px;min-height:0}.product-status:empty{display:none}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.product-card{min-width:0;animation:copyEnter .45s both}.product-card:nth-child(2){animation-delay:.04s}.product-card:nth-child(3){animation-delay:.08s}.product-card:nth-child(4){animation-delay:.12s}.product-card:nth-child(5){animation-delay:.16s}.product-card:nth-child(6){animation-delay:.2s}.product-photo{height:285px;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;background:#eceee5;overflow:hidden}.product-card:nth-child(3n+2) .product-photo{background:#ebe9e2}.product-card:nth-child(3n) .product-photo{background:#e9ede7}.product-photo img{width:86%;height:85%;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-photo img{transform:scale(1.06) rotate(-1deg)}.product-tag{position:absolute;top:17px;left:16px;font-size:9px;padding:6px 9px;background:#f9faf2c9;border-radius:3px;z-index:1}.product-heart{position:absolute;top:11px;right:11px;background:#fafaf6bf;backdrop-filter:blur(6px);z-index:2;width:34px;height:34px}.product-heart .icon{width:17px;height:17px}.product-heart.selected{background:var(--lime)}.product-heart.selected .icon{fill:var(--ink)}.product-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:20px;letter-spacing:.9px;text-transform:uppercase}.product-card h3{font-size:20px;font-weight:550;letter-spacing:-.7px;margin:8px 0 7px}.product-desc{font-size:11px;color:var(--muted);min-height:37px;line-height:1.6}.product-specs{display:flex;gap:6px;margin:12px 0 19px;flex-wrap:wrap}.product-specs span{border:1px solid var(--line);border-radius:3px;font-size:9px;padding:5px 7px;line-height:1.3}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:15px}.amazon-link{font-size:11px;font-weight:600;display:flex;align-items:center;gap:13px}.amazon-link .icon{width:16px;height:16px;transition:transform .25s}.amazon-link:hover .icon{transform:translate(2px,-2px)}.amazon-link:hover{color:#6b853f}.compare-select{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;cursor:pointer}.compare-select input{width:13px;height:13px;accent-color:var(--ink);cursor:pointer;margin:0}.affiliate-note{font-size:9px;color:#7a8075;line-height:1.7;border-top:1px solid var(--line);margin-top:36px;padding-top:18px;max-width:100%}.empty-state{grid-column:1/-1;border:1px dashed #a7b295;padding:45px;text-align:center;border-radius:10px}.empty-state h3{font-size:24px;margin-bottom:10px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:20px}
.finder-section{background:var(--ink);color:var(--cream)}.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.finder-copy .eyebrow{color:#c6dba4;margin-bottom:24px}.finder-copy h2{font-size:clamp(42px,4.5vw,70px)}.finder-copy h2 em{color:#d5eb9b}.finder-copy>p:not(.eyebrow){color:#b4c3b5;max-width:340px;font-size:13px;margin-top:24px}.finder-sketch{display:flex;align-items:center;gap:10px;max-width:350px;margin-top:25px;transform:rotate(-3deg)}.finder-sketch svg{width:210px;fill:none;stroke:#a5b899;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.finder-sketch .sketch-accent{stroke:#d5eb9b}.finder-sketch span{font-family:var(--serif);font-style:italic;font-size:15px;color:#c9d4c3;line-height:1.5;transform:rotate(4deg)}.finder-panel{background:var(--cream);color:var(--ink);border-radius:12px;padding:35px 34px;min-height:389px}.finder-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.finder-top span:last-child{color:var(--muted);letter-spacing:1.5px}.progress-track{height:2px;background:#d8dece;margin:17px 0 28px}.progress-track span{display:block;height:100%;width:33.333%;background:#849b64;transition:width .4s}.finder-panel h3{font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin-bottom:10px}.finder-subtitle{font-size:11px;color:var(--muted);margin-bottom:22px;line-height:1.6}.finder-options{display:grid;gap:9px}.finder-option{border:1px solid var(--line);background:transparent;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:14px 15px;text-align:left;transition:background .2s,border-color .2s}.finder-option:hover{background:var(--sage);border-color:#91a475}.finder-option strong{font-size:12px;font-weight:500;display:block}.finder-option small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.finder-option .option-circle{width:18px;height:18px;border:1px solid #a4b095;border-radius:50%;transition:background .2s}.finder-option:hover .option-circle{background:var(--lime)}.finder-back{background:none;font-size:10px;color:var(--muted);margin-top:18px;padding:0}.finder-result-list{display:grid;gap:10px;margin-top:18px}.finder-result{background:#e7ebdf;padding:12px;border-radius:5px;display:flex;align-items:center;gap:12px}.finder-result img{width:57px;height:53px;object-fit:contain;mix-blend-mode:multiply}.finder-result strong{font-size:12px;font-weight:600;display:block}.finder-result small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.finder-result .icon{margin-left:auto;width:17px;height:17px}.finder-result:hover{background:#dce6ca}.finder-measure-note{font-size:9px;color:var(--muted);margin-top:15px}.finder-reset{background:none;padding:0;font-size:10px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-art{height:244px;position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-measure{background:#e7ebdf}.art-material{background:#eee9df}.art-care{background:#e4eae3}.guide-number{font-family:var(--serif);position:absolute;top:17px;left:19px;color:#80916d;font-style:italic;font-size:17px}.guide-art svg{width:92%;height:190px;fill:none;stroke:#536e54;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.art-note{position:absolute;bottom:19px;left:19px;font-size:8px;letter-spacing:1.5px;color:#66775b}.material-circle{height:105px;width:105px;border-radius:50%;margin:0 -14px 10px;box-shadow:5px 9px 14px #29372213;border:1px solid #ffffff50}.metal{background:repeating-linear-gradient(100deg,#bac1bc 0,#f0f2ef 1px,#bcc5bf 2px,#dce0db 4px);transform:translateY(-12px)}.wood{background:repeating-linear-gradient(3deg,#caa577,#d2b082 2px,#c4a273 3px,#dbc293 6px);z-index:1}.silicone{background:#819a70;transform:translateY(12px)}.guide-item h3{font-size:19px;font-weight:500;letter-spacing:-.6px;margin-top:24px;margin-bottom:12px}.guide-item>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:355px}.guide-link{display:flex;align-items:center;gap:17px;background:none;padding:0;margin-top:23px;font-size:11px;font-weight:600}.guide-link .icon{width:15px;height:15px;transition:transform .2s}.guide-link:hover .icon{transform:translate(3px,-3px)}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:72px}.faq-heading .eyebrow{margin-bottom:20px}.faq-heading h2{font-size:49px}.faq-heading>p:last-child{color:var(--muted);font-size:12px;margin-top:21px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;padding:24px 0;cursor:pointer;line-height:1.5;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:12px;line-height:1.8;padding:0 26px 24px 0}.closing{position:relative;overflow:hidden;background:var(--lime);border-radius:12px;padding:58px 58px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .eyebrow{margin-bottom:20px;position:relative;z-index:1}.closing h2{font-size:60px;position:relative;z-index:1}.closing .button{position:relative;z-index:1}.closing-drop{width:190px;height:225px;position:absolute;left:52%;top:21px;fill:none;stroke:#74923c;stroke-width:1;opacity:.25;transform:rotate(20deg)}.footer{padding-top:60px;padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:42px}.footer-top .wordmark{font-size:23px}.footer-top .brand-icon .icon{width:25px;height:25px}.footer-top p{font-size:11px;color:var(--muted)}.back-top{font-size:10px;display:flex;align-items:center;gap:15px}.back-top .icon{width:14px;height:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:22px}.footer-bottom button{font-size:9px;padding:0;background:none;color:var(--muted)}.footer-bottom a:hover,.footer-bottom button:hover{text-decoration:underline;text-underline-offset:4px}
.compare-bar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--lime);padding:11px 14px 11px 22px;border:1px solid #a3b982;box-shadow:0 10px 35px #20302530;border-radius:9px;display:flex;align-items:center;gap:25px;z-index:40;max-width:calc(100% - 32px)}.compare-bar[hidden]{display:none}.compare-bar>div{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px}.compare-bar>div .icon{width:18px;height:18px}.compare-bar>.icon-button{width:30px;height:30px}.compare-bar>.icon-button .icon{width:17px;height:17px}.toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--cream);padding:13px 20px;border-radius:5px;font-size:11px;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:28px 32px 35px;border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:13px;width:calc(100% - 36px);max-width:840px;max-height:85vh;box-shadow:0 20px 100px #12221850}dialog::backdrop{background:#14261e85;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-head .icon-button{width:32px;height:32px}.dialog-head .icon{width:18px;height:18px}dialog h2{font-size:35px;letter-spacing:-1.5px;margin-bottom:24px}dialog p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:16px}dialog ul,dialog ol{font-size:13px;line-height:1.8;color:var(--muted);padding-left:20px}dialog li{margin-bottom:12px}dialog strong{color:var(--ink)}dialog a:not(.button){text-decoration:underline;text-underline-offset:3px}.comparison-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;min-width:470px;font-size:11px}.comparison-table th,.comparison-table td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.comparison-table th{font-weight:500}.comparison-table thead th:not(:first-child){width:25%}.comparison-table td:first-child{color:var(--muted);width:110px}.comparison-table .comparison-image{width:100px;height:90px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:12px}.comparison-table h3{font-size:15px;letter-spacing:-.5px;margin-bottom:6px}.comparison-table .amazon-link{font-size:10px;white-space:normal;gap:5px;line-height:1.6}.reveal{opacity:1;transform:none;transition:opacity .75s,transform .75s}.js-motion .reveal:not(.in-view){opacity:0;transform:translateY(22px)}body.modal-open{overflow:hidden}
@keyframes copyEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroEnter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgeFloat{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-8px) rotate(5deg)}}
@media(min-width:1600px){.hero{gap:70px}.hero h1{font-size:93px}.hero-visual{height:590px}.hero{min-height:690px}.hero-description{font-size:15px;max-width:385px}.hero-actions{flex-direction:row;align-items:center;gap:22px}.text-link{max-width:130px;line-height:1.7}.product-photo{height:315px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav{gap:22px}.nav-actions{gap:12px}.wordmark{font-size:23px}.hero{gap:25px;min-height:550px}.hero h1{font-size:66px}.hero-visual{height:450px}.hero-badge{width:112px;height:112px;right:-12px}.hero-copy{padding:10px 0}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px;max-width:310px}.hero-note{font-size:9px;margin-top:30px}.benefits{gap:20px}.benefits>div+div{padding-left:22px}.benefits strong{font-size:10px}.benefits small{font-size:9px}.benefits .icon{width:23px;height:23px}.finder-grid{gap:60px}.product-photo{height:240px}.product-card h3{font-size:18px}.product-bottom{flex-wrap:wrap;gap:10px}.guide-art{height:210px}.faq-section{gap:45px}.faq-heading h2{font-size:44px}.closing h2{font-size:54px}}
@media(max-width:900px){.nav{gap:18px}.nav-cta{display:none}.hero h1{font-size:55px}.hero-visual{height:430px}.hero .eyebrow{max-width:230px;line-height:1.7}.hero .eyebrow .status-dot{flex-shrink:0}.hero-description{font-size:12px}.hero-actions .button{font-size:11px;padding:17px 18px;gap:18px}.hero-note{line-height:1.6;max-width:240px}.hero-badge{width:99px;height:99px;top:23px}.hero-badge .icon{width:22px;height:22px;margin-bottom:7px}.hero-badge span{font-size:8px}.photo-caption{left:15px;right:70px;font-size:7px;letter-spacing:.6px}.image-label{font-size:7px}.hero-scroll{right:14px;bottom:25px;width:35px;height:35px}.benefits>div{gap:10px}.benefits strong{line-height:1.5}.benefits small{line-height:1.6}.section{padding-top:76px;padding-bottom:76px}.product-toolbar{flex-wrap:wrap}.product-grid{gap:30px 18px}.product-photo{height:205px}.product-tag{font-size:8px;left:10px;top:14px;max-width:calc(100% - 50px)}.product-card h3{font-size:16px}.product-desc{font-size:10px;min-height:48px}.product-specs span{font-size:8px}.product-bottom .amazon-link{font-size:10px}.finder-grid{gap:35px}.finder-panel{padding:26px 24px}.finder-panel h3{font-size:22px}.finder-copy h2{font-size:46px}.finder-sketch{gap:0}.finder-sketch svg{width:160px}.finder-sketch span{font-size:13px}.guide-grid{gap:20px}.guide-art{height:180px}.material-circle{width:77px;height:77px;margin:0 -10px 10px}.guide-item h3{font-size:16px;line-height:1.5}.guide-item>p{font-size:11px}.guide-link{font-size:10px;gap:10px}.faq-section{grid-template-columns:1fr 1.3fr;gap:35px}.faq-heading h2{font-size:39px}.closing{padding:40px}.closing h2{font-size:47px}.closing .button{font-size:11px;padding:17px;gap:16px}.footer-top p{display:none}.footer-bottom>span:last-child{display:none}}
@media(max-width:680px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.announcement{font-size:8px;letter-spacing:.4px;height:29px;gap:4px}.announcement .icon{width:10px;height:10px;margin-left:2px}.nav-wrap{height:77px}.wordmark{font-size:23px}.brand-icon .icon{width:25px;height:25px}.brand-icon{margin-right:7px}.nav-actions{gap:10px}.menu-button{display:flex}.nav{display:none;position:absolute;top:77px;left:0;right:0;padding:10px 20px 25px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;gap:5px;box-shadow:0 15px 20px #23382d0a}.nav.open{display:flex}.nav a{font-size:14px;padding:12px 0}.nav a:after{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:19px;padding-bottom:30px;min-height:0}.hero-copy{padding:5px 0 0}.hero .eyebrow{max-width:none;font-size:8px;margin-bottom:23px;letter-spacing:1.2px}.hero h1{font-size:clamp(48px,10.8vw,71px);line-height:1.05;letter-spacing:-.065em}.hero-description{font-size:13px;max-width:340px;margin-top:22px;line-height:1.75}.hero-actions{margin-top:25px;gap:15px;align-items:flex-start}.hero-actions .button{padding:17px 20px;gap:35px;font-size:12px}.text-link{font-size:11px}.hero-note{max-width:none;margin-top:23px;font-size:9px}.hero-visual{height:370px;border-radius:11px;margin-right:0}.hero-image{border-radius:11px;object-position:48% 52%}.hero-badge{right:-9px;top:20px;width:108px;height:108px}.hero-badge span{font-size:9px}.photo-caption{font-size:8px;left:15px;bottom:18px;right:63px;letter-spacing:.5px;max-width:300px}.image-label{font-size:7px}.hero-scroll{bottom:18px;right:15px}.benefits{grid-template-columns:1fr;padding:23px 0;gap:22px}.benefits>div+div{padding-left:0;border-left:0}.benefits>div{gap:14px}.benefits .icon{width:25px;height:25px}.benefits strong{font-size:11px}.benefits small{font-size:10px;margin-top:2px}.section{padding-top:60px;padding-bottom:60px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.section-heading h2{font-size:46px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.section-heading>p{font-size:12px;max-width:340px;width:auto}.product-toolbar{align-items:flex-start;gap:14px;padding-bottom:20px;margin-bottom:23px}.filters{gap:7px}.filter{padding:10px 13px;font-size:10px}.sort-label{font-size:9px;margin-left:auto}.sort-label select{font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 14px}.product-photo{height:185px;border-radius:7px}.product-photo img{height:80%;width:93%}.product-tag{font-size:7px;padding:5px 6px;top:12px;left:8px;max-width:calc(100% - 41px)}.product-heart{width:28px;height:28px;top:8px;right:6px}.product-heart .icon{width:14px;height:14px}.product-meta{font-size:8px;margin-top:14px;letter-spacing:.5px}.product-card h3{font-size:16px;letter-spacing:-.55px;line-height:1.2;margin:7px 0 9px;min-height:38px}.product-desc{font-size:10px;min-height:47px}.product-specs{margin:11px 0 14px;gap:5px;min-height:24px}.product-specs span{font-size:8px;padding:4px 5px}.product-bottom{flex-direction:column;align-items:flex-start;padding-top:12px;gap:12px}.product-bottom .amazon-link{font-size:10px;gap:6px}.amazon-link .icon{width:13px;height:13px}.compare-select{font-size:9px}.affiliate-note{font-size:8px;line-height:1.8;padding-top:17px;margin-top:26px}.finder-grid{grid-template-columns:1fr;gap:26px}.finder-copy h2{font-size:47px}.finder-copy .eyebrow{font-size:9px;margin-bottom:18px}.finder-copy>p:not(.eyebrow){font-size:12px;margin-top:18px;max-width:310px}.finder-sketch{display:none}.finder-panel{padding:27px 23px;min-height:390px;border-radius:9px}.finder-panel h3{font-size:25px}.finder-option{padding:14px}.finder-option strong{font-size:12px}.finder-option small{font-size:10px}.guide-grid{grid-template-columns:1fr;gap:38px}.guide-art{height:225px}.guide-art svg{height:200px;width:290px}.material-circle{width:107px;height:107px;margin:0 -16px 10px}.guide-number{font-size:18px}.art-note{font-size:8px}.guide-item h3{font-size:21px;margin-top:20px;margin-bottom:11px}.guide-item>p{font-size:12px;max-width:100%}.guide-link{font-size:11px;margin-top:17px}.faq-section{grid-template-columns:1fr;gap:29px}.faq-heading h2{font-size:45px}.faq-heading .eyebrow{font-size:9px;margin-bottom:15px}.faq-heading>p:last-child{margin-top:17px}.faq-list summary{font-size:12px;padding:21px 0}.faq-list details p{font-size:12px}.closing{padding:34px 27px;flex-direction:column;align-items:flex-start;gap:28px;border-radius:9px}.closing h2{font-size:47px}.closing .eyebrow{font-size:8px;margin-bottom:17px}.closing .button{font-size:11px;padding:17px 18px;gap:23px}.closing-drop{width:170px;height:210px;left:auto;right:0;top:28px}.footer{padding-top:37px;padding-bottom:25px}.footer-top{padding-bottom:29px;gap:15px}.footer-top .wordmark{font-size:21px}.back-top{font-size:8px;gap:8px}.back-top .icon{width:12px;height:12px}.footer-bottom{padding-top:20px;font-size:8px;flex-direction:column;gap:17px}.footer-bottom>div{gap:20px}.footer-bottom button{font-size:8px}.compare-bar{bottom:12px;padding:10px 8px 10px 12px;gap:10px;width:max-content}.compare-bar>div{font-size:9px;gap:5px}.compare-bar>div .icon{width:14px;height:14px}.compare-bar .button{padding:12px 10px;font-size:9px;gap:8px}.compare-bar .button .icon{width:13px;height:13px}.compare-bar>.icon-button{width:25px;height:25px}.toast{font-size:10px;bottom:89px;width:max-content;max-width:calc(100% - 40px)}dialog{padding:20px 20px 28px;width:calc(100% - 24px);max-height:88vh}dialog h2{font-size:29px;line-height:1.15}.comparison-table{font-size:10px;min-width:430px}.comparison-table th,.comparison-table td{padding:12px 8px}.comparison-table .comparison-image{width:80px;height:75px}.comparison-table h3{font-size:13px}.comparison-table .amazon-link{font-size:9px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:46px}.wordmark{font-size:21px}.announcement span{display:none}.product-photo{height:157px}.product-card h3{font-size:15px}.product-bottom .amazon-link{font-size:9px}.product-tag{font-size:6px}.filters{gap:5px}.filter{padding:9px 11px}.compare-bar>div .icon{display:none}}
@media(min-width:681px) and (max-width:1150px){.hero h1{font-size:clamp(40px,5.6vw,66px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal:not(.in-view){opacity:1;transform:none}.product-photo img{transform:none!important}.button:hover{transform:none}}