@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anton-latin-400-normal.Byf51wtH.woff2)format("woff2"),url(/_astro/anton-latin-400-normal.AUNGEG_V.woff)format("woff")}:root{--paper:oklch(97% .012 85);--paper-deep:oklch(93% .014 85);--ink:oklch(20% .02 280);--ink-soft:oklch(42% .02 280);--stage:oklch(16% .015 280);--seal:oklch(88% .17 100);--group-fill:oklch(66% .18 280);--group-ink:oklch(42% .18 280);--on-group:oklch(18% .05 280);--r-card:10px;--r-device:28px;--r-pill:999px;--gutter:clamp(12px, 4vw, 40px);--gap:clamp(8px, 2vw, 16px);--space-ad:clamp(24px, 6vw, 56px);--text-display:clamp(3rem, 18vw, 16rem);--tap:48px;--fast:80ms;--normal:.24s;--ease-out:cubic-bezier(.16, 1, .3, 1);--font-display:"Anton", "Arial Narrow", Impact, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Hiragino Sans", "Noto Sans", sans-serif}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font:1rem/1.55 var(--font-body);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");margin:0}img{max-width:100%;display:block}a{color:var(--group-ink);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--group-ink);outline-offset:2px}h1,h2{margin:0}.wrap{padding-inline:var(--gutter);max-width:1320px;margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:2px solid var(--ink);align-items:center;gap:8px;padding-block:6px;display:flex}.site-header a,.site-header summary{min-height:var(--tap);color:var(--ink);align-items:center;padding-inline:10px;font-weight:700;text-decoration:none;display:inline-flex}.site-header .brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;padding-inline-start:0;font-size:1.35rem;font-weight:400}.site-header .spacer{flex:1}.lang{position:relative}.lang summary{cursor:pointer;list-style:none}.lang summary::-webkit-details-marker{display:none}.lang summary:after{content:"▾";margin-inline-start:6px}.lang ul{z-index:5;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:6px 6px 0 var(--ink);min-width:11rem;margin:0;padding:6px;list-style:none;position:absolute;inset-inline-end:0}.lang li a{width:100%}.hub-head{contain:layout paint;--head-h:clamp(190px, min(38svh, 62vw), 460px);height:var(--head-h);align-items:end;margin-inline-end:calc(var(--gutter) * -1);display:grid;position:relative;overflow:clip}.display{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;color:var(--ink);margin:0;padding-bottom:.08em;line-height:.86}.hub-head .sub{color:var(--ink-soft);margin:0;font-weight:700;position:absolute;inset-block-start:14px;inset-inline-start:0}.hub-head .sub a{color:inherit}.stack{width:min(clamp(96px, 26vw, 250px), calc(var(--head-h) * .5));aspect-ratio:9/16;position:absolute;inset-block-end:-14%;inset-inline-end:4%}.stack img{object-fit:cover;border-radius:var(--r-card);border:3px solid var(--paper);transform-origin:50% 100%;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 10px 30px oklch(20% .02 280/.28)}.stack img:first-child{transform:rotate(-13deg)translate(-34%)}.stack img:nth-child(2){transform:rotate(-4deg)translate(-12%)}.stack img:nth-child(3){transform:rotate(7deg)translate(10%)}@media (prefers-reduced-motion:no-preference){.stack img{animation:fan var(--normal) var(--ease-out) both}.stack img:nth-child(2){animation-delay:60ms}.stack img:nth-child(3){animation-delay:.12s}@keyframes fan{0%{opacity:0;transform:rotate(0)translate(0)}}}.tabs{scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);padding:14px var(--gutter) 0;margin-inline:calc(var(--gutter) * -1);border-bottom:3px solid var(--ink);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{scroll-snap-align:start;min-height:var(--tap);border:2px solid var(--ink);background:var(--paper-deep);color:var(--ink);transition:transform var(--fast);border-bottom:0;border-radius:14px 14px 0 0;flex:none;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.tabs a[aria-current=page]{background:var(--group-fill);color:var(--on-group);padding-block-end:3px;transform:translateY(3px)}.tabs a:active{transform:translateY(2px)}.grid{gap:var(--gap);margin-block:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;padding:0;list-style:none;display:grid}@media (width>=600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid .feature{grid-area:span 2/span 2}}@media (width>=900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1200px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.card{border-radius:var(--r-card);cursor:pointer;background:color-mix(in oklch, var(--group-fill) 12%, var(--paper));aspect-ratio:9/16;width:100%;height:100%;transition:transform var(--fast), box-shadow var(--fast);border:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px oklch(20% .02 280/.18)}.card img{object-fit:cover;width:100%;height:100%}.card:active{box-shadow:none;transform:scale(.97)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{transform:rotate(-2deg)translateY(-4px);box-shadow:0 14px 28px oklch(20% .02 280/.25)}}.seal{border-radius:var(--r-pill);background:var(--seal);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 2px var(--ink);padding:4px 10px;font-size:.72rem;font-weight:800;position:absolute;inset-block-start:8px;inset-inline-end:8px;transform:rotate(6deg)}.band{border-radius:var(--r-card);background:var(--ink);min-height:72px;color:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;display:flex;overflow:clip}.band .display{color:var(--group-fill);padding:0;font-size:clamp(1.8rem,9vw,4rem)}.band .go{white-space:nowrap;font-weight:700}.band:active{transform:scale(.99)}.ad{margin-block:var(--space-ad);padding:10px var(--gutter) 16px;margin-inline:calc(var(--gutter) * -1);background:var(--paper-deep)}.ad .label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:.72rem;display:block}.sleeve{aspect-ratio:9/16;border:2px solid var(--ink);border-radius:var(--r-card);background:var(--group-fill);color:var(--on-group);box-shadow:4px 4px 0 var(--ink);flex-direction:column;justify-content:flex-end;gap:12px;padding:14px;display:flex;position:relative;overflow:clip;transform:rotate(-1.5deg)}.sleeve img,.sleeve .mono{aspect-ratio:1;border-radius:22%;width:clamp(56px,40%,96px);height:auto;position:absolute;inset-block-start:22%;inset-inline-start:14px;transform:rotate(6deg);box-shadow:0 6px 16px oklch(20% .02 280/.3)}.sleeve .mono{background:var(--ink);color:var(--paper);font:400 2rem var(--font-display);place-items:center;display:grid}.sleeve h2{margin:0;font-size:clamp(.95rem,.8rem + .5vw,1.15rem);line-height:1.25}.sleeve .btn{white-space:normal;text-align:center;width:100%;padding-inline:12px}.btn{min-height:var(--tap);border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font:700 1rem var(--font-body);cursor:pointer;transition:transform var(--fast);white-space:nowrap;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn.ghost{color:inherit;background:0 0;border-color:currentColor}.pager{margin-block:var(--space-ad) 24px;flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.pager a{min-width:var(--tap);min-height:var(--tap);border:2px solid var(--ink);border-radius:var(--r-pill);color:var(--ink);place-items:center;padding-inline:12px;font-weight:700;text-decoration:none;display:inline-grid}.pager a[aria-current=page]{background:var(--ink);color:var(--paper)}.prose{max-width:62ch;margin-block:32px}.prose h2{margin-block:28px 8px;font-size:1.25rem}.prose h1{font:400 clamp(2.4rem, 9vw, 5rem)/.95 var(--font-display);text-transform:uppercase;margin-block:28px 20px}details.faq{border-top:2px solid var(--ink)}details.faq summary{min-height:var(--tap);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"";width:10px;height:10px;transition:transform var(--fast);border-block-end:3px solid;border-inline-end:3px solid;flex:none;transform:translateY(-3px)rotate(45deg)}details.faq[open] summary:after{transform:translateY(2px)rotate(-135deg)}details.faq summary:focus-visible{outline:3px solid var(--group-ink);outline-offset:2px}.families{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));margin-block:20px;padding:0;list-style:none;display:grid}.family{border:2px solid var(--ink);border-radius:var(--r-card);background:var(--paper);min-height:200px;color:var(--ink);transition:transform var(--fast), box-shadow var(--fast);flex-direction:column;justify-content:flex-end;gap:4px;padding:18px;padding-inline-end:42%;text-decoration:none;display:flex;position:relative;overflow:clip}.family .display{color:var(--group-ink);white-space:normal;overflow-wrap:anywhere;font-size:clamp(2rem,5.5vw,3.2rem);line-height:.92;display:block}.family .n{color:var(--ink-soft);font-weight:700;display:block}.family .stack{width:84px;inset-block-end:-20px;inset-inline-end:26px}.family:active{transform:scale(.98)}@media (hover:hover){.family:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-3px,-3px)}}.home-head{padding-block:clamp(20px,6vw,56px) 8px;overflow:clip}.home-head .display{white-space:normal;font-size:clamp(3rem,15vw,11rem)}.home-head p{max-width:46ch;color:var(--ink-soft);font-size:1.1rem}.site-footer{border-top:2px solid var(--ink);color:var(--ink-soft);margin-top:56px;padding-block:28px 40px}.site-footer ul{flex-wrap:wrap;gap:4px 8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.site-footer a{min-height:var(--tap);color:var(--ink);align-items:center;padding-inline-end:12px;display:inline-flex}dialog{color:var(--paper);background:0 0;border:0;max-width:100vw;max-height:100dvh;padding:0}dialog::backdrop{background:oklch(16% .015 280/.94)}.viewer-body{justify-items:center;gap:14px;width:min(100vw,480px);padding:16px;display:grid}.device{aspect-ratio:9/19.5;border-radius:var(--r-device);background:var(--stage);max-width:86vw;height:min(68dvh,720px);position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(100% 0 0/.12),0 30px 80px oklch(0% 0 0/.6)}.device img{object-fit:cover;width:100%;height:100%}.device:before{content:"";background:linear-gradient(oklch(16% .015 280/.65),#0000);height:34%;position:absolute;inset:0 0 auto}.clock{border-radius:var(--r-pill);backdrop-filter:blur(12px);width:max-content;font:400 2.6rem/1 var(--font-display);color:oklch(100% 0 0);text-shadow:0 1px 8px oklch(16% .015 280/.5);background:oklch(16% .015 280/.35);margin-inline:auto;padding:6px 18px;position:absolute;inset-block-start:9%;inset-inline:0}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions .btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hint{text-align:center;color:oklch(86% .01 280);max-width:34ch;margin:0;font-size:.875rem}.sheet{border-radius:var(--r-card);background:var(--paper);width:min(92vw,420px);color:var(--ink);gap:12px;padding:24px;display:grid}.sheet h2{font:400 2rem/1 var(--font-display);text-transform:uppercase}.sheet p{margin:0}[hidden]{display:none!important}