.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--surface);z-index:100;display:flex;align-items:center;padding:0 2rem;justify-content:space-between;animation:slideDown var(--dur-med) var(--ease-spring);transition:background var(--dur-med) var(--ease-standard)}.navbar--home{background:transparent}.navbar__brand{display:flex;align-items:center}.navbar__logo{height:28px;width:auto;transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.navbar__logo:hover{opacity:.8;transform:scale(1.03)}.navbar__links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.75rem;list-style:none}.navbar__links a{display:inline-block;font-size:.95rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:lowercase;transition:color var(--dur-med) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.navbar__links a:focus,.navbar__links a:focus-visible{outline:none}.navbar__links a:hover{color:var(--brand-blue);transform:scale(1.08)}.navbar__links a.active{color:var(--brand-blue)}.navbar__right{display:flex;align-items:center;gap:1.15rem}.navbar__cart{position:relative;display:inline-flex;align-items:center;line-height:1;padding:.2rem;color:var(--text);text-decoration:none;transition:transform var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.navbar__cart svg{width:22px;height:22px;display:block}.navbar__cart:hover{transform:scale(1.08);color:var(--brand-blue)}.navbar__cart.active{color:var(--brand-blue)}.navbar__cart-count{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--brand-blue);color:#fff;font-size:.62rem;font-family:var(--font-mono);font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;animation:bounce var(--dur-med) var(--ease-spring)}.navbar__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.navbar__burger:focus,.navbar__burger:focus-visible{outline:none}.navbar__burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.navbar__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__burger.open span:nth-child(2){opacity:0}.navbar__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__mobile-menu{display:none}@media (max-width: 640px){.navbar{padding:0 1.5rem}.navbar__links{display:none}.navbar__burger{display:flex}.navbar__mobile-menu{display:block;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--surface);overflow:hidden;max-height:0;transition:max-height var(--dur-med) var(--ease-standard),padding var(--dur-med) var(--ease-standard);z-index:99}.navbar__mobile-menu.open{max-height:280px;padding:.75rem 0;border-bottom:1px solid var(--border)}.navbar__mobile-menu ul{list-style:none}.navbar__mobile-menu a{display:block;padding:.85rem 1.5rem;font-size:.85rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.navbar__mobile-menu a:hover,.navbar__mobile-menu a.active{color:var(--brand-blue);background:var(--surface-hover)}}.faq__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:pageFade var(--dur-fast) var(--ease-standard) both}.faq__dialog{position:relative;width:min(560px,100%);max-height:80vh;overflow-y:visible;background:var(--surface);border-radius:22px;padding:1.75rem 2rem 2rem;box-shadow:0 24px 60px #0000004d;animation:fadeUp var(--dur-med) var(--ease-spring) both}.faq__scroll{max-height:calc(80vh - 4rem);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.faq__scroll::-webkit-scrollbar{display:none}.faq__title{font-family:var(--font-heading);font-size:1.6rem;color:var(--brand-blue);margin-bottom:1.25rem}.faq__close{position:absolute;top:-14px;right:-12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--brand-blue);box-shadow:0 6px 16px #0000001f;font-size:1rem;line-height:1;cursor:pointer;transform:rotate(12deg);transition:transform var(--dur-fast) var(--ease-spring)}.faq__close:hover{transform:rotate(-5deg) scale(1.08)}.faq__list{display:flex;flex-direction:column;gap:1.15rem}.faq__q{font-family:var(--font-mono);font-size:.82rem;color:var(--brand-blue);margin-bottom:.3rem}.faq__a{font-size:.85rem;color:var(--text);line-height:1.55}.footer{position:relative;margin-top:4rem;height:var(--footer-height);background:var(--surface);display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;transition:background var(--dur-med) var(--ease-standard)}.footer__links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.75rem;white-space:nowrap}.footer__links a,.footer__faq-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);letter-spacing:.06em;text-transform:lowercase;transition:color var(--dur-med) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.footer__faq-btn{background:none;border:none;padding:0;cursor:pointer}.footer__links a:hover,.footer__faq-btn:hover{color:var(--brand-blue);transform:scale(1.08)}.footer__icon{display:inline-flex}.footer__icon svg{width:16px;height:16px;display:block}.footer__copy{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}@media (max-width: 720px){.footer__copy{display:none}.footer__links{gap:1.1rem}}@media (max-width: 640px){.footer__links{gap:1.6rem}.footer__label{display:none}.footer__icon{display:inline-flex}.footer__icon svg{width:20px;height:20px}}.home{position:relative;margin-top:calc(-1 * var(--nav-height));min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.home__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle 240px at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--brand-blue) 80%,transparent),transparent 72%);filter:blur(18px);transition:opacity var(--dur-med) var(--ease-standard)}.home__stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;animation:fadeUp var(--dur-slow) var(--ease-standard) both}.home__logo-wrap{position:relative;transform-style:preserve-3d;transition:transform .12s ease-out;will-change:transform}.home__logo{display:block;width:min(52vw,440px);height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}.home__tagline{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.14em;text-transform:lowercase;color:var(--text-muted)}.home__cta{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--brand-blue);border:1px solid var(--brand-blue);padding:.6rem 1.4rem;border-radius:12px;transition:border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.home__cta:hover{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff;transform:translateY(-2px)}@media (max-width: 560px){.home__logo{width:68vw}}.home__blob,.home__grain{display:none}@media (max-width: 640px){.home{background:var(--bg)}.home__blob{display:block;position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(48px);opacity:.6;will-change:transform}.home__blob--a{width:62vw;height:62vw;top:-8%;left:-18%;background:var(--brand-green);animation:blobFloatA 9s var(--ease-standard) infinite}.home__blob--b{width:56vw;height:56vw;bottom:-10%;right:-16%;background:var(--brand-blue);animation:blobFloatB 11s var(--ease-standard) infinite}.home__grain{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:multiply}.home__glow{display:none}.home__logo-wrap{transform:none!important;transition:none}.home__cta{border-color:var(--brand-blue)}.home__cta:hover{transform:none;background:transparent;border-color:var(--brand-blue)}.home__cta:active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}}@keyframes blobFloatA{0%,to{transform:translate(0) scale(1)}33%{transform:translate(22vw,16vh) scale(1.15)}66%{transform:translate(-8vw,30vh) scale(.92)}}@keyframes blobFloatB{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20vw,-14vh) scale(1.1)}66%{transform:translate(14vw,-26vh) scale(.9)}}@media (prefers-reduced-motion: reduce){.home__logo-wrap{transition:none}.home,.home__blob{animation:none}}.atc{background:var(--brand-blue);color:#fff;border:none;border-radius:12px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:lowercase;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.atc:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,var(--brand-blue) 85%,black)}.atc:disabled{background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed}.atc--card{font-size:.72rem;padding:.5rem .95rem}.atc--detail{font-size:.85rem;padding:.85rem 1.75rem}.atc-step{display:inline-flex;align-items:center;gap:.15rem;background:var(--brand-green);color:#0d0d0d;border-radius:12px}.atc-step--card{padding:.15rem}.atc-step--detail{padding:.25rem}.atc-step__btn{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#0d0d0d;font-weight:700;line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.atc-step__btn:hover{background:color-mix(in srgb,var(--brand-green) 80%,black)}.atc-step--card .atc-step__btn{width:26px;height:26px;font-size:1rem}.atc-step--detail .atc-step__btn{width:34px;height:34px;font-size:1.2rem}.atc-step__count{font-family:var(--font-mono);font-weight:700;text-align:center;min-width:1.8ch}.atc-step--detail .atc-step__count{font-size:1rem}@keyframes cardIn{0%{opacity:0}to{opacity:1}}.card{display:flex;flex-direction:column;gap:.85rem;cursor:pointer;padding:.8rem .8rem 1.1rem;background:var(--surface);border-radius:26px;box-shadow:0 10px 30px #00000014;will-change:transform;transition:transform var(--dur-med) var(--ease-spring),box-shadow var(--dur-med) var(--ease-standard),background var(--dur-med) var(--ease-standard);animation:cardIn var(--dur-med) var(--ease-standard) both}.card:hover{transform:translateY(-4px) rotate(1.5deg);box-shadow:0 16px 40px #0000001f}@media (max-width: 640px){.card:hover{transform:none;box-shadow:0 10px 30px #00000014}.card:hover .card__media img{transform:none}}.card__media{display:block;position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:20px;background:var(--surface-hover)}.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-standard)}.card:hover .card__media img{transform:scale(1.04)}.card__price-tag{position:absolute;top:.6rem;right:.6rem;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-weight:700;font-size:.85rem;padding:.35rem .7rem;border-radius:14px}.card__badge{position:absolute;top:.6rem;left:.6rem;background:var(--error);color:#fff;font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;padding:.25rem .6rem;border-radius:10px}.card__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .35rem}.card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text);letter-spacing:-.01em;transition:color var(--dur-fast) var(--ease-standard)}.card:hover .card__name{color:var(--brand-blue)}.card__chips{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 .35rem}.card__chip{background:color-mix(in srgb,var(--brand-blue) 12%,var(--surface));border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;padding:.3rem .7rem;border-radius:12px}.shop{min-height:100vh;padding:2rem 1.5rem 5rem;max-width:1100px;margin:0 auto}.shop__header{margin-bottom:2.5rem}.shop__tabs{display:flex;align-items:baseline;gap:1.75rem;animation:fadeUp var(--dur-med) var(--ease-standard) both}.shop__tab{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-display);font-size:2.2rem;letter-spacing:-.02em;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard)}.shop__tab.active{color:var(--brand-blue)}.shop__soon{display:inline-block;margin-left:.5rem;vertical-align:super;font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0d0d0d;background:var(--brand-green);border-radius:6px;padding:.15rem .45rem;transform:rotate(-8deg);box-shadow:0 3px 8px #00000026}.shop__subtitle{margin-top:.5rem;font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono);animation:fadeUp var(--dur-med) var(--ease-standard) both .1s}.shop__soon-block{text-align:center;padding:4rem 0;animation:fadeUp var(--dur-med) var(--ease-standard) both}.shop__soon-title{font-family:var(--font-display);font-size:2.2rem;color:var(--text)}.shop__soon-sub{margin-top:.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:3rem 2rem}.shop__status,.shop__error{font-size:.9rem;font-family:var(--font-mono)}.shop__status{color:var(--text-muted);padding:3rem 0;text-align:center}.shop__error-block{padding:3rem 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.shop__error{color:var(--error)}.shop__retry{background:transparent;border:1px solid var(--error);color:var(--error);padding:.5rem 1.25rem;border-radius:12px;font-size:.85rem;font-family:var(--font-mono);cursor:pointer;letter-spacing:.05em;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.shop__retry:hover{background:var(--error);color:var(--bg)}.blink{animation:blink 1s step-start infinite}.pd{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 5rem;animation:fadeUp var(--dur-med) var(--ease-standard) both}.pd--msg{text-align:center;padding-top:5rem;font-family:var(--font-mono);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.pd__back{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--brand-blue);margin-bottom:1.75rem;transition:transform var(--dur-fast) var(--ease-standard)}.pd__back:hover{transform:translate(-3px)}.pd__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.pd__stage{position:relative;aspect-ratio:1 / 1;border-radius:26px;overflow:hidden;background:var(--surface-hover);box-shadow:0 10px 30px #00000014}.pd__img{width:100%;height:100%;object-fit:cover;display:block;animation:pdFade var(--dur-med) var(--ease-standard) both}@keyframes pdFade{0%{opacity:0}to{opacity:1}}.pd__badge{position:absolute;top:.8rem;left:.8rem;background:var(--error);color:#fff;font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;padding:.3rem .7rem;border-radius:10px}.pd__nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--brand-blue);border:1px solid var(--border);border-radius:50%;font-family:var(--font-mono);font-size:1rem;cursor:pointer;box-shadow:0 6px 16px #0000001f;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-standard)}.pd__nav:hover{background:var(--surface-hover);transform:translateY(-50%) scale(1.1)}.pd__nav--prev{left:.7rem}.pd__nav--next{right:.7rem}.pd__thumbs{display:flex;gap:.6rem;margin-top:.85rem;flex-wrap:wrap}.pd__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--surface-hover);cursor:pointer;opacity:.6;transition:opacity var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.pd__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd__thumb:hover{opacity:1}.pd__thumb.active{opacity:1;border-color:var(--brand-blue)}.pd__name{font-family:var(--font-display);font-size:2.6rem;font-weight:400;color:var(--text);letter-spacing:-.02em;line-height:1.05}.pd__price{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--accent-green);margin-top:.5rem}.pd__desc{font-size:.95rem;color:var(--text);line-height:1.6;margin-top:1.1rem}.pd__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}.pd__chip{background:color-mix(in srgb,var(--brand-blue) 12%,var(--surface));border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;padding:.3rem .7rem;border-radius:12px}.pd__specs{margin-top:1.6rem;border-top:1px solid var(--border)}.pd__spec{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.8rem}.pd__spec-label{color:var(--text-muted);letter-spacing:.04em;text-transform:lowercase}.pd__spec-value{color:var(--text);text-align:right}.pd__cart{margin-top:1.75rem}@media (max-width: 680px){.pd__grid{grid-template-columns:1fr;gap:1.75rem}.pd__name{font-size:2.1rem}}.about{max-width:780px;margin:0 auto;padding:3rem 1.5rem 5rem;animation:fadeUp var(--dur-med) var(--ease-standard) both}.about__header{margin-bottom:2.5rem}.about__title{font-family:var(--font-display);font-size:2.2rem;color:var(--brand-blue);letter-spacing:-.02em}.about__subtitle{margin-top:.5rem;font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}.about__content{display:flex;align-items:flex-start;gap:2rem}.about__photo{flex:none;width:240px;height:300px;object-fit:cover;border-radius:16px;background:var(--surface-hover);box-shadow:0 10px 30px #00000014}.about__body{display:flex;flex-direction:column;gap:1.1rem;font-size:.98rem;line-height:1.7;color:var(--text)}@media (max-width: 620px){.about__content{flex-direction:column;gap:1.5rem}.about__photo{width:100%;height:320px}}.about__body strong{color:var(--brand-blue)}.about__note{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--accent-green);margin-top:.5rem}.contact{min-height:80vh;padding:3rem 1.5rem 5rem;max-width:780px;margin:0 auto}.contact__header{margin-bottom:2.5rem}.contact__title{font-family:var(--font-display);font-size:2.2rem;color:var(--brand-blue);letter-spacing:-.02em}.contact__subtitle{margin-top:.5rem;font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}.contact__cards{display:flex;flex-direction:column;gap:1rem}.contact__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:1.4rem 1.5rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard);animation:fadeUp var(--dur-med) var(--ease-standard) both}.contact__card:nth-child(1){animation-delay:.05s}.contact__card:nth-child(2){animation-delay:.12s}.contact__card:nth-child(3){animation-delay:.19s}.contact__card:nth-child(4){animation-delay:.26s}.contact__card--btn{font-family:inherit;font-size:inherit;text-align:left;width:100%;cursor:pointer}.contact__card:hover{border-color:var(--brand-blue);transform:translate(4px);background:var(--surface-hover);color:var(--text)}.contact__icon{position:absolute;top:-14px;left:-12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--brand-blue);box-shadow:0 6px 16px #0000001f;transform:rotate(-12deg);transition:transform var(--dur-fast) var(--ease-spring)}.contact__icon svg{width:20px;height:20px;display:block}.contact__card:hover .contact__icon{transform:rotate(5deg) scale(1.08)}.contact__info{display:flex;flex-direction:column;gap:.15rem}.contact__label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-steel)}.contact__value{font-size:.95rem;color:var(--text);font-family:var(--font-mono)}.contact__card:hover .contact__value{color:var(--brand-blue)}.cart{max-width:780px;margin:0 auto;padding:3rem 1.5rem 5rem;animation:fadeUp var(--dur-med) var(--ease-standard) both}.cart__header{margin-bottom:2rem}.cart__title{font-family:var(--font-display);font-size:2.2rem;font-weight:400;color:var(--text);letter-spacing:-.02em}.cart__subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-top:.35rem}.cart--empty{text-align:center;padding-top:5rem}.cart__empty-icon{display:block;color:var(--brand-blue);margin:1.75rem 0}.cart__empty-icon svg{width:52px;height:52px;display:inline-block}.cart__empty-sub{color:var(--text-muted);font-size:.9rem;margin:0 0 1.75rem}.cart__empty-btn{display:inline-block;background:var(--brand-blue);color:#fff;border:none;padding:.85rem 2rem;border-radius:12px;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.cart__empty-btn:hover{transform:translateY(-2px);opacity:.92}.cart__continue{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--brand-blue);transition:transform var(--dur-fast) var(--ease-standard)}.cart__list{list-style:none;display:flex;flex-direction:column;gap:1rem}.cart__item{display:grid;grid-template-columns:64px 1fr auto auto auto;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border-radius:18px;box-shadow:0 8px 24px #0000000f;animation:fadeUp var(--dur-med) var(--ease-standard) both;transition:background var(--dur-med) var(--ease-standard)}.cart__item-img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:var(--surface-hover)}.cart__item-name{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--text)}.cart__item-price{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.cart__qty{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:20px;padding:.15rem .35rem}.cart__qty-btn{background:none;border:none;color:var(--text);font-size:1.1rem;cursor:pointer;width:24px;height:24px;border-radius:50%;line-height:1;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.cart__qty-btn:hover{background:var(--surface-hover);color:var(--brand-blue)}.cart__qty-value{font-family:var(--font-mono);font-size:.9rem;min-width:1.4ch;text-align:center}.cart__item-total{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--brand-blue);min-width:4.5ch;text-align:right}.cart__remove{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;line-height:1;transition:color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.cart__remove:hover{color:var(--error);transform:scale(1.2)}.cart__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:2rem}.cart__clear{display:inline-block;background:none;border:1px solid var(--border);border-radius:12px;padding:.55rem 1.1rem;cursor:pointer;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.cart__clear:hover{color:var(--error);border-color:var(--error);background:color-mix(in srgb,var(--error) 8%,transparent)}.cart__summary{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.cart__summary-row{display:flex;align-items:baseline;gap:1rem;font-family:var(--font-mono);font-size:1rem;color:var(--text)}.cart__summary-total{font-size:1.4rem;font-weight:700;color:var(--brand-blue)}.cart__checkout{margin-top:.5rem;background:var(--brand-blue);color:#fff;border:none;padding:.85rem 2rem;border-radius:12px;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.03em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.cart__checkout:hover{transform:translateY(-2px);opacity:.92}.cart__continue:hover{transform:translate(-3px)}@media (max-width: 560px){.cart__item{grid-template-columns:52px 1fr auto;grid-template-areas:"img info remove" "qty qty  total";align-items:center;row-gap:.75rem}.cart__item-img{grid-area:img;width:52px;height:52px}.cart__item-info{grid-area:info}.cart__qty{grid-area:qty;justify-self:start}.cart__item-total{grid-area:total}.cart__remove{grid-area:remove;justify-self:end}}.checkout{max-width:780px;margin:0 auto;padding:3rem 1.5rem 5rem;animation:fadeUp var(--dur-med) var(--ease-standard) both}.checkout__header{margin-bottom:2rem}.checkout__title{font-family:var(--font-display);font-size:2.2rem;font-weight:400;color:var(--text);letter-spacing:-.02em}.checkout__subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-top:.35rem}.checkout__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.75rem;align-items:start}.checkout__form,.checkout__summary{min-width:0}.checkout__form{display:flex;flex-direction:column;gap:1.25rem}.checkout__field{display:flex;flex-direction:column;gap:.4rem}.checkout__row{display:flex;gap:1.25rem}.checkout__row .checkout__field{flex:1;min-width:0}.checkout__field--postal{flex:0 0 40%}@media (max-width: 520px){.checkout__row{flex-direction:column;gap:1.25rem}.checkout__field--postal{flex:1}}.checkout__field span{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}.checkout__field input,.checkout__field textarea,.checkout__field select{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.7rem .85rem;color:var(--text);font-family:var(--font-body);font-size:.9rem;resize:vertical;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.checkout__field select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:14px;padding-right:2.4rem}.checkout__field select:disabled{opacity:.5;cursor:not-allowed}.checkout__field input:focus,.checkout__field textarea:focus,.checkout__field select:focus{outline:none;border-color:var(--brand-blue);background-color:var(--surface-hover)}.checkout__phone{display:flex;gap:.5rem}.checkout__phone input{flex:1;min-width:0}.checkout__dial{flex:0 0 auto;width:7.25rem}.checkout__field input::placeholder,.checkout__field textarea::placeholder{color:var(--text-muted);opacity:.6}.checkout__err{font-family:var(--font-mono);font-size:.72rem;color:var(--error)}.checkout__error{font-family:var(--font-mono);font-size:.8rem;color:var(--error)}.checkout__submit{margin-top:.5rem;background:var(--brand-green);color:#0d0d0d;border:none;padding:.9rem 1.5rem;border-radius:12px;font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.checkout__submit:hover:not(:disabled){transform:translateY(-2px);opacity:.92}.checkout__submit:disabled{opacity:.55;cursor:not-allowed}.checkout__summary{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.checkout__summary-title{font-family:var(--font-mono);font-size:.8rem;text-transform:lowercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1rem}.checkout__items{list-style:none;display:flex;flex-direction:column;gap:.6rem}.checkout__item{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.checkout__item-name{color:var(--text);font-family:var(--font-body)}.checkout__item-qty{color:var(--brand-blue);font-family:var(--font-mono);font-size:.75rem;font-weight:700}.checkout__item-price{font-family:var(--font-mono);color:var(--brand-blue);white-space:nowrap}.checkout__summary-total{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--brand-blue)}.checkout--done,.checkout--empty{text-align:center;padding-top:4rem}.checkout__success{animation:fadeUp var(--dur-med) var(--ease-standard) both}.checkout__check{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--brand-green);color:#0d0d0d;font-size:2rem;margin-bottom:1.25rem;animation:bounce var(--dur-med) var(--ease-spring)}.checkout__success-msg{font-size:1rem;color:var(--text);margin:.75rem 0 .4rem}.checkout__oid{font-family:var(--font-mono);color:var(--brand-blue);font-weight:700}.checkout__success-sub{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);margin-bottom:1.25rem}.checkout__pay-note{max-width:440px;margin:0 auto 1.75rem;padding:.9rem 1.1rem;background:color-mix(in srgb,var(--brand-blue) 8%,var(--surface));border:1px solid var(--border);border-radius:10px;font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--text)}.checkout__empty-msg{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent-green);margin:1.25rem 0 1.75rem}.checkout__back{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--brand-blue);transition:transform var(--dur-fast) var(--ease-standard)}.checkout__back:hover{transform:translate(3px)}@media (max-width: 680px){.checkout__grid{grid-template-columns:1fr}.checkout__summary{order:-1}}@font-face{font-family:Slow Play;src:url(/fonts/SlowPlay.otf) format("opentype"),url(/fonts/SlowPlay.woff2) format("woff2"),url(/fonts/SlowPlay.ttf) format("truetype");font-display:swap}@font-face{font-family:Garlic Butter;src:url(/fonts/GarlicButter.otf) format("opentype"),url(/fonts/GarlicButter.woff2) format("woff2"),url(/fonts/GarlicButter.ttf) format("truetype");font-display:swap}:root{--brand-blue: #004ECC;--brand-green: #97CC04;--brand-steel: #88A0A8;--font-display: "Slow Play", serif;--font-heading: "Garlic Butter", "Slow Play", serif;--font-body: "Poppins", sans-serif;--font-mono: "Courier New", monospace;--ease-standard: ease;--ease-spring: cubic-bezier(.16, 1, .3, 1);--dur-fast: .2s;--dur-med: .4s;--dur-slow: .6s;--bg: #f4f4f4;--surface: #ffffff;--surface-hover:#f0f4ff;--border: #ddd;--border-hover: var(--brand-blue);--text: #1a1a1a;--text-muted: #888;--accent: var(--brand-blue);--accent-green: #6a9002;--error: #cc4444;--nav-height: 60px;--footer-height: 52px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%{transform:scale(.5) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);transition:background var(--dur-med) var(--ease-standard),color var(--dur-med) var(--ease-standard);padding-top:var(--nav-height)}#root{min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column}#root>main{flex:1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{opacity:.26;mix-blend-mode:multiply}@media (min-width: 641px){body:before{opacity:.4}}a{color:var(--accent);text-decoration:none}button{font-family:inherit}@media (max-width: 640px){input,textarea,select{font-size:16px!important}}.page{animation:pageFade .45s var(--ease-spring) both}.typewriter{font-weight:700}@media (prefers-reduced-motion: reduce){.page{animation:none}}