.heroBrand{position:absolute;z-index:4;left:12.2%;top:55.5%;width:31.8%;height:10%;display:flex;align-items:center;justify-content:center;background:#0a202a;color:white;font-size:2.55cqw;font-weight:900;transform:rotate(-9deg);letter-spacing:-.04em;clip-path:polygon(2% 3%,98% 0,100% 92%,0 100%)}
.seriesLabel{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:6px 9px;background:#152c35ed;font-size:16px;line-height:1.2;font-weight:700}.categoryImage{height:60px;width:80px;object-fit:contain}.series{grid-template-columns:repeat(6,minmax(0,1fr))}.seriesCard{aspect-ratio:144/106}.promo[hidden],.section[hidden]{display:none}.promoCopy{position:absolute;left:24.5%;top:6%;width:30%;height:49%;padding:5px 8px;background:#f4d899;clip-path:polygon(2% 4%,98% 0,100% 96%,0 100%);display:flex;flex-direction:column;justify-content:center}.promoCopy h2{font-size:2cqw;margin:0 0 4px;line-height:1.05;font-weight:900}.promoCopy p{font-size:.95cqw;margin:0;line-height:1.2}.customPromo{background-size:cover;background-position:center}.shopAbout{max-width:1160px;margin:auto;text-align:left;padding:30px 25px;border-bottom:1px solid #e4d9c6}.shopAbout h2{font-size:22px;margin:0 0 12px}.shopAbout p{font-size:14px;line-height:1.7;color:#635c50;white-space:pre-line}.shopAbout .contacts{font-size:13px}.productLink{border:0;background:none;padding:0;color:inherit;text-align:left;font-weight:inherit;cursor:pointer}.pic.productLink{width:100%;display:flex}.cartToast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#243e30;color:#fff;padding:14px 22px;border-radius:16px;z-index:250;opacity:0;visibility:hidden;transition:.18s;box-shadow:0 5px 20px #0002;max-width:90vw;text-align:center;font-size:14px;pointer-events:none}.cartToast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.detailImage{height:280px;display:flex;justify-content:center}.detailImage img{max-width:100%;height:100%;object-fit:contain}.detailDescription{white-space:pre-line;font-size:15px;line-height:1.6}.detailMeta{color:#766a57;font-size:13px;line-height:1.5}.detailPrice{font-size:24px;font-weight:800;margin:16px 0}.detailBox{width:min(750px,100%)}
@media(max-width:650px){.heroBrand{left:3.8%;top:calc(68px + 34cqw);width:55%;height:8.5cqw;font-size:4.2cqw;transform:rotate(-10deg)}.seriesLabel{font-size:11px;padding:5px 6px}.seriesCard{aspect-ratio:144/106}.promoCopy{left:50%;width:49%;top:5%;height:49%;padding:4px}.promoCopy h2{font-size:3.8cqw}.promoCopy p{font-size:2.1cqw}.shopAbout{padding:24px 16px}.shopAbout h2{font-size:19px}.cartToast{bottom:calc(78px + env(safe-area-inset-bottom));width:max-content;max-width:90vw;font-size:13px}.detailImage{height:200px}.detailDescription{font-size:14px}}
/* Crisp header mark and independent high-resolution hero artwork. */
.compass{background:url('/assets/compass.svg?v=20260913') center/contain no-repeat}
.heroArt{background-image:url('/assets/hero-hd.png?v=20260913c');background-size:cover;background-position:center}
.heroCopy{position:absolute;z-index:3;left:11.5%;top:31%;width:32%;transform:rotate(-7deg);color:#0a202a}
#heroEyebrow{display:block;font-size:2.7cqw;line-height:1;font-weight:900;letter-spacing:-.04em}
.heroCopy h1{font-size:5.5cqw;line-height:1.05;letter-spacing:-.045em;margin:3px 0 6px;font-weight:900;overflow-wrap:anywhere}
.heroCopy .heroBrand{position:static;width:100%;height:auto;min-height:3.6cqw;padding:5px 8px;transform:none;font-size:2.15cqw;letter-spacing:-.035em}
#heroSubtitle{font-size:1.3cqw;line-height:1.45;margin:14px 0 0 5px;max-width:95%;transform:rotate(7deg);white-space:pre-line}
.heroCta{left:12%;top:82%;width:20%;font-size:1.35cqw;box-shadow:0 3px 0 #e5ad17}
.promo{aspect-ratio:950/175;background-image:url('/assets/promo-hd.png?v=20260913');background-size:cover;background-position:center}
.promoCopy{left:24%;top:15%;width:30%;height:auto;background:none;clip-path:none;padding:0;transform:rotate(-3deg)}
.promoCopy h2{font-size:2.05cqw;line-height:1.03;letter-spacing:-.035em;margin:0 0 7px}.promoCopy p{font-size:1.05cqw;line-height:1.35}
.promoBtn{left:24.5%;top:67%;width:19%;height:21%;font-size:1.1cqw;box-shadow:0 2px 0 #e5ad17}
.promoFeatures{list-style:none;position:absolute;left:56%;right:12%;top:25%;bottom:18%;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:10px}
.promoFeatures li{text-align:center;font-size:.9cqw;line-height:1.25}.promoFeatures svg{display:block;margin:0 auto 9px;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
@media(max-width:650px){.compass{background-size:contain;background-position:center}.heroArt{aspect-ratio:390/320;background-size:auto 100%;background-position:53% center}.heroArt::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffe5b5e8 0%,#ffe5b5cf 31%,#ffe5b54d 51%,transparent 64%)}.heroCopy{top:calc(68px + 14cqw);left:5%;width:54%;transform:rotate(-7deg)}#heroEyebrow{font-size:5.3cqw}.heroCopy h1{font-size:9.2cqw;margin:4px 0 5px}.heroCopy .heroBrand{min-height:8cqw;font-size:4.1cqw;padding:5px 2px}#heroSubtitle{font-size:3.05cqw;line-height:1.4;margin:13px 0 0;max-width:94%}.heroCta{left:5%;top:auto;bottom:10cqw;width:51%;height:10cqw;font-size:3.2cqw;min-height:36px}.promo{aspect-ratio:auto;min-height:245px;background-size:auto 190px;background-position:left top;background-color:#f9dfab}.promoCopy{left:43%;top:24px;width:53%;height:auto;padding:0}.promoCopy h2{font-size:4.6cqw;line-height:1.07}.promoCopy p{font-size:2.7cqw}.promoBtn{left:45%;top:125px;width:48%;height:34px;font-size:11px}.promoFeatures{left:0;right:0;top:auto;bottom:0;height:70px;padding:9px 12px;background:#fae7bddb;gap:8px}.promoFeatures li{font-size:9px}.promoFeatures svg{width:21px;height:21px;margin-bottom:5px}}
@media(min-width:651px){.promoCopy{left:26%;width:28%}.promoBtn{left:26.5%}.promoFeatures{left:55%;right:20%}}
.seriesLabel{background:#152c35}
@media(min-width:651px){#heroSubtitle{max-width:82%;margin-top:22px}}

/* Irregular paper edge beneath the main navigation, matching the sketch. */
.top{border-radius:0;background:radial-gradient(ellipse at 25% 0%,#ffffff07,transparent 65%),#1b1b19}
.top::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:16px;background:url('/assets/menu-torn-edge.svg?v=20260913') left top/100% 100% no-repeat;filter:drop-shadow(0 2px 2px #24170640);pointer-events:none}
@media(max-width:650px){.top::after{height:10px;background-size:780px 10px;background-position:36% top}}

/* More visible torn-paper boundaries, including the catalog sheet. */
.top::after{height:26px;background-image:url('/assets/menu-torn-edge-v2.svg');filter:drop-shadow(0 3px 2px #24170655)}
#series{isolation:isolate;margin-top:-5px;padding-top:24px}
#series::before{content:"";position:absolute;z-index:-1;left:-5.31%;right:-5.31%;top:-23px;height:33px;background:url('/assets/catalog-paper-edge.svg') center/100% 100% no-repeat;filter:drop-shadow(0 -3px 3px #3a280d1f);pointer-events:none}
@media(max-width:650px){.top::after{height:20px;background-size:780px 20px}#series{padding-top:21px;margin-top:-4px}#series::before{left:-14px;right:-14px;top:-19px;height:27px;background-size:780px 27px;background-position:40% top}}
