.home-index{max-width:90rem;padding:0 0 var(--space-3xl);margin-inline:auto}.home-index__intro{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-shorts{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:calc(100dvh - 4.25rem);min-height:30rem;overflow-y:auto}.home-shorts::-webkit-scrollbar{display:none}body:has(.home-index){scrollbar-width:none}body:has(.home-index)::-webkit-scrollbar{display:none}.home-short{scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;display:grid;position:relative}.home-short__product{color:var(--color-ink);isolation:isolate;height:100%;text-decoration:none;display:grid;position:absolute;inset:0}.home-short__image-wrap{background:var(--color-surface);z-index:-1;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.home-short__image-wrap img{object-fit:cover;width:100%;height:100%}.home-short__image-fallback{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm,.8rem);letter-spacing:.12em;display:none;position:absolute}.home-short__image-wrap[data-image-state=error] img{display:none}.home-short__image-wrap[data-image-state=error] .home-short__image-fallback{display:block}.home-short__copy{background:linear-gradient(to top,color-mix(in oklch,var(--color-graphite) 88%,transparent),transparent);color:var(--color-on-dark);align-self:end;gap:var(--space-xs);padding:calc(var(--space-3xl) + env(safe-area-inset-bottom)) var(--page-gutter) max(var(--space-xl),env(safe-area-inset-bottom));pointer-events:none;text-shadow:0 1px 2px color-mix(in oklch,var(--color-graphite) 72%,transparent);z-index:1;display:grid}.home-short__meta{font-family:var(--font-mono);font-size:var(--text-sm,.8rem);letter-spacing:.06em;text-transform:capitalize;margin:0}.home-short h3{font-family:var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;max-width:20ch;margin:0;font-size:clamp(1.55rem,5vw,2.35rem);line-height:1.08}.home-short__stats{gap:var(--space-md);margin:var(--space-sm) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-short__stats div{border-top:1px solid color-mix(in oklch,currentColor 35%,transparent);min-width:0;padding-top:var(--space-xs)}.home-short__stats dt{font-size:var(--text-sm,.8rem);opacity:.72}.home-short__stats dd{font-family:var(--font-mono);font-size:var(--text-md,1rem);font-variant-numeric:tabular-nums;margin:var(--space-3xs) 0 0;overflow-wrap:anywhere}.home-short__article{font-size:var(--text-sm,.8rem);margin:var(--space-sm) 0 0;pointer-events:auto;width:fit-content;max-width:36ch;line-height:1.4;text-decoration:none}.home-short__article span{padding-inline-start:var(--space-xs)}.home-short__article:focus-visible,.home-short__product:focus-visible{outline:3px solid var(--color-focus);outline-offset:-6px}.home-short__article:focus-visible{outline-offset:3px}.home-short__product:active~.home-short__copy{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.home-short__product:hover img{transform:scale(1.015)}.home-short__article:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-thickness:2px}}@media (width>=40rem){.home-shorts{max-width:90rem;height:calc(100dvh - 4.5rem);margin-inline:auto}.home-short__image-wrap img{object-fit:cover;object-position:center}.home-short__copy{max-width:none;padding:var(--space-3xl) clamp(var(--space-xl),5vw,var(--space-3xl)) clamp(var(--space-lg),2vw,var(--space-2xl));place-self:end stretch;width:100%}.home-short__article{font-size:var(--text-md,1rem);opacity:.88}.home-short__meta{opacity:.88}}@media (width>=60rem){.home-short h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(1.85rem,2.6vw,2.75rem);display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:no-preference){.home-short__image-wrap img{transition:transform .42s var(--ease-out),filter .42s var(--ease-out);transform:scale(.985)}.home-short__copy{opacity:.94;transition:opacity .32s var(--ease-out),transform .42s var(--ease-out);transform:translateY(8px)}.home-short[data-active] .home-short__image-wrap img{filter:none;transform:scale(1)}.home-short[data-active] .home-short__copy{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.home-shorts{scroll-behavior:auto}.home-short__image-wrap img,.home-short__copy{transition:none}}.home-index__tools{align-items:end;gap:var(--space-lg);padding-block:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.home-index__tools h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.home-index__tools p{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm,.8rem);margin:var(--space-xs) 0 0}.collection-search{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.collection-search input{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius);color:var(--color-ink);font:inherit;outline-offset:2px;min-height:44px;padding-inline:var(--space-md);outline:2px solid #0000;width:100%}.collection-search input::placeholder{color:var(--color-muted);opacity:1}.collection-search input:focus-visible,.collection-search input:active{border-color:var(--color-ink);outline-color:var(--color-focus)}.collection-search input[data-state=success]{border-color:var(--color-accent)}.collection-search input[data-state=error],.collection-search input[aria-invalid=true]{border-color:var(--color-accent);color:var(--color-ink)}.collection-search input[data-state=loading]{cursor:progress}.collection-search input:disabled{cursor:not-allowed;opacity:.55}.collection-search button{color:var(--color-muted);cursor:pointer;font:600 var(--text-sm,.8rem) var(--font-body);min-height:44px;padding-inline:var(--space-sm);white-space:nowrap;background:0 0;border:0}.collection-search button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.collection-search button:active{transform:translateY(1px)}.collection-search button:disabled{cursor:not-allowed;opacity:.5}.collection-search__status{color:var(--color-muted);font-size:var(--text-sm,.8rem);grid-column:1/-1;min-height:1lh;margin:0;line-height:1.3}.home-index[data-search-state=error] .collection-search__status{color:var(--color-ink)}.collection-index__list{border-top:1px solid var(--color-rule)}.collection-index__item{border-bottom:1px solid var(--color-rule)}.collection-index__item a{align-items:start;gap:var(--space-md);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.collection-index__item a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.collection-index__item h3{overflow-wrap:anywhere;margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}.collection-index__item p{color:var(--color-muted);margin:var(--space-xs) 0 0;max-width:54rem;line-height:1.55}.collection-index__item a>span{color:var(--color-accent);font-size:1.25rem;line-height:1}.collection-index__item[hidden]{display:none}.collection-index__empty{border-bottom:1px solid var(--color-rule);color:var(--color-muted);padding-block:var(--space-xl);margin:0}@media (hover:hover) and (pointer:fine){.collection-search input:hover{background:var(--color-surface)}.collection-search button:hover{color:var(--color-ink)}.collection-index__item a:hover h3{text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.18em;text-decoration-thickness:2px}.collection-index__item a:hover>span{transform:translate(2px,-2px)}}@media (width>=40rem){.home-index__tools{grid-template-columns:minmax(0,1fr) minmax(17rem,22rem)}}@media (prefers-reduced-motion:no-preference){.collection-index__item a>span{transition:transform var(--dur-short) var(--ease-out)}}@media (prefers-reduced-motion:reduce){.collection-index__item a>span{transition-duration:.01ms}}