:root{--c-accent:255, 200, 0;--c-accent-hover:255, 214, 61;--c-accent-ink:124, 98, 0;--c-on-accent:30, 30, 30;--c-fill-edge:0, 0, 0, .22;--c-text-1:29, 29, 31;--c-text-2:110, 110, 115;--c-text-3:134, 134, 139;--c-bg:255, 255, 255;--c-bg-soft:245, 245, 247;--c-divider:210, 210, 215;--c-band:0, 0, 0;--c-band-text:245, 245, 247;--font-base:"Google Sans Flex", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-display:clamp(3.4rem, 6.2vw, 5.4rem);--ls-display:-.03em;--lh-display:1;--wght-display:900;--fs-h1:clamp(2.2rem, 4vw, 3.5rem);--ls-h1:-.025em;--lh-h1:1.06;--wght-h1:700;--fs-h2:1.75rem;--ls-h2:-.018em;--lh-h2:1.15;--wght-h2:700;--fs-h3:1.125rem;--ls-h3:-.01em;--lh-h3:1.35;--wght-h3:600;--fs-lead:1.25rem;--ls-lead:0;--lh-lead:1.6;--fs-body:1rem;--lh-body:1.6;--fs-sm:.875rem;--ls-sm:.005em;--lh-sm:1.5;--fs-xs:.75rem;--ls-xs:.01em;--lh-xs:1.45;--fs-label:.74rem;--ls-label:.12em;--wght-label:600;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.5rem;--space-xl:4rem;--space-2xl:6rem;--measure:68ch;--transition:.2s ease-in-out;--ease-out-quint:cubic-bezier(.16, 1, .3, 1);--radius-pill:100px;--radius-card:18px;--shadow-card:0 1px 2px #0000000a;--shadow-lift:0 12px 32px #0000001a;--shadow-photo:0 24px 64px #00000024, 0 0 0 1px #0000000a;--page-margin:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:1160px){:root{--page-margin:calc(50% - 492px)}}@media (max-width:1150px){:root{--page-margin:40px}}@media (max-width:900px){:root{--page-margin:20px}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem;font-size:16px}body{background:rgba(var(--c-bg), 1);color:rgba(var(--c-text-1), 1);font-family:var(--font-base);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}img,svg{height:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}code{font-family:var(--font-mono);font-size:.92em}.t-display{font-size:var(--fs-display);font-weight:var(--wght-display);font-variation-settings:"wght" 900;letter-spacing:var(--ls-display);line-height:var(--lh-display);color:rgba(var(--c-text-1), 1)}h1,.t-h1{font-size:var(--fs-h1);font-weight:var(--wght-h1);font-variation-settings:"wght" 700;letter-spacing:var(--ls-h1);line-height:var(--lh-h1);color:rgba(var(--c-text-1), 1)}h2,.t-h2{font-size:var(--fs-h2);font-weight:var(--wght-h2);font-variation-settings:"wght" 700;letter-spacing:var(--ls-h2);line-height:var(--lh-h2);color:rgba(var(--c-text-1), 1)}h3,.t-h3{font-size:var(--fs-h3);font-weight:var(--wght-h3);font-variation-settings:"wght" 600;letter-spacing:var(--ls-h3);line-height:var(--lh-h3);color:rgba(var(--c-text-1), 1)}.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:var(--ls-lead);color:rgba(var(--c-text-2), 1)}.label{font-size:var(--fs-label);font-weight:var(--wght-label);font-variation-settings:"wght" 600;letter-spacing:var(--ls-label);text-transform:uppercase;color:rgba(var(--c-text-2), 1);margin-bottom:14px;display:block}p{text-wrap:pretty}strong{font-variation-settings:"wght" 600;color:rgba(var(--c-text-1), 1);font-weight:600}.l-site{padding-inline:var(--page-margin)}.section{padding-block:var(--space-2xl)}.section--tint{background:rgba(var(--c-bg-soft), 1)}.section--dark{background:rgba(var(--c-band), 1);color:rgba(var(--c-band-text), 1)}.section--dark h2{color:rgba(var(--c-band-text), 1)}@media (max-width:900px){.section{padding-block:var(--space-xl)}}.button{border-radius:var(--radius-pill);font-variation-settings:"wght" 500;white-space:nowrap;transition:background-color var(--transition), color var(--transition), border-color var(--transition), transform .1s ease-out;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:12px 24px;font-size:.95rem;font-weight:500;line-height:1.4;display:inline-flex}.button:active{transform:scale(.97)}.button--primary{background:rgba(var(--c-accent), 1);color:rgba(var(--c-on-accent), 1);border-color:rgba(var(--c-fill-edge))}.button--primary:hover{background:rgba(var(--c-accent-hover), 1);color:rgba(var(--c-on-accent), 1)}.button--outline{border-color:rgba(var(--c-divider), 1);color:rgba(var(--c-text-1), 1);background:0 0}.button--outline:hover{border-color:rgba(var(--c-accent-ink), 1);color:rgba(var(--c-accent-ink), 1)}.button-row{gap:var(--space-s);flex-wrap:wrap;align-items:center;display:flex}.link-arrow{font-variation-settings:"wght" 500;color:rgba(var(--c-accent-ink), 1);align-items:center;gap:3px;font-size:.95rem;font-weight:500;display:inline-flex}.link-arrow:hover{text-decoration:underline}.link-arrow .chev{font-size:1.1em;line-height:1;transition:transform .25s}.link-arrow:hover .chev{transform:translate(2px)}.section--dark .link-arrow{color:rgba(var(--c-accent), 1)}.text-link{color:rgba(var(--c-accent-ink), 1);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:rgba(var(--c-accent-ink), .4);text-decoration-color:rgba(var(--c-accent-ink), .4);transition:text-decoration-color var(--transition)}.text-link:hover{-webkit-text-decoration-color:rgba(var(--c-accent-ink), 1);text-decoration-color:rgba(var(--c-accent-ink), 1)}.skip-link{top:var(--space-s);left:var(--space-s);z-index:200;border-radius:var(--radius-pill);background:rgba(var(--c-accent), 1);color:rgba(var(--c-on-accent), 1);transform:translateY(calc(-100% - var(--space-xl)));transition:transform var(--transition);padding:.5rem 1rem;position:absolute}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid rgba(var(--c-accent-ink), 1);outline-offset:2px;border-radius:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.reveal{transition:opacity .6s var(--ease-out-quint), transform .6s var(--ease-out-quint)}html[data-js] .reveal{opacity:0;transform:translateY(28px)}html[data-js] .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html[data-js] .reveal{opacity:1;transform:none}}.s-hero{background:rgba(var(--c-bg), 1);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr minmax(0,520px);align-items:center;gap:64px;padding-block:110px 80px;display:grid}.hero-left{flex-direction:column;gap:22px;display:flex}.hero-name{margin-bottom:-6px}.hero-lead{max-width:34ch}.hero-bio{max-width:46ch;color:rgba(var(--c-text-2), 1);font-size:var(--fs-sm);line-height:var(--lh-body)}.hero-cta{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.hero-made{font-size:var(--fs-xs);letter-spacing:var(--ls-xs);color:rgba(var(--c-text-3), 1)}.button--store{font-variation-settings:"wght" 600;gap:.6em;padding:15px 26px;font-size:1.02rem;font-weight:600}.button--store .apple-glyph{fill:currentColor;width:19px;height:19px}.button.is-pending{cursor:default;background:rgba(var(--c-accent), .5);color:rgba(var(--c-on-accent), .75);border-color:#0000}.button.is-pending:hover{background:rgba(var(--c-accent), .5)}.button.is-pending:active{transform:none}.store-pill{border-radius:var(--radius-pill);background:rgba(var(--c-on-accent), .14);font-size:var(--fs-xs);font-variation-settings:"wght" 600;letter-spacing:var(--ls-xs);text-transform:uppercase;margin-left:2px;padding:3px 9px;font-weight:600}.button--web{font-size:var(--fs-sm);padding:10px 18px}.button--web .button-icon{flex:none;width:17px;height:17px}.hero-stage{border-radius:var(--radius-card);box-shadow:var(--shadow-photo);aspect-ratio:4/3;background:#1e1e1e;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%}.hero-figure{gap:var(--space-2xs);flex-direction:column;display:flex}.hero-caption{font-size:var(--fs-xs);letter-spacing:var(--ls-xs);color:rgba(var(--c-text-3), 1);text-align:right}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px;padding-block:56px}.hero-stage{aspect-ratio:16/11}}.feature-grid{gap:var(--space-m);margin-top:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature{padding:var(--space-m);border-radius:var(--radius-card);background:rgba(var(--c-bg), 1);border:1px solid rgba(var(--c-divider), .55);box-shadow:var(--shadow-card);gap:var(--space-2xs);flex-direction:column;display:flex}.feature h3{margin-bottom:var(--space-3xs)}.feature p{color:rgba(var(--c-text-2), 1);font-size:var(--fs-sm);line-height:var(--lh-body)}.feature-mark{width:40px;height:22px;margin-bottom:var(--space-2xs);align-self:flex-start}.section-head{max-width:var(--measure)}.section-head .lead{margin-top:var(--space-xs)}.section--dark .label{color:rgba(var(--c-band-text), .6)}.section--dark .section-head{max-width:var(--measure)}.shots{gap:var(--space-l);margin-top:var(--space-l);grid-template-columns:repeat(3,1fr);display:grid}.shot{gap:var(--space-xs);flex-direction:column;display:flex}.shot img{border-radius:27px;width:100%;height:auto;box-shadow:0 0 0 1px #ffffff1f,0 18px 40px #00000080}.shot-caption{font-size:var(--fs-sm);line-height:var(--lh-sm);color:rgba(var(--c-band-text), .66)}.section--dark strong{color:rgba(var(--c-band-text), 1)}.band-note{max-width:var(--measure);margin-top:var(--space-l);color:rgba(var(--c-band-text), .72)}.band-note .link-arrow{margin-left:4px}@media (max-width:900px){.shots{gap:var(--space-m);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--page-margin) * -1);padding-block:4px;padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin);display:flex;overflow-x:auto}.shots::-webkit-scrollbar{display:none}.shots{scrollbar-width:none}.shot{scroll-snap-align:start;flex:none;width:min(74vw,260px)}}.site-footer{padding-block:var(--space-l);border-top:1px solid rgba(var(--c-divider), 1);gap:var(--space-s) var(--space-m);font-size:var(--fs-sm);color:rgba(var(--c-text-2), 1);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-links{gap:var(--space-s);flex-wrap:wrap;display:flex}.footer-links a{transition:color var(--transition)}.footer-links a:hover{color:rgba(var(--c-accent-ink), 1)}
