:root{--bg: #ffffff;--fg: #000000;--dim: #a3a3a3;--rule: #e6e6e6;--pad: 1.75rem;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{font-family:var(--mono);font-size:11px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;-webkit-font-smoothing:antialiased}button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;color:var(--dim)}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem;padding:var(--pad)}.brand{margin:0;font-size:inherit;font-weight:400;letter-spacing:.14em;justify-self:start}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .9rem;max-width:22rem}.nav button{color:var(--dim)}.nav button:hover,.nav button[aria-current=true]{color:var(--fg)}.bag{justify-self:end;white-space:nowrap}.banner{margin:0;padding:0 var(--pad) 2.25rem;text-align:center;color:var(--dim);letter-spacing:.06em}.notice{margin:0;padding:0 var(--pad) 1.5rem;color:var(--dim);text-align:center}.notice button{color:var(--dim);text-decoration:underline;text-underline-offset:.25em;margin-left:.75em}.notice button:hover{color:var(--fg)}.main{flex:1;padding:1rem var(--pad) 6rem}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4.5rem 2rem}.tile{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%}.tile-shot{width:100%;aspect-ratio:1;flex:none;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.tile-shot img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.tile-blank{width:62%;aspect-ratio:1;background:#f4f4f4}.tile-code{color:var(--fg)}.tile-out{color:var(--dim)}.detail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem var(--pad) 6rem;position:relative;text-align:center}.detail-shot{width:min(880px,100%);height:min(64vh,640px);flex:none;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.detail-shot img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.detail-blank{width:55%;height:100%;background:#f4f4f4}.detail-shot.is-many{cursor:pointer;-webkit-tap-highlight-color:transparent}.detail-shot img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dots{display:flex;margin-bottom:2rem}.dot-hit{display:grid;place-items:center;width:22px;height:22px}.dot{width:5px;height:5px;border-radius:50%;background:var(--dim)}.dot-hit:hover .dot,.dot[aria-current=true]{background:var(--fg)}.detail-code{margin:0 0 2.25rem;font-size:15px;font-weight:400;letter-spacing:.12em}.detail-code:has(+.detail-desc){margin-bottom:.9rem}.detail-features{list-style:none;margin:3rem 0 0;padding:0;max-width:44ch;color:var(--dim);text-align:left}.detail-features li{position:relative;padding-left:1.2em}.detail-features li:before{content:"";position:absolute;left:0;top:.66em;width:3px;height:3px;border-radius:50%;background:currentColor}.detail-price{margin:0 0 2.25rem;font-size:15px;font-variant-numeric:tabular-nums}.detail-add{font-size:22px;line-height:1;padding:.5rem 1rem}.detail-act{position:relative;display:flex;flex-direction:column;align-items:center}.detail-added{position:absolute;top:100%;margin-top:.9rem;white-space:nowrap;color:var(--dim);pointer-events:none}.detail-added-in{animation:added-in .16s linear}@keyframes added-in{0%{opacity:0}to{opacity:1}}.detail-desc{margin:0 auto 2.25rem;max-width:40ch;color:var(--dim)}.detail-out{color:var(--dim)}.arrow{position:fixed;top:0;bottom:0;width:clamp(2.75rem,12vw,5.5rem);display:flex;align-items:center;justify-content:center;padding:0;font-size:26px;line-height:1;color:var(--fg);-webkit-tap-highlight-color:transparent;z-index:1}.arrow-prev{left:0}.arrow-next{right:0}.back{position:relative;z-index:2;align-self:flex-start;padding:0 var(--pad);color:var(--dim)}.back:hover{color:var(--fg)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffb3;z-index:3}.drawer{position:fixed;inset:0 0 0 auto;z-index:3;width:min(420px,100%);background:var(--bg);border-left:1px solid var(--rule);padding:var(--pad);display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:3rem}.drawer-head h2{margin:0;font-size:inherit;font-weight:400}.drawer-empty{color:var(--dim)}.lines{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.line+.line{margin-top:1.75rem}.line-row{display:flex;justify-content:space-between;gap:1.5rem}.line-total{font-variant-numeric:tabular-nums;white-space:nowrap}.qty{display:flex;gap:1rem;color:var(--dim);margin-top:.35rem}.qty button:hover{color:var(--fg)}.qty-value{color:var(--fg);font-variant-numeric:tabular-nums}.line-max{grid-column:2 / -1;color:var(--dim);margin-top:.35rem}.drawer-foot{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.subtotal{display:flex;justify-content:space-between;gap:2rem}.subtotal strong{font-weight:400;font-variant-numeric:tabular-nums}.checkout{margin:2rem 0 1rem}.checkout-button{width:100%;background:var(--fg);color:var(--bg);padding:1rem}.checkout-button:disabled{background:var(--dim);color:var(--bg)}.checkout p{margin:.75rem 0 0;color:var(--dim)}.clear{color:var(--dim)}.clear:hover,.error{color:var(--fg)}.dim{color:var(--dim)}.success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:var(--pad);text-align:center}.success h1{margin:0;font-size:15px;font-weight:400;letter-spacing:.12em}.success p{margin:0;color:var(--dim);max-width:42ch}.footer{margin-top:auto;position:relative;z-index:2;padding:2.5rem var(--pad) 3rem;border-top:1px solid var(--rule);color:var(--dim);text-align:center}.methods{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.1rem}.mark{height:21px;width:auto;display:block;color:var(--dim)}.methods li:hover .mark{color:var(--fg)}.secure{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 1.25rem;max-width:56ch;text-transform:none;letter-spacing:.04em}.lock{width:11px;height:13px;flex:none}.copyright{margin:0}.checkout-page{width:100%;max-width:30rem;margin:0 auto;padding:0 var(--pad) 4rem}.checkout-page h1{margin:0 0 1.5rem;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.checkout-status{min-height:1.5rem;margin-bottom:.5rem}.checkout-status p{margin:0}.checkout-page .error{color:#b00020}.checkout-page .button{display:inline-block;margin-top:1rem;padding:0;border:0;border-bottom:1px solid var(--fg);background:none;color:var(--fg);font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;cursor:pointer}@media (max-width: 40rem){.checkout-page{padding:0 1rem 3rem}}