@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
main .hero { min-height:0; }
main .hero .hero-copy { padding:26px 28px; align-self:center; }
main .hero h1 { font-size:clamp(30px,3.3vw,48px); letter-spacing:-1.8px; margin:13px 0; }
main .hero p { font-size:13px; line-height:1.6; }
main .hero .primary { margin:14px 0 0; padding:12px 18px; }
main .hero .hero-tags { margin-top:16px; gap:12px; }
main .hero .hero-featured { padding:20px; }
main .hero .hero-featured-label { margin-bottom:9px; font-size:9px; }
main .hero .hero-picks { gap:7px; }
main .hero .hero-pick { grid-template-columns:72px minmax(0,1fr); gap:10px; padding:9px; }
main .hero .hero-pick-art { height:60px; }
main .hero .hero-pick-copy { gap:4px; }
main .hero .hero-pick-copy strong { font-size:12px; line-height:1.3; }
main .hero .hero-pick-copy span { font-size:11px; }
@media(max-width:680px) { main .hero .hero-copy { padding:20px 22px; } main .hero .hero-featured { padding:0 16px 16px; } main .hero .hero-pick-art { height:50px; } main .hero .hero-pick { grid-template-columns:60px minmax(0,1fr); } }
/* Keep product images in their own white, bounded layout area. */
#products .product-art { background:#fff; width:100%; overflow:hidden; flex-shrink:0; }
#products .product-body .availability { position:static; align-self:flex-start; font-size:10px; color:#4f6f46; margin-bottom:9px; }
#products .product-body .sold-out { color:#777; }
#productDialog { align-items:start; }
#detailArt { background:#fff; min-width:0; max-height:none; padding:12px; align-self:start; display:flex; flex-direction:column; overflow:hidden; }
#detailArt > img, #detailArt > svg, #detailArt .gallery-main { display:block; width:100%; height:clamp(200px,32vw,360px); max-height:none; flex-shrink:0; object-fit:contain; }
#detailArt .gallery-main { overflow:hidden; }
#detailArt .gallery-main > img, #detailArt .gallery-main > svg { display:block; width:100%; height:100%; max-height:100%; object-fit:contain; }
#detailArt .gallery-thumbs { flex-shrink:0; }
#productDialog .detail-copy { min-width:0; overflow-wrap:anywhere; }
@media(min-width:900px) {
 #productDialog[open] { width:min(90vw,1440px); max-height:92dvh; padding:clamp(30px,3vw,54px); gap:clamp(25px,3vw,52px); grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); }
 #productDialog #detailArt > img, #productDialog #detailArt > svg, #productDialog #detailArt .gallery-main { height:clamp(340px,34vw,560px); }
 #productDialog .detail-copy h2 { font-size:clamp(26px,2vw,38px); }
 #productDialog .detail-copy p, #productDialog .detail-price, #productDialog .primary, #productDialog .variant-options button { font-size:clamp(14px,1.05vw,18px); }
 #productDialog .detail-copy .fineprint { font-size:clamp(12px,.85vw,15px); }
 #productDialog .eyebrow { font-size:clamp(10px,.8vw,14px); }
 #productDialog .gallery-thumbs img { width:clamp(48px,4.5vw,76px); height:clamp(48px,4.5vw,76px); }
 #productDialog .close { width:38px; height:38px; }
}
header #searchForm { position:relative; overflow:visible; }
#searchSuggestions { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:100; max-height:min(420px,60dvh); overflow-y:auto; overscroll-behavior:contain; background:white; border:1px solid #dce2e7; border-radius:10px; box-shadow:0 12px 30px #18212826; padding:5px; }
.search-suggestion { display:flex; align-items:center; gap:10px; padding:9px; border-radius:6px; cursor:pointer; }
.search-suggestion:hover,.search-suggestion[aria-selected=true] { background:#fff7d5; }
.suggestion-art { width:48px; height:48px; flex-shrink:0; background:white; }
.suggestion-art img,.suggestion-art svg { width:100%; height:100%; object-fit:contain; display:block; }
.search-suggestion strong { display:block; font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.search-suggestion small { display:block; font-size:11px; color:#667078; margin-top:4px; }
#searchSuggestions > p { padding:10px; font-size:13px; }
#detailArt > img, #detailArt .gallery-main > img { cursor:zoom-in; }
#photoZoom[open] { display:flex; flex-direction:column; gap:12px; width:min(1100px,96vw); height:92dvh; max-height:92dvh; padding:16px; background:white; }
#photoZoom::backdrop { background:rgba(0,0,0,.85); }
#photoZoom > img { display:block; width:100%; flex:1; min-height:0; object-fit:contain; background:white; }
#photoZoom .zoom-toolbar, #photoZoom .zoom-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; }
#photoZoom button { padding:10px 16px; min-height:44px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#182128; }
.hero .hero-featured { display:flex; flex-direction:column; justify-content:center; align-items:stretch; background:transparent; padding:28px; height:auto; min-width:0; }
.hero-featured-label { font-size:10px; letter-spacing:1.5px; margin-bottom:14px; color:#667078; }
.hero-picks { display:grid; gap:10px; width:100%; }
.hero-pick { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:14px; padding:12px; border:1px solid #e2e6df; border-radius:12px; background:white; color:#182128; text-align:left; }
.hero-pick-art { height:90px; width:100%; overflow:hidden; background:white; }
.hero-pick-art img,.hero-pick-art svg { width:100%; height:100%; display:block; object-fit:contain; }
.hero-pick-copy { display:grid; gap:6px; min-width:0; }
.hero-pick-copy small { font-size:9px; letter-spacing:1px; color:#667078; }
.hero-pick-copy strong { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.hero-pick-copy span { font-size:12px; font-weight:600; }
@media(max-width:680px){.hero .hero-featured{padding:0 20px 22px;}.hero-pick{grid-template-columns:75px minmax(0,1fr);}.hero-pick-art{height:75px;}}
.variant-options { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.variant-options button { border:1px solid #cbd5e1; background:#fff; color:#182128; border-radius:6px; padding:9px 12px; }
.variant-options button[aria-pressed=true] { border-color:#9c7700; background:#fff8d5; }
.product-art img { width:100%; height:100%; position:absolute; inset:0; object-fit:contain; padding:12px; box-sizing:border-box; }
.detail-art img { width:100%; max-height:380px; object-fit:contain; }
.gallery-main { width:100%; min-width:0; }
.gallery-thumbs { display:flex; flex-wrap:wrap; gap:8px; width:100%; margin-top:12px; }
.gallery-thumbs button { padding:4px; border:1px solid #cbd5e1; background:white; border-radius:8px; cursor:pointer; }
.gallery-thumbs button[aria-pressed=true] { border:2px solid #9c7700; }
.gallery-thumbs img { width:48px; height:48px; object-fit:contain; display:block; }
#detailDescription { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }
.product-description { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:12px; color:#667078; margin:8px 0; }
.budget-access{padding:10px 5vw 0;text-align:right;font-size:12px;font-weight:700}.budget-access a{display:inline-block;padding:8px 12px;border:1px solid #dce0d7;border-radius:6px;background:white}
:root{--ink:#182128;--muted:#6e777a;--yellow:#ffd536;--line:#e6e8e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f9f6;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b59400;outline-offset:3px}.topline{padding:11px max(5vw,20px);background:var(--ink);color:#fff;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em}header{display:flex;align-items:center;gap:45px;padding:23px 5vw;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1px}.brand-sub{display:block;font-size:9px;letter-spacing:2px;margin-top:6px}.brand img{border-radius:10px}#searchForm{display:flex;flex:1;max-width:680px;background:#f4f5f2;border:1px solid #e4e7e0;border-radius:7px;overflow:hidden}#search{min-width:0;flex:1;border:0;background:transparent;padding:14px 18px;font-size:13px}#searchForm button{border:0;background:var(--yellow);width:54px;font-size:26px}.browse-link{font-size:12px;font-weight:700;margin-left:auto;white-space:nowrap}main{max-width:1600px;padding:30px 5vw 0;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:#eef0e9;border-radius:14px;overflow:hidden;min-height:450px}.hero-copy{padding:50px 0 35px 48px;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#76955e;border-radius:50%;margin-right:7px}h1,h2{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(38px,4.3vw,68px);line-height:1.07;letter-spacing:-3px;margin:23px 0}h1>span{color:#b6a126}.hero p{font-size:14px;line-height:1.8;color:#616969}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:#fff;padding:15px 22px;border-radius:5px;font-size:13px;font-weight:600;margin:18px 0}.hero-tags{display:flex;gap:18px;font-size:9px;letter-spacing:1px;color:#6a726a;margin-top:23px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#e7d998 0,transparent 66%)}.art-label{position:absolute;top:30px;right:30px;font-size:9px;letter-spacing:2px}.art-note{position:absolute;bottom:26px;right:30px;font-size:8px;letter-spacing:1px;color:#768074}.router{width:95%;filter:drop-shadow(0 24px 18px #19202240);transform:rotate(-8deg);z-index:1}.orbit{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #c4caba}.orbit-two{width:310px;height:310px}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-bottom:1px solid var(--line)}.service-strip>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid var(--line)}.service-strip>div:last-child{border:0}.service-strip b{font-size:22px;font-family:Manrope;color:#a1a999}.service-strip span{font-size:12px;font-weight:700}.service-strip small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:5px}.catalog{padding:55px 0}.section-heading h2{font-size:32px;letter-spacing:-1.2px;margin:10px 0}.section-heading p{color:var(--muted);font-size:13px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}#categories{display:flex;gap:7px;flex-wrap:wrap}#categories button{border:1px solid #e0e4db;border-radius:6px;padding:10px 13px;background:white;font-size:11px;white-space:nowrap}#categories button.active{background:var(--ink);border-color:var(--ink);color:white}.sort-label{font-size:11px;white-space:nowrap;color:var(--muted)}select{background:#fff;border:1px solid var(--line);border-radius:5px;padding:9px;font-size:11px;color:var(--ink)}.results-bar{display:flex;justify-content:space-between;margin:22px 0;font-size:11px;color:var(--muted)}input[type=checkbox]{accent-color:#182128;vertical-align:middle}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #e2e6df;border-radius:10px;padding:0;overflow:hidden;transition:transform .15s,box-shadow .15s;color:inherit}.product:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1821280c}.product-art{position:relative;background:#eef0eb;aspect-ratio:1.45;display:grid;place-items:center;padding:20px}.product-art svg{width:85%;max-height:160px;filter:drop-shadow(0 10px 6px #18212820)}.product-art .availability{position:absolute;left:12px;top:12px;font-size:9px;background:#fff;padding:5px 8px;border-radius:4px;color:#4f6f46}.product-art .sold-out{color:#777}.product-body{padding:17px;display:flex;flex:1;flex-direction:column}.product-category{font-size:9px;letter-spacing:1px;color:#8b927f;font-weight:700}.product h3{font-size:13px;line-height:1.5;margin:9px 0 16px;font-weight:600;overflow-wrap:anywhere}.price{font-size:20px;font-weight:700;letter-spacing:-.5px;margin-top:auto}.price small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);display:block;margin-top:5px}.card-foot{display:flex;justify-content:space-between;font-size:10px;color:#7e857c;padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.card-foot b{color:#25332d}.status{padding:30px 10px;color:var(--muted);text-align:center}.status:empty{display:none}.status button{padding:10px 16px;margin:10px;background:var(--yellow);border:0;border-radius:6px}.bottom-banner{display:flex;align-items:center;gap:50px;background:var(--yellow);padding:36px 40px;border-radius:12px}.bottom-banner h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0 0}.bottom-banner p{max-width:340px;font-size:13px;line-height:1.8;margin-left:auto}.bottom-banner a{font-size:12px;font-weight:700;white-space:nowrap}footer{max-width:1600px;padding:36px 5vw;margin:auto;display:flex;align-items:center;gap:35px}footer .brand{font-size:20px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}dialog{width:min(830px,94vw);max-height:90vh;border:0;border-radius:16px;padding:30px;color:var(--ink);overflow:auto}dialog::backdrop{background:#182128aa}dialog[open]{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.close{position:absolute;top:9px;right:12px;border:0;background:#f1f3ee;border-radius:50%;width:30px;height:30px;font-size:23px}.detail-art{background:#eef0e9;border-radius:10px;display:grid;place-items:center;padding:25px}.detail-art svg{width:100%}.detail-copy h2{font-size:25px;line-height:1.3}.detail-copy p{font-size:13px}.detail-price{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-copy .fineprint{font-size:11px;line-height:1.7;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(min-width:1500px){.products{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){header{gap:20px}.browse-link{display:none}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding:35px}.bottom-banner{gap:20px}.bottom-banner a{display:none}}@media(max-width:680px){.topline{font-size:9px}.topline span:first-child{display:none}header{flex-wrap:wrap;padding:17px 5vw;gap:16px}.brand{font-size:22px}#searchForm{flex-basis:100%;order:2}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px}h1{font-size:42px;letter-spacing:-2px}.hero-art{height:210px}.router{width:65%;max-width:290px}.art-label{top:12px;font-size:7px}.art-note{font-size:6px;bottom:12px}.hero-tags{font-size:8px;gap:12px}.service-strip{gap:14px;padding:22px 0}.service-strip>div{display:block;padding:0 5px}.service-strip b{display:none}.service-strip span{font-size:10px}.service-strip small{font-size:9px;line-height:1.5}.catalog{padding:35px 0}.section-heading h2{font-size:27px}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-body{padding:12px}.product h3{font-size:11px}.price{font-size:17px}.product-art{padding:12px;aspect-ratio:1.1}.product-art .availability{font-size:8px;top:8px;left:8px}.card-foot{font-size:9px;gap:5px}.bottom-banner{padding:26px;display:block}.bottom-banner p{margin-top:20px}.bottom-banner h2{font-size:28px}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3;margin:0}footer>span{font-size:9px}dialog[open]{grid-template-columns:1fr;padding:24px}.detail-art{max-height:180px}.detail-art svg{max-height:160px}}
