:root{--petrol:#114b50; --deep:#0c3a3e; --paper:#f6f5f1; --card:#fffefb;--ink:#22262a; --soft:#68707a; --line:#e3e0d6; --honey:#d9973b;--honeydk:#b87c26; --sand:#ece7da; --steel:#41565a;}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Manrope',system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.01em}h1{font-size:clamp(30px,6vw,56px)}h2{font-size:clamp(24px,4vw,38px)}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--honeydk);font-weight:800;margin-bottom:12px}.kicker::before{content:"";width:10px;height:10px;background:conic-gradient(var(--honey) 0 25%,transparent 0 50%,var(--honey) 0 75%,transparent 0);outline:1.5px solid var(--honey)}.sub{color:var(--soft);max-width:760px}section{padding:58px 0}/* header */.hd{background:var(--petrol);color:#eef0e9}.hd-note{font-size:12.5px;text-align:center;padding:7px 14px;background:var(--deep);color:#c8cdb9;letter-spacing:.04em}.hd .bar{display:flex;align-items:center;gap:18px;padding:14px 20px;max-width:1180px;margin:0 auto}.logo{display:flex;align-items:center}.logo img{height:30px;width:auto}.nav{display:none}.nav a{padding:8px 2px;font-weight:700;font-size:14.5px;color:#dfe4d3;border-bottom:2px solid transparent}.nav a.on,.nav a:hover{color:#fff;border-bottom-color:var(--honey)}.hd-cta{display:none}.burger{margin-left:auto;background:none;border:1.5px solid #3d6468;color:#eef0e9;font-size:19px;padding:4px 11px;cursor:pointer}.nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--deep);padding:12px 22px 18px;z-index:60;gap:2px}.hd{position:relative}/* buttons */.btn{display:inline-block;background:var(--honey);color:#241a06;font-weight:800;font-size:15px;padding:13px 26px;letter-spacing:.01em;transition:background .15s}.btn:hover{background:var(--honeydk);color:#fff}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn.lite{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}.btn.lite:hover{background:rgba(255,255,255,.14)}/* hero */.hero{position:relative;color:#fff;background:var(--deep)}.hero img{width:100%;height:72vh;min-height:430px;max-height:630px;object-fit:cover;opacity:.85}.hero .ov{position:absolute;inset:0;background:linear-gradient(150deg,rgba(9,32,34,.85) 0%,rgba(9,32,34,.3) 55%,rgba(9,32,34,.5) 100%)}.hero .grid-ov{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.hero .wrap{position:absolute;inset:auto 0 0 0;padding-bottom:54px}.hero h1{max-width:660px;text-shadow:0 2px 22px rgba(0,0,0,.4)}.hero p{max-width:560px;margin:16px 0 24px;color:#dfe4d3;font-size:17.5px}.hero .row{display:flex;gap:12px;flex-wrap:wrap}/* shelf tiles */.tiles{display:grid;grid-template-columns:1fr;gap:14px;margin-top:34px}.tile{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line)}.tile img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .4s}.tile:hover img{transform:scale(1.035)}.tile figcaption{position:absolute;inset:auto 0 0 0;padding:34px 16px 13px;background:linear-gradient(transparent,rgba(12,32,34,.88));color:#fff;display:flex;align-items:baseline;justify-content:space-between}.tile figcaption b{font-family:'Bricolage Grotesque',sans-serif;font-size:21px}.tile figcaption span{font-size:12.5px;color:#cdd4bf}/* most-reviewed strip */.pick-band{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.picks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.pick{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;position:relative;transition:box-shadow .2s,transform .2s}.pick:hover{box-shadow:0 12px 30px rgba(20,40,42,.13);transform:translateY(-3px)}.pick .rank{position:absolute;top:0;left:0;z-index:2;background:var(--petrol);color:var(--paper);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;padding:5px 9px}.pick .rank b{color:var(--honey)}.pick .ph{background:#fff;border-bottom:1px solid var(--line)}.pick .ph img{aspect-ratio:1;object-fit:contain;width:100%;padding:10px;transition:transform .35s}.pick:hover .ph img{transform:scale(1.04)}.pick .in{padding:12px 13px 14px;display:flex;flex-direction:column;gap:5px;flex:1}.pick .shelf{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--honeydk);font-weight:800}.pick .nm{font-family:'Bricolage Grotesque',sans-serif;font-size:16.5px;font-weight:700;line-height:1.2}.pick .nm:hover{color:var(--honeydk)}.pick .price{margin-top:auto;padding-top:8px;display:flex;align-items:baseline;gap:6px}.pick .price b{font-size:21px;font-family:'Bricolage Grotesque',sans-serif}.pick .price span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.pick .go{display:block;text-align:center;background:var(--honey);color:#241a06;font-weight:800;font-size:13.5px;padding:10px 8px;margin-top:9px}.pick .go:hover{background:var(--honeydk);color:#fff}.pick .more{display:block;text-align:center;font-size:12.5px;font-weight:700;color:var(--soft);padding-top:8px}.pick .more:hover{color:var(--petrol)}.picks .pick:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}.picks .pick:last-child:nth-child(odd) .ph{flex:0 0 42%;border-bottom:none;border-right:1px solid var(--line);display:flex}.picks .pick:last-child:nth-child(odd) .ph img{aspect-ratio:auto;height:100%}.picks .pick:last-child:nth-child(odd) .in{flex:1}/* value blocks */.vals{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px}.val{background:var(--card);border:1px solid var(--line);padding:22px 20px;position:relative}.val::before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:3px solid var(--honey);border-left:3px solid var(--honey)}.val svg{width:30px;height:30px;stroke:var(--petrol);fill:none;stroke-width:1.7;margin-bottom:12px}.val b{font-size:16.5px;display:block;margin-bottom:7px}.val p{font-size:14.5px;color:var(--soft);line-height:1.6}/* band */.band{margin:0}.band img{width:100%;height:52vh;min-height:320px;object-fit:cover}/* cards */.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 10px 30px rgba(20,40,42,.12);transform:translateY(-2px)}.card .ph{position:relative}.card .ph img{aspect-ratio:1;object-fit:contain;width:100%;background:#fff;padding:8px}.card .in{padding:13px 14px 15px;display:flex;flex-direction:column;gap:6px;flex:1;border-top:1px solid var(--line)}.card .in b a{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700}.card .shelf{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--honeydk);font-weight:800}.card .meta{font-size:13px;color:var(--soft)}.card .pr{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px}.card .pr b{font-size:17px}.card .pr .from{font-size:10.5px;color:var(--soft);display:block;letter-spacing:.08em;text-transform:uppercase}.unav{color:var(--soft);font-size:13.5px;font-style:italic}.stars{color:var(--honeydk);font-size:13.5px;letter-spacing:.05em}.stars span{color:var(--soft);font-size:12.5px;margin-left:6px;letter-spacing:0}/* gallery: checkerboard rhythm */.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:34px}.gal figure{overflow:hidden;border:1px solid var(--line);background:#fff}.gal img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;transition:transform .4s}.gal figure:hover img{transform:scale(1.04)}/* reviews */.revs{background:var(--petrol);color:#e9ece0}.revs .kicker{color:var(--honey)}.revs .kicker::before{outline-color:var(--honey)}.revs h2{color:#fff}.rgrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:34px}.rev{background:#175a60;border:1px solid #2a6f74;padding:22px 20px;font-size:14.5px;position:relative}.rev::before{content:"\201C";font-family:Georgia,serif;font-size:52px;line-height:0;position:absolute;top:26px;right:20px;color:#2f767b}.rev .stars{color:var(--honey)}.rev b{display:block;margin:8px 0 6px;font-size:15.5px;color:#fff}.rev p{color:#cfd6c4;line-height:1.6}.rev .who{margin-top:12px;display:flex;gap:10px;align-items:center;font-size:12.5px;color:#a6b39a}.rev .who i{width:34px;height:34px;background:var(--honey);color:#241a06;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;flex:0 0 auto}.vtag{color:var(--honey);font-weight:700}/* video */.vids{display:grid;grid-template-columns:1fr;gap:16px;margin-top:34px}.vid{position:relative;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9;border:1px solid var(--line)}.vid img{width:100%;height:100%;object-fit:cover;opacity:.85}.vid .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vid .play i{width:62px;height:62px;background:rgba(217,151,59,.95);display:flex;align-items:center;justify-content:center;transition:transform .2s}.vid:hover .play i{transform:scale(1.1)}.vid .play svg{width:22px;height:22px;fill:#241a06;margin-left:4px}.vid figcaption{position:absolute;inset:auto 0 0 0;padding:26px 14px 11px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:13.5px}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}/* trust */.tgrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:34px}.tblock{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--petrol);padding:20px}.tblock b{font-size:16px;display:block;margin-bottom:8px}.tblock p{font-size:14.5px;color:var(--soft)}.tblock .src{margin-top:10px;font-size:12.5px;color:var(--soft)}.tblock .src a{color:var(--honeydk);font-weight:700}/* journal */.jgrid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:34px}.jcard{background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.jcard .ph img{aspect-ratio:16/9;object-fit:cover;width:100%}.jcard .in{padding:16px}.jcard b{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;display:block;margin-bottom:8px}.jcard p{font-size:14px;color:var(--soft)}.jcard .more{display:inline-block;margin-top:12px;color:var(--honeydk);font-weight:800;font-size:13.5px}/* breadcrumbs */.crumbs{padding:16px 0 0;font-size:13px;color:var(--soft)}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}.crumbs a{color:var(--honeydk);font-weight:600}.chead{padding:26px 0 8px}/* product page */.pmain{display:grid;grid-template-columns:1fr;gap:26px;padding:26px 0 10px}.pgal .big{border:1px solid var(--line);background:#fff}.pgal .big img{width:100%;aspect-ratio:1;object-fit:contain;padding:12px}.pgal .th{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.pgal .th img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);cursor:pointer;background:#fff}.pinfo h1{font-size:clamp(26px,4vw,36px)}.pinfo .lead{margin:12px 0;color:var(--soft)}.facts{list-style:none;margin:16px 0;border-top:1px solid var(--line)}.facts li{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.facts b{flex:0 0 110px;color:var(--soft);font-weight:700}.opttbl{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}.opttbl th{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);text-align:left;padding:8px;border-bottom:2px solid var(--line)}.opttbl td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.opttbl .pb{white-space:nowrap;font-weight:800}.opttbl .buy{background:var(--honey);color:#241a06;font-weight:800;font-size:12.5px;padding:8px 14px;white-space:nowrap;display:inline-block}.opttbl .buy:hover{background:var(--honeydk);color:#fff}table.plain{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0}table.plain th{background:var(--sand);text-align:left;padding:10px 12px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}table.plain td{padding:10px 12px;border-bottom:1px solid var(--line)}.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.opts a{border:1px solid var(--line);background:var(--card);padding:6px 14px;font-size:13px;font-weight:700}.opts a:hover{border-color:var(--honeydk);color:var(--honeydk)}/* article */.art{max-width:780px}.art .lead{font-size:18.5px;color:var(--soft);margin-top:14px}.artmeta{font-size:13px;color:var(--soft);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.artbody h2{margin:38px 0 14px}.artbody h3{margin:28px 0 10px;font-size:21px}.artbody p{margin:13px 0}.artbody ul,.artbody ol{margin:13px 0 13px 22px}.artbody li{margin:6px 0}.artbody figure{margin:24px 0;border:1px solid var(--line)}.artbody figcaption{font-size:13px;color:var(--soft);padding:8px 10px;background:var(--card)}.artbody a{color:var(--honeydk);font-weight:700}.artbody .note{background:var(--sand);border-left:4px solid var(--petrol);padding:14px 18px;font-size:14.5px;color:var(--steel)}.bl{color:var(--honeydk);font-weight:700}/* footer: brand strip on top, columns under it */.ft{background:var(--petrol);color:#c8cfba;font-size:14px}.ft .modstrip{height:12px;background:repeating-linear-gradient(90deg,var(--honey) 0 12px,transparent 12px 24px,#2a6f74 24px 36px,transparent 36px 48px)}.ft .inner{max-width:1180px;margin:0 auto;padding:40px 20px 26px}.fbrand{display:flex;flex-direction:column;gap:16px;padding-bottom:28px;border-bottom:1px solid #2a6f74}.fbrand .logo img{height:36px}.fbrand p{max-width:560px;line-height:1.6}.fbrand .row{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.fsoc{display:flex;gap:10px}.fsoc a{width:32px;height:32px;border:1px solid #2f767b;display:flex;align-items:center;justify-content:center}.fsoc a:hover{border-color:var(--honey)}.fbadges{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.fbadges span{display:flex;gap:8px;align-items:center}.fbadges svg{width:15px;height:15px;stroke:var(--honey);fill:none;stroke-width:2}.fcols{display:grid;grid-template-columns:1fr;gap:26px;padding:28px 0 0}.fcols h4{color:#fff;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.fcols ul{list-style:none}.fcols li{margin:7px 0}.fcols a:hover{color:#fff}.know li{color:#aab595;font-size:13px;line-height:1.55}.fpay{margin-top:30px;padding-top:20px;border-top:1px solid #2a6f74}.fpay .cap{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8f9c7f}.fpay .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.fpay .pay{background:#fffefb;display:inline-flex;padding:1px 2px}.fine{margin-top:22px;padding-top:16px;border-top:1px solid #2a6f74;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#8f9c7f}.fine a{text-decoration:underline}@media screen and (min-width:768px){.nav{display:flex;gap:20px;margin-left:26px}.burger{display:none}.hd-cta{display:inline-block;margin-left:auto;background:var(--honey);color:#241a06;font-weight:800;font-size:13.5px;padding:10px 18px}.hd-cta:hover{background:var(--honeydk);color:#fff}.tiles{grid-template-columns:repeat(6,1fr)}.tiles .tile:nth-child(1){grid-column:span 3;grid-row:span 2}.tiles .tile:nth-child(1) img{height:100%;aspect-ratio:auto}.tiles .tile:nth-child(2),.tiles .tile:nth-child(3){grid-column:span 3}.tiles .tile:nth-child(2) img,.tiles .tile:nth-child(3) img{aspect-ratio:16/7.3}.tiles .tile:nth-child(4),.tiles .tile:nth-child(5){grid-column:span 3}.tiles .tile:nth-child(4) img,.tiles .tile:nth-child(5) img{aspect-ratio:16/7.3}.picks{grid-template-columns:repeat(5,1fr);gap:14px}.picks .pick:last-child:nth-child(odd){grid-column:auto;flex-direction:column}.picks .pick:last-child:nth-child(odd) .ph{flex:none;border-bottom:1px solid var(--line);border-right:none;display:block}.picks .pick:last-child:nth-child(odd) .ph img{aspect-ratio:1;height:auto}.vals{grid-template-columns:repeat(3,1fr)}.vals .val:last-child:nth-child(3n+1){grid-column:1/-1}.cards{grid-template-columns:repeat(4,1fr)}.gal{grid-template-columns:repeat(4,1fr)}.gal figure:nth-child(8n+1),.gal figure:nth-child(8n+6){grid-row:span 2}.gal figure:nth-child(8n+1) img,.gal figure:nth-child(8n+6) img{aspect-ratio:auto;height:100%}.rgrid{grid-template-columns:repeat(2,1fr)}.rgrid.h{grid-template-columns:repeat(4,1fr)}.vids{grid-template-columns:repeat(3,1fr)}.tgrid{grid-template-columns:repeat(3,1fr)}.jgrid{grid-template-columns:repeat(3,1fr)}.fbrand{flex-direction:row;justify-content:space-between;align-items:flex-start}.fcols{grid-template-columns:repeat(3,1fr)}.pmain{grid-template-columns:1.05fr 1fr;gap:38px}.fine{flex-direction:row;justify-content:space-between}}