:root{--ink:oklch(29% .075 262);--ink-soft:oklch(42% .05 258);--milk:oklch(100% 0 none);--sky:oklch(84% .09 232);--sky-wash:oklch(96.5% .022 232);--butter:oklch(86% .165 84);--butter-deep:oklch(74% .15 72);--butter-wash:oklch(97.5% .04 95);--blue:oklch(66% .15 243);--blue-ink:oklch(47% .15 256);--meadow:oklch(70% .16 142);--pink:oklch(83% .08 8);--line:color-mix(in oklch, var(--ink) 14%, transparent);--letter-red:oklch(62% .21 27);--letter-yellow:oklch(76% .165 74);--letter-blue:oklch(60% .16 245);--letter-green:oklch(64% .17 145);--letter-unlit:oklch(87% .018 240);--font-sans:"Lexend", system-ui, -apple-system, sans-serif;--font-reading:"Andika", "Lexend", system-ui, sans-serif;--step--1:clamp(.875rem, .85rem + .1vw, .9375rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.25rem, 1.15rem + .45vw, 1.5rem);--step-2:clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);--step-hero:clamp(2.6rem, 1.5rem + 4.6vw, 5.5rem);--gutter:clamp(16px, 4vw, 48px);--section-space:clamp(72px, 9vw, 136px);--header-height:108px;--ease-out:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:calc(var(--header-height) + 8px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--milk);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}[hidden]{display:none!important}img,video{block-size:auto;max-inline-size:100%;display:block}h1,h2,h3,p,dl,dd,ol,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.1}h2{font-size:var(--step-2);letter-spacing:-.025em;font-weight:800}h3{font-size:var(--step-1);letter-spacing:-.01em;font-weight:700}p{text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--blue-ink);outline-offset:3px}.skip-link{z-index:100;background:var(--ink);color:var(--milk);border-radius:999px;padding:12px 18px;font-weight:700;position:absolute;inset-block-start:-100px;inset-inline-start:16px}.skip-link:focus-visible{inset-block-start:16px}.container{inline-size:min(100% - 2 * var(--gutter), 1200px);margin-inline:auto}.section{padding-block:var(--section-space)}.section-intro{gap:16px;max-inline-size:40rem;margin-block-end:clamp(40px,5vw,64px);display:grid}.section-intro p{color:var(--ink-soft);font-size:var(--step-1);line-height:1.5}.button{background:var(--milk);min-block-size:44px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.button-primary{background:var(--butter);box-shadow:0 3px 0 var(--butter-deep)}.button-ghost{border-color:color-mix(in oklch, var(--milk) 75%, transparent);background:color-mix(in oklch, var(--milk) 12%, transparent);color:var(--milk);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-small{border-color:var(--line);min-block-size:40px;padding-inline:16px;font-size:.9375rem}.button-large{min-block-size:56px;padding-inline:28px;font-size:1.0625rem}.button:active{transform:translateY(2px)}.button-primary:active{box-shadow:0 1px 0 var(--butter-deep)}@media (hover:hover) and (pointer:fine){.button-primary:hover{background:color-mix(in oklch, var(--butter) 88%, var(--milk))}.button-ghost:hover{background:color-mix(in oklch, var(--milk) 22%, transparent)}.button-small:hover{background:var(--sky-wash)}}@media (prefers-reduced-motion:no-preference){.button{transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), box-shadow .12s var(--ease-out)}}.header-shell{z-index:30;block-size:var(--header-height);margin-block-end:calc(var(--header-height) * -1);position:sticky;inset-block-start:0}.site-header{--header-pad:clamp(24px, 4.5vw, 64px);--panel-inset:clamp(8px, 2vw, 28px);--logo-badge:124px;--logo-hero-scale:1.8;--farm-width:96px;--hills-height:20px;isolation:isolate;block-size:100%;padding-inline:var(--header-pad);color:var(--milk);align-items:center;gap:clamp(16px,3vw,40px);display:flex;position:relative}.site-header:before{content:"";z-index:-1;inset-block:12px;inset-inline:var(--panel-inset);border:1px solid color-mix(in oklch, var(--ink) 9%, transparent);background:url(/media/nav-farm.svg) no-repeat left calc(var(--header-pad) - var(--panel-inset) + var(--logo-badge) + 16px) bottom 7px / var(--farm-width) auto, url(/media/nav-hills.svg) no-repeat left bottom / 100% var(--hills-height), oklch(96.5% .03 225);opacity:0;pointer-events:none;border-radius:28px;position:absolute;box-shadow:0 3px 5px oklch(0% 0 none/.04),0 12px 28px oklch(0% 0 none/.12)}.site-header.is-floating,.site-header.is-open{color:var(--ink)}.site-header.is-floating:before,.site-header.is-open:before{opacity:1}@media (prefers-reduced-motion:no-preference){.site-header:before{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);transform:translateY(-4px)}.site-header.is-floating:before,.site-header.is-open:before{transform:translateY(0)}.site-header{transition:color .22s var(--ease-out)}}.brand{inline-size:var(--logo-badge);block-size:var(--logo-badge);border-radius:24px;flex:none;align-self:flex-start;margin-block-start:4px;display:block}.brand img{inline-size:var(--logo-badge);block-size:var(--logo-badge);transform-origin:0 0;transform:translateY(14px) scale(var(--logo-hero-scale));filter:drop-shadow(0 6px 16px oklch(0% 0 none/.3))}.site-header.is-floating .brand img,.site-header.is-open .brand img{filter:drop-shadow(0 4px 8px oklch(0% 0 none/.16));transform:none}@media (prefers-reduced-motion:no-preference){.brand img{transition:transform .36s var(--ease-out), filter .36s var(--ease-out)}}.desktop-nav{align-items:center;gap:clamp(4px,1vw,12px);margin-inline-start:auto;display:flex}.desktop-nav a{border:1px solid #0000;border-radius:999px;align-items:center;min-block-size:40px;padding-inline:16px;display:inline-flex}.desktop-nav a[aria-current=location]{border-color:color-mix(in oklch, var(--ink) 12%, transparent);background:var(--milk);box-shadow:0 2px 0 color-mix(in oklch, var(--ink) 10%, transparent)}.mobile-nav a[aria-current=location]{background:var(--sky-wash);box-shadow:inset 4px 0 0 var(--butter)}.desktop-nav a:active{background:color-mix(in oklch, var(--milk) 70%, transparent)}@media (prefers-reduced-motion:no-preference){.desktop-nav a{transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out)}}.desktop-nav a,.mobile-nav a:not(.button){text-underline-offset:6px;font-weight:500;text-decoration:none;text-decoration-thickness:2px}.site-header:not(.is-floating,.is-open) .desktop-nav a{text-shadow:0 1px 12px oklch(0% 0 none/.35)}@media (hover:hover) and (pointer:fine){.desktop-nav a:not([aria-current]):hover{background:color-mix(in oklch, var(--milk) 55%, transparent)}.site-header:not(.is-floating,.is-open) .desktop-nav a:not([aria-current]):hover{background:color-mix(in oklch, var(--milk) 18%, transparent)}.mobile-nav a:not(.button):hover{text-decoration-line:underline}}.header-actions{flex:none;gap:10px;display:flex}.button-outline{color:inherit;background:0 0;border-color:currentColor}.site-header:not(.is-floating,.is-open) .header-actions .button-outline{border-color:color-mix(in oklch, var(--milk) 75%, transparent);background:color-mix(in oklch, var(--ink) 15%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (hover:hover) and (pointer:fine){.button-outline:hover{background:color-mix(in oklch, currentColor 10%, transparent)}}.menu-button{block-size:48px;inline-size:48px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;margin-inline-start:auto;padding:0;display:none}.menu-button:active{background:color-mix(in oklch, currentColor 12%, transparent)}.mobile-nav{inset-block-start:calc(100% + 16px);inset-inline:var(--panel-inset);border:1px solid var(--line);background:var(--milk);color:var(--ink);border-radius:20px;gap:4px;padding:12px;display:grid;position:absolute;box-shadow:0 16px 40px oklch(0% 0 none/.16)}.mobile-nav[hidden]{display:none}.mobile-nav a:not(.button){border-radius:12px;align-items:center;min-block-size:48px;padding-inline:12px;font-size:1.0625rem;display:flex}.mobile-nav a:not(.button):active{background:var(--sky-wash)}.mobile-nav-actions{grid-template-columns:1fr 1.6fr;gap:8px;margin-block-start:8px;display:grid}.mobile-nav-actions .button{min-block-size:52px}@media (width<=760px){:root{--header-height:88px}.site-header{--logo-badge:96px;--logo-hero-scale:1.4;--farm-width:72px;--hills-height:14px}.desktop-nav,.header-actions{display:none}.menu-button{display:grid}}.hero{isolation:isolate;background:var(--ink);min-block-size:max(100svh,560px);color:var(--milk);align-items:end;display:grid;position:relative;overflow:clip}.hero-video{z-index:-2;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.hero-scrim{z-index:-1;background:linear-gradient(to top, color-mix(in oklch, var(--ink) 88%, transparent) 0%, color-mix(in oklch, var(--ink) 45%, transparent) 38%, transparent 70%), linear-gradient(to bottom, oklch(0% 0 none/.35), transparent 22%);position:absolute;inset:0}.hero-content{inline-size:min(100% - 2 * var(--gutter), 1200px);padding-block:calc(var(--header-height) + 40px) clamp(48px, 9vh, 112px);gap:clamp(16px,2vw,24px);margin-inline:auto;display:grid}.hero h1{max-inline-size:13ch;font-size:var(--step-hero);letter-spacing:-.035em;font-weight:800;line-height:1.02}.hero-highlight{color:var(--butter)}.hero-lede{max-inline-size:36rem;color:color-mix(in oklch, var(--milk) 90%, transparent);font-size:var(--step-1);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin-block-start:8px;display:flex}.video-toggle{border:2px solid color-mix(in oklch, var(--milk) 55%, transparent);background:color-mix(in oklch, var(--ink) 35%, transparent);block-size:44px;inline-size:44px;color:var(--milk);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:clamp(16px,3vw,32px);inset-inline-end:clamp(16px,3vw,32px)}.video-toggle:active{transform:scale(.94)}.video-toggle .icon-play,.video-toggle[data-paused] .icon-pause{display:none}.video-toggle[data-paused] .icon-play{display:block}@media (width<=760px){.hero-scrim{background:linear-gradient(to top, color-mix(in oklch, var(--ink) 92%, transparent) 0%, color-mix(in oklch, var(--ink) 70%, transparent) 45%, transparent 80%), linear-gradient(to bottom, oklch(0% 0 none/.35), transparent 22%)}.hero-actions .button{flex:auto}.video-toggle{inset-block-start:calc(var(--header-height) + 8px);inset-block-end:auto}}.try{background:var(--sky-wash);scroll-margin-block-start:0}.try-layout{align-items:center;gap:clamp(40px,6vw,80px);display:grid}@media (width>=960px){.try-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.try-copy{gap:16px;max-inline-size:32rem;display:grid}.try-copy p{color:var(--ink-soft);font-size:var(--step-1);line-height:1.5}.try-copy .try-hint{font-size:var(--step-0);color:var(--ink);font-weight:500}.blend-card{--cow-width:clamp(140px, 15vw, 190px);--pad-top:clamp(64px, 7vw, 80px);padding:var(--pad-top) clamp(16px, 3vw, 32px) 20px;background:radial-gradient(120% 60% at 50% 115%, var(--meadow) 0 38%, transparent 38.5%), linear-gradient(to bottom, var(--sky), color-mix(in oklch, var(--sky) 55%, var(--milk)));box-shadow:0 24px 60px color-mix(in oklch, var(--blue) 22%, transparent);border-radius:32px;gap:20px;scroll-margin-block-start:calc(var(--header-height) + 24px);display:grid;position:relative}.blend-cow{inline-size:var(--cow-width);filter:drop-shadow(0 6px 10px oklch(0% 0 none/.15));block-size:auto;position:absolute;inset-block-start:calc(var(--pad-top) + 24px - var(--cow-width) * .5875);inset-inline-start:clamp(16px,4vw,40px)}.blend-panel{box-shadow:0 2px 0 color-mix(in oklch, var(--ink) 8%, transparent);background:oklch(99% .015 95);border-radius:24px;gap:clamp(16px,3vw,28px);padding:clamp(24px,4vw,40px) clamp(20px,4vw,48px) clamp(28px,4vw,44px);display:grid;position:relative}.blend-word{min-block-size:1.2em;font-family:var(--font-reading);-webkit-user-select:none;user-select:none;justify-content:center;gap:.04em;font-size:clamp(4rem,2.2rem + 7vw,8rem);font-weight:700;line-height:1.15;display:flex}.grapheme{color:var(--letter-unlit);display:inline-block}.grapheme.is-lit{color:var(--c)}.grapheme.is-current{text-shadow:0 0 .25em color-mix(in oklch, var(--butter) 80%, transparent)}.blend-word.is-read .grapheme{color:var(--c)}@media (prefers-reduced-motion:no-preference){.grapheme{transition:color .16s var(--ease-out), transform .26s var(--ease-out)}.grapheme.is-current{transform:translateY(-.06em)scale(1.12)}.blend-word.is-read .grapheme{animation:hop .52s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}}@keyframes hop{40%{transform:translateY(-.14em)}to{transform:none}}.blend-track{padding-inline:4px}.blend-slider{--fill:0%;cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;block-size:52px;inline-size:100%;margin:0;display:block}.blend-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--butter) var(--fill), oklch(91% .012 240) var(--fill));border-radius:999px;block-size:20px;box-shadow:inset 0 2px 3px oklch(0% 0 none/.08)}.blend-slider::-moz-range-track{background:linear-gradient(to right, var(--butter) var(--fill), oklch(91% .012 240) var(--fill));border-radius:999px;block-size:20px;box-shadow:inset 0 2px 3px oklch(0% 0 none/.08)}.blend-slider::-webkit-slider-thumb{border:5px solid var(--milk);background:var(--butter);appearance:none;border-radius:50%;block-size:48px;inline-size:48px;margin-block-start:-14px;box-shadow:0 3px 8px oklch(0% 0 none/.25)}.blend-slider::-moz-range-thumb{border:5px solid var(--milk);background:var(--butter);border-radius:50%;block-size:38px;inline-size:38px;box-shadow:0 3px 8px oklch(0% 0 none/.25)}.blend-slider:focus-visible{outline-offset:6px;border-radius:999px}.blend-footer{justify-content:space-between;align-items:center;gap:16px;padding-inline:8px;display:flex}.blend-status{background:color-mix(in oklch, var(--milk) 88%, transparent);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:.9375rem;font-weight:700}.blend-footer .button{border-color:#0000}.blend-footer .button.is-ready{background:var(--butter);box-shadow:0 3px 0 var(--butter-deep)}.blend-footer .button.is-ready:active{box-shadow:0 1px 0 var(--butter-deep)}@media (hover:hover) and (pointer:fine){.blend-footer .button.is-ready:hover{background:color-mix(in oklch, var(--butter) 88%, var(--milk))}}@media (prefers-reduced-motion:no-preference){.blend-footer .button{transition:background-color .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .12s var(--ease-out)}.blend-footer .button.is-ready{animation:next-hop .48s var(--ease-out) 1.2s 2}}@keyframes next-hop{35%{transform:translateY(-5px)}70%{transform:translateY(1px)}}.lesson{--hills:clamp(64px, 7.5vw, 128px);background:url(/media/lesson-hills.webp) center bottom / max(100%, var(--hills) * 9.5) var(--hills) no-repeat, linear-gradient(to bottom, var(--sky-wash) 40%, oklch(97.5% .03 155));padding-block-end:calc(var(--section-space) * .5 + var(--hills))}.lesson h2{font-size:clamp(2.25rem,1.3rem + 3vw,4rem);line-height:1.05}.lesson-intro{align-items:center;gap:24px;margin-block-end:clamp(40px,5vw,64px);display:grid}.lesson-intro .section-intro{max-inline-size:34rem;margin-block-end:0}.lesson-cow{justify-self:center;inline-size:min(100%,520px)}@media (width>=900px){.lesson-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px)}.lesson-cow{inline-size:min(100% + var(--gutter), 660px);justify-self:end;margin-inline-end:calc(-1 * var(--gutter))}}.lesson-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:36px 48px;padding:0;list-style:none;display:grid}.lesson-steps li{grid-template-columns:72px minmax(0,1fr);align-content:start;gap:6px 16px;display:grid}.lesson-bar{inline-size:calc(var(--minutes) / 5 * 100%);background:var(--bar);border-radius:999px;grid-column:1/-1;block-size:16px;margin-block-end:10px;display:block}.lesson-steps li:first-child{--bar:var(--sky)}.lesson-steps li:nth-child(2){--bar:var(--butter)}.lesson-steps li:nth-child(3){--bar:var(--meadow)}.lesson-steps li:nth-child(4){--bar:var(--pink)}.lesson-icon{object-fit:contain;grid-row:span 2;justify-self:center;block-size:auto;max-block-size:52px;inline-size:auto;max-inline-size:72px}.lesson-steps h3{flex-direction:column;gap:2px;display:flex}.lesson-time{color:color-mix(in oklch, var(--ink-soft) 80%, var(--milk));font-size:var(--step-0);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.lesson-steps p{color:var(--ink-soft);grid-column:2}@media (width>=1000px){.lesson-steps{grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,3fr) minmax(0,1fr);gap:0 6px;padding-inline-end:7.5rem}.lesson-steps li:last-child :is(h3,p){inline-size:12rem}.lesson-steps li{grid-template-columns:minmax(0,1fr);gap:8px;padding-inline-end:20px}.lesson-bar{inline-size:calc(100% + 20px);margin-block-end:14px}.lesson-icon{grid-row:auto;justify-self:start;block-size:clamp(52px,6svh,64px);max-block-size:none;max-inline-size:none;margin-block-end:8px}.lesson-steps p{grid-column:auto}}@media (width>=1000px) and (height>=600px){.section.lesson{--hills:min(clamp(64px, 7.5vw, 128px), 11svh);padding-block-end:calc(var(--screen-pad-bottom) * .15 + var(--hills))}.lesson h2{font-size:clamp(2.25rem,min(1.3rem + 3vw,7svh),4rem)}.lesson-intro .section-intro p{font-size:clamp(1rem,2.5svh,1.5rem)}.lesson-intro{margin-block-end:clamp(20px,3.4svh,48px)}.lesson-cow{inline-size:min(100% + var(--gutter), 660px, 34svh * 2.076)}.lesson-steps li{gap:clamp(4px,1svh,8px)}.lesson-bar{margin-block-end:clamp(8px,1.6svh,14px)}.lesson-icon{block-size:clamp(40px,6.5svh,64px);margin-block-end:clamp(2px,.9svh,8px)}.lesson-steps p{font-size:1rem;line-height:1.55}}@media (width>=1000px) and (height>=600px) and (height<=820px){.lesson-steps h3{flex-flow:wrap;align-items:baseline;column-gap:10px}}.path{--hills:clamp(64px, 7.5vw, 128px);--art:clamp(52px, 5.5vw, 68px);background:url(/media/path-hills.webp) center bottom / max(100%, var(--hills) * 9.92) var(--hills) no-repeat, var(--butter-wash);padding-block-end:calc(var(--section-space) * .5 + var(--hills))}.path h2{font-size:clamp(2.25rem,1.3rem + 3vw,4rem);line-height:1.05}.path-intro{align-items:center;gap:24px;margin-block-end:clamp(40px,5vw,64px);display:grid}.path-intro .section-intro{max-inline-size:36rem;margin-block-end:0}.path-cow{justify-self:center;inline-size:min(100%,560px)}@media (width>=900px){.path-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}.path-cow{inline-size:min(100% + var(--gutter) + 10vw, 800px);justify-self:end;margin-inline-end:calc(-1 * var(--gutter))}}.path-stops{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:36px 32px;padding:0;list-style:none;display:grid;position:relative}.path-stops li{align-content:start;justify-items:start;row-gap:6px;display:grid;position:relative}.path-marker{justify-items:center;gap:12px;margin-block-end:6px;display:grid}.path-art{inline-size:auto;max-inline-size:none;block-size:var(--art)}.path-sample{border:3px solid var(--ink);background:var(--milk);block-size:58px;box-shadow:0 3px 0 var(--ink);font-family:var(--font-reading);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.35em;padding-inline:20px 16px;font-size:1.5rem;font-weight:700;line-height:1;display:inline-flex;position:relative}.path-speaker{block-size:.8em;inline-size:.8em;color:var(--ink-soft);flex:none;margin-inline-start:.1em}.path-part{display:inline-block}.path-sample:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.path-sample.is-playing{background:color-mix(in oklch, var(--butter) 45%, var(--milk))}.path-sample.is-playing .path-speaker{color:var(--ink)}.path-sample.is-playing:has(.is-lit) .path-part:not(.is-lit){opacity:.4}.path-part.is-lit{transform:translateY(-3px)scale(1.18)}@media (hover:hover) and (pointer:fine){.path-sample:hover{background:color-mix(in oklch, var(--butter) 30%, var(--milk))}}@media (prefers-reduced-motion:no-preference){.path-sample{transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), box-shadow .12s var(--ease-out)}.path-part{transition:transform .16s var(--ease-out), opacity .16s var(--ease-out)}}.path-stops li:first-child .path-sample{color:var(--letter-red)}.path-stops li:nth-child(2) .path-sample{color:var(--letter-blue)}.path-stops li:nth-child(3) .path-sample{color:var(--letter-green)}.path-stops li:nth-child(4) .path-sample{color:var(--letter-red)}.path-stops li:nth-child(5) .path-sample{color:var(--blue-ink)}.path-stops p{color:var(--ink-soft)}@media (width<=600px){.path-stops{gap:28px}.path-stops li{grid-template-columns:104px minmax(0,1fr);column-gap:16px}.path-marker{display:contents}.path-art{object-fit:contain;grid-row:1/span 3;block-size:auto;max-block-size:64px;inline-size:100%}.path-stops h3{grid-area:1/2}.path-stops p{grid-area:2/2}.path-sample{grid-area:3/2;justify-self:start;block-size:48px;margin-block-start:6px;font-size:1.25rem}}@media (width>=1000px){.path-stops{grid-template-columns:repeat(5,auto);gap:clamp(24px,3vw,48px)}.path-stops li{justify-items:stretch}.path-marker{justify-self:start}.path-stops :is(h3,p){contain:inline-size}.path-stops:before{content:"";border-block-start:4px dashed color-mix(in oklch, var(--butter-deep) 70%, transparent);position:absolute;inset-block-start:calc(var(--art) + 12px + 27px);inset-inline:40px 0}.path-stops li{row-gap:8px}.path-marker{margin-block-end:12px}.path-stops li:last-child .path-art{block-size:calc(var(--art) * 1.3);margin-block-start:calc(var(--art) * -.3)}}@media (width>=1000px) and (height>=600px){.section.path{--hills:min(clamp(64px, 7.5vw, 128px), 11svh);--art:clamp(40px, min(5.5vw, 7svh), 68px);padding-block-end:calc(var(--screen-pad-bottom) * .15 + var(--hills))}.path h2{font-size:clamp(2.25rem,min(1.3rem + 3vw,7svh),4rem)}.path-intro .section-intro p{font-size:clamp(1rem,2.5svh,1.5rem)}.path-intro{margin-block-end:clamp(12px,3.6svh,56px)}.path-cow{inline-size:min(100% + var(--gutter) + 10vw, 800px, 31svh * 2.367)}.path-stops li{row-gap:clamp(4px,1svh,8px)}.path-marker{margin-block-end:clamp(4px,1.2svh,12px)}.path-stops p{font-size:1rem;line-height:1.55}}.science{--hills:clamp(64px, 7.5vw, 128px);--icon:clamp(64px, 9vw, 112px);background:url(/media/science-hills.webp) center bottom / max(100%, var(--hills) * 10) var(--hills) no-repeat, linear-gradient(to bottom, var(--sky-wash), oklch(97.5% .03 155));padding-block-end:calc(var(--section-space) * .5 + var(--hills))}.science h2{font-size:clamp(2.25rem,1.3rem + 3vw,4rem);line-height:1.05}.science-layout{gap:clamp(40px,6vw,96px);display:grid}.science-intro{gap:16px;display:grid}.science-intro p{color:var(--ink-soft);font-size:var(--step-1);line-height:1.5}.science-intro .science-note{border-inline-start:4px solid var(--sky);font-size:var(--step--1);padding-inline-start:16px}.science-cow{justify-self:center;inline-size:min(100%,520px);margin-block-start:8px}@media (width>=960px){.science-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,80px)}.science-cow{inline-size:min(100% + var(--gutter), 620px);justify-self:start;margin-inline-start:calc(-1 * var(--gutter))}}.principles{margin:0;padding:0;list-style:none}.principles li{grid-template-columns:calc(var(--icon) * 1.6) minmax(0, 1fr);border-block-end:1px solid var(--line);align-items:center;gap:6px clamp(16px,3vw,36px);padding-block:24px;display:grid}.principles li:first-child{padding-block-start:0}.principles li:last-child{border-block-end:0;padding-block-end:0}.principle-icon{inline-size:auto;max-inline-size:100%;block-size:var(--icon);object-fit:contain;grid-row:span 2;justify-self:center}.principles h3{align-self:end}.principles p{color:var(--ink-soft);align-self:start}@media (width>=1000px) and (height>=600px){.section.science{--hills:min(clamp(64px, 7.5vw, 128px), 11svh);--icon:clamp(48px, min(7vw, 10.5svh), 112px);padding-block-end:calc(var(--screen-pad-bottom) * .15 + var(--hills))}.science h2{font-size:clamp(2.25rem,min(1.3rem + 3vw,7svh),4rem)}.science-intro p{font-size:clamp(1rem,2.5svh,1.5rem)}.science-intro .science-note{font-size:clamp(.875rem,1.9svh,1rem)}.science-cow{inline-size:min(100% + var(--gutter), 620px, 30svh * 1.94)}.principles p{font-size:1rem;line-height:1.55}}.stories{--hills:clamp(120px, 18vw, 300px);background:url(/media/story-hills.webp) center bottom / max(100%, var(--hills) * 5.42) var(--hills) no-repeat, var(--ink);color:var(--milk);padding-block-end:calc(var(--section-space) * .5 + var(--hills) * .75);position:relative;overflow:clip}.stories-sky{pointer-events:none;position:absolute;inset:0}.stories-sky:before{--dot:oklch(100% 0 none/.75);content:"";background:radial-gradient(circle at 12.9% 19.3%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 34.4% 20.3%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 44.8% 19.5%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 2.4% 34.2%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 2.1% 49.3%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 40.1% 65.4%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 31.3% 77.3%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 56% 78.1%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 51.4% 81.5%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 97% 21.7%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 97.4% 72.3%, var(--dot) 0 1.5px, transparent 2.5px), radial-gradient(circle at 87.2% 24.9%, var(--dot) 0 1.5px, transparent 2.5px);position:absolute;inset:0}.sky-moon{inline-size:clamp(44px,6vw,96px);position:absolute;inset-block-start:14%;inset-inline-start:88%;translate:-50%}.sky-star{inline-size:var(--s);position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);translate:-50% -50%}@media (width<=959px){.stories-sky:before,.sky-wide{display:none}.sky-moon{inset-block-start:3%}.sky-star{inset-block-start:calc(var(--y) * .25)}}.stories-layout{align-items:center;gap:clamp(40px,6vw,96px);display:grid;position:relative}.stories h2{margin-block-end:8px;font-size:clamp(2.25rem,1.3rem + 3vw,4rem);line-height:1.05}.stories-highlight{background:url(/media/story-underline.webp) 60% 100%/94% no-repeat}.stories-copy{gap:16px;max-inline-size:34rem;display:grid}.stories-copy p{color:color-mix(in oklch, var(--milk) 82%, transparent);font-size:var(--step-1);line-height:1.5}.story-book{inline-size:min(100% + 2 * var(--gutter), 640px);justify-self:center;position:relative;container-type:inline-size}.story-book-art{filter:drop-shadow(0 24px 40px oklch(0% 0 none/.35));inline-size:100%}.story-page{color:var(--ink);font-family:var(--font-reading);gap:.55em;font-size:max(3.2cqi,11px);line-height:1.4;display:grid;position:absolute;inset-block-start:15%;inset-inline:55% 9%}.story-page figcaption{color:var(--ink-soft);font-family:var(--font-sans);margin-block-end:.5em;font-size:.62em;font-weight:500}.story-rays{display:none}@media (width>=960px){.stories-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px)}.story-book{inline-size:min(100% + var(--gutter) + 6vw, 900px);justify-self:start}.story-rays{inline-size:3.5%;display:block;position:absolute;inset-block-start:55%;inset-inline-start:98.5%}}@media (width>=1000px) and (height>=600px){.section.stories{--hills:min(clamp(120px, 18vw, 300px), 26svh);padding-block-end:calc(var(--hills) * .7)}.stories h2{font-size:clamp(2.25rem,min(1.3rem + 3vw,7svh),4rem)}.stories-copy p{font-size:clamp(1rem,2.5svh,1.5rem)}.story-book{inline-size:min(100% + var(--gutter) + 6vw, 900px, 52svh * 1.737)}}.faq{--card-line:oklch(92% .015 85);--toggle:44px;background:oklch(98.8% .01 90)}.faq h2{font-size:clamp(2.25rem,1.3rem + 3vw,4rem);line-height:1.05}.faq-layout{align-items:center;gap:clamp(32px,4vw,64px);display:grid}.faq-intro{gap:clamp(16px,3vw,40px);display:grid}.faq-cow{justify-self:center;inline-size:min(70%,320px)}@media (width>=960px){.faq-layout{grid-template-columns:minmax(0,2fr) minmax(0,3.4fr)}.faq-cow{justify-self:start;inline-size:min(100%,560px)}}.faq-list{isolation:isolate;gap:clamp(12px,2vw,20px);display:grid}.faq-list details{border:2px solid var(--card-line);background:var(--milk);box-shadow:0 4px 0 var(--card-line);border-radius:28px;position:relative}.faq-list details:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'%3E%3Cpath d='M28 2 2 24l26-6Z' fill='%23fff' stroke='%23e7e2d6' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;block-size:26px;inline-size:30px;position:absolute;inset-block-end:10px;inset-inline-start:-14px}.faq-list summary{min-block-size:64px;font-size:var(--step-1);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:clamp(16px,2.4vw,28px) clamp(20px,2.8vw,36px);font-weight:700;line-height:1.3;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";inline-size:var(--toggle);block-size:var(--toggle);background:linear-gradient(var(--ink), var(--ink)) center / 16px 3px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 3px 16px no-repeat, var(--butter);border-radius:50%;flex:none}.faq-list details[open] summary:after{background:linear-gradient(var(--ink), var(--ink)) center / 16px 3px no-repeat, var(--butter)}.faq-list summary:active:after{scale:.92}.faq-list summary:focus-visible{outline-offset:-4px;border-radius:26px}@media (hover:hover) and (pointer:fine){.faq-list summary:hover:after{background-color:color-mix(in oklch, var(--butter) 80%, var(--butter-deep))}}.faq-list details p{max-inline-size:40rem;color:var(--ink-soft);padding:0 clamp(20px,2.8vw,36px) clamp(20px,2.4vw,28px)}@media (width>=1000px) and (height>=600px){.faq h2{font-size:clamp(2.25rem,min(1.3rem + 3vw,7svh),4rem)}.faq-cow{inline-size:min(100%,560px,52svh)}.section.faq{--toggle:clamp(32px, 5svh, 44px)}.faq-list{gap:clamp(10px,2svh,20px)}.faq-list summary{min-block-size:0;padding-block:clamp(12px,3svh,36px);font-size:clamp(1.125rem,2.6svh,1.5rem)}.faq-list details p{padding-block-end:clamp(14px,2.4svh,28px);font-size:1rem;line-height:1.5}}.cta{padding-block:var(--section-space);background:var(--sky)}.cta-layout{text-align:center;place-items:center;gap:clamp(24px,4vw,64px);display:grid}@media (width>=900px){.cta-layout{text-align:start;grid-template-columns:auto minmax(0,1fr);justify-items:start}}.cta-logo{block-size:auto;inline-size:clamp(200px,26vw,320px);filter:drop-shadow(0 16px 24px color-mix(in oklch, var(--ink) 25%, transparent))}.cta-copy{gap:16px;max-inline-size:36rem;display:grid}.cta-copy>p{font-size:var(--step-1);line-height:1.5}.signup{text-align:start;gap:8px;margin-block-start:8px;display:grid}.signup label{font-weight:700}.signup-row{flex-wrap:wrap;gap:10px;display:flex}.signup input{border:2px solid var(--ink);background:var(--milk);min-block-size:56px;min-inline-size:0;color:var(--ink);font:inherit;border-radius:999px;flex:16rem;padding-inline:20px}.signup input::placeholder{color:color-mix(in oklch, var(--ink) 45%, transparent)}.signup input[aria-invalid=true]{border-color:var(--letter-red)}.signup .button{flex:1 0 auto}.signup .button:disabled{cursor:progress;opacity:.75}.signup-message{min-block-size:1.6em;font-size:var(--step--1);font-weight:500}.signup-message[data-tone=error]{color:oklch(42% .18 27)}.signup-message[data-tone=success]{font-size:var(--step-0);font-weight:700}html:has(.signup-dialog[open]){overflow:hidden}.signup-dialog{background:var(--milk);max-block-size:calc(100dvh - 32px);inline-size:min(520px,100% - 32px);color:var(--ink);text-align:center;opacity:0;transition:opacity .22s var(--ease-out), translate .22s var(--ease-out), scale .22s var(--ease-out), display .22s allow-discrete, overlay .22s allow-discrete;border:0;border-radius:28px;padding:40px clamp(24px,5vw,48px) 36px;box-shadow:0 24px 100px oklch(0% 0 none/.28)}.signup-dialog::backdrop{background:color-mix(in oklch, var(--ink) 55%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s var(--ease-out), display .22s allow-discrete, overlay .22s allow-discrete}.signup-dialog[open],.signup-dialog[open]::backdrop{opacity:1}@starting-style{.signup-dialog[open],.signup-dialog[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:no-preference){.signup-dialog{translate:0 .75rem;scale:.97}.signup-dialog[open]{translate:0;scale:1}@starting-style{.signup-dialog[open]{translate:0 .75rem;scale:.97}}}.dialog-close{block-size:44px;inline-size:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.dialog-close:active{background:var(--sky-wash)}@media (hover:hover) and (pointer:fine){.dialog-close:hover{background:var(--sky-wash)}}.signup-logo{block-size:176px;inline-size:176px;margin-block:-12px 8px;margin-inline:auto}.signup-dialog h2{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}.signup-dialog [role=status] p{color:var(--ink-soft);margin-block:12px 24px;font-size:1.0625rem;line-height:1.5}.signup-form{text-align:start;gap:10px;display:grid}.signup-form[hidden]{display:none}.signup-form label{font-weight:700}.signup-form input{border:2px solid var(--ink);background:var(--milk);min-block-size:56px;color:var(--ink);font:inherit;border-radius:999px;padding-inline:20px}.signup-form input::placeholder{color:color-mix(in oklch, var(--ink) 45%, transparent)}.signup-form input[aria-invalid=true]{border-color:var(--letter-red)}.signup-form .button,.signup-dialog>.button{inline-size:100%;margin-block-start:6px}.signup-form .button:disabled{cursor:progress;opacity:.75}.signup-error{color:oklch(45% .18 27);font-size:.9375rem;line-height:1.4}.signup-privacy{color:var(--ink-soft);text-align:center;margin-block-start:6px;font-size:.8125rem;line-height:1.5}.signup-trap{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:clip}.site-footer{background:var(--ink);color:color-mix(in oklch, var(--milk) 80%, transparent);font-size:var(--step--1);padding-block:40px}.footer-layout{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.footer-brand{color:var(--milk);font-size:1.125rem;font-weight:800}.footer-app{margin-inline-start:auto}.app-download{--badge-width:156px;--qr-size:80px;align-items:center;gap:16px;margin-block-end:18px;display:inline-flex}.app-coming-soon{inline-size:var(--badge-width);min-block-size:52px;color:var(--milk);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:oklch(0% 0 none);border:1px solid oklch(62% 0 none);border-color:oklch(62% 0 none) oklch(62% 0 none) oklch(62% 0 none) oklch(62% 0 none);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.app-coming-soon svg{flex:none;block-size:auto;inline-size:20px}.app-coming-soon span{gap:1px;display:grid}.app-coming-soon small{white-space:nowrap;font-size:.6875rem;line-height:1.1}.app-coming-soon strong{letter-spacing:-.03em;white-space:nowrap;font-size:1.375rem;font-weight:600;line-height:1.05}.app-coming-soon:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.app-coming-soon:hover{background:oklch(20% 0 none)}.app-download-qr:hover img{border-color:var(--butter)}}@media (prefers-reduced-motion:no-preference){.app-coming-soon{transition:transform .12s var(--ease-out), background-color .16s var(--ease-out)}}.app-download-qr{color:inherit;border-radius:10px;flex:none;justify-items:center;font-size:.75rem;font-weight:500;line-height:1.2;text-decoration:none;display:grid;position:relative}.app-download-qr img{inline-size:var(--qr-size);block-size:var(--qr-size);border:2px solid var(--line);background:var(--milk);border-radius:10px}.app-download-qr>span{white-space:nowrap;position:absolute;inset-block-start:calc(100% + 4px)}.hero-actions .app-download{margin-block-end:0;margin-inline-start:8px}.hero .app-download-qr img,.stories .app-download-qr img,.site-footer .app-download-qr img{border-color:color-mix(in oklch, var(--milk) 40%, transparent)}.try-copy .app-download,.stories-copy .app-download,.cta-app{margin-block-start:12px}.footer-app{--badge-width:140px;--qr-size:56px;margin-block-end:0}.footer-app .app-download-qr>span{display:none}.footer-app .app-coming-soon strong{font-size:1.1875rem}@media (width<=760px){.app-download-qr{display:none}.app-download{margin-block-end:0}.hero-actions .app-download{flex:100%;justify-content:center;margin-inline-start:0}}@media (width>=1000px) and (height>=600px){:root{--footer-height:104px;--screen-pad-top:calc(var(--header-height) + clamp(24px, 4svh, 56px));--screen-pad-bottom:clamp(32px, 6svh, 72px)}html{scroll-snap-type:y mandatory;scroll-padding-block-start:0}.hero,.section,.cta{scroll-snap-align:start}.section,.cta{min-block-size:100svh;padding-block:var(--screen-pad-top) var(--screen-pad-bottom);align-content:center;display:grid}.cta{min-block-size:calc(100svh - var(--footer-height))}.site-footer{min-block-size:var(--footer-height);align-content:center;padding-block:24px;display:grid}.section-intro{margin-block-end:clamp(32px,5svh,64px)}.principles li{padding-block:clamp(10px,1.8svh,24px)}}