@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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{--font-display:"Instrument Serif", "Instrument Serif Fallback", Georgia, "Times New Roman", serif;--font-body:"Inter Variable", "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif:"Instrument Serif", "Instrument Serif Fallback", Georgia, "Times New Roman", serif;--step--2:clamp(.69rem, .68rem + .05vw, .72rem);--step--1:clamp(.8rem, .78rem + .1vw, .86rem);--step-0:clamp(1rem, .97rem + .15vw, 1.09rem);--step-1:clamp(1.2rem, 1.14rem + .3vw, 1.4rem);--step-2:clamp(1.5rem, 1.38rem + .6vw, 1.95rem);--step-3:clamp(1.9rem, 1.66rem + 1.2vw, 2.75rem);--step-4:clamp(2.4rem, 1.95rem + 2.25vw, 4rem);--step-5:clamp(3rem, 2.1rem + 4.5vw, 6.25rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.25rem;--space-xl:3.5rem;--space-2xl:5.5rem;--space-3xl:8rem;--space-4xl:clamp(6rem, 12vh, 11rem);--measure:62ch;--gutter:max(clamp(1.25rem, 4vw, 3.5rem), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--frame-max:68rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur:.42s;--radius-s:6px;--radius:12px;--radius-l:20px;--radius-icon:22.4%}:root,[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#141413;--deep:#1a1a18;--raise:#21211f;--ink:#edebe6;--ink-muted:#a8a59e;--ink-faint:#8f8c85;--signal:#8fc1ae;--signal-text:#9dcab9;--signal-deep:#5f9481;--ember:#e39a7b;--ember-text:#eba98d;--signal-fill:#edebe6;--signal-fill-hover:#fff;--on-signal:#141413;--hairline:#edebe61a;--hairline-strong:#edebe633;--surface:#edebe609;--surface-hover:#edebe611;--glass-blur:14px;--glow-signal:transparent;--scrim:#141413d1}[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--void:#f6f4ef;--deep:#fbfaf7;--raise:#fff;--ink:#1b1b19;--ink-muted:#57554f;--ink-faint:#6d6a63;--signal:#2f6b58;--signal-text:#24594a;--signal-deep:#1d4a3d;--ember:#b44a26;--ember-text:#9c3f1f;--signal-fill:#1b1b19;--signal-fill-hover:#3a3a36;--on-signal:#f6f4ef;--hairline:#1b1b191a;--hairline-strong:#1b1b1933;--surface:#1b1b1906;--surface-hover:#1b1b190d;--glass-blur:12px;--glow-signal:transparent;--scrim:#f6f4efd9}@font-face{font-family:Inter Fallback;font-weight:100 549;src:local(Arial),local(ArialMT);size-adjust:106.7%;ascent-override:90.9%;descent-override:22.5%;line-gap-override:0%}@font-face{font-family:Inter Fallback;font-weight:550 900;src:local(Arial Bold),local(Arial-BoldMT);size-adjust:106.7%;ascent-override:90.9%;descent-override:22.5%;line-gap-override:0%}@font-face{font-family:Instrument Serif Fallback;font-style:normal;font-weight:400;src:local(Georgia);size-adjust:76%;ascent-override:130%;descent-override:41%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}body{min-height:100svh;font-family:var(--font-body);font-size:var(--step-0);color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);line-height:1.65;overflow-x:hidden}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.08}p{text-wrap:pretty}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:var(--radius-s)}::selection{background:var(--signal-fill);color:var(--on-signal)}*{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline-strong);background-clip:content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--signal-deep);background-clip:content-box}[hidden]{display:none!important}:root:not([data-theme=day]) .themed--day,[data-theme=day] .themed--night{display:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-s);left:var(--space-s);z-index:200;padding:var(--space-2xs) var(--space-s);font-family:var(--font-body);font-size:var(--step--1);color:var(--on-signal);background:var(--signal-fill);border-radius:var(--radius-s);transition:transform var(--dur-fast) var(--ease-out);position:fixed;transform:translateY(-160%)}.skip-link:focus-visible{outline-offset:4px;transform:translateY(0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:.01ms!important}}.page{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.page:focus{outline:none}.frame{width:min(100% - var(--gutter) * 2, var(--frame-max));margin-inline:auto}.eyebrow{align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--step--1);letter-spacing:0;color:var(--ink-faint);font-weight:500;display:flex}.btn{--btn-bg:transparent;--btn-fg:var(--ink);--btn-line:var(--hairline-strong);justify-content:center;align-items:center;gap:var(--space-2xs);font-family:var(--font-body);font-size:var(--step--1);color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-line);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:99px;padding:.6em 1.15em;font-weight:500;line-height:1.3;display:inline-flex}.btn:hover{border-color:var(--ink-faint);background:var(--surface-hover)}.btn--primary{--btn-fg:var(--on-signal);--btn-bg:var(--signal-fill);--btn-line:var(--signal-fill)}.btn--primary:hover{background:var(--signal-fill-hover);border-color:var(--signal-fill-hover)}.chip{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);background:var(--surface);border:1px solid var(--hairline);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:99px;padding:.45em .9em}.chip:hover:not(:disabled){color:var(--ink);border-color:var(--signal);background:var(--surface-hover)}.chip:disabled{opacity:.38;cursor:not-allowed}.chip.is-armed{color:var(--ember-text);border-color:var(--ember)}.footer-band{margin-top:auto}.footer{justify-content:space-between;align-items:center;gap:var(--space-s);padding-block:var(--space-l) calc(var(--space-l) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hairline);font-size:var(--step--1);color:var(--ink-faint);flex-wrap:wrap;display:flex}.footer__links{gap:var(--space-m);flex-wrap:wrap;display:flex}.footer__link{transition:color var(--dur-fast) var(--ease-out)}.footer__link:hover{color:var(--ink)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-in;animation-timeline:view();animation-range:entry entry 60%}}}@supports (animation-timeline:view()) and (animation-range:entry 0% entry min(60%, 160px)){@media (prefers-reduced-motion:no-preference){.reveal{animation-range:entry entry min(60%,160px)}}}@keyframes reveal-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.nav{z-index:100;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav.is-lifted{background:var(--scrim);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom-color:var(--hairline)}.nav__inner{width:min(100% - var(--gutter) * 2, var(--frame-max));align-items:center;gap:var(--space-m);padding-block:var(--space-s);margin-inline:auto;display:flex}.nav__mark{font-family:var(--font-display);font-size:var(--step-1);white-space:nowrap;line-height:1}.nav__links{gap:var(--space-m);margin-left:auto;display:flex}.nav__link{font-size:var(--step--1);color:var(--ink-muted);transition:color var(--dur-fast) var(--ease-out)}.nav__link:hover,.nav__link.is-active{color:var(--ink)}.nav__tail{align-items:center;gap:var(--space-xs);display:flex}.band-switch{width:2rem;height:2rem;color:var(--ink-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.band-switch:hover{color:var(--ink);background:var(--surface-hover)}.band-switch__track,.band-switch__thumb{display:contents}.band-switch__icon{width:1.1rem;height:1.1rem}.band-switch__moon{display:none}[data-theme=day] .band-switch__moon{display:inline}[data-theme=day] .band-switch__sun{display:none}@media (width<=560px){.nav__links{gap:var(--space-s)}.nav__mark{font-size:var(--step-0)}}@media (width<=400px){.nav__links a[target=_blank]{display:none}}.app-icon{width:var(--icon-size);height:var(--icon-size);flex:none;place-items:center;display:grid}.app-icon img{object-fit:contain;width:100%;height:100%}.app-icon--ios{border-radius:var(--radius-icon);box-shadow:0 0 0 1px var(--hairline);overflow:hidden}.app-icon--mac img{transform:scale(1.12)}.app-icon--object{border-radius:var(--radius-icon);background:color-mix(in oklab, var(--accent) 22%, var(--raise))}.app-icon--object img{width:82%;height:82%}.app-icon__letter{font-family:var(--font-display);font-size:calc(var(--icon-size) * .5);color:var(--accent)}.is-pixel img{image-rendering:pixelated}.intro{padding-top:calc(var(--space-4xl) + var(--space-l));padding-bottom:var(--space-l)}.intro__name{font-size:var(--step-5);letter-spacing:-.02em;line-height:1}.intro__index{gap:var(--space-2xs) var(--space-m);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.intro__item{align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs) var(--space-3xs) var(--space-3xs);font-size:var(--step--1);color:var(--ink-muted);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:99px;display:inline-flex}.intro__item .app-icon{transition:translate var(--dur) var(--ease-spring)}.intro__item:hover,.intro__item:focus-visible{color:var(--ink);background:var(--surface-hover)}.intro__item:hover .app-icon,.intro__item:focus-visible .app-icon{translate:0 -3px}@media (width<=640px){.intro__index{scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:var(--space-2xs);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.intro__index::-webkit-scrollbar{display:none}.intro__item{scroll-snap-align:start;flex:none}}.intro__lede{margin-top:var(--space-m);max-width:40rem;font-size:var(--step-1);color:var(--ink-muted);line-height:1.55}.tide{z-index:-1;pointer-events:none;background:color-mix(in oklab, var(--tide) var(--tide-strength,12%), var(--void));transition:background-color .9s var(--ease-out);position:fixed;inset:0}[data-theme=night] .tide{--tide-strength:16%}.tide-layout{gap:var(--space-2xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.chapter{--accent-text:color-mix(in oklab, var(--accent) 70%, var(--ink));min-height:86svh;padding-block:var(--space-xl);flex-direction:column;justify-content:center;display:flex}.chapter__text{align-items:flex-start;gap:var(--space-2xs);flex-direction:column;display:flex}@media (width>=960px){.chapter .chapter__icon,.chapter .chapter__name,.chapter .chapter__tagline{transition:opacity var(--dur) var(--ease-out), color var(--dur) var(--ease-out)}.chapter:not(.is-active) .chapter__icon{opacity:.45}.chapter:not(.is-active) .chapter__name,.chapter:not(.is-active) .chapter__tagline{color:var(--ink-faint)}}.chapter__icon{margin-bottom:var(--space-s);transition:translate var(--dur) var(--ease-spring)}.chapter__icon:hover{translate:0 -4px}[data-theme=night] .chapter{--accent-text:color-mix(in oklab, var(--accent) 45%, var(--ink))}.chapter__label{font-size:var(--step--1);color:var(--accent-text);font-weight:500}.chapter__name{font-size:var(--step-5);line-height:1}.chapter__tagline{margin-top:var(--space-2xs);font-size:var(--step-1);line-height:1.4}.chapter__summary{max-width:30rem;color:var(--ink-muted)}.chapter__meta{font-size:var(--step--1);color:var(--ink-faint)}.chapter__more{margin-top:var(--space-m);color:var(--accent-text);transition:background-size var(--dur) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;padding-bottom:2px;font-weight:500}.chapter__more span{transition:translate var(--dur-fast) var(--ease-out);display:inline-block}.chapter__more:hover{background-size:100% 1px}.chapter__more:hover span{translate:4px}.chapter__visual{display:none}.stage{justify-content:center;gap:var(--space-m);flex-direction:column;height:100svh;display:flex;position:sticky;top:0}.stage__inner{width:100%;height:min(68svh,580px);transform:perspective(1600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .9s var(--ease-out);position:relative}.stage__caption{align-items:center;gap:var(--space-s);padding-top:var(--space-xs);border-top:1px solid var(--hairline);font-size:var(--step--1);color:var(--ink-faint);display:flex}.stage__count{font-variant-numeric:tabular-nums}.stage__name{color:var(--ink-muted)}.stage__dots{gap:2px;margin-left:auto;display:flex}.stage__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:1.5rem;height:1.5rem;padding:0;display:grid}.stage__dot:before{content:"";background:var(--hairline-strong);width:6px;height:6px;transition:width var(--dur) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:99px}.stage__dot:hover:before{background:var(--ink-faint)}.stage__dot.is-on:before{background:var(--accent);width:16px}.stage__item{opacity:0;transition:opacity .6s var(--ease-out), translate .8s var(--ease-out), scale .8s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.stage__item.is-next{translate:0 48px;scale:.97}.stage__item.is-past{translate:0 -48px;scale:.97}.stage__item.is-active{opacity:1;translate:0;scale:1}.visual{width:100%;height:100%;position:relative}.visual__frame{place-items:center;width:100%;height:100%;display:grid;position:relative}.visual--cycle .visual__frame{opacity:0;transition:opacity .9s var(--ease-out);position:absolute;inset:0}.visual--cycle .visual__frame.is-on{opacity:1}.device{box-shadow:0 0 0 1px var(--hairline), 0 40px 80px -40px #00000073;display:block;overflow:hidden}.device img{background:color-mix(in oklab, var(--accent) 16%, var(--raise));width:100%;height:auto;display:block}.device--window{background:var(--raise);border-radius:12px;width:100%}.device--window img{aspect-ratio:auto 16/10}.device__bar{background:var(--raise);border-bottom:1px solid var(--hairline);gap:6px;padding:10px 12px;display:flex}.device__bar i{background:var(--hairline-strong);border-radius:50%;width:9px;height:9px}.device--phone{background:#141413;border:6px solid #141413;border-radius:30px;width:34%}.device--phone img{aspect-ratio:auto 1206/2622}.device--art{border-radius:var(--radius-l);width:100%}.visual--combo .device--window{place-self:start;width:88%;margin-top:6%}.visual--combo .device--front{width:26%;position:absolute;bottom:0;right:0}.visual--phones{justify-content:center;align-items:center;gap:6%;display:flex}.visual--phones .device--phone{width:36%}.visual--phones .device--back{margin-top:14%}.visual--icon:before{content:"";aspect-ratio:1;background:color-mix(in oklab, var(--accent) 22%, transparent);filter:blur(40px);border-radius:50%;width:58%;position:absolute}.visual--icon .app-icon{position:relative}@media (width<=959px){.tide-layout{grid-template-columns:minmax(0,1fr)}.stage{display:none}.chapter{min-height:0;padding-block:var(--space-xl);border-top:1px solid var(--hairline)}.chapter__visual{margin-top:var(--space-l);display:block}.chapter__visual .visual,.chapter__visual .visual__frame{height:auto}.chapter__visual .visual--phones,.chapter__visual .visual--icon{padding-block:var(--space-s)}.chapter__visual .visual--icon{min-height:14rem}.chapter__visual .visual--combo{padding-bottom:12%}}.also-wrap{padding-block:var(--space-2xl)}.also-wrap__title{margin-bottom:var(--space-m);font-family:var(--font-body);font-size:var(--step--1);letter-spacing:0;color:var(--ink-faint);font-weight:500}.also{gap:var(--space-l);padding:var(--space-m) var(--space-l);border:1px solid var(--hairline);border-radius:var(--radius-l);transition:border-color var(--dur-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.also:hover{border-color:var(--hairline-strong)}.also__covers{padding-inline:var(--space-2xs);display:flex}.also__covers img{aspect-ratio:2/3;object-fit:cover;width:2.4rem;box-shadow:0 0 0 1px var(--hairline), 0 10px 18px -10px #0009;transition:rotate var(--dur) var(--ease-spring), translate var(--dur) var(--ease-spring);border-radius:2px 4px 4px 2px}.also__covers img+img{margin-left:-.9rem}.also__covers img:first-child{rotate:-7deg}.also__covers img:nth-child(3){rotate:7deg}.also:hover .also__covers img:first-child{translate:-4px 2px;rotate:-12deg}.also:hover .also__covers img:nth-child(2){translate:0 -4px}.also:hover .also__covers img:nth-child(3){translate:4px 2px;rotate:12deg}.also__text{gap:var(--space-3xs);display:grid}.also__name{font-family:var(--font-display);font-size:var(--step-2);line-height:1.1}.also__line{color:var(--ink-muted)}.also__go{color:var(--ink-faint);transition:translate var(--dur-fast) var(--ease-out)}.also:hover .also__go{color:var(--ink);translate:4px}@media (width<=640px){.also{gap:var(--space-s);padding:var(--space-m)}.also__covers img{width:2rem}}.project{padding-top:calc(var(--space-3xl) + var(--space-m));padding-bottom:var(--space-2xl)}.project__frame{max-width:64rem}.project__back{margin-bottom:var(--space-l);font-size:var(--step--1);color:var(--ink-faint);transition:color var(--dur-fast) var(--ease-out);display:inline-block}.project__back:hover{color:var(--ink)}.project__head{align-items:center;gap:var(--space-m);display:flex}.project__head .app-icon{view-transition-name:project-icon}.project__name{font-size:var(--step-5);line-height:1}.project__tagline{margin-top:var(--space-2xs);font-size:var(--step-1);color:var(--ink-muted)}.project__facts{gap:var(--space-s) var(--space-l);margin-top:var(--space-xl);padding-block:var(--space-m);border-block:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.project__facts dt{font-size:var(--step--1);color:var(--ink-faint)}.project__facts dd{font-size:var(--step--1);margin:0}.project__links{gap:var(--space-xs);margin-top:var(--space-m);flex-wrap:wrap;display:flex}.project__hero,.project__banner{width:min(100% - var(--gutter) * 2, var(--frame-max));margin:var(--space-xl) auto 0;border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--hairline);overflow:hidden}.project__hero img,.project__banner img{width:100%;height:auto}.project__banner{border-radius:var(--radius)}.project__showcase{width:min(100% - var(--gutter) * 2, var(--frame-max));margin:var(--space-xl) auto 0;padding:var(--space-xl) var(--space-m);border-radius:var(--radius-l);background:color-mix(in oklab, var(--accent) 12%, var(--deep));box-shadow:0 0 0 1px var(--hairline)}.project__showcase-inner{width:min(100%,600px);height:min(64svh,540px);margin-inline:auto}@media (width<=640px){.project__prose p:first-child{font-size:var(--step-1)}}@media (width<=959px){.project__showcase{padding:var(--space-m)}.project__showcase-inner,.project__showcase-inner .visual,.project__showcase-inner .visual__frame{height:auto}.project__showcase-inner .visual--combo{padding-bottom:12%}}.project__section{margin-top:var(--space-2xl)}.project__heading{margin-bottom:var(--space-m);font-size:var(--step-3)}@media (width>=960px){.project__section{column-gap:var(--space-xl);grid-template-columns:13rem minmax(0,1fr);align-items:start;display:grid}.project__heading{margin-bottom:0;position:sticky;top:6rem}}.project__prose{gap:var(--space-s);font-size:var(--step-1);color:var(--ink-muted);line-height:1.6;display:grid}.project__prose p:first-child{margin-bottom:var(--space-2xs);font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;line-height:1.25}.features{gap:var(--space-s) var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));padding:0;list-style:none;display:grid}.features li{padding-left:var(--space-m);color:var(--ink-muted);position:relative}.features li:before{content:"";background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.62em;left:0}.details{counter-reset:detail;padding:0;list-style:none;display:grid}.details li{padding-block:var(--space-s);color:var(--ink-muted);border-top:1px solid var(--hairline);counter-increment:detail;grid-template-columns:2rem minmax(0,1fr);display:grid}.details li:before{content:counter(detail, decimal-leading-zero);font-size:var(--step--1);font-variant-numeric:tabular-nums;color:var(--ink-faint);padding-top:.15em}.shot{margin:0}.shot img{aspect-ratio:auto 16/10;border-radius:var(--radius);width:100%;height:auto;box-shadow:0 0 0 1px var(--hairline);background:color-mix(in oklab, var(--accent) 14%, var(--raise))}.shot--phone img{aspect-ratio:auto 1206/2622}.shot-details{gap:var(--space-s);margin-top:var(--space-m);flex-wrap:wrap;display:flex}.shot--detail{flex:0 22rem}.shot--detail img{aspect-ratio:auto;border-radius:var(--radius);background:#0d0d0c}.shot--wide+.shot--wide,.shot--wide+.shot-row{margin-top:var(--space-m)}.shot-row{gap:var(--space-m);scroll-snap-type:x mandatory;padding-bottom:var(--space-xs);display:flex;overflow-x:auto}.shot--phone{scroll-snap-align:start;flex:0 0 min(15rem,62vw)}.shot--phone img{border-radius:24px}.project__next{margin-top:var(--space-2xl)}.next{align-items:center;gap:var(--space-s);padding:var(--space-m);border:1px solid var(--hairline);border-radius:var(--radius-l);transition:border-color var(--dur-fast) var(--ease-out);display:flex}.next:hover{border-color:var(--hairline-strong)}.next__label{font-size:var(--step--1);color:var(--ink-faint)}.next__name{font-family:var(--font-display);font-size:var(--step-2)}.next__go{color:var(--ink-faint);transition:translate var(--dur-fast) var(--ease-out);margin-left:auto}.next:hover .next__go{color:var(--ink);translate:4px}@media (width<=560px){.project__head{flex-direction:column;align-items:flex-start}}::view-transition-group(project-icon){animation-duration:.56s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-duration:.32s}::view-transition-new(root){animation-duration:.32s}.contact{padding-top:calc(var(--space-3xl) + var(--space-m));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px))}.contact__inner{align-items:flex-start;gap:var(--space-s);flex-direction:column;max-width:40rem;display:flex}.contact__name{font-size:var(--step-5);line-height:1}.contact__line{max-width:34rem;font-size:var(--step-1);color:var(--ink-muted)}.contact__github{margin-top:var(--space-s)}.lost{padding-block:var(--space-4xl);align-items:center;min-height:80svh;display:flex}.lost__frame{gap:var(--space-s);max-width:44rem;display:grid}.lost__title{font-size:var(--step-4)}.lost__lede{color:var(--ink-muted);max-width:var(--measure)}.lost__actions{margin-top:var(--space-2xs)}.account-card{gap:var(--space-s);border-radius:var(--radius-l);padding:clamp(1.1rem,2.5vw,1.6rem);display:grid}.account-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-s);display:flex}.account-card__eyebrow,.account-card__identity span,.account-card__field>span{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.account-card__eyebrow{color:var(--signal-text);margin-bottom:.2rem}.account-card__title{font-size:var(--step-2)}.account-card__state{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--hairline);border-radius:99px;flex:none;align-items:center;gap:.45rem;padding:.35em .75em;display:inline-flex}.account-card__state.is-signed-in{color:var(--signal-text);border-color:color-mix(in oklab, var(--signal) 44%, transparent)}.account-card__state.is-error{color:var(--ember-text);border-color:color-mix(in oklab, var(--ember) 48%, transparent)}.account-card__state-pip{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px}.account-card__copy{max-width:60ch;color:var(--ink-muted);font-size:var(--step--1);line-height:1.65}.account-card__modes{border:1px solid var(--hairline);background:var(--surface);border-radius:99px;width:fit-content;max-width:100%;padding:3px;display:inline-flex}.account-card__mode{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:99px;padding:.5em 1em}.account-card__mode:hover:not(:disabled){color:var(--ink);background:var(--surface-hover)}.account-card__mode.is-active{color:var(--on-signal);background:var(--signal-fill)}.account-card__mode:disabled{cursor:wait;opacity:.55}.account-card__form,.account-card__signed-in{gap:var(--space-s);display:grid}.account-card__fields{gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=38rem){.account-card__fields{grid-template-columns:minmax(0,1fr)}}.account-card__field{gap:.35rem;display:grid}.account-card__field input{width:100%;min-width:0;font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink);background:var(--void);border:1px solid var(--hairline-strong);border-radius:var(--radius-s);padding:.65em .8em}.account-card__field input:focus-visible{border-color:var(--signal);outline-offset:1px}.account-card__field input:disabled{cursor:wait;opacity:.62}.account-card__rules,.account-card__feedback,.account-card__warning{font-family:var(--font-mono);font-size:var(--step--2);color:var(--ink-faint);line-height:1.6}.account-card__actions{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.account-card__submit{padding-block:.7em}.account-card__submit:disabled{cursor:not-allowed;opacity:.45}.account-card__identity{gap:.15rem;display:grid}.account-card__identity strong{font-family:var(--font-display);font-size:var(--step-2);color:var(--ink);overflow-wrap:anywhere;font-weight:500}.account-card__warning,.account-card__feedback{color:var(--signal-text)}.account-card__warning,.account-card__feedback.is-error{color:var(--ember-text)}@media (width<=34rem){.account-card__head{flex-direction:column;align-items:flex-start}.account-card__modes{border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.account-card__mode{padding-inline:.65em}.account-card__submit{width:100%}}.account-dialog{z-index:320;padding:var(--space-s);background:color-mix(in oklab, var(--void) 76%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .22s var(--ease-out) both;place-items:center;display:grid;position:fixed;inset:0}.account-dialog__panel{background:var(--deep);border:1px solid var(--hairline-strong);border-radius:var(--radius-l);width:min(42rem,100%);max-height:min(90dvh,52rem);box-shadow:0 40px 120px -50px var(--glow-signal);animation:sheet-in .32s var(--ease-spring) both;padding:clamp(.35rem,1vw,.65rem);position:relative;overflow-y:auto}.account-dialog__panel:focus{outline:none}.account-dialog__panel .account-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin-top:0;padding-top:clamp(2.7rem,7vw,3.2rem)}.account-dialog__close{z-index:1;width:2rem;height:2rem;color:var(--ink-muted);background:var(--surface);border:1px solid var(--hairline);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:.9rem;right:.9rem}.account-dialog__close:hover{color:var(--ink);border-color:var(--signal)}.account-dialog__dismiss{margin:0 var(--space-s) var(--space-s);font-family:var(--font-mono);font-size:var(--step--2);color:var(--ink-faint);border:0;border-bottom:1px solid var(--hairline);cursor:pointer;background:0 0;padding:0}@media (width<=34rem){.account-dialog{align-items:end;padding:0}.account-dialog__panel{border-radius:var(--radius-l) var(--radius-l) 0 0;width:100%;max-height:94dvh}}@page{margin:16mm 14mm}@media print{:root,:root[data-theme],[data-shelf],[data-shelf][data-theme]{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;--void:#fff!important;--deep:#fff!important;--raise:#fff!important;--ink:#111!important;--ink-muted:#333!important;--ink-faint:#555!important;--signal:#0b5f5a!important;--signal-text:#0b5f5a!important;--signal-deep:#0b5f5a!important;--signal-fill:#0b5f5a!important;--on-signal:#fff!important;--ember:#8a3a12!important;--ember-text:#8a3a12!important;--hairline:#ccc!important;--hairline-strong:#999!important;--surface:transparent!important;--surface-hover:transparent!important;--scrim:transparent!important}html,body{color:#111!important;background:#fff!important}.skip-link,.nav,.tide,.stage,.account-dialog,.footer__links,.project__back,.project__next,.chapter__more,.also-wrap,.shelf__bar,.shelf__search,.shelf__tabs,.shelf__head-side,.shelf__filters,.shelf__export,.shelf__add{display:none!important}.page:before{content:"Sequoyah Geber · sequoyahgeber.com";width:min(100% - var(--gutter) * 2, var(--frame-max));margin:0 auto var(--space-l);padding-bottom:var(--space-2xs);font-family:var(--font-body);color:#555;border-bottom:1px solid #ccc;font-size:8.5pt;display:block}.page{min-height:0!important}.intro,.project,.contact{padding-top:0!important}.reveal{opacity:1!important;animation:none!important;translate:none!important}.chapter{min-height:0!important;padding-block:var(--space-m)!important}.chapter__text{opacity:1!important}.shot-row{flex-wrap:wrap;overflow:visible!important}*{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}a{color:inherit!important}main a[href^=http]:after{content:" (" attr(href) ")";font-family:var(--font-body);color:#555;word-break:break-all;font-size:.85em}h1,h2,h3,.eyebrow{break-after:avoid}.chapter,.shot,.project__hero,.project__banner,.shelf__card,.shelf__list li{break-inside:avoid}}