:root{color-scheme:light;--navy: #14285a;--navy-900: #0e1c3f;--coral: #fa7268;--coral-ink: #c0392b;--coral-soft: #ffe9e6;--white: #ffffff;--bg: #ffffff;--paper: #ffffff;--surface-alt: #f3f6fc;--sand: #e7ecf7;--oak: #c9d3e8;--espresso: var(--navy);--cream: var(--white);--ink: var(--navy);--ink-soft: #4a5878;--accent: var(--coral);--accent-strong: var(--coral-ink);--teal: var(--coral-ink);--sun: var(--coral);--kerf: rgba(20, 40, 90, .32);--kerf-gap: 7px;--kerf-dash: 7px;--shadow-sm: 0 2px 8px -2px rgba(20, 40, 90, .16);--shadow-md: 0 16px 34px -18px rgba(20, 40, 90, .28);--shadow-lg: 0 28px 60px -24px rgba(20, 40, 90, .34);--r-sm: 10px;--r-md: 16px;--r-lg: 26px;--r-pill: 999px;--font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--container: 1120px;--gutter: clamp(1rem, 4vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-body);font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:1.65;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(52rem 42rem at 12% -12%,rgba(250,114,104,.08),transparent 60%),radial-gradient(46rem 40rem at 100% -6%,rgba(20,40,90,.06),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg{display:block;max-width:100%;height:auto}a{color:var(--accent-strong);text-underline-offset:3px}a:hover{color:var(--navy)}button{font:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.1;color:var(--espresso);letter-spacing:-.01em}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:1rem;top:-100%;z-index:100;padding:.6rem 1rem;background:var(--espresso);color:#fff;border-radius:var(--r-sm);font-weight:600;transition:top .2s ease}.skip-link:focus{top:1rem;color:#fff}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(3rem,7vw,5.5rem)}.kerf{--_c: var(--kerf);height:2px;border:0;background-image:repeating-linear-gradient(to right,var(--_c) 0 var(--kerf-dash),transparent var(--kerf-dash) calc(var(--kerf-dash) + var(--kerf-gap)));position:relative}.kerf:before,.kerf:after{content:"";position:absolute;top:50%;width:13px;height:13px;transform:translateY(-50%);background:linear-gradient(var(--_c),var(--_c)) center / 100% 2px no-repeat,linear-gradient(var(--_c),var(--_c)) center / 2px 100% no-repeat}.kerf:before{left:-2px}.kerf:after{right:-2px}.btn{--_bg: var(--coral);--_fg: var(--navy);display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.4em;font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1;color:var(--_fg);background:var(--_bg);border:2px solid var(--espresso);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.btn:hover{color:var(--navy);transform:translateY(-2px) rotate(-1deg);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn--ghost{--_bg: transparent;--_fg: var(--navy);box-shadow:none}.btn--ghost:hover{--_bg: var(--coral-soft);color:var(--navy)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(8px);border-bottom:2px dashed var(--kerf)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--espresso)}.brand:hover{color:var(--espresso)}.brand__logo{display:block;height:2.5rem;width:auto;flex:none}@media(min-width:700px){.brand__logo{height:2.9rem}}.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em}.site-nav{display:flex;align-items:center;gap:clamp(.75rem,3vw,1.75rem);font-family:var(--font-display);font-weight:500}.site-nav a{color:var(--espresso);text-decoration:none}.site-nav a:hover{color:var(--accent-strong)}.site-nav__cta{padding:.5em 1em;border:2px solid var(--espresso);border-radius:var(--r-pill);background:var(--sun)}.social-icons{display:flex;align-items:center;gap:.5rem}.social-icons a{display:inline-flex;padding:.2rem;border-radius:var(--r-sm)}.social-icons a[aria-disabled=true]{cursor:default}.hero{position:relative;padding-block:clamp(2.5rem,7vw,5rem);text-align:center}.hero__eyebrow{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);padding:.4em .9em;border:2px dashed var(--teal);border-radius:var(--r-pill);transform:rotate(-1.5deg)}.hero__title{font-size:clamp(2.4rem,6vw,4rem);font-weight:700;margin-top:1.1rem;text-wrap:balance}.hero__title .squiggle{color:var(--accent-strong);position:relative;white-space:nowrap}.hero__title .squiggle:after{content:"";position:absolute;left:0;right:0;bottom:-.12em;height:.28em;background:radial-gradient(circle at 6px -2px,transparent 6px,var(--sun) 6px) repeat-x;background-size:14px 12px;opacity:.9}.hero__lede{max-width:44ch;margin:1.2rem auto 0;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--ink-soft);text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:1.8rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1.8rem}.section-head h2{font-size:clamp(1.8rem,4vw,2.6rem)}.section-head p{color:var(--ink-soft);max-width:42ch}.catalog-meta{font-family:var(--font-display);font-weight:500;font-size:.95rem;color:var(--ink-soft)}.grid-wrap[data-state=loading] .product-grid,.grid-wrap[data-state=loading] .grid-empty,.grid-wrap[data-state=empty] .product-grid,.grid-wrap[data-state=empty] .grid-loading,.grid-wrap[data-state=ready] .grid-loading,.grid-wrap[data-state=ready] .grid-empty,.grid-wrap[data-state=error] .grid-loading{display:none}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:clamp(1.1rem,3vw,2rem);list-style:none;padding:0}.catalog-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:860px){.catalog-layout{grid-template-columns:230px 1fr;gap:2rem}}.catalog-main{min-width:0}.filter-panel{border:2px solid var(--espresso);background:var(--paper);border-radius:var(--r-lg);padding:1.1rem 1rem 1.2rem;box-shadow:var(--shadow-sm)}.filter-panel__title{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--espresso);margin-bottom:.7rem}.filter-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.filter-group{display:contents}.filter-group__label{display:none}.filter-btn{display:flex;align-items:center;justify-content:space-between;gap:.5em;width:auto;padding:.5em .85em;border:2px solid var(--kerf);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:.88rem;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.filter-btn:hover{background:var(--coral-soft);border-color:var(--coral)}.filter-btn[aria-pressed=true]{background:var(--coral);border-color:var(--navy);color:var(--navy)}.filter-btn__count{font-size:.78rem;font-weight:700;opacity:.7}@media(min-width:860px){.filter-list{flex-direction:column;flex-wrap:nowrap}.filter-group{display:flex;flex-direction:column;gap:.35rem;margin-top:.7rem}.filter-group__label{display:block;font-family:var(--font-display);font-weight:600;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.filter-btn{width:100%}}.filter-status{display:block;margin:-.4rem 0 1rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-soft)}.filter-empty{display:block;padding:clamp(1.6rem,6vw,2.5rem) 1rem;text-align:center;color:var(--ink-soft);border:2px dashed var(--kerf);border-radius:var(--r-lg);background:var(--surface-alt)}.filter-status[hidden],.filter-empty[hidden]{display:none}.card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--paper);border:2px solid var(--espresso);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:after{content:"";position:absolute;inset:6px;border:2px dashed var(--kerf);border-radius:calc(var(--r-lg) - 8px);pointer-events:none;opacity:.5;transition:opacity .18s ease}.card:hover,.card:focus-visible{transform:translateY(-6px) rotate(-.6deg);box-shadow:var(--shadow-lg);color:var(--ink)}.card:hover:after,.card:focus-visible:after{opacity:.9}.card__media{position:relative;aspect-ratio:4 / 3;background:var(--sand);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card__media img,.card:focus-visible .card__media img{transform:scale(1.06)}.card__badge{position:absolute;top:.8rem;left:.8rem;z-index:2;font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.02em;padding:.35em .7em;background:var(--coral);color:var(--navy);border:2px dashed var(--navy);border-radius:var(--r-pill);transform:rotate(-3deg);box-shadow:var(--shadow-sm)}.card__body{display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.15rem 1.25rem;flex:1}.card__title{font-family:var(--font-display);font-weight:600;font-size:1.08rem;line-height:1.25;color:var(--espresso);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__price{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--accent-strong)}.card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--teal)}.card__cta svg{transition:transform .18s ease}.card:hover .card__cta svg,.card:focus-visible .card__cta svg{transform:translate(2px,-2px)}.grid-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:clamp(1.1rem,3vw,2rem);list-style:none;padding:0}.skeleton{border:2px solid var(--kerf);border-radius:var(--r-lg);overflow:hidden;background:var(--paper)}.skeleton__media{aspect-ratio:4 / 3;background:linear-gradient(100deg,var(--sand) 30%,var(--oak) 50%,var(--sand) 70%);background-size:200% 100%;animation:kerf-shimmer 1.4s ease-in-out infinite}.skeleton__line{height:.9rem;margin:1rem 1.1rem 0;border-radius:var(--r-pill);background:var(--sand)}.skeleton__line+.skeleton__line{width:55%}.skeleton__line:last-child{margin-bottom:1.4rem}@keyframes kerf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-empty{text-align:center;padding:clamp(2.5rem,8vw,5rem) 1rem;border:3px dashed var(--kerf);border-radius:var(--r-lg);background:var(--surface-alt)}.grid-empty h3{font-size:1.5rem}.grid-empty p{color:var(--ink-soft);max-width:38ch;margin:.6rem auto 1.4rem}.grid-error{margin-top:1rem;font-size:.9rem;color:var(--ink-soft);text-align:center}.grid-wrap:not([data-state=error]) .grid-error{display:none}.about{display:grid;gap:clamp(1.5rem,5vw,3rem);grid-template-columns:1fr;align-items:center}@media(min-width:800px){.about{grid-template-columns:.9fr 1.1fr}}.about__card{background:var(--paper);border:2px solid var(--espresso);border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow-md)}.about__card h2{font-size:clamp(1.7rem,4vw,2.4rem)}.about__card p+p{margin-top:1rem}.about__list{margin-top:1.2rem;padding:0;list-style:none;display:grid;gap:.6rem}.about__list li{padding-left:1.6rem;position:relative;color:var(--ink-soft)}.about__list li:before{content:"";position:absolute;left:0;top:.55em;width:.7rem;height:.7rem;background:var(--accent);border-radius:3px;transform:rotate(45deg)}.about__decor{border-radius:var(--r-lg);overflow:hidden;border:2px solid var(--espresso);box-shadow:var(--shadow-md);background:var(--sand)}.site-footer{margin-top:clamp(3rem,8vw,6rem);background:var(--navy-900);color:#d4dcec;border-top:6px solid var(--coral)}.site-footer a:not(.btn){color:var(--coral);text-decoration:none}.site-footer a:not(.btn):hover{color:#fff;text-decoration:underline}.site-footer__inner{display:grid;gap:2rem;padding-block:clamp(2.5rem,6vw,4rem);grid-template-columns:1fr}@media(min-width:720px){.site-footer__inner{grid-template-columns:1.4fr 1fr 1fr}}.site-footer h3{color:#fff;font-size:1.1rem;margin-bottom:.8rem}.site-footer ul{list-style:none;padding:0;display:grid;gap:.5rem}.site-footer__brand{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:#fff}.site-footer__legal{border-top:2px dashed rgba(255,255,255,.22);padding-block:1.2rem;font-size:.85rem;color:#ffffffb8;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:space-between}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.card:hover,.card:focus-visible,.btn:hover{transform:none}}