@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/hanken-grotesk-normal-variable-latin-ext.BzvT_elb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/hanken-grotesk-normal-variable-latin.KjBMhMia.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/newsreader-italic-400-latin-ext.BtYi71JM.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/newsreader-italic-400-latin.wf7sDKHF.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/newsreader-normal-400-latin-ext.JDvKuCac.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/newsreader-normal-400-latin.h_d0PExX.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/ibm-plex-mono-normal-400-latin-ext.C05TWSE2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/ibm-plex-mono-normal-400-latin.BJoXLJYV.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/ibm-plex-mono-normal-500-latin-ext.BQJS6Ovj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/ibm-plex-mono-normal-500-latin.C820gu2e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:oklch(94.5% .012 85);--paper-2:oklch(96.5% .009 85);--proof:oklch(86% .012 80);--ink:oklch(19% .006 70);--ink-2:oklch(35% .006 70);--graphite:oklch(45% .006 70);--rule:oklch(19% .006 70/.2);--hover:oklch(30% .006 70);--deep:oklch(14% .005 70);--deep-2:oklch(20% .006 70);--deep-rule:oklch(33% .006 70);--on-ink:var(--paper);--on-ink-2:oklch(80% .008 80);--edge:oklch(80% .1 75);--fam-cn:oklch(76% .13 80);--fam-bw:oklch(45% .006 70);--fam-cr:oklch(56% .07 240);--fam-mp:oklch(56% .14 30);--fam-in:oklch(66% .11 355);--fam-fx:oklch(50% .11 305);--fam-free:oklch(52% .07 125);--sans:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif:"Newsreader", Georgia, serif;--wrap:1440px;--gutter:clamp(16px, 2.8vw, 40px);--section-y:clamp(56px, 7vw, 112px);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--graphite) var(--paper);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;font-size:17px;line-height:1.65;overflow-x:hidden}::selection{background:var(--fam-cn);color:var(--ink)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:3px;text-decoration:underline 1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}h1,h2,h3,h4{text-wrap:balance;margin:0}p{margin:0}button,select,input{font:inherit;color:inherit}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.skip-link{z-index:100;background:var(--ink);color:var(--paper);font-family:var(--mono);padding:10px 14px;font-size:13px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:var(--wrap);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.mono{font-family:var(--mono)}.muted{color:var(--graphite)}.label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);font-size:12px;font-weight:400;line-height:1.4}.title{font-family:var(--sans);letter-spacing:-.015em;text-transform:uppercase;font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1}.wordmark{align-items:flex-end;gap:calc(var(--wm) * .55);display:inline-flex}.wordmark__lines{font-family:var(--sans);font-weight:700;font-size:var(--wm);letter-spacing:-.035em;text-transform:uppercase;flex-direction:column;line-height:.86;display:flex}.wordmark__the{letter-spacing:-.01em;margin-bottom:.09em;font-size:.43em}.wordmark__desc{font-family:var(--mono);font-size:max(10px, calc(var(--wm) * .24));letter-spacing:.06em;text-transform:uppercase;padding-bottom:.1em;line-height:1.55}.famtab{background:var(--fam-bw);flex:none;width:24px;height:10px;display:inline-block}.famtab--cn{background:var(--fam-cn)}.famtab--bw{background:var(--fam-bw)}.famtab--cr{background:var(--fam-cr)}.famtab--mp{background:var(--fam-mp)}.famtab--in{background:var(--fam-in)}.famtab--fx{background:var(--fam-fx)}.famtab--free{background:var(--fam-free)}.palette{grid-template-columns:repeat(5,1fr);height:22px;display:grid}.palette--sm{height:10px}.palette--lg{height:36px}.packmark{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:inline-flex}.packmark:before{content:"";background:var(--fam-free);width:8px;height:8px}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.btn span{transition:transform .35s var(--ease)}.btn:hover{background:var(--hover);border-color:var(--hover)}.btn:hover span{transform:translate(4px)}.btn--line{color:var(--ink);background:0 0}.btn--line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn--paper:hover{background:var(--proof);border-color:var(--proof)}.btn:focus-visible{outline-offset:3px}.btn--paper:focus-visible{outline-color:var(--paper)}.playback{border:1px solid var(--ink);cursor:pointer;min-height:36px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:0 0;padding:0 14px;font-size:12px}.playback:hover{background:var(--ink);color:var(--paper)}.masthead{border-bottom:1px solid var(--rule);background:var(--paper)}.masthead__bar{flex-wrap:wrap;align-items:center;gap:12px 40px;padding-top:18px;padding-bottom:18px;display:flex}.masthead__brand{color:var(--ink);text-decoration:none}.masthead__nav{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:12px 32px;display:flex}.masthead__links,.masthead__packs{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.masthead__links{gap:8px 32px;margin-inline:auto}.masthead__links a{border-bottom:1px solid #0000;padding:6px 0;font-size:15px;font-weight:500;text-decoration:none}.masthead__links a:hover,.masthead__links a[aria-current=page]{border-bottom-color:var(--ink)}.masthead__packs{font-family:var(--mono);letter-spacing:.04em;gap:0;font-size:12px}.masthead__packs li+li:before{content:"·";color:var(--graphite);padding:0 10px}.masthead__packs a{text-decoration:none}.masthead__packs a:hover,.masthead__packs a[aria-current=page]{text-decoration:underline}.masthead__menu{cursor:pointer;min-height:44px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:13px}.masthead__menu[aria-expanded=true]{text-underline-offset:4px;text-decoration:underline}@media (width<=860px){.masthead__nav{flex-basis:100%}.masthead__links{margin-inline:0}.masthead.is-folding .masthead__nav{display:none}.masthead.is-folding.is-open .masthead__nav{flex-direction:column;align-items:stretch;gap:20px;padding:12px 0 8px;display:flex}.masthead.is-open .masthead__links{flex-direction:column;align-items:flex-start;gap:0}.masthead.is-open .masthead__links li{border-top:1px solid var(--rule);width:100%}.masthead.is-open .masthead__links a{letter-spacing:-.02em;text-transform:uppercase;border:0;padding:12px 0;font-size:28px;font-weight:700;line-height:1.1;display:block}.masthead.is-open .masthead__links a[aria-current=page]{text-decoration:underline 2px}.masthead.is-open .masthead__packs{font-size:13px}}@media (width>=861px){.masthead__menu{display:none}}.crumbs{padding-top:16px;padding-bottom:16px}.crumbs ol{font-family:var(--mono);color:var(--graphite);flex-wrap:wrap;gap:4px 0;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.crumbs li+li:before{content:"/";padding:0 8px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs [aria-current]{color:var(--ink)}.compare-figure{flex-direction:column;gap:10px;margin:0;display:flex}.compare{aspect-ratio:16/9;background:var(--deep);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;--pos:50%;width:100%;position:relative;overflow:hidden}.compare img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.compare__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare__tag{font-family:var(--mono);letter-spacing:.04em;padding:4px 8px;font-size:11px;position:absolute;top:14px}.compare__tag--before{background:var(--paper);color:var(--ink);left:14px}.compare__tag--after{background:var(--ink);color:var(--paper);right:14px}.compare__handle{top:0;bottom:0;left:var(--pos);cursor:ew-resize;outline-offset:-6px;justify-content:center;width:44px;margin-left:-22px;display:flex;position:absolute}.compare__handle:focus-visible{outline-color:var(--paper)}.compare__line{background:var(--paper);width:1px;height:100%}.compare__knob{background:var(--paper);border:1px solid var(--ink);width:40px;height:40px;margin-top:-20px;position:absolute;top:50%;box-shadow:0 6px 18px oklch(10% .01 60/.3)}.compare__knob:before,.compare__knob:after{content:"";border:5px solid #0000;margin-top:-5px;position:absolute;top:50%}.compare__knob:before{border-right:6px solid var(--ink);border-left-width:0;left:6px}.compare__knob:after{border-left:6px solid var(--ink);border-right-width:0;right:6px}.compare--portrait{aspect-ratio:4/5}.figcap{font-family:var(--mono);color:var(--graphite);flex-wrap:wrap;justify-content:space-between;gap:4px 24px;font-size:12px;line-height:1.5;display:flex}.section{padding-top:var(--section-y);padding-bottom:var(--section-y)}.section-head{border-top:1px solid var(--ink);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px 48px;margin-bottom:clamp(32px,4vw,56px);padding-top:20px;display:grid}.section-head>:not(.title){grid-column:2}.section-head .title{grid-row:1/span 3}.section-head__lede{color:var(--ink-2);text-wrap:pretty;max-width:62ch;font-size:17px;line-height:1.6}.section-head__quote{font-family:var(--serif);letter-spacing:-.015em;max-width:22ch;font-size:clamp(26px,2.8vw,40px);line-height:1.08}@media (width<=760px){.section-head{grid-template-columns:1fr}.section-head>:not(.title){grid-column:1}.section-head .title{grid-row:auto}}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px clamp(32px,4.5vw,72px);padding-top:clamp(40px,5.5vw,80px);padding-bottom:clamp(48px,5vw,72px);display:grid}.hero__title{font-family:var(--serif);letter-spacing:-.025em;font-size:clamp(46px,5.8vw,86px);font-weight:400;line-height:.98}.hero__lede{color:var(--ink-2);text-wrap:pretty;max-width:38ch;margin-top:28px;font-size:18px;line-height:1.55}.hero .actions{margin-top:32px}.hero__specs{border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);flex-wrap:wrap;gap:6px 0;margin:40px 0 0;padding:14px 0 0;font-size:12px;list-style:none;display:flex}.hero__specs li:not(:last-child):after{content:"·";padding:0 10px}.hero__figure{flex-direction:column;gap:10px;margin:0 0 196px;display:flex;position:relative}.hero__figure .figcap{justify-content:flex-end;padding-left:260px}.refcard{z-index:2;background:var(--paper-2);width:252px;color:var(--ink);transition:transform .45s var(--ease), box-shadow .45s var(--ease);flex-direction:column;gap:14px;padding:20px;text-decoration:none;display:flex;position:absolute;bottom:-196px;left:-44px;box-shadow:0 20px 40px oklch(10% .01 60/.35)}.refcard:hover{transform:translateY(-4px);box-shadow:0 28px 48px oklch(10% .01 60/.38)}.refcard__top{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.refcard__code{font-family:var(--mono);font-size:12px}.refcard__name{letter-spacing:-.02em;text-transform:uppercase;flex-direction:column;font-size:27px;font-weight:700;line-height:1;display:flex}.refcard__type{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:-6px;font-size:11px}.refcard__specs{border-top:1px solid var(--rule);font-family:var(--mono);grid-template-columns:auto 1fr;gap:3px 16px;padding-top:14px;font-size:12px;line-height:1.5;display:grid}.refcard__specs span:nth-child(odd){color:var(--graphite)}.refcard__more{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.refcard__more span{transition:transform .35s var(--ease);display:inline-block}.refcard:hover .refcard__more span{transform:translate(4px)}.hero__timer{background:var(--rule) linear-gradient(var(--ink), var(--ink)) 0 0 / 0 100% no-repeat;height:2px;margin-top:-8px;animation:5s linear forwards hero-timer}[data-paused] .hero__timer{animation-play-state:paused}@keyframes hero-timer{to{background-size:100% 100%}}.compare img.is-entering{box-shadow:-10px 0 0 var(--deep);animation:.6s steps(8,end) both hero-advance}.compare img.is-leaving{animation:.6s steps(8,end) both hero-away}@keyframes hero-advance{0%{translate:100%}}@keyframes hero-away{to{translate:-100%}}.compare__tag.is-entering{animation:.4s steps(5,end) .3s both hero-tag}@keyframes hero-tag{0%{clip-path:inset(0 100% 0 0)}}.refcard.is-out{animation:.3s steps(4,end) forwards refcard-out}.refcard.is-in{animation:.45s steps(6,end) refcard-in}@keyframes refcard-out{to{opacity:0;translate:0 32px;rotate:-3deg}}@keyframes refcard-in{0%{opacity:0;translate:0 -24px;rotate:2deg}50%{opacity:1}}@media (width<=960px){.hero{grid-template-columns:1fr}.hero__figure{margin-bottom:0}.hero__figure .figcap{justify-content:space-between;padding-left:0}.refcard{width:min(300px,100% - 24px);margin:8px 0 0 12px;position:relative;bottom:auto;left:auto}}.families{padding-bottom:clamp(16px,3vw,40px)}.families ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.families a{flex-direction:column;gap:10px;text-decoration:none;display:flex}.families img{aspect-ratio:4/3;object-fit:cover;background:var(--proof);width:100%;transition:filter .45s var(--ease)}.families a:hover img{filter:brightness(.88)}.families__label{letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1.2;display:flex}.families__count{font-family:var(--mono);color:var(--graphite);margin-top:-6px;font-size:12px}.families a:hover .families__label{text-underline-offset:3px;text-decoration:underline}@media (width<=1000px){.families ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.families ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.archive-group+.archive-group{margin-top:clamp(40px,4vw,64px)}.archive-group{scroll-margin-top:16px}.archive-group__head{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding-bottom:12px;display:flex}.archive-group__title{letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:12px;font-size:17px;font-weight:700;line-height:1.2;display:flex}.archive-group__meta{font-family:var(--mono);color:var(--graphite);font-size:12px}.archive-grid{border-left:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));display:grid}.fcard{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 42%;gap:16px;padding:20px;display:grid}.fcard__body{flex-direction:column;gap:10px;min-width:0;display:flex}.fcard__code{font-family:var(--mono);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.fcard__name{letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:4px;font-size:21px;font-weight:700;line-height:1.02}.fcard__name a{text-decoration:none}.fcard__name a:hover{text-decoration:underline 2px}.fcard__brand{display:block}.fcard__type{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);margin-top:-4px;font-size:11px}.fcard__text{color:var(--ink-2);text-wrap:pretty;font-size:14px;line-height:1.45}.fcard__specs{font-family:var(--mono);grid-template-columns:auto 1fr;gap:2px 12px;margin:auto 0 0;font-size:12px;display:grid}.fcard__specs div{display:contents}.fcard__specs dt{color:var(--graphite)}.fcard__specs dd{margin:0}.fcard__tags{font-family:var(--mono);color:var(--graphite);margin:auto 0 0;padding:0;font-size:12px;list-style:none}.fcard__curve{font-family:var(--mono);font-size:12px}.fcard__curve--none{color:var(--graphite)}.frame{aspect-ratio:4/5;background:var(--proof);cursor:pointer;border:0;align-self:start;width:100%;padding:0;display:block;position:relative}.frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame__after{transition:opacity .5s var(--ease)}.frame[aria-pressed=true] .frame__after{opacity:0}.frame__label{background:var(--paper);color:var(--ink);font-family:var(--mono);letter-spacing:.04em;padding:2px 6px;font-size:11px;transition:opacity .3s;position:absolute;bottom:6px;left:6px}.frame__label--before,.frame[aria-pressed=true] .frame__label--after{opacity:0}.frame[aria-pressed=true] .frame__label--before{opacity:1}@media (hover:hover){.frame:hover .frame__after,.frame:hover .frame__label--after{opacity:0}.frame:hover .frame__label--before{opacity:1}}.archive-cta{background:var(--ink);color:var(--on-ink);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:20px 48px;margin-top:clamp(48px,6vw,88px);padding:clamp(28px,4vw,48px);display:grid}.archive-cta__title{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(30px,3.4vw,48px);line-height:1.04}.archive-cta__lede{color:var(--on-ink-2);text-wrap:pretty;max-width:46ch;margin-top:14px;font-size:16px;line-height:1.6}.archive-cta .actions{justify-content:flex-end}.archive-cta .btn--line{color:var(--paper);border-color:var(--paper)}.archive-cta .btn--line:hover{background:var(--paper);color:var(--ink)}.archive-cta :focus-visible{outline-color:var(--paper)}@media (width<=860px){.archive-cta{grid-template-columns:1fr}.archive-cta .actions{justify-content:flex-start}}.buybar{z-index:20;background:var(--ink);color:var(--on-ink);visibility:hidden;transition:transform .35s var(--ease), visibility 0s linear .35s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -12px 32px oklch(10% .01 60/.25)}.buybar.is-shown{visibility:visible;transition:transform .35s var(--ease);transform:none}.buybar__inner{justify-content:space-between;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px;display:flex}.buybar__text{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;font-size:12px;display:flex}.buybar__actions{align-items:center;gap:20px;margin-left:auto;display:flex}.buybar__free{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-2);font-size:12px}.buybar :focus-visible{outline-color:var(--paper)}@media (width<=760px){.buybar__text{display:none}}.steps{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:10px;padding:24px 32px 8px 0;display:flex}.steps li+li{border-left:1px solid var(--rule);padding-left:32px}.steps__no{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);font-size:12px}.steps h3{letter-spacing:-.01em;text-transform:uppercase;font-size:20px;font-weight:700;line-height:1.1}.steps p{color:var(--ink-2);font-size:16px;line-height:1.6}@media (width<=860px){.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-left:0;padding:20px 0}.steps li+li{border-top:1px solid var(--rule)}}.method__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:40px 56px;margin-top:clamp(40px,5vw,72px);display:grid}@media (width<=960px){.method__grid{grid-template-columns:1fr}}.measures{flex-direction:column;gap:16px;display:flex}.measures p{color:var(--ink-2);font-size:16px;line-height:1.6}.measures .note{font-family:var(--mono);color:var(--graphite);font-size:12px}.more{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;font-size:12px}.reel{margin:clamp(40px,5vw,72px) 0 0;container:reel/inline-size}.reel .figcap{justify-content:flex-end;margin-top:12px}.reel__stage{--u:calc(100cqw / 1920);aspect-ratio:16/9;background:var(--ink);color:var(--paper);box-shadow:0 0 0 1px var(--ink);letter-spacing:-.04em;text-transform:uppercase;user-select:none;font-weight:700;line-height:1;position:relative;overflow:hidden;container-type:inline-size}.reel__mono{font-family:var(--mono);font-weight:400;font-size:calc(26 * var(--u));letter-spacing:.08em;line-height:1.5}.reel__cut{translate:calc(var(--jx,0) * var(--u)) calc(var(--jy,0) * var(--u));rotate:calc(var(--jr,0) * 1deg);display:block}.reel__mask{display:block;overflow:hidden}.reel__photo{top:0;left:calc(528 * var(--u));width:calc(864 * var(--u));height:100%;translate:calc(528 * var(--u) * var(--shift)) calc(var(--kick,0) * var(--u));position:absolute;overflow:hidden}.reel__zoom{scale:var(--zoom);position:absolute;inset:0}.reel__zoom img,.reel__wipe{width:100%;height:100%;position:absolute;inset:0}.reel__zoom img{object-fit:cover;opacity:0}.reel__zoom img.is-on{opacity:1}.reel__wipe{clip-path:inset(0 calc(100% - var(--wipe) * 1%) 0 0);background-position:50%;background-size:cover}.reel__divider{top:0;bottom:0;left:calc(var(--wipe) * 1%);width:calc(6 * var(--u));margin-left:calc(-3 * var(--u));background:var(--paper);opacity:min(1, var(--wipe));position:absolute}.reel__stage:not([data-scene=cold]) .reel__cold,.reel__stage:not([data-scene=raw]) :is(.reel__note,.reel__title--raw),.reel__stage:not([data-scene=compare]) :is(.reel__wipe,.reel__divider,.reel__title--before,.reel__title--after),.reel__stage:not([data-scene=end]) .reel__end,.reel__stage:is([data-scene=cold],[data-scene=end]) .reel__tc{display:none}.reel__cold{background:var(--ink);place-items:center;display:grid;position:absolute;inset:0}.reel__cold span{font-size:calc(520 * var(--u));letter-spacing:-.05em;visibility:hidden;grid-area:1/1}.reel__note{left:calc(64 * var(--u));top:calc(56 * var(--u));width:calc(432 * var(--u));margin:0;position:absolute}.reel__title{bottom:calc(56 * var(--u));font-size:calc(120 * var(--u));opacity:var(--in);transform:translateY(calc((1 - var(--in)) * 60 * var(--u)));margin:0;line-height:.86;position:absolute}.reel__title .reel__mono{margin-bottom:calc(12 * var(--u));display:block}.reel__title--raw{left:calc(64 * var(--u));font-size:calc(180 * var(--u));line-height:.84}.reel__title--before{left:calc(64 * var(--u))}.reel__title--after{right:calc(64 * var(--u));text-align:right}.reel__panel{width:calc(1056 * var(--u));background:var(--paper);height:100%;color:var(--ink);transform:translateX(calc((var(--p) - 1) * 100%));position:absolute;top:0;left:0}.reel__panel--stack{--p:var(--panel);padding:calc(56 * var(--u)) calc(72 * var(--u));flex-direction:column;display:flex}.reel__panel--films{--p:var(--films)}.reel__head{justify-content:space-between;gap:calc(24 * var(--u));padding-bottom:calc(16 * var(--u));border-bottom:calc(2 * var(--u)) solid;white-space:nowrap;display:flex}.reel__steps{margin-top:calc(48 * var(--u));display:grid}.reel__step{visibility:hidden;grid-area:1/1}.reel__step-top{align-items:flex-end;gap:calc(48 * var(--u));display:flex}.reel__step-top .reel__mask{flex:none}.reel__num{font-size:calc(360 * var(--u));letter-spacing:-.03em;transform:translateY(calc((1 - var(--in)) * 120 * var(--u)));line-height:.8}.reel__role{padding-bottom:calc(8 * var(--u));letter-spacing:.02em;text-transform:none;color:var(--graphite);opacity:var(--in3)}.reel__step>.reel__mask{margin-top:calc(32 * var(--u))}.reel__name{font-size:calc(112 * var(--u));letter-spacing:-.035em;transform:translateY(calc((1 - var(--in2)) * 120 * var(--u)));line-height:.92}.reel__rows{border-top:calc(2 * var(--u)) solid;letter-spacing:.02em;text-transform:none;margin:auto 0 0;padding:0;list-style:none}.reel__row{padding:calc(12 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--rule);color:var(--graphite);justify-content:space-between;display:flex}.reel__row[data-state=done]{color:var(--ink)}.reel__row:is([data-state=on],[data-state=applying]){background:var(--ink);color:var(--paper)}.reel__row:is([data-state=done],[data-state=on]):after{content:"applied"}.reel__row[data-state=applying]:after{content:"applying…"}.reel__film{grid-template-columns:calc(40 * var(--u)) 1fr;visibility:hidden;display:grid;position:absolute;inset:0}.reel__film-body{padding:calc(56 * var(--u)) calc(72 * var(--u));flex-direction:column;justify-content:space-between;display:flex}.reel__film-type{margin:0 0 calc(24 * var(--u));opacity:var(--in3)}.reel__film-name{font-size:calc(240 * var(--u));letter-spacing:-.05em;transform:translateY(calc((1 - var(--in)) * 220 * var(--u)));line-height:.86}.reel__mask+.reel__mask .reel__film-name{transform:translateY(calc((1 - var(--in2)) * 220 * var(--u)))}.reel__end{padding:calc(110 * var(--u)) calc(120 * var(--u));background:var(--ink);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.reel__words{letter-spacing:-.035em;margin:0;line-height:.86}.reel__words span{font-size:calc(330 * var(--u));visibility:hidden}.reel__words span:first-child{margin-bottom:calc(16 * var(--u));font-size:calc(110 * var(--u))}.reel__meta{justify-content:space-between;gap:calc(48 * var(--u));padding-top:calc(24 * var(--u));border-top:calc(2 * var(--u)) solid;white-space:nowrap;margin:0;display:flex}.reel__meta span{visibility:hidden}.reel__stage .is-on{visibility:visible}.reel__grain{pointer-events:none;mix-blend-mode:overlay;opacity:var(--grain);translate:var(--gx,0) var(--gy,0);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-256px}.reel__tc{top:calc(40 * var(--u));right:calc(48 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));background:var(--ink);position:absolute}@container reel (width<=759px){.reel__stage{--u:calc(100cqw / 1080);aspect-ratio:4/5;max-width:min(100%,64svh);margin:0 auto}.reel__mono{font-size:calc(34 * var(--u))}.reel__photo{width:100%;translate:0 calc(var(--kick,0) * var(--u));left:0}.reel__cold span{font-size:calc(330 * var(--u))}.reel__note{display:none}.reel__title{bottom:calc(48 * var(--u));padding:calc(20 * var(--u)) calc(28 * var(--u));background:var(--ink);font-size:calc(96 * var(--u))}.reel__title--raw{left:calc(48 * var(--u));font-size:calc(140 * var(--u))}.reel__title--before{left:calc(48 * var(--u))}.reel__title--after{right:calc(48 * var(--u))}.reel__panel{width:100%;height:auto;transform:translateY(calc((1 - var(--p)) * 100%));top:auto;bottom:0}.reel__panel--stack{padding:calc(40 * var(--u)) calc(48 * var(--u)) calc(48 * var(--u))}.reel__steps{margin-top:calc(32 * var(--u))}.reel__step-top{gap:calc(32 * var(--u))}.reel__num{font-size:calc(220 * var(--u))}.reel__step>.reel__mask{margin-top:calc(20 * var(--u))}.reel__name{font-size:calc(96 * var(--u))}.reel__rows{display:none}.reel__panel--films{height:calc(560 * var(--u))}.reel__film{grid-template-columns:calc(28 * var(--u)) 1fr}.reel__film-body{padding:calc(40 * var(--u)) calc(48 * var(--u))}.reel__film-name{font-size:calc(150 * var(--u))}.reel__end{padding:calc(96 * var(--u)) calc(72 * var(--u))}.reel__words span{font-size:calc(230 * var(--u))}.reel__words span:first-child{font-size:calc(96 * var(--u))}.reel__meta{gap:calc(8 * var(--u));white-space:normal;flex-direction:column}.reel__tc{top:calc(32 * var(--u));right:calc(32 * var(--u))}}.plate{border:1px solid var(--ink);background:var(--paper-2);margin:0}.plate__head{border-bottom:1px solid var(--ink);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 16px;font-size:12px;display:flex}.plate__ctrl{border-bottom:1px solid var(--rule);font-family:var(--mono);align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.plate__ctrl label{letter-spacing:.1em;text-transform:uppercase;color:var(--graphite)}.plate__ctrl select{border:1px solid var(--ink);background:var(--paper);min-height:36px;font-family:var(--mono);border-radius:0;max-width:100%;padding:0 8px;font-size:13px}.plate__svg{padding:12px 12px 4px}.plate__svg svg{width:100%;height:auto;display:block}.plate__svg .tick,.plate__svg .axis{font-family:var(--mono)}.plate__legend{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;gap:4px 16px;margin:0 0 4px;padding:0 4px;font-size:12px;list-style:none;display:flex}.plate__legend li{align-items:center;gap:6px;display:flex}.plate__legend span{border-top:2px solid;width:18px}.plate__legend .is-dashed span{border-top-style:dashed}.plate figcaption{border-top:1px solid var(--rule);color:var(--ink-2);padding:10px 16px 14px;font-size:14px;line-height:1.55}.plate__src{font-family:var(--mono);color:var(--graphite);margin-top:4px;font-size:12px;display:block}.table-scroll{overflow-x:auto}.data{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13px;line-height:1.5}.data caption{caption-side:top;text-align:left;color:var(--graphite);padding-bottom:10px;font-size:12px}.data thead tr{border-bottom:1px solid var(--ink)}.data th,.data td{text-align:left;vertical-align:top;padding:10px 12px 10px 0}.data thead th{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:500}.data tbody tr{border-bottom:1px solid var(--rule)}.data tbody th{font-weight:500}.darkroom{background:var(--deep);color:var(--on-ink);position:relative}.darkroom__inner{padding-top:var(--section-y);padding-bottom:var(--section-y);position:relative}.darkroom .section-head{border-top-color:var(--deep-rule)}.darkroom .section-head__lede{color:var(--on-ink-2)}.darkroom a{color:var(--on-ink)}.darkroom :focus-visible{outline-color:var(--paper)}.darkroom .steps{border-top-color:var(--deep-rule)}.darkroom .steps li+li{border-color:var(--deep-rule)}.darkroom .steps__no{color:var(--edge)}.darkroom .steps p{color:var(--on-ink-2)}.boxes{border-top:1px solid var(--deep-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;margin-top:clamp(40px,5vw,64px);padding-top:24px;display:grid}.box h3{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--edge);margin-bottom:12px;font-size:12px;font-weight:500}.box ul{margin:0;padding:0;list-style:none}.box li{border-bottom:1px solid var(--deep-rule);padding:6px 0;font-size:16px}.box p{color:var(--on-ink-2);font-size:16px;line-height:1.6}@media (width<=860px){.boxes{grid-template-columns:minmax(0,1fr)}}.packs{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:24px;display:grid}@media (width<=860px){.packs{grid-template-columns:1fr}}.pack{flex-direction:column;gap:16px;padding:clamp(24px,3vw,40px);display:flex}.pack--free{background:var(--paper-2);outline:1px solid var(--rule);outline-offset:-1px}.pack--full{background:var(--ink);color:var(--on-ink)}.pack--full :focus-visible{outline-color:var(--paper)}.pack__tabs{gap:4px;display:flex}.pack__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.pack__name{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1}.pack__name a{text-decoration:none}.pack__name a:hover{text-decoration:underline 2px}.pack__count{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.pack__price{letter-spacing:-.02em;font-size:clamp(40px,4vw,56px);font-weight:700;line-height:1}.pack__terms{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);margin-top:-6px;font-size:12px}.pack--full .pack__terms{color:var(--on-ink-2)}.pack__list{border-top:1px solid var(--rule);margin:8px 0 0;padding:0;list-style:none}.pack--full .pack__list{border-top-color:var(--deep-rule)}.pack__list li{border-bottom:1px solid var(--rule);gap:16px;padding:10px 0;font-size:15px;line-height:1.5;display:flex}.pack--full .pack__list li{border-bottom-color:var(--deep-rule);color:var(--on-ink-2)}.pack__kind{width:68px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink);flex:none;padding-top:2px;font-size:11px}.pack__foot{margin-top:auto;padding-top:12px}.preset{background:var(--ink);color:var(--on-ink);display:grid}.preset--wide{grid-template-columns:minmax(0,1fr) minmax(120px,30%)}.preset__body{flex-direction:column;gap:14px;padding:28px;display:flex}.preset__code{font-family:var(--mono);align-items:center;gap:10px;font-size:12px;display:flex}.preset__code .famtab{width:16px;height:8px}.preset__title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1}.preset__title a{color:var(--on-ink);text-decoration:none}.preset__title a:hover{text-decoration:underline 2px}.preset__meta{font-family:var(--mono);color:var(--on-ink-2);font-size:12px;line-height:1.7}.preset__buy{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:6px;display:flex}.preset__price{font-size:24px;font-weight:700}.preset__alt{font-family:var(--mono);color:var(--on-ink-2);font-size:12px;line-height:1.7}.preset__alt a{color:var(--on-ink)}.preset :focus-visible{outline-color:var(--paper)}.preset__img{object-fit:cover;width:100%;height:100%}@media (width<=560px){.preset--wide{grid-template-columns:1fr}.preset__img{aspect-ratio:16/9;order:-1}}.faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 48px;display:grid}.faq .section-head{margin:0;display:block}.faq__list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;font-size:18px;font-weight:700;line-height:1.3;display:flex}.faq summary:hover{text-underline-offset:4px;text-decoration:underline}.faq__plus{flex:none;width:14px;height:14px;position:relative}.faq__plus:before,.faq__plus:after{content:"";background:var(--ink);width:14px;height:2px;transition:transform .35s var(--ease);position:absolute;top:6px;left:0}.faq__plus:after{transform:rotate(90deg)}.faq details[open] .faq__plus:after{transform:rotate(0)}.faq details p{max-width:62ch;color:var(--ink-2);padding:0 0 20px;font-size:16px;line-height:1.65}@media (width<=760px){.faq{grid-template-columns:1fr}.faq .section-head{margin-bottom:24px}}.colophon{background:var(--ink);color:var(--on-ink);padding-top:clamp(48px,6vw,88px);padding-bottom:24px}.colophon a{color:var(--on-ink)}.colophon :focus-visible{outline-color:var(--paper)}.colophon__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.colophon__brand{text-decoration:none}.colophon__line{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(32px,3.6vw,52px);line-height:1.02}.colophon__nav{border-top:1px solid var(--deep-rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:clamp(40px,5vw,64px);padding-top:28px;display:grid}.colophon__title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-2);margin-bottom:12px;font-size:12px}.colophon__nav ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.colophon__nav a{font-size:15px;text-decoration:none}.colophon__nav a:hover{text-decoration:underline}.colophon__legal{max-width:110ch;color:var(--on-ink-2);margin-top:48px;font-size:12px;line-height:1.6}.colophon__edge{border-top:1px solid var(--deep-rule);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--edge);justify-content:space-between;gap:16px;margin-top:32px;padding-top:14px;font-size:11px;display:flex}@media (width<=760px){.colophon__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.colophon__edge span:not(:nth-child(2)){display:none}}