:root{--paper:#faf3e7;--ink:#11202a;--muted:#65717d;--yellow:#ffd226;--line:#ece3d4;--art:url('/assets/reference/original-sketch.png?v=2')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:#f5ebdc;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #467d9e;outline-offset:3px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{position:relative;max-width:1280px;margin:auto;background:var(--paper);padding:0 0 1px;container-type:inline-size}.top{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1280px;height:clamp(72px,8.33vw,106px);z-index:20;background:rgba(24,25,24,.97);display:flex;align-items:center;gap:18px;padding:0 3%;color:white;border-radius:0 0 8px 8px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-name{font-size:clamp(25px,3.5vw,44px);font-weight:900;letter-spacing:1px;line-height:1}.brand-sub{font-size:clamp(8px,1.15vw,14px);font-weight:700;letter-spacing:1px;text-align:center;margin-top:5px}.compass{width:60px;height:68px;flex-shrink:0;background-image:var(--art);background-size:1122px auto;background-position:-24px -5px}.nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.nav a{font-size:12px;font-weight:700;white-space:nowrap;padding:13px 14px;border-radius:24px}.nav a.active,.nav a:hover{color:#181b17;background:var(--yellow)}.search{width:200px;min-width:0;border:0;border-radius:24px;padding:13px 16px;font-size:12px;color:var(--ink);background:#fff}.actions{display:flex;align-items:center;gap:12px}.ico{border:0;background:none;color:inherit;padding:4px;display:grid;place-items:center}.ico svg,.mobileNav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cartBtn{position:relative}.badge{position:absolute;right:-6px;top:-7px;min-width:17px;height:17px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:10px;display:grid;place-items:center;font-weight:800}.menuBtn,.searchToggle{display:none}
.hero{position:relative;aspect-ratio:960/420;background:#191a18;overflow:hidden}.heroArt{position:absolute;inset:19.047619% 0 0;background-image:var(--art);background-size:136.666667% auto;background-position:0 9.313155%;background-repeat:no-repeat}.heroCta{position:absolute;left:12.35%;top:81.43%;width:19.5%;height:9.52%;display:flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:28px;background:var(--yellow);font-weight:800;font-size:1.35cqw;color:#101d21}.heroCta:hover,.add:hover,.promoBtn:hover{background:#ffdd4e}
.section{position:relative;margin:0 4.8%;padding-top:26px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.sectionHead h2{margin:0;font-size:22px;line-height:1.25}.sectionHead h2 .headIcon{margin-right:10px;font-size:27px}.all{border:0;background:none;padding:0;color:#567084;font-size:12px;white-space:nowrap}.series{display:grid;grid-template-columns:146fr 146fr 140fr 139fr 125fr 121fr;gap:16px}.seriesCard{background-image:var(--art);background-repeat:no-repeat;background-size:var(--tile-size) auto;background-position:var(--tile-x) var(--tile-y);border:0;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:var(--tile-ratio);padding:0;background-color:#466470;color:white;display:block;text-align:left}.seriesCard b{position:absolute;bottom:8px;left:10px;font-size:17px}.seriesArt{width:100%;height:100%}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{border:1px solid var(--line);border-radius:12px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fffdf9;font-size:14px;font-weight:700;box-shadow:0 1px 2px #45301d08}.categoryArt{display:block;background-image:var(--art);background-size:1312px auto;background-repeat:no-repeat}.showMore{display:block;margin:20px auto 0;border:1px solid #deccaa;border-radius:22px;padding:10px 25px;background:#fff9ed;color:var(--ink);font-weight:700}.showMore[hidden]{display:none}.cat:hover{background:#fff9e8}.hits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.card{position:relative;background:#fffdf9;border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;flex-direction:column;min-width:0;box-shadow:0 2px 3px #45301d09}.pic{height:155px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pic img{width:100%;height:100%;object-fit:contain}.fallback{font-size:52px}.noPhoto{display:grid;place-items:center;text-align:center;padding:12px;font-size:12px;color:#8a7b68;border:1px dashed #e1d6c3;border-radius:9px;width:100%;height:100%;background:#faf6ed}.item .noPhoto{width:65px;height:65px;flex-shrink:0;font-size:9px;padding:4px}.emptyProducts{grid-column:1/-1;padding:35px 15px;text-align:center;font-size:14px}.emptyProducts button{display:block;margin:15px auto}.heart[aria-pressed="true"]{color:#c95741}.card h3{font-size:13px;line-height:1.3;margin:10px 0 5px;overflow-wrap:anywhere}.seriesName,.stock{font-size:11px;color:var(--muted);margin-bottom:5px}.price{font-size:19px;font-weight:800;margin:3px 0 7px}.old{font-size:11px;font-weight:400;text-decoration:line-through;color:#7d8790;margin-left:5px;white-space:nowrap}.tag{position:absolute;top:8px;left:10px;background:#ffc414;border-radius:6px;color:white;font-size:12px;font-weight:700;padding:3px 7px}.tag.sale{background:#ff353c}.tag.new{background:#46b25e}.heart{position:absolute;right:8px;top:8px;background:#fffdf9;border:0;font-size:20px;color:#536779;padding:0 3px}.add{align-self:flex-start;margin-top:auto;padding:8px 21px;border:0;border-radius:22px;background:var(--yellow);font-size:12px;font-weight:700}.promo{margin:22px 1% 0;aspect-ratio:950/145;position:relative;overflow:hidden;border-radius:24px;background-image:var(--art);background-size:138.105263% auto;background-position:2.209945% 98.956357%;background-repeat:no-repeat}.promoBtn{position:absolute;left:27.15%;top:56.55%;width:15.5%;height:24.8%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--yellow);padding:0;border-radius:22px;font-size:1.05cqw;font-weight:700}.features{display:flex;flex:1;justify-content:space-around;gap:20px}.feature{text-align:center;font-size:11px}.feature i{font-size:25px;display:block;font-style:normal;margin-bottom:8px}footer{max-width:1280px;margin:auto;text-align:center;padding:20px 10px;color:#7d7464;font-size:12px;background:var(--paper)}
#drawer{position:fixed;inset:0 0 0 auto;width:min(430px,100%);height:100dvh;background:var(--paper);z-index:100;box-shadow:-10px 0 40px #0003;padding:22px;transform:translateX(105%);visibility:hidden;transition:transform .25s,visibility .25s;overflow:auto}#drawer.open{transform:translateX(0);visibility:visible}.close,.checkoutClose,.sketchNavClose{border:0;background:#efe5d3;border-radius:10px;width:38px;height:38px;flex-shrink:0}.close,.sketchNavClose{float:right}.drawerTitle{margin:18px 0}.item{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #dfd5c4}.item img{width:65px;height:65px;object-fit:contain}.item .emoji{font-size:30px}.item b{font-size:14px}.remove{border:0;background:none;font-size:16px}.quantity{display:flex;align-items:center;gap:10px;margin-top:9px}.quantity button{border:1px solid #d6c6ab;background:#fffaf0;border-radius:7px;width:30px;height:30px}.checkout,.checkoutSubmit{width:100%;border:0;border-radius:20px;background:var(--yellow);padding:15px;font-weight:800}.checkoutModal,.sketchNavPanel{position:fixed;inset:0;z-index:150;background:#17202ba8;display:none;align-items:center;justify-content:center;padding:18px}.checkoutModal.open,.sketchNavPanel.open{display:flex}.checkoutBox,.sketchNavBox{width:min(620px,100%);max-height:92dvh;overflow:auto;background:var(--paper);border:1px solid #dfd2b9;border-radius:20px;padding:25px;box-shadow:0 20px 70px #0003}.checkoutHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.checkoutHead h2{font-size:25px;margin:0}.checkoutGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkoutField{display:flex;flex-direction:column;gap:6px}.checkoutField.full{grid-column:1/-1}.checkoutField label{font-size:13px;font-weight:700}.checkoutField input,.checkoutField textarea,.checkoutField select{width:100%;min-width:0;border:1px solid #d9ccb6;background:#fffdf8;padding:12px;border-radius:10px}.checkoutField textarea{min-height:75px;resize:vertical}.checkoutSummary{padding:15px;margin-top:18px;background:#f2e8d7;border-radius:12px}.checkoutSummaryRow,.checkoutTotal{display:flex;justify-content:space-between;gap:15px;margin:8px 0;font-size:13px}.checkoutTotal{border-top:1px solid #d8c9ad;padding-top:12px;font-size:20px;font-weight:800}.checkoutSubmit{margin-top:15px}.checkoutNote,.navHint{font-size:11px;color:#7d7464;text-align:center;margin-top:12px}.navTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.navTile{border:1px solid var(--line);border-radius:12px;background:#fffaf0;padding:20px 10px;font-weight:700}.mobileNav{display:none}
@media(max-width:1100px) and (min-width:651px){.top{gap:10px}.brand{gap:6px}.compass{width:42px;height:50px;background-size:820px;background-position:-17px -3px}.brand-name{font-size:28px}.brand-sub{font-size:9px}.nav a{padding:10px 8px;font-size:10px}.search{width:155px}.actions{gap:5px}.sectionHead h2{font-size:19px}.pic{height:130px}.card{padding:10px}.price{font-size:16px}.series{gap:12px}}
@media(max-width:800px) and (min-width:651px){.nav a:nth-last-child(-n+2){display:none}.search{width:130px}.hits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){html{scroll-padding-top:10px}.top{height:68px;padding:0 14px;gap:10px;border-radius:0}.brand{gap:5px;margin-right:auto}.brand-name{font-size:24px;letter-spacing:0}.brand-sub{font-size:7px;letter-spacing:.3px;margin-top:4px}.compass{width:33px;height:40px;background-size:665px;background-position:-14px -3px}.nav{display:none}.search{display:none}.menuBtn,.searchToggle{display:grid}.actions{gap:8px}.ico svg{width:22px;height:22px}.top.searchOpen .search{display:block;position:absolute;left:12px;right:12px;top:72px;width:calc(100% - 24px);z-index:25;box-shadow:0 5px 20px #0003;font-size:16px}.hero{padding-top:68px;aspect-ratio:auto}.heroArt{position:relative;inset:auto;aspect-ratio:308/232;background-size:425.974026% auto;background-position:97.808765% 25.439504%}.heroCta{left:4.545455%;top:auto;bottom:8.4416cqw;width:54.87%;height:11.03896cqw;min-height:36px;font-size:13px}.section{margin:0 14px;padding-top:24px}.sectionHead{margin-bottom:13px;gap:8px}.sectionHead h2{font-size:16px}.sectionHead h2 .headIcon{font-size:22px;margin-right:6px}.all{font-size:10px}.series{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin}.seriesCard{min-width:100px;flex:0 0 100px;aspect-ratio:var(--tile-ratio);align-self:start;scroll-snap-align:start}.seriesCard b{font-size:12px;left:6px;bottom:5px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat{min-height:99px;font-size:12px}.hits{grid-template-columns:1fr;gap:9px}.card{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;column-gap:14px;padding:10px 12px;min-height:135px}.pic{grid-column:1;grid-row:1/6;height:112px}.card h3{grid-column:2;font-size:12px;margin:2px 18px 4px 0}.seriesName,.price,.stock,.add{grid-column:2}.seriesName,.stock{font-size:10px;margin-bottom:3px}.price{font-size:17px;margin:2px 0 5px}.old{font-size:10px}.add{justify-self:start;font-size:11px;padding:7px 18px}.tag{font-size:10px;left:9px;top:8px;padding:2px 5px}.heart{font-size:17px;right:7px;top:8px}.promo{margin:18px 10px 0;aspect-ratio:460/145;background-size:285.217391% auto;background-position:0 98.956357%;border-radius:18px}.promoBtn{left:56%;top:56.55%;width:33%;height:24.8%;font-size:10px;gap:4px}.features{display:none}footer{padding:20px 12px 90px;font-size:10px}.mobileNav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(64px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));background:#fffcf6;border-top:1px solid var(--line);justify-content:space-around}.mobileNav button{position:relative;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:60px;font-size:10px;color:#314b60}.mobileNav .active svg{background:#ffe9a1;border-radius:10px;box-shadow:0 0 0 4px #ffe9a1}.mobileNav .badge{right:12px;top:0}.checkoutBox{padding:18px}.checkoutHead h2{font-size:21px}.checkoutGrid{grid-template-columns:1fr}.checkoutField input,.checkoutField textarea,.checkoutField select{font-size:16px}.navTiles{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#drawer{transition:none}}