.products-page{--font-hand:"Caveat", "Yomogi", var(--font-body);--font-hand-ja:"Yomogi", var(--font-body)}.products-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.products-page .page-heading{align-items:center;gap:20px;margin-bottom:43px}.menu-note{color:var(--amber);align-items:baseline;gap:12px;padding-right:12px;display:flex;transform:rotate(-4deg)}.menu-note span{font:400 46px / 1.1 var(--font-hand)}.menu-note small{font:400 19px / 1.7 var(--font-hand-ja);border-bottom:2px solid var(--amber);border-radius:0 0 40% 20%;padding:0 5px 4px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px;margin:0;padding:0 9px;list-style:none;display:grid}.menu-grid>li{--tilt:-.8deg;--accent:var(--amber);min-width:0}.menu-grid>li:nth-child(2n){--tilt:.7deg;--accent:var(--moss)}.menu-grid>li:nth-child(3n){--tilt:.35deg}.menu-card{height:100%;transform:rotate(var(--tilt));-webkit-tap-highlight-color:transparent;background:#2a221b;border:1px solid #59432f;border-radius:3px 7px 5px 2px;flex-direction:column;padding:22px 24px 17px;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:3px 8px #0000001a,0 14px 24px #0000003b}.menu-card:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 8px,#f1e7dc0d 8px 9px),#aa87589c;border:1px solid #b6996840;width:86px;height:26px;position:absolute;top:-13px;left:calc(50% - 43px);transform:rotate(-5deg);box-shadow:0 1px 3px #00000021}.menu-grid>li:nth-child(2n) .menu-card:before{background-color:#84906c99;transform:rotate(6deg)}.menu-card:hover{color:var(--foreground);text-decoration:none}.menu-card:focus-visible{outline:2px solid var(--amber);outline-offset:6px;border-color:var(--amber);background:#30261c}@media (hover:hover){.menu-card:hover{border-color:var(--amber);background:#30261c;transform:rotate(0)translateY(-3px)}.menu-card:hover h2{color:var(--amber)}}.menu-card:active{background:var(--surface-pressed);box-shadow:var(--card-pressed-shadow);border-color:var(--amber);transform:rotate(var(--tilt));transition-duration:0s}.card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.category{font:500 26px / 1.25 var(--font-hand);color:var(--accent);align-items:center;gap:9px;display:flex}.category:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:10px;height:10px;display:block}[data-kind=Obsidian] .category:before{border-radius:1px;transform:rotate(45deg)}[data-kind=Neovim] .category:before{border-width:0 2px 2px 0;border-radius:0;width:8px;height:11px;transform:rotate(-45deg)}[data-kind=Game] .category:before{border-radius:2px;box-shadow:3px -3px 0 -1px #2a221b,3px -3px}.exit-mark{color:var(--muted);font-size:24px;font-weight:400;line-height:1}.image-well{background:#201a14;border:1px solid #f1e7dc1a;flex-shrink:0;justify-content:center;align-items:center;height:190px;padding:13px 15px;display:flex;position:relative}.image-well img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.image-well img:after{content:"";background:#201a14;position:absolute;inset:0}.image-well.square img{width:154px;height:154px}.image-well.logo img{width:100px;height:100px}.recommend{z-index:1;font:400 20px / 1.35 var(--font-hand-ja);color:var(--amber);border:2px solid var(--amber);background:#30251df0;border-radius:50% 43% 48% 39%;padding:8px 13px;position:absolute;bottom:5px;right:-12px;transform:rotate(-11deg);box-shadow:0 2px #15110e}.recommend:after{content:"";pointer-events:none;border:1px solid #e3a55f80;border-radius:46% 51% 45% 50%;position:absolute;inset:3px -4px -4px 2px}.menu-item{flex:1;padding-top:17px}.name-line{align-items:baseline;gap:10px;display:flex}.name-line h2{font:500 33px / 1.15 var(--font-hand);min-width:0;margin:0}.name-line .leader{border-bottom:2px dotted #9c8062;flex:1;min-width:24px;transform:translateY(-4px)}.menu-item p{text-align:right;color:var(--body-ink);margin:11px 0 0;font-size:14px;line-height:1.85}.destination{color:var(--muted);border-top:1px solid #f1e7dc1a;margin-top:20px;padding-top:10px;font-size:11px}@media (width<=640px){.products-page .page-heading{gap:12px;margin-bottom:36px}.menu-note{gap:7px;padding-right:4px}.menu-note span{font-size:34px}.menu-note small{font-size:15px}.menu-grid{grid-template-columns:1fr;gap:34px;padding:0 7px}.menu-grid>li{--tilt:-.6deg}.menu-grid>li:nth-child(2n){--tilt:.6deg}.menu-card{padding:21px 18px 15px}.category{font-size:24px}.image-well{height:180px;padding:13px 11px}.image-well.square img{width:146px;height:146px}.recommend{padding:7px 10px;font-size:18px;right:-8px}.name-line h2{font-size:29px}.name-line .leader{min-width:18px}.menu-item p{margin-top:9px;font-size:13px}}@media (prefers-reduced-motion:reduce){.menu-card{transition:none}.menu-card:hover,.menu-card:active{transform:rotate(var(--tilt))}}
