:root{--ink:#16202b;--blue:#0a6fb4;--blue2:#0c85c7;--pale:#c9e1ef;--sand:#ede7dc;
--warm:#8a5a3c;--line:#d8dfe6;--bg:#fff;--mute:#5b6b7a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.62 Karla,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,b,strong{font-family:Archivo,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(28px,4.6vw,44px);line-height:1.12;margin:0 0 14px}
h2{font-size:clamp(21px,2.5vw,29px);line-height:1.2;margin:0 0 12px}
h3{font-size:19px;margin:26px 0 8px}
p{margin:0 0 14px}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.topStrip{background:var(--ink);color:#e7eef4;font-size:13px}
.topStrip .wrap{display:flex;gap:26px;flex-wrap:wrap;padding:7px 18px}
.topStrip span{opacity:.86}
.roomTop{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:30}
.roomTop>.wrap{display:flex;align-items:center;gap:18px;padding:12px 18px}
.wordMark{display:flex;align-items:center;gap:14px;color:var(--ink)}
.wordMark img{height:40px;width:auto}
.wordMark i{display:block;font-style:normal;font-size:12px;line-height:1.35;color:var(--mute);max-width:230px;border-left:1px solid var(--line);padding-left:14px}
.wordMark:hover{text-decoration:none}
.topBuy{margin-left:auto;line-height:0}
.topBuy .stockStamp img{width:230px;max-width:230px}
.aisleNav{border-top:1px solid var(--line);background:#fbfcfd}
.aisleNav .wrap{display:flex;flex-wrap:wrap;gap:0 20px;padding:4px 18px}
.aisleNav a{font:600 13.5px/1 Archivo,sans-serif;color:var(--ink);padding:9px 0;display:inline-block}
.aisleNav a.navAll{color:var(--blue)}
.aisleNav a:hover{color:var(--blue);text-decoration:none;box-shadow:inset 0 -2px 0 var(--blue2)}
.tileBuy{margin:10px 0 0;line-height:0}
.tileBuy .stockStamp,.tileBuy .stockStamp img{width:100%;max-width:none}
.binTile .tagState{margin-top:auto}
.heroBuy{margin-top:26px}
.heroBuy .stockStamp img{max-width:400px}
.heroPick{font-size:14.5px;color:#dceaf4;margin:10px 0 0}
.heroPick a{color:#fff;text-decoration:underline}
.closeBuy{margin-top:30px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:4px;padding:18px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.closeBuy p{margin:0;max-width:52ch}
.closeBuy .stockStamp img{max-width:320px}
.buyDock{display:none}
.navKey{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:7px;padding:9px 10px;cursor:pointer}
.navKey span{display:block;width:21px;height:2px;background:var(--ink);margin:4px 0}
.crumbRow{border-bottom:1px solid var(--line);font-size:13px;color:var(--mute);background:#fbfcfd}
.crumbRow .wrap{display:flex;gap:8px;flex-wrap:wrap;padding:9px 18px}
.crumbRow i{font-style:normal;opacity:.5}
.benchHero{background:linear-gradient(170deg,#0a6fb4 0%,#064e80 72%);color:#fff;padding:62px 0 56px;position:relative;overflow:hidden}
.benchHero .wrap{position:relative;z-index:2}
.benchHero .wrap>*{max-width:min(100%,54ch)}
.benchHero .wrap>h1{max-width:min(100%,17ch)}
.heroShot{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:cover;z-index:1;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.benchHero h1{color:#fff;max-width:19ch}
.heroKick{font:600 12.5px/1 Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--pale);margin:0 0 16px}
.heroLede{font-size:18.5px;max-width:62ch;color:#dceaf4}
.heroCta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btnMain{background:var(--sand);color:var(--ink);font:700 15px/1 Archivo,sans-serif;padding:15px 26px;border-radius:3px}
.btnThin{border:1.5px solid rgba(255,255,255,.55);color:#fff;font:700 15px/1 Archivo,sans-serif;padding:14px 24px;border-radius:3px}
.btnMain:hover,.btnThin:hover{text-decoration:none;opacity:.9}
section{padding:46px 0}
.secLede{color:var(--mute);max-width:72ch;margin:0 0 26px}
.craftGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}
.craftCell{padding:26px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.craftCell:nth-child(3n){border-right:0}
.craftCell:nth-child(n+4){border-bottom:0}
.craftCell b{display:block;font-size:17.5px;margin-bottom:8px;padding-left:34px;position:relative}
.craftCell b:before{content:"";position:absolute;left:0;top:1px;width:22px;height:16px;border:2px solid var(--blue);border-top-width:6px;border-radius:2px}
.craftCell p{color:var(--mute);font-size:15.5px;margin:0 0 10px}
.cellList{margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--ink)}
.cellList li{padding:3px 0 3px 14px;position:relative}
.cellList li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--pale);border:1px solid var(--blue);border-radius:1px}
.aisleWrap{background:var(--sand)}
.aisleRow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.aisleChip{display:block;height:100%;background:#fff;border:1px solid #ddd6c8;border-radius:4px;padding:14px 16px;color:var(--ink)}
.aisleChip:hover{border-color:var(--blue);text-decoration:none}
.aisleChip b{display:block;font-size:15.5px}
.aisleChip span{font-size:12.5px;color:var(--mute)}
.binGrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.binGrid.is-wide{grid-template-columns:repeat(3,1fr)}
.pickWrap--alt{background:#f6f8fa}
.aisleBest+.aisleBest{margin-top:34px}
.aisleBestHead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 14px;border-bottom:2px solid var(--line);padding-bottom:8px}
.aisleBestHead h3{margin:0;font-size:20px}
.aisleBestHead a{font-weight:700;font-size:14px;color:var(--blue);text-decoration:none;white-space:nowrap}
.binTile{border:1px solid var(--line);border-radius:4px;padding:12px;background:#fff;display:flex;flex-direction:column}
.tileShot{display:block;position:relative;background:#f6f8fa;border-radius:3px;overflow:hidden}
.tileShot img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal}
.noShot{display:block;aspect-ratio:1;background:repeating-linear-gradient(45deg,#eef2f5 0 8px,#e4eaf0 8px 16px)}
.tileRib{position:absolute;left:8px;bottom:8px;background:rgba(10,111,180,.92);color:#fff;font:600 11px/1 Archivo,sans-serif;padding:5px 8px;border-radius:2px}
.tagPrice{font:800 21px/1 Archivo,sans-serif;margin:12px 0 4px;color:var(--ink)}
.tagPrice i{font:600 12.5px/1 Karla,sans-serif;color:var(--mute);font-style:normal;margin-left:6px}
.binTile h3{font-size:14.5px;margin:0 0 7px;font-weight:600;line-height:1.35}
.binTile h3 a{color:var(--ink)}
.rateRow{font-size:12.5px;color:var(--mute);display:block;margin-bottom:5px}
.rateStars{color:#d98b24;letter-spacing:.5px}
.rateN{opacity:.8}
.tagState{font:600 11.5px/1 Archivo,sans-serif;letter-spacing:.05em;text-transform:uppercase;margin-top:auto;display:inline-block;padding-top:6px}
.st-up{color:#1f7a45}.st-low{color:#b26a12}.st-wait{color:var(--mute)}.st-ask{color:var(--mute)}
.pickWrap{background:#fbfcfd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benchProse .wrap{max-width:860px}
.benchProse h3{font-size:20px}
.proseList{margin:0 0 18px;padding-left:20px}
.proseList li{margin-bottom:6px}
.noteGrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.noteCard{border:1px solid var(--line);border-left:4px solid var(--warm);border-radius:3px;padding:20px;color:var(--ink);background:#fff}
.noteCard:hover{text-decoration:none;border-left-color:var(--blue)}
.noteCard b{display:block;font-size:18px;margin-bottom:8px}
.noteCard p{color:var(--mute);font-size:15px}
.noteCard span{font:600 12.5px/1 Archivo,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.sayWrap{background:var(--sand)}
.sayGrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sayCell{margin:0;background:#fff;border:1px solid #ddd6c8;border-radius:4px;padding:20px}
.sayCell blockquote{margin:0 0 12px}
.sayCell p{font-size:15.5px;margin:0}
.sayCell figcaption{font-size:13px;color:var(--mute)}
.askList{border-top:1px solid var(--line)}
.askItem{border-bottom:1px solid var(--line)}
.askItem summary{cursor:pointer;padding:16px 0;font:700 17px/1.4 Archivo,sans-serif;list-style:none}
.askItem summary::-webkit-details-marker{display:none}
.askItem summary:before{content:"+";color:var(--blue);margin-right:10px;font-weight:800}
.askItem[open] summary:before{content:"\2013"}
.askItem>div{padding:0 0 16px 24px;color:#32404e}
.countBand{background:var(--ink);color:#fff}
.bandLede{color:#b9c8d4;max-width:70ch}
.countRow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.countCell b{display:block;font-size:34px;color:var(--pale)}
.countCell span{font-size:13.5px;color:#9fb2c1}
.pageHead{padding:40px 0 26px}
.aisleShot{display:block;width:100%;height:clamp(180px,22vw,290px);object-fit:cover;border:1px solid var(--line);margin-top:24px}
.pageLede{font-size:18px;color:var(--mute);max-width:74ch}
.headMeta{font:600 13px/1 Archivo,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}
.aisleBlock{padding:30px 0;border-top:1px solid var(--line)}
.moreLink{margin-top:18px;font-weight:600}
.shopWrap .wrap{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:start}
.railBox{position:sticky;top:78px}
.railCell{border:1px solid var(--line);border-radius:4px;padding:14px 16px;margin-bottom:14px}
.railHead,.pickHead,.footHead{font:700 13px/1.3 Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.footHead{color:#fff;font-size:12.5px;letter-spacing:.1em}
.railCell ul{margin:0;padding-left:16px;font-size:14px}
.railCell li{margin-bottom:5px}
.binTop .wrap{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:38px;align-items:start}
.shotMain{border:1px solid var(--line);border-radius:4px;background:#f6f8fa;padding:14px}
.shotMain img{width:100%;aspect-ratio:1;object-fit:contain}
.thumbRow{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.thumbKey{background:#fff;border:1px solid var(--line);border-radius:3px;padding:3px;cursor:pointer;line-height:0}
.thumbKey.sel-on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.factAisle{font:600 12.5px/1 Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.bigPrice{font:800 36px/1 Archivo,sans-serif;display:flex;align-items:baseline;gap:14px;margin:12px 0 18px}
.bigPrice .tagState{font-size:12px;margin:0}
.specList{margin:0 0 20px;padding-left:20px;color:#32404e;font-size:15.5px}
.specList li{margin-bottom:6px}
.pickBox{border:1px solid var(--line);border-radius:4px;padding:16px;margin-bottom:22px}

.pickRow{display:flex;flex-wrap:wrap;gap:8px;max-height:340px;overflow-y:auto}
.pickKey{background:#fff;border:1px solid var(--line);border-radius:3px;padding:7px 11px;cursor:pointer;font:400 13.5px/1.3 Karla,sans-serif;text-align:left}
.pickKey i{display:block;font-style:normal;font-weight:700;font-size:13px;color:var(--blue)}
.pickKey.sel-on{border-color:var(--blue);background:#eff7fc;box-shadow:0 0 0 1px var(--blue)}
.pickNote{font-size:13px;color:var(--mute);margin:12px 0 0}
.stampRow{margin:4px 0 10px}
.stockStamp{background:none;border:0;padding:0;cursor:pointer;line-height:0;display:inline-block}
.stockStamp img{width:100%;max-width:360px}
.stockStamp:hover{filter:brightness(1.07)}
.stampNote{font-size:13.5px;color:var(--mute)}
.specTab{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px}
.specTab caption{text-align:left;font:700 13px/1 Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding-bottom:9px}
.specTab th,.specTab td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
.specTab th{width:46%;font-weight:600;color:var(--mute)}
.roomFoot{background:#0d1a26;color:#c3d2de;padding:48px 0 30px;font-size:14.5px}
.footLede img{height:52px;width:auto}
.footLede{display:grid;grid-template-columns:auto 1fr 300px;gap:20px;align-items:start;padding-bottom:26px;border-bottom:1px solid #1f2f3d}
.footLede p{margin:0;max-width:56ch}
.roomFoot address{font-style:normal;color:#8fa3b4;font-size:13.5px}
.footCols{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:26px 0}

.footCols ul{margin:0;padding:0;list-style:none}
.footCols li{margin-bottom:6px}
.roomFoot a{color:#c3d2de}
.footNote{color:#7d91a3;font-size:12.5px;margin:4px 0 0}
.mailLine{font:700 19px/1 Archivo,sans-serif}
@media(max-width:1000px){
.wordMark i{display:none}
.binGrid,.binGrid.is-wide{grid-template-columns:repeat(3,1fr)}
.craftGrid{grid-template-columns:repeat(2,1fr)}
.craftCell:nth-child(3n){border-right:1px solid var(--line)}
.craftCell:nth-child(2n){border-right:0}
.craftCell:nth-child(n+4){border-bottom:1px solid var(--line)}
.craftCell:nth-child(n+5){border-bottom:0}
.shopWrap .wrap,.binTop .wrap{grid-template-columns:1fr}
.railBox{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;order:2}
.noteGrid,.sayGrid{grid-template-columns:1fr 1fr}
.footLede{grid-template-columns:1fr}
.footCols{grid-template-columns:repeat(2,1fr)}
.heroShot{position:static;width:100%;height:210px;margin-top:26px;-webkit-mask-image:none;mask-image:none}
.benchHero{padding:46px 0 0}
.benchHero .wrap>*{max-width:100%}
}
@media(max-width:760px){
body{font-size:16px}
.navKey{display:block}
.aisleNav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:6px 18px 14px}
.aisleNav.menu-open{display:flex}
.aisleNav .wrap{flex-direction:column;padding:0}
.aisleNav a{padding:12px 0;border-bottom:1px solid var(--line)}
.topBuy{display:none}
.navKey{margin-left:auto}
.craftGrid{grid-template-columns:1fr}
.craftCell,.craftCell:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}
.craftCell:last-child{border-bottom:0}
.buyDock{display:block;position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#fff;z-index:40;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
.buyDock .wrap{display:flex;align-items:center;gap:12px;justify-content:space-between}
.buyDock p{margin:0;font-size:13px;line-height:1.3;min-width:0}
.buyDock b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.buyDock .stockStamp{flex:none}
.buyDock .stockStamp img{width:172px;max-width:172px}
body{padding-bottom:78px}
.heroBuy .stockStamp img{max-width:100%}
.binGrid,.binGrid.is-wide{grid-template-columns:1fr 1fr;gap:14px}
.noteGrid,.sayGrid{grid-template-columns:1fr}
.countRow{grid-template-columns:1fr 1fr}
.topStrip .wrap{gap:14px;font-size:12px}
.topStrip span+span{display:none}
.wordMark i{display:none}
section{padding:32px 0}
.benchHero{padding:40px 0 36px}
.bigPrice{font-size:30px}
.railBox{grid-template-columns:1fr}
}
@media(max-width:400px){.binGrid,.binGrid.is-wide{gap:10px}.binTile{padding:8px}.binTile h3{font-size:13.5px}.tagPrice{font-size:18px}.footCols{grid-template-columns:1fr}}
