:root{--paper: #f5ecd9;--ink: #2b1a2c;--plum: #9a4a89;--teal: #3db3a3;--coral: #ef7d68;--lilac: #cbb7ea;--white: #fffaf2;--f-display: "Dela Gothic One", "Arial Black", sans-serif;--f-hand: "Gochi Hand", "Comic Sans MS", cursive;--f-body: "Figtree", system-ui, sans-serif;--line: 3px;--shadow: 6px 6px 0 var(--ink);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.05rem/1.55 var(--f-body);background-image:radial-gradient(rgba(43, 26, 44, 0.06) 1px, transparent 1.2px);background-size:5px 5px}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;color:inherit}::selection{background:var(--lilac);color:var(--ink)}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}[hidden]{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:8px;z-index:10}.skip-link:focus{top:12px}.sheet{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,4vw,40px);padding-block:28px 60px}.frame{position:relative;border:var(--line) solid var(--ink);border-radius:4px;padding:clamp(18px,4vw,44px);background:var(--paper)}.frame::before{content:"";position:absolute;inset:8px;border:1.5px solid var(--ink);border-radius:2px;pointer-events:none;opacity:.5}.corner{position:absolute;width:44px;height:44px;color:var(--ink)}.corner.tl{top:-6px;left:-6px}.corner.tr{top:-6px;right:-6px;transform:scaleX(-1)}.corner.bl{bottom:-6px;left:-6px;transform:scaleY(-1)}.corner.br{bottom:-6px;right:-6px;transform:scale(-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;background:var(--white);border:var(--line) solid var(--ink);border-radius:10px;padding:10px 18px;box-shadow:4px 4px 0 var(--ink);font:400 1.05rem/1 var(--f-display);transition:transform .12s,box-shadow .12s}.btn:hover,.btn:focus-visible{transform:translate(-2px, -2px);box-shadow:6px 6px 0 var(--ink);outline:none}.btn:active{transform:translate(3px, 3px);box-shadow:1px 1px 0 var(--ink)}.btn-go{background:var(--coral)}.btn.done{background:var(--teal)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.logo{display:inline-flex;gap:8px;align-items:stretch;transform:rotate(-2deg);text-decoration:none}.logo b,.logo i{background:var(--plum);color:var(--white);padding:4px 14px 2px;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.logo b{font:italic 400 clamp(1.6rem, 4.2vw, 3.2rem)/1 var(--f-display);letter-spacing:.01em}.logo i{font:italic 300 clamp(1rem, 2.4vw, 1.9rem)/1.45 var(--f-body);align-self:end}.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--white);border:var(--line) solid var(--ink);border-radius:99px;padding:8px 16px 8px 12px;box-shadow:4px 4px 0 var(--ink);font:800 .85rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;transition:transform .12s,box-shadow .12s}.cart-btn:hover,.cart-btn:focus-visible{transform:translate(-2px, -2px);box-shadow:6px 6px 0 var(--ink);outline:none}.cart-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}.cart-count{position:absolute;top:-10px;right:-10px;min-width:26px;height:26px;padding:0 6px;border-radius:99px;background:var(--coral);border:2px solid var(--ink);display:grid;place-items:center;font:400 .8rem/1 var(--f-display);letter-spacing:0}.cart-count.bump{animation:bump .35s}@keyframes bump{40%{transform:scale(1.35)}}.top{position:relative}.ship-nudge{position:absolute;right:0;top:calc(100% + 6px);z-index:5;margin:0;max-width:240px;padding:6px 12px;background:var(--white);border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);font:400 1.15rem/1.15 var(--f-hand);transform:rotate(1.5deg);text-align:right}.ship-nudge.done{background:var(--teal)}@media(prefers-reduced-motion: no-preference){.ship-nudge:not([hidden]){animation:pop .25s cubic-bezier(0.2, 0.9, 0.25, 1.3)}}@keyframes pop{from{transform:rotate(1.5deg) scale(0.85);opacity:0}}.intro{margin:18px 0 26px}.tag{font:400 clamp(1.4rem, 3vw, 1.8rem)/1.2 var(--f-hand);margin:0 0 6px}.tag em{background:linear-gradient(transparent 55%, var(--lilac) 55%);font-style:normal}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.meta li{font:600 .78rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);border-radius:99px;padding:7px 12px;background:var(--white)}.meta li.hl{background:var(--teal)}.grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));border:var(--line) solid var(--ink);box-shadow:var(--shadow);background:var(--paper);overflow:hidden}@media(min-width: 900px){.grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}.tile{position:relative;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--ink);background:var(--white)}.tile-art{display:block;overflow:hidden;aspect-ratio:8/9}.tile-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(0.2, 0.9, 0.25, 1.2)}.tile:hover .tile-art img,.tile-art:focus-visible img{transform:scale(1.04)}.tile-art:focus-visible{outline-offset:-4px}.tile-bar{border-top:2px solid var(--ink);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;flex:1}.tile-bar h3{margin:0;font:400 clamp(0.95rem, 1.6vw, 1.1rem)/1.15 var(--f-display)}.tile-bar h3 a{text-decoration:none}.tile-bar h3 a::after{content:"";position:absolute;inset:0}.add,.chip{position:relative;z-index:1}.tile-bar h3 small{display:block;font:400 1.05rem/1.1 var(--f-hand);opacity:.75;margin-top:2px}.tile-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.price{margin:0;font:600 .95rem/1 var(--f-body);font-variant-numeric:tabular-nums;white-space:nowrap}.add,.chip{cursor:pointer;border:2px solid var(--ink);border-radius:99px;background:var(--paper);padding:6px 12px;font:800 .8rem/1 var(--f-body);letter-spacing:.04em;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;transition:transform .1s,box-shadow .1s,background .1s}.add:hover,.chip:hover,.add:focus-visible,.chip:focus-visible{background:var(--lilac);outline:none}.add:active,.chip:active{transform:translate(2px, 2px);box-shadow:0 0 0 var(--ink)}.add.done{background:var(--teal)}.tile-sizes{display:flex;flex-wrap:wrap;gap:6px}.tile-sizes .chip{flex:1 1 0;padding-inline:6px}.margin-note{font:400 1.25rem var(--f-hand);text-align:right;margin:14px 4px 0;opacity:.7;transform:rotate(-1deg)}.soon{padding:20px 0 10px;text-align:center}.soon .tag{margin:6px 0 4px}.soon h1{font:400 clamp(2.4rem, 8vw, 5rem)/0.95 var(--f-display);margin:10px 0 30px;color:var(--plum);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}.soon-strip{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));max-width:760px;margin:0 auto 26px;border:var(--line) solid var(--ink);box-shadow:var(--shadow);overflow:hidden}.soon-strip img{width:100%;height:auto;box-shadow:0 0 0 1px var(--ink)}.soon .meta{justify-content:center}.soon-links{margin:22px 0 0;font-weight:600}.soon-links a{text-underline-offset:3px}@media(max-width: 600px){.soon-strip{grid-template-columns:repeat(2, minmax(0, 1fr))}}.back{display:inline-block;margin:10px 0 18px;font:400 1.25rem var(--f-hand);text-decoration:none}.back:hover{text-decoration:underline}.pp-grid{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);grid-template-areas:"views info" "dots info";gap:0 clamp(24px,4vw,56px);align-items:start}.views{grid-area:views;display:grid;gap:28px}.view{margin:0;position:relative;border:var(--line) solid var(--ink);background:var(--white);box-shadow:var(--shadow);overflow:hidden}.view figcaption{position:absolute;left:14px;bottom:10px;font:400 1.2rem var(--f-hand);background:var(--white);border:2px solid var(--ink);border-radius:8px;padding:0 10px;transform:rotate(-1.5deg)}.view-tile img{width:100%;height:auto}.view-paper,.view-size,.view-mock{aspect-ratio:8/9;display:grid;grid-template:minmax(0, 1fr)/minmax(0, 1fr);place-items:center;padding:9%;background:var(--paper) radial-gradient(rgba(43, 26, 44, 0.07) 1px, transparent 1.2px) 0 0/5px 5px}.view-paper img{max-height:100%;min-height:0;filter:drop-shadow(5px 7px 0 rgba(43, 26, 44, 0.25));transform:rotate(-2deg)}.view-mock{background-color:#eee6d4;padding:4%}.view-mock img{max-height:100%;filter:drop-shadow(4px 6px 8px rgba(43, 26, 44, 0.18))}.ruler{position:relative;display:grid;grid-template:minmax(0, 1fr)/minmax(0, 1fr);place-items:center;width:100%;height:100%;padding:34px 0 0 52px}.ruler img{max-width:100%;max-height:100%;filter:drop-shadow(3px 4px 0 rgba(43, 26, 44, 0.2))}.dim{position:absolute;font:400 1.25rem/1 var(--f-hand);white-space:nowrap;color:var(--plum)}.dim::before{content:"";position:absolute;border:0 solid var(--plum)}.dim-w{top:0;left:var(--x, 52px);width:var(--w, 50%);text-align:center;padding-bottom:14px}.dim-w::before{left:0;right:0;bottom:4px;border-top-width:2px;border-inline-width:2px;height:8px}.dim-h{left:0;top:var(--y, 34px);height:var(--h, 50%);width:46px;padding-right:16px;display:grid;place-items:center}.dim-h span{writing-mode:vertical-rl;transform:rotate(180deg)}.dim-h::before{top:0;bottom:0;right:4px;border-left-width:2px;border-block-width:2px;width:8px}.dots{grid-area:dots;display:none}.pp-info{grid-area:info;position:sticky;top:24px;min-width:0}.src{font:600 .8rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;opacity:.7}.pp-info h1{font:400 clamp(1.8rem, 3.6vw, 2.6rem)/1.05 var(--f-display);margin:0 0 10px;text-wrap:balance}.pp-price{font:400 1.6rem/1 var(--f-display);margin:0 0 22px;color:var(--plum);font-variant-numeric:tabular-nums}.sizes{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}.sizes legend{font:600 .78rem var(--f-body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:0}.size{cursor:pointer}.size input{position:absolute;opacity:0;pointer-events:none}.size span{display:grid;gap:2px;text-align:center;padding:10px 6px;border:var(--line) solid var(--ink);border-radius:10px;background:var(--white);box-shadow:3px 3px 0 var(--ink);transition:transform .1s,background .1s}.size b{font:400 1.2rem/1 var(--f-display)}.size small{font:600 .72rem/1.2 var(--f-body);opacity:.7;min-height:1.2em}.size input:checked+span{background:var(--lilac);transform:translate(-2px, -2px);box-shadow:5px 5px 0 var(--ink)}.size input:focus-visible+span{outline:3px solid var(--teal);outline-offset:3px}.buy-row{display:flex;gap:12px;align-items:stretch;margin-bottom:26px}.buy-row .btn{flex:1;font-size:1.15rem;padding-block:14px}.qty{display:flex;border:var(--line) solid var(--ink);border-radius:10px;background:var(--white);box-shadow:4px 4px 0 var(--ink);overflow:hidden}.qty button{width:40px;border:0;background:none;cursor:pointer;font:400 1.3rem/1 var(--f-display)}.qty button:hover{background:var(--lilac)}.qty input{width:44px;border:0;border-inline:2px solid var(--ink);text-align:center;font:800 1.05rem var(--f-body);background:none;color:var(--ink);-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.memo{font:400 1.35rem/1.25 var(--f-hand);padding:12px 16px;background:var(--white);border:2px dashed var(--ink);border-radius:10px;transform:rotate(-0.6deg);margin-bottom:22px}.memo p{margin:0}.memo em{font-style:normal;background:linear-gradient(transparent 60%, var(--lilac) 60%)}.facts{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.95rem}.facts li{padding-left:22px;position:relative}.facts li::before{content:"✦";position:absolute;left:0;color:var(--plum)}.cart{margin:0 0 0 auto;height:100%;max-height:none;width:min(420px,100%);border:0;border-left:var(--line) solid var(--ink);padding:0;background:var(--paper);color:var(--ink);display:none;flex-direction:column}.cart[open]{display:flex}.cart::backdrop{background:rgba(43,26,44,.45)}@media(prefers-reduced-motion: no-preference){.cart[open]{animation:slide .22s ease-out}}@keyframes slide{from{transform:translateX(30px);opacity:0}}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:2px dashed var(--ink)}.cart-head h2{margin:0;font:400 1.5rem var(--f-display)}.x{width:40px;height:40px;border-radius:50%;border:var(--line) solid var(--ink);background:var(--white);cursor:pointer;font:400 1.4rem/1 var(--f-display);box-shadow:2px 2px 0 var(--ink)}.x:hover{background:var(--lilac)}.ship-meter{margin:14px 20px 0;padding:10px 14px;border:2px dashed var(--ink);border-radius:10px;background:var(--white);display:flex;align-items:center;gap:12px}.ship-meter.done{background:var(--teal);border-style:solid}.ship-meter p{margin:0;font:400 1.2rem/1.15 var(--f-hand)}.pips{display:flex;gap:5px;flex:none}.pips i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}.pips i.on{background:var(--plum)}.ship-meter.done .pips i.on{background:var(--ink)}.cart-lines{list-style:none;margin:0;padding:8px 20px;overflow-y:auto;flex:1}.cart-line{display:grid;grid-template-columns:64px minmax(0, 1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1.5px solid rgba(43,26,44,.2)}.cart-line img{width:64px;height:72px;object-fit:cover;border:2px solid var(--ink);border-radius:6px}.cart-line a{font:400 .95rem/1.15 var(--f-display);text-decoration:none}.cart-line .sz{display:block;font:400 1.05rem var(--f-hand);opacity:.8}.cart-line .mini{display:inline-flex;align-items:center;gap:4px;margin-top:4px}.cart-line .mini button{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);background:var(--white);cursor:pointer;font:800 .9rem/1 var(--f-body);padding:0}.cart-line .mini span{min-width:22px;text-align:center;font-weight:800}.cart-line .lp{font-weight:800;font-variant-numeric:tabular-nums}.cart-empty{padding:24px 20px;font:400 1.4rem var(--f-hand);margin:0;flex:1}.cart-foot{padding:16px 20px calc(20px + env(safe-area-inset-bottom, 0px));border-top:2px dashed var(--ink);display:grid;gap:10px}.cart-total{display:flex;justify-content:space-between;margin:0;font:400 1.25rem var(--f-display)}.cart-note{margin:0;font-size:.85rem;opacity:.75}.cart-foot .btn{width:100%;padding-block:14px;font-size:1.2rem}.text-page{max-width:680px;margin:20px 0}.text-page h1{font:400 clamp(1.8rem, 4vw, 2.4rem)/1.1 var(--f-display);margin:0 0 14px}.eyebrow{font:600 .78rem var(--f-body);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:0 0 8px}.foot{margin-top:48px;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;font-size:.88rem;border-top:2px dashed var(--ink);padding-top:18px}.quiet{display:flex;flex-wrap:wrap;gap:6px 18px}.quiet a{text-decoration:none;opacity:.7}.quiet a:hover,.quiet a:focus-visible{opacity:1;text-decoration:underline}.quiet span,.fine{opacity:.55}.fine{margin:0}@media(max-width: 860px){.pp-grid{grid-template-columns:minmax(0, 1fr);grid-template-areas:"views" "dots" "info"}.views{grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 8px 10px 0}.views::-webkit-scrollbar{display:none}.view{scroll-snap-align:start;box-shadow:4px 4px 0 var(--ink)}.view-tile{aspect-ratio:8/9}.view-tile img{height:100%;object-fit:cover}.dots{display:flex;justify-content:center;gap:8px;margin:8px 0 18px}.dots i{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);background:var(--white)}.dots i.on{background:var(--plum)}.pp-info{position:static}}@media(max-width: 600px){.frame{padding-inline:14px}.cart-btn span:not(.cart-count){display:none}.cart-btn{padding:10px}.tile-bar{padding:8px 8px 10px}.add{padding-inline:9px}.price{font-size:.82rem}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}/*# sourceMappingURL=main.css.map */