@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#06060a;--panel:#0d0e0b;--border:#1b1c17;--border-hover:#2c2e26;--text-dim:#9a9a92;--text:#eaeae4;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--size-display:clamp(2.75rem, 7vw, 5.5rem);--size-title:clamp(1.125rem, 2vw, 1.375rem);--size-body:.875rem;--size-label:.6875rem;--size-meta:.625rem;--track-label:.14em;--track-nav:.1em;--track-display:-.02em;--leading-tight:1.1;--leading-body:1.6;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--space-7:96px;--space-8:160px;--hairline:1px;--radius:0;--maxw:1440px;--gutter:var(--space-4);--ease:cubic-bezier(.4, 0, .2, 1);--dur:.16s;--nudge:4px;--grain-opacity:.075}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-dim);font-family:var(--font-display);font-size:var(--size-body);font-weight:300;line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0;position:relative}body:after{content:"";pointer-events:none;z-index:9999;width:100%;height:100%;min-height:100vh;opacity:var(--grain-opacity);background-image:url(/grain.png);background-size:256px 256px;position:absolute;top:0;left:0}img,svg,video{max-width:100%;display:block}img{background:var(--bg)}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--hairline) solid var(--text);outline-offset:var(--space-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.display{font-family:var(--font-display);font-size:var(--size-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--track-display);color:var(--text)}.display sup{vertical-align:baseline;letter-spacing:0;font-size:.28em;position:relative;bottom:1.1em}.title{font-family:var(--font-display);font-size:var(--size-title);font-weight:400;line-height:var(--leading-tight);color:var(--text);margin:0}.label{font-family:var(--font-mono);font-size:var(--size-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--text-dim);font-weight:400}.meta{font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:var(--track-label);color:var(--text-dim);line-height:1.8}.body{max-width:62ch}.shell{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--space-7)}.panel{background:var(--panel);border:var(--hairline) solid var(--border);border-radius:var(--radius);padding:var(--space-4);transition:border-color var(--dur) var(--ease)}a.panel:hover,.panel--interactive:hover{border-color:var(--border-hover)}.rule{border:0;border-top:var(--hairline) solid var(--border);margin:0}.rule--short{width:var(--space-5)}.divider:before{content:"//";font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-dim);margin-right:var(--space-2)}.marker{flex:none;width:14px;height:14px;position:relative}.marker:before,.marker:after{content:"";background:var(--border-hover);position:absolute}.marker:before{height:var(--hairline);inset:50% 0 auto}.marker:after{width:var(--hairline);inset:0 50% 0 auto}.nav{gap:var(--space-5);align-items:center;display:flex}.nav-link{font-family:var(--font-mono);font-size:var(--size-label);text-transform:uppercase;letter-spacing:var(--track-nav);color:var(--text-dim);padding-bottom:var(--space-2);transition:color var(--dur) var(--ease);position:relative}.nav-link:hover,.nav-link[aria-current=page]{color:var(--text)}.nav-link[aria-current=page]:after{content:"";background:var(--text);width:2px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.btn{padding:var(--space-2) var(--space-4);border:var(--hairline) solid var(--border-hover);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--size-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--text);cursor:pointer;transition:border-color var(--dur) var(--ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn:hover{border-color:var(--text-dim)}.arrow-link{justify-content:space-between;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--size-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--text-dim);transition:color var(--dur) var(--ease);display:inline-flex}.arrow-link:after{content:"→";transition:transform var(--dur) var(--ease)}.arrow-link:hover{color:var(--text)}.arrow-link:hover:after{transform:translateX(var(--nudge))}.index{margin:0;padding:0;list-style:none}.index-row{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--size-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--text-dim);padding-block:var(--space-2);transition:color var(--dur) var(--ease);grid-template-columns:4rem 1fr;display:grid}.index-row:hover{color:var(--text)}.card{gap:var(--space-3);flex-direction:column;min-height:260px;display:flex}.card__num{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-dim);letter-spacing:var(--track-label)}.card__media{flex:1;place-items:center;display:grid;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%}.card__foot{margin-top:auto}.grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid{grid-template-columns:1fr}.section{padding-block:var(--space-5)}.nav{gap:var(--space-3)}}.header{border-bottom:var(--hairline) solid var(--border)}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);display:flex}.header__wordmark{font-family:var(--font-display);font-size:var(--size-title);letter-spacing:var(--track-display);color:var(--text);flex:none;font-weight:400}.header__wordmark sup{vertical-align:super;letter-spacing:0;font-size:.5em}.header__nav{flex:1;justify-content:center}.header__actions{align-items:center;gap:var(--space-4);flex:none;display:flex}.header__action{color:var(--text-dim);cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;padding:0}.header__action:hover{color:var(--text)}@media (width<=768px){.header__inner{gap:var(--space-3);flex-direction:column}.header__nav{justify-content:center;gap:var(--space-3);flex-wrap:wrap;flex:none}}.footer{margin-top:var(--space-7)}.footer__inner{gap:var(--space-1);padding-top:var(--space-5);padding-bottom:var(--space-6);flex-direction:column;display:flex}.footer__wordmark{font-family:var(--font-display);font-size:var(--size-title);letter-spacing:var(--track-display);color:var(--text);font-weight:400}.footer__wordmark sup{vertical-align:super;letter-spacing:0;font-size:.5em}.hero{min-height:100svh;position:relative;overflow:hidden}.hero__shell{justify-content:center;align-items:center;height:100%;min-height:100svh;display:flex;position:relative}.hero__corner{margin:0;line-height:1.8;position:absolute}.hero__corner--tl{top:var(--space-4);left:var(--gutter);text-align:left}.hero__corner--bl{bottom:var(--space-4);left:var(--gutter)}.hero__center{align-items:center;gap:var(--space-5);display:flex;transform:translate(-8%)}.hero__flare{width:auto;height:60svh;display:block}.hero__wordmark-group{gap:var(--space-2);flex-direction:column;display:flex}.hero__wordmark{margin:0}@media (width<=900px){.hero__corner--tl{text-align:left;margin-bottom:var(--space-3);position:static}.hero__corner--bl{text-align:left;margin-top:var(--space-3);position:static}.hero__shell{padding-block:var(--space-6);justify-content:center;gap:var(--space-3);flex-direction:column}.hero__center{gap:var(--space-3);flex-direction:column;transform:none}.hero__flare{height:40svh}.hero__wordmark-group{text-align:center;align-items:center}}.sf2__back{margin-top:var(--space-4);color:var(--text-dim);transition:color var(--dur) var(--ease);display:inline-block}.sf2__back:hover{color:var(--text)}.sf2__hero{max-width:62ch;padding-block:var(--space-6) var(--space-5)}.sf2__title{margin:var(--space-2) 0 var(--space-4)}.sf2__lede{margin-bottom:var(--space-3)}.sf2__formats{margin-bottom:var(--space-5)}.sf2__cta{text-decoration:none}.sf2__shot-section{padding-top:0}.sf2__shot{padding:0}.sf2__shot-inner{line-height:0;position:relative}.sf2__shot-inner img{width:100%;height:auto}.sf2__caption{margin-top:var(--space-3)}.sf2__hotspot{border:var(--hairline) solid transparent;font:inherit;cursor:help;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);background:0 0;margin:0;padding:0;position:absolute}.sf2__hotspot:hover,.sf2__hotspot:focus-visible{border-color:var(--text-dim);background:color-mix(in srgb, var(--text) 6%, transparent);outline:none}.sf2__tooltip{z-index:5;background:var(--panel);border:var(--hairline) solid var(--border-hover);width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease);pointer-events:none;text-align:left;line-height:var(--leading-body);position:absolute}.sf2__hotspot:hover .sf2__tooltip,.sf2__hotspot:focus-visible .sf2__tooltip,.sf2__hotspot:active .sf2__tooltip{opacity:1;visibility:visible}.sf2__tooltip-label{margin-bottom:var(--space-1);color:var(--text);display:block}.sf2__tooltip-body{text-transform:none;letter-spacing:normal;color:var(--text-dim);display:block}.sf2__hotspot--bottom-center .sf2__tooltip{margin-top:var(--space-2);top:100%;left:50%;transform:translate(-50%)}.sf2__hotspot--bottom-start .sf2__tooltip{margin-top:var(--space-2);top:100%;left:0}.sf2__hotspot--bottom-end .sf2__tooltip{margin-top:var(--space-2);top:100%;right:0}.sf2__hotspot--top-center .sf2__tooltip{margin-bottom:var(--space-2);bottom:100%;left:50%;transform:translate(-50%)}.sf2__hotspot--top-start .sf2__tooltip{margin-bottom:var(--space-2);bottom:100%;left:0}.sf2__hotspot--top-end .sf2__tooltip{margin-bottom:var(--space-2);bottom:100%;right:0}.sf2__hotspot--right-center .sf2__tooltip{margin-left:var(--space-2);top:50%;left:100%;transform:translateY(-50%)}@media (width<=600px){.sf2__tooltip{max-width:160px}}.sf2__features{margin:0;padding:0;list-style:none}.sf2__features .card{justify-content:flex-start;min-height:180px}.sf2__feature-body{margin-top:var(--space-1);line-height:var(--leading-body);text-transform:none;letter-spacing:normal}.sf2__split{align-items:center;gap:var(--space-6);display:flex}.sf2__split--reverse{flex-direction:row-reverse}.sf2__split-media{flex:50%;padding:0;overflow:hidden}.sf2__split-media img{width:100%;height:auto}.sf2__split-text{flex:50%}.sf2__split-text .title{margin:var(--space-2) 0 var(--space-3)}@media (width<=900px){.sf2__split,.sf2__split--reverse{gap:var(--space-4);flex-direction:column}}.sf2__get{text-align:center;justify-content:center;display:flex}.sf2__get-panel{flex-direction:column;align-items:center;max-width:44ch;display:flex}.sf2__get-title{margin:var(--space-2) 0 var(--space-3)}.sf2__get-rule{width:100%;margin-block:var(--space-4)}.sf2__price{margin:0}.sf2__price-note{margin-top:var(--space-1);margin-bottom:var(--space-4)}.sf2__get-body{margin:0}.sf2__get-btn{margin-top:var(--space-4);color:var(--text-dim);cursor:default}.sf2__get-btn:hover{border-color:var(--border-hover)}.tools__header{max-width:62ch}.tools__title{margin:var(--space-2) 0}.tools__rule{margin-block:var(--space-5)}.tools__grid{margin:0;padding:0;list-style:none}.tools__grid .card{color:inherit}.tools__grid .title{margin-bottom:var(--space-1)}
