:root{--ground:oklch(97.6% .004 40);--surface:oklch(94% .006 40);--raised:oklch(99.4% .002 40);--ink:oklch(20% .008 20);--muted:oklch(46% .01 20);--line:oklch(20% .008 20/.13);--accent:oklch(65.6% .241 7.9);--accent-ink:oklch(16% .02 7.9);--accent-text:oklch(54.5% .22 7.9);--code:oklch(20% .008 20);--code-ink:oklch(95% .006 40);--shade:oklch(20% .01 20/.55);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Schibsted Grotesk Variable", "Schibsted fallback", "Helvetica Neue", Arial, sans-serif;--font-text:"Schibsted Grotesk Variable", "Schibsted fallback", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--step--1:clamp(.86rem, .84rem + .1vw, .92rem);--step-0:clamp(1.06rem, 1rem + .25vw, 1.18rem);--step-1:clamp(1.25rem, 1.15rem + .5vw, 1.55rem);--step-2:clamp(1.75rem, 1.35rem + 1.9vw, 3.1rem);--step-3:clamp(2.35rem, 1.5rem + 4vw, 5.2rem);--step-4:clamp(2.7rem, 1.2rem + 6.4vw, 7.4rem);--leading-tight:.98;--leading-body:1.55;--measure:62ch;--margin:max(1rem, env(safe-area-inset-left,0px), clamp(1rem, .4rem + 3vw, 3rem));--gap:clamp(1rem, .8rem + 1vw, 1.75rem);--section:clamp(5rem, 2.5rem + 9vw, 11rem);--radius:10px;--radius-big:16px;--page:1360px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-press:.12s;--t-hover:.18s;--t-panel:.46s;--t-reveal:.7s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:oklch(17.5% .006 20);--surface:oklch(22.5% .008 20);--raised:oklch(26% .009 20);--ink:oklch(93% .008 40);--muted:oklch(74% .012 30);--line:oklch(93% .008 40/.14);--accent-text:oklch(70% .2 7.9);--code:oklch(12.5% .006 20);--code-ink:oklch(93% .008 40);--shade:oklch(5% .01 20/.7);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:oklch(17.5% .006 20);--surface:oklch(22.5% .008 20);--raised:oklch(26% .009 20);--ink:oklch(93% .008 40);--muted:oklch(74% .012 30);--line:oklch(93% .008 40/.14);--accent-text:oklch(70% .2 7.9);--code:oklch(12.5% .006 20);--code-ink:oklch(93% .008 40);--shade:oklch(5% .01 20/.7);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Schibsted fallback;src:local(Arial);size-adjust:101%;ascent-override:96%;descent-override:25%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--muted) var(--ground)}body{background:var(--ground);min-height:100svh;color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);line-height:var(--leading-body);font-kerning:normal;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);text-wrap:balance;font-weight:700}p,li,dd,blockquote{text-wrap:pretty}img,svg,video,canvas{max-width:100%;display:block}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}#main:focus{outline:none}input,textarea{caret-color:var(--accent-text);accent-color:var(--accent)}.num,time,table{font-variant-numeric:tabular-nums}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}.skip{left:var(--margin);z-index:100;background:var(--ink);color:var(--ground);padding:.75em 1.1em;font-weight:600;text-decoration:none;position:fixed;top:-100px}.skip:focus{top:var(--margin)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity var(--t-reveal) var(--ease-out), translate var(--t-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 70ms);translate:0 1.25rem}.js [data-reveal].is-in{opacity:1;translate:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.hours,.menu dl{gap:.4em;margin:0;display:grid}.hours>div,.menu dl>div{grid-template-columns:1fr auto;column-gap:1.5em;display:grid}.hours dd,.menu dd{font-variant-numeric:tabular-nums;margin:0}.menu .note{color:var(--muted);font-size:var(--step--1);grid-column:1/-1}.menu-section+.menu-section{margin-top:var(--gap)}.closed-note{color:var(--accent-text);margin-top:.75em;font-weight:600}.events{gap:var(--gap);padding:0;list-style:none;display:grid}address{font-style:normal}.hours,.menu,.events,address,.embed{margin-block:var(--gap)}.embed{aspect-ratio:16/9;background:var(--surface);text-align:center;padding:var(--gap);place-content:center;gap:.5rem;display:grid;position:relative}.embed>img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.embed>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.embed-load,.embed-note{margin:0;position:relative}.embed-note{font-size:var(--step--1);color:var(--muted)}.legal{max-width:42rem;padding:var(--gap);margin-inline:auto}.legal h2{margin-top:2em}.legal p a,.site-footer a{padding-block:.3em;display:inline-block}.top,.hero,.why,.run-walk,.examples,.try,.redesign,.contribute,.questions,.end-run,.end-small,.install-inner,.routes{width:min(var(--page), 100% - 2 * var(--margin));margin-inline:auto}main>section{padding-block:var(--section) 0}main>section:first-child{padding-block-start:clamp(2.5rem,1rem + 6vw,6.5rem)}h2{font-size:var(--step-3);letter-spacing:-.035em;font-weight:720}h3{font-size:var(--step-1);letter-spacing:-.015em;font-weight:680;line-height:1.15}h4{font-size:var(--step-0);font-weight:680;line-height:1.25}.section-head{gap:var(--gap);margin-bottom:clamp(2rem,1rem + 3vw,3.5rem);display:grid}.section-head h2{max-width:20ch}.intro{max-width:52ch;font-size:var(--step-1);line-height:1.4}.muted{color:var(--muted)}.small{font-size:var(--step--1);color:var(--muted)}code{font-size:.9em}p code,li code{background:var(--surface);white-space:nowrap;border-radius:5px;padding:.1em .35em}p code.long{white-space:normal;overflow-wrap:anywhere}.button{border-radius:var(--radius);background:var(--accent);min-height:3rem;color:var(--accent-ink);letter-spacing:-.005em;white-space:nowrap;transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease, color var(--t-hover) ease;border:0;justify-content:center;align-items:center;gap:.5em;padding:0 1.35rem;font-weight:680;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button-small{min-height:2.5rem;font-size:var(--step--1);padding:0 1rem}.button-big{min-height:3.6rem;font-size:var(--step-1);padding:0 2rem}.button-ink{background:var(--accent-ink);color:var(--accent)}.text-link{min-height:2.75rem;color:var(--accent-text);text-underline-offset:.3em;transition:color var(--t-hover) ease, text-decoration-color var(--t-hover) ease;background:0 0;border:0;align-items:center;padding:0;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.i{flex:none;width:1em;height:1em}.link-row{flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;display:flex}@media (hover:hover) and (pointer:fine){.button:hover{background:color-mix(in oklch, var(--accent), var(--accent-ink) 16%)}.button-ink:hover{background:color-mix(in oklch, var(--accent-ink), var(--accent) 22%)}.text-link:hover{color:var(--ink)}.top-nav a:hover,.end-small a:hover{color:var(--accent-text)}}.top{justify-content:space-between;align-items:center;gap:var(--gap);padding-block:1rem;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:.55rem;min-height:2.75rem;font-weight:720;text-decoration:none;display:inline-flex}.tag{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:0 0 .5em;place-items:center;min-width:1.6em;height:1.6em;padding:0 .3em;font-size:.8em;font-weight:800;line-height:1;display:inline-grid}.top-nav{gap:clamp(1rem,2vw,2rem);margin-inline:auto;display:flex}.top-nav a{color:var(--muted);transition:color var(--t-hover) ease;padding-block:.6rem;font-weight:560;text-decoration:none}.top-actions{align-items:center;gap:.5rem;display:flex}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius);min-height:2.5rem;color:var(--ink);font-size:var(--step--1);transition:border-color var(--t-hover) ease;background:0 0;align-items:center;gap:.5em;padding:0 .85rem;font-weight:600;display:inline-flex}.theme-icon{flex:none;width:.9em;height:.9em}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{border-color:var(--ink)}}@media (width<=900px){.top-nav{display:none}}@media (width<=420px){.theme-toggle{padding:0 .6rem}}.window{background:var(--surface);border-radius:var(--radius-big);overflow:hidden}.bar{align-items:center;gap:.85rem;min-height:3rem;padding:.6rem .75rem .6rem 1rem;display:flex}.lights{background:radial-gradient(circle at .35rem 50%, var(--line) .3rem, transparent .32rem), radial-gradient(circle at 1.3rem 50%, var(--line) .3rem, transparent .32rem), radial-gradient(circle at 2.25rem 50%, var(--line) .3rem, transparent .32rem);flex:none;width:2.6rem;height:.7rem}.address{background:var(--raised);min-width:0;font-size:var(--step--1);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;margin:0;padding:.4rem .8rem;overflow:hidden}.bar-open{min-height:2.25rem;font-size:var(--step--1);color:var(--ink);transition:background-color var(--t-hover) ease;border-radius:8px;flex:none;align-items:center;gap:.3em;padding:0 .6rem;font-weight:650;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.bar-open:hover{background:var(--raised)}}@media (width<=560px){.lights{display:none}.bar{padding-left:.6rem}}@media (width>=700px){.bar{min-height:3.5rem}.address{font-size:var(--step-0);padding-block:.55rem}}.hero-line{letter-spacing:-.045em;max-width:15ch;font-size:clamp(2.3rem,.8rem + 4.9vw,5.4rem);font-weight:760;line-height:.93}@media (width>=900px){.hero-line{max-width:none}.hero-line span{display:block}}.hero-sub{gap:var(--gap) calc(var(--gap) * 2);align-items:end;margin-top:clamp(1.5rem,1rem + 2vw,2.75rem);display:grid}.lead{font-size:var(--step-1);max-width:40ch;line-height:1.42}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.hero-actions .small{font-size:var(--step-0);flex-basis:100%}@media (width>=900px){.hero-sub{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero-actions{justify-content:flex-start}}.film{margin-top:clamp(2.25rem,1rem + 4vw,4.5rem)}.film-stage{aspect-ratio:16/9;background:var(--code);position:relative}.film-video{object-fit:contain;background:var(--code);width:100%;height:100%;position:absolute;inset:0}.film-play{background:var(--accent);min-height:3.6rem;color:var(--accent-ink);font-size:var(--step-0);transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:0 1.6rem 0 1.2rem;font-weight:700;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.film-play svg{width:1.6rem;height:1.6rem}.film-play:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.film-play:hover{background:color-mix(in oklch, var(--accent), var(--accent-ink) 16%)}}.film-play[hidden],.film-controls[hidden]{display:none}.film-controls{gap:.5rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.film-button{background:color-mix(in oklch, var(--code), transparent 15%);min-height:2.75rem;color:var(--code-ink);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--code-ink), transparent 78%);font-size:var(--step--1);transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out);border:0;border-radius:999px;padding:0 1rem;font-weight:650}.film-button:active{transform:scale(.96)}.film-button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media (hover:hover) and (pointer:fine){.film-button:hover{background:var(--code)}.film-button[aria-pressed=true]:hover{background:var(--accent)}}@media (width<=600px) and (orientation:portrait){.film-stage{aspect-ratio:9/16;width:min(100%,43.875svh);margin-inline:auto}}.examples .section-head{grid-template-columns:minmax(0,1fr)}@media (width>=900px){.examples .section-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.examples .section-head h2,.examples .section-head .intro{grid-column:1}.view-switch{grid-area:2/2}}.view-switch{border-radius:calc(var(--radius) + .25rem);background:var(--surface);justify-self:start;gap:.25rem;padding:.25rem;display:inline-flex}.view-switch button,.runs-tabs [role=tab],.route-tabs [role=tab]{color:var(--ink);background:0 0;border:0}.view-switch button{border-radius:var(--radius);min-height:2.5rem;font-weight:620;font-size:var(--step--1);color:var(--muted);transition:background-color var(--t-hover) ease, color var(--t-hover) ease;padding:0 1rem}.view-switch button[aria-pressed=true]{background:var(--raised);color:var(--ink)}.runs{gap:calc(var(--gap) * 2.5);display:grid}.run{gap:var(--gap) calc(var(--gap) * 1.5);align-items:start;display:grid}@media (width>=900px){.run{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.run-text{align-content:start;gap:.75rem;display:grid}.run-text .what{color:var(--muted)}.run-text .links{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.stage{aspect-ratio:1440/900;background:var(--raised);position:relative;overflow:hidden}.screen{position:absolute;inset:0;overflow:hidden}.screen>a,.screen img{width:100%;height:100%;display:block}.screen img{object-fit:cover;object-position:top}.screen .phone{display:none}.live{transform-origin:0 0;width:1440px;height:900px;transform:scale(var(--k,.5));opacity:0;transition:opacity .42s var(--ease-out);background:#fff;border:0;position:absolute;top:0;left:0}.live.is-on{opacity:1}@media (pointer:coarse){.stage:not(.is-held) .live{pointer-events:none}}.live-state{z-index:1;background:var(--ink);color:var(--ground);font-size:var(--step--1);border-radius:999px;align-items:center;gap:.45em;margin:0;padding:.35rem .7rem;font-weight:600;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.live-state:before{content:"";background:var(--accent);border-radius:50%;width:.5em;height:.5em}.live-state button{color:inherit;text-underline-offset:.2em;background:0 0;border:0;padding:.2rem 0;font-weight:700;text-decoration:underline}.gallery.is-tabs{gap:var(--gap) clamp(1.5rem, 1rem + 2vw, 3rem);scroll-margin-top:1.5rem;display:grid}.gallery.is-tabs .runs{display:block}.gallery.is-tabs .run{grid-template-columns:minmax(0,1fr)}.gallery.is-tabs .run[hidden]{display:none}.gallery.is-tabs .run-text{grid-template-columns:minmax(0,1fr);max-width:60ch}.gallery.is-tabs .run-text h3,.gallery.is-tabs .run-text .what{display:none}.runs-tabs{scrollbar-width:none;margin-inline:calc(var(--margin) * -1);padding-inline:var(--margin);gap:.35rem;display:flex;position:relative;overflow-x:auto}.runs-tabs::-webkit-scrollbar{display:none}.runs-tabs [role=tab]{text-align:left;border-radius:var(--radius);transition:background-color var(--t-hover) ease;flex:none;gap:.1rem;padding:.7rem .95rem;display:grid}.runs-tabs .tab-name{font-weight:680;font-size:var(--step-0);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.runs-tabs .tab-name:before{content:"";background:var(--line);width:.55rem;height:.55rem;transition:background-color var(--t-hover) ease;border-radius:0 0 .2rem}.runs-tabs .tab-what{color:var(--muted);font-size:var(--step--1);line-height:1.35;display:none}.runs-tabs [aria-selected=true]{background:var(--surface)}.runs-tabs [aria-selected=true] .tab-name:before{background:var(--accent)}@media (hover:hover) and (pointer:fine){.runs-tabs [role=tab]:hover{background:var(--surface)}}@media (width>=1000px){.gallery.is-tabs{grid-template-columns:minmax(0,17.5rem) minmax(0,1fr);align-items:start}.runs-tabs{flex-direction:column;margin:0;padding:0;position:sticky;top:1.5rem;overflow:visible}.runs-tabs [role=tab]{padding:.85rem 1rem}.runs-tabs .tab-what{padding-left:1.05rem;display:block}}.gallery.is-phone .stage{aspect-ratio:auto;place-items:center;height:clamp(30rem,70vh,46rem);padding-block:1.25rem;display:grid}.gallery.is-phone .screen{aspect-ratio:390/844;height:100%;box-shadow:0 0 0 .45rem var(--ink);border-radius:1.6rem;position:relative;inset:auto}.gallery.is-phone .screen .desk{display:none}.gallery.is-phone .screen .phone{display:block}.gallery.is-phone .live{width:390px;height:844px}@media (width<=600px){.gallery.is-phone .stage{height:auto}.gallery.is-phone .screen{width:min(100%,19rem);height:auto}}.try{gap:calc(var(--gap) * 1.5);align-items:start;display:grid}.try-text{gap:1rem;max-width:34rem;display:grid}.try-text h2{max-width:12ch;margin-bottom:.5rem}@media (width>=1000px){.try{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.try-text{position:sticky;top:2rem}}.quiz-body{background:var(--raised);border-radius:calc(var(--radius-big) - .4rem);margin:0 .5rem .5rem;padding:clamp(1.25rem,.75rem + 2vw,2.25rem);position:relative}.q{border:0;min-width:0;margin:0;padding:0}.q+.q{margin-top:2.5rem}.q legend{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.03em;margin-bottom:1.25rem;padding:0;font-weight:720;line-height:1.05}.q-count{font-family:var(--font-text);font-size:var(--step--1);letter-spacing:0;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:.6rem;font-weight:600;display:block}.opts{gap:.6rem;display:grid}@media (width>=640px){.opts{grid-template-columns:repeat(2,minmax(0,1fr))}}.opts button{text-align:left;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--ground);min-height:4.5rem;color:var(--ink);font-weight:680;font-size:var(--step-0);transition:border-color var(--t-hover) ease, background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out);align-content:start;gap:.2rem;padding:.9rem 1rem;line-height:1.25;display:grid}.opts button small{font-weight:450;font-size:var(--step--1);color:var(--muted);line-height:1.35}.opts button:active{transform:scale(.98)}.opts button.is-picked{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 12%, var(--ground))}@media (hover:hover) and (pointer:fine){.opts button:hover{border-color:var(--accent)}}.quiz.is-live .q,.quiz.is-live .q-result{display:none}.quiz.is-live .q.is-now{display:block}.quiz.is-live .q+.q{margin-top:0}.quiz.is-live .q-result.is-now{display:grid}.q-result{gap:.85rem}.q-result:focus{outline:none}.q-result h3{font-size:var(--step-2);letter-spacing:-.03em}.q-result img{border-radius:var(--radius);object-fit:cover;object-position:top;width:100%;height:clamp(9rem,6rem + 10vw,14rem)}.q-result-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex}.address .ans{color:var(--ink)}.address .ans+.ans:before{content:" · ";color:var(--muted)}.address .ans.is-new{color:var(--accent-text)}.address.is-empty{color:var(--muted)}.compare figcaption{font-size:var(--step--1);color:var(--muted);max-width:60ch;margin-top:.85rem}.compare figcaption a{color:var(--accent-text);font-weight:650}.compare-frame{aspect-ratio:1440/900;border-radius:var(--radius-big);background:var(--surface);position:relative;overflow:hidden}.compare-frame img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.compare-before{clip-path:inset(0 calc(100% - var(--cut)) 0 0);position:absolute;inset:0}.compare-handle{top:0;bottom:0;left:var(--cut);background:var(--accent);pointer-events:none;width:3px;position:absolute;translate:-50%}.compare-handle:after{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5' fill='none' stroke='%23150a0c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 1.5rem no-repeat;border-radius:50%;width:3rem;height:3rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.compare-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-frame:has(.compare-range:focus-visible) .compare-handle:after{outline:3px solid var(--ink);outline-offset:3px}.compare-label{background:var(--ink);color:var(--ground);font-size:var(--step--1);pointer-events:none;border-radius:6px;padding:.3rem .65rem;font-weight:650;position:absolute;bottom:.85rem}.compare-label-before{left:.85rem}.compare-label-after{right:.85rem}.why{overflow-x:clip}.diffs,.steps{gap:clamp(3.5rem,2rem + 5vw,7rem);margin:0;padding:0;list-style:none;display:grid}.diff,.step{align-items:center;gap:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.diff-text,.step-text{align-content:start;gap:.9rem;max-width:34rem;display:grid}.diff-text h3,.step-text h3{font-size:var(--step-2);letter-spacing:-.03em;text-wrap:balance;font-weight:720;line-height:1.08}.num,.step-text h3:before{background:var(--accent);width:2.3rem;height:2.3rem;color:var(--accent-ink);font-size:var(--step-0);letter-spacing:0;border-radius:0 0 9px;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.diff-visual,.step-visual{min-width:0;margin:0}.diff-visual figcaption,.step-visual figcaption{font-size:var(--step--1);color:var(--muted);max-width:60ch;margin-top:.85rem}@media (width>=1000px){.diff,.step{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2.5rem,6vw,7rem)}}.looks-fan{aspect-ratio:16/11;position:relative}.looks-fan>*{z-index:1;width:66%;position:absolute}.looks-fan img{border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:0 0 0 1px var(--line), 0 2px 6px -2px var(--shade);display:block}.looks-fan>:first-child{top:3%;left:2%;rotate:-4deg}.looks-fan>:nth-child(2){top:19%;left:17%;rotate:1.5deg}.looks-fan>:nth-child(3){bottom:3%;right:2%;rotate:5deg}.fan-card{border-radius:var(--radius);cursor:pointer;background:0 0;border:0;padding:0}.fan-card[aria-pressed=true]{z-index:3;scale:1.03}.fan-card:focus-visible{z-index:4;scale:1.04}.looks-fan:has(.fan-card:focus-visible)>:first-child:not(:focus-visible){transform:translate(-9%,-8%)rotate(-3deg)}.looks-fan:has(.fan-card:focus-visible)>:nth-child(3):not(:focus-visible){transform:translate(10%,9%)rotate(3deg)}@media (hover:hover) and (pointer:fine){.fan-card:hover{z-index:4;scale:1.04}.looks-fan:has(.fan-card:hover)>:first-child:not(:hover){transform:translate(-9%,-8%)rotate(-3deg)}.looks-fan:has(.fan-card:hover)>:nth-child(3):not(:hover){transform:translate(10%,9%)rotate(3deg)}}.check-audit{background:var(--surface);border-radius:var(--radius-big);align-content:start;gap:1rem;padding:clamp(1.25rem,1rem + 2vw,2.5rem);display:grid}.audit-head{font-size:var(--step--1);color:var(--muted);font-weight:650}.slip{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.slip li{grid-template-columns:1.25rem minmax(0,1fr);align-items:baseline;gap:.6rem;display:grid}.slip li:before{content:"";border-left:2.5px solid var(--accent-text);border-bottom:2.5px solid var(--accent-text);width:.75rem;height:.42rem;translate:.15rem -.2rem;rotate:-45deg}.verdict{font-size:var(--step-1);margin-top:.5rem;line-height:1.25}.verdict-word{font-size:var(--step-3);letter-spacing:-.04em;color:var(--accent-text);font-weight:760;line-height:1;display:block}.change{justify-items:start;gap:.75rem;display:grid}.change-say{background:var(--ink);color:var(--ground);font-size:var(--step-1);letter-spacing:-.01em;border-radius:18px 18px 18px 4px;padding:.75rem 1.1rem;font-weight:620}.change-file{border-radius:var(--radius);background:var(--code);max-width:100%;color:var(--code-ink);gap:.35rem;padding:.85rem 1.1rem;display:grid}.change-file .file-name{font-family:var(--font-mono);font-size:var(--step--1);opacity:.7}.change-file code{color:inherit;white-space:normal;overflow-wrap:anywhere;font-size:var(--step--1);background:0 0;padding:0}.change-file code:before{content:"+ ";color:var(--accent);font-weight:700}.change-page{border:1px solid var(--line);border-radius:var(--radius-big);background:var(--raised);justify-self:stretch;justify-items:start;gap:.75rem;padding:1.1rem 1.25rem 1.3rem;display:grid}.page-name{font-size:var(--step--1);color:var(--muted);font-weight:600}.hours{font-variant-numeric:tabular-nums;gap:.25rem;margin:0;display:grid}.hours div{grid-template-columns:5.5rem auto;display:grid}.hours dd{margin:0}.closed-note{background:var(--accent);color:var(--accent-ink);border-radius:0 0 9px;padding:.35rem .7rem;font-weight:720}.steps{counter-reset:step;position:relative}.step{counter-increment:step;align-items:start}.step-text h3{align-items:center;gap:.8rem;display:flex}.step-text h3:before{content:counter(step)}.step-visual .shot,.trio img{border-radius:var(--radius);background:var(--surface)}.step-visual.window .shot{border-radius:0}.trio{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(.4rem,.2rem + .6vw,.75rem);display:grid}.trio figcaption{grid-column:1/-1;margin-top:.35rem}.trio img:first-of-type{outline:2px solid var(--accent);outline-offset:3px}.trio .route-note{vertical-align:0;margin:0 .35rem 0 0}.step-quote{font-size:var(--step-1);max-width:44ch;padding:1.1rem 1.25rem 1.4rem;line-height:1.4}.report{border-radius:var(--radius-big);background:var(--code);color:var(--code-ink);font-family:var(--font-mono);font-size:var(--step--1);gap:.6rem;padding:clamp(1.25rem,1rem + 1.5vw,2rem);line-height:1.5;display:grid}.report-head{font-size:var(--step-1);color:var(--accent);font-weight:700;line-height:1.2}.report ul{gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.step-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.5rem;display:flex}@media (width>=1000px){.steps{--steps-gap:clamp(3.5rem, 2rem + 5vw, 7rem);gap:var(--steps-gap)}.step{position:relative}.step-text{max-width:37.3rem;padding-left:3.3rem}.step-text h3{align-items:flex-start;gap:1rem;margin-left:-3.3rem}.step:not(:last-child):after{content:"";background:var(--line);width:2px;top:3.05rem;left:calc(1.15rem - 1px);bottom:calc(.75rem - var(--steps-gap));position:absolute}}.install{background:var(--accent);color:var(--accent-ink);margin-top:var(--section);padding-block:clamp(3.5rem,2rem + 6vw,7rem)!important}.install-inner{gap:clamp(1.75rem,1rem + 2vw,3rem);display:grid}.install h2{max-width:16ch}.install-steps{counter-reset:step;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.install-steps li{counter-increment:step;font-size:var(--step-1);align-content:start;gap:.75rem;font-weight:600;line-height:1.3;display:grid}.install-steps li:before{content:counter(step);font-size:var(--step-2);letter-spacing:-.04em;font-weight:800;line-height:1}@media (width>=900px){.install-steps{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr);gap:2.5rem}}.install-more{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;font-weight:550;display:flex}.cmd{background:var(--code);min-width:0;color:var(--code-ink);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;display:flex}.cmd code{white-space:normal;min-width:0;font-size:var(--step-0);overflow-wrap:anywhere;background:0 0;flex:1;padding:0;font-weight:500;line-height:1.4}.copy{border-radius:calc(var(--radius) - 3px);background:var(--accent);min-height:2.6rem;color:var(--accent-ink);font-size:var(--step--1);transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out);border:0;flex:none;align-items:center;gap:.4em;padding:0 .9rem;font-weight:700;display:inline-flex}.copy:active{transform:scale(.96)}.copy.is-done{background:var(--code-ink);color:var(--code)}@media (hover:hover) and (pointer:fine){.copy:hover{background:color-mix(in oklch, var(--accent), #fff 18%)}.copy.is-done:hover{background:var(--code-ink)}}.install :focus-visible{outline-color:var(--accent-ink)}.routes{background:var(--raised);color:var(--ink);border-radius:var(--radius-big);margin-top:clamp(2rem,1rem + 3vw,3.5rem);display:grid;overflow:hidden}.routes-head{background:var(--surface);gap:.4rem;padding:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.routes-head h3{font-size:var(--step-2);letter-spacing:-.03em}.routes-head p{color:var(--muted);max-width:46ch}.routes-body{gap:2rem;min-width:0;padding:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.route{align-content:start;gap:.75rem;min-width:0;display:grid}.route-note{background:var(--accent);color:var(--accent-ink);font-size:var(--step--1);vertical-align:.1em;border-radius:0 0 6px;margin-left:.4rem;padding:.15rem .5rem;font-weight:700;display:inline-block}.route-for{color:var(--muted)}.hint{color:var(--muted);font-size:var(--step--1);max-width:62ch}.routes-next,.routes-needs{gap:1rem;padding:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}.routes-next{background:var(--surface)}.next-steps{counter-reset:next;gap:1rem 1.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.next-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.next-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.next-steps li{counter-increment:next;color:var(--muted);font-size:var(--step--1);grid-template-columns:auto minmax(0,1fr);gap:.2rem .75rem;line-height:1.45;display:grid}.next-steps li:before{content:counter(next);background:var(--accent);color:#fff;width:1.9rem;height:1.9rem;font-weight:800;font-size:var(--step-0);transition:background-color .3s ease, scale .3s var(--ease-out);border-radius:0 0 .45rem;grid-row:span 2;place-items:center;display:grid}.next-steps .step-title{color:var(--ink);font-weight:680;font-size:var(--step-0)}.next-steps li.is-next:before{background:var(--accent-ink);scale:1.12}.routes-needs ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.routes-foot{color:var(--muted);font-size:var(--step--1)}.routes-foot a{color:var(--accent-text);font-weight:650}.copy-note{font-size:var(--step--1);color:var(--accent-text);min-height:1.45em;margin:0;font-weight:650}.install-inner .copy-note{color:var(--accent-ink)}.install-dialog{width:min(70rem, 100% - 2 * var(--margin));background:var(--raised);max-width:none;max-height:min(92svh,60rem);color:var(--ink);overscroll-behavior:contain;border:0;border-radius:20px;margin:auto;padding:0;overflow:auto}.install-dialog::backdrop{background:var(--shade)}.install-dialog .routes{border-radius:0;width:auto;margin:0}.install-dialog .routes-head{background:var(--accent);color:var(--accent-ink);padding-right:6rem}.install-dialog .routes-head p{color:var(--accent-ink)}.dialog-close{z-index:2;border-radius:var(--radius);background:var(--accent-ink);min-height:2.75rem;color:var(--accent);border:0;padding:0 1rem;font-weight:700;position:absolute;top:1rem;right:1rem}.route-tabs{scrollbar-width:none;gap:.35rem;padding:1rem clamp(1.25rem,1rem + 1.5vw,2rem) 0;display:flex;overflow-x:auto}.route-tabs::-webkit-scrollbar{display:none}.route-tabs [role=tab]{text-align:left;border-radius:var(--radius);transition:background-color var(--t-hover) ease;flex:none;gap:.1rem;padding:.7rem .95rem;display:grid}.route-tabs .tab-name{white-space:nowrap;font-weight:680}.route-tabs .tab-what{color:var(--muted);font-size:var(--step--1);line-height:1.35;display:none}.route-tabs [aria-selected=true]{background:var(--surface)}@media (hover:hover) and (pointer:fine){.route-tabs [role=tab]:hover{background:var(--surface)}.dialog-close:hover{background:color-mix(in oklch, var(--accent-ink), var(--accent) 22%)}}.install-dialog .route[hidden]{display:none}@media (width>=860px){.install-dialog .routes{grid-template-columns:minmax(0,16rem) minmax(0,1fr)}.install-dialog .routes-head,.install-dialog .routes-next,.install-dialog .routes-needs{grid-column:1/-1}.route-tabs{flex-direction:column;padding:clamp(1.25rem,1rem + 1.5vw,2rem) 0 2rem clamp(1rem,.75rem + 1vw,1.5rem);overflow:visible}.route-tabs .tab-what{display:block}}.install-dialog .route h4{font-size:var(--step-1)}.contribute{gap:var(--gap);display:grid}.contribute h2{max-width:15ch}.contribute-text{gap:1rem;max-width:40rem;display:grid}@media (width>=1000px){.contribute{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;column-gap:4rem}}.questions h2{margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:var(--step-1);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:1.1rem;height:1.1rem;transition:rotate var(--t-hover) var(--ease-out);background:linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 100% no-repeat;flex:none}.faq details[open] summary:after{rotate:45deg}.faq details p{max-width:var(--measure);padding-bottom:1.5rem}@media (hover:hover) and (pointer:fine){.faq summary:hover{color:var(--accent-text)}}.end{margin-top:var(--section);padding-bottom:2rem}.end-run{gap:1.25rem;padding-bottom:clamp(3rem,2rem + 4vw,5rem);display:grid}.end-run h2{font-size:var(--step-2)}.end-run>p{max-width:58ch}.end-ideas{gap:var(--gap);margin:.5rem 0;padding:0;list-style:none;display:grid}@media (width>=640px){.end-ideas{grid-template-columns:repeat(3,minmax(0,1fr))}}.end-ideas li{align-content:start;gap:.6rem;min-width:0;display:grid}.end-ideas img{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.end-ideas .is-picked img{outline:2px solid var(--accent);outline-offset:3px}.end-ideas p{font-size:var(--step--1);font-weight:650}.end-ideas .route-note{vertical-align:0;margin-left:.25rem}.end-then-now{gap:var(--gap);align-items:start;margin-block:.5rem;display:grid}.end-then-now .end-ideas{margin:0}.end-now{gap:.6rem;max-width:26rem;margin:0;display:grid}.end-now img{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.end-now figcaption{font-size:var(--step--1);color:var(--muted)}.end-now figcaption b{color:var(--ink);font-weight:650}.end-now .now-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .end-now .now-light{display:none}:root:not([data-theme=light]) .end-now .now-dark{display:block}}:root[data-theme=dark] .end-now .now-light{display:none}:root[data-theme=dark] .end-now .now-dark{display:block}@media (width>=1000px){.end-then-now{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.end-now{max-width:none}}.end-window .bar{min-height:3.5rem}.end-window .address{font-size:var(--step-0);padding-block:.55rem}.end-small{border-top:1px solid var(--line);font-size:var(--step--1);color:var(--muted);gap:.35rem;padding-top:1.25rem;display:grid}.end-small a{color:inherit;padding-block:.4rem;display:inline-block}@media (prefers-reduced-motion:no-preference){.js .hero-line span{animation:rise .76s var(--ease-out) both;display:inline-block}@media (width>=900px){.js .hero-line span{display:block}}.js .hero-line span+span{animation-delay:90ms}.js .hero-sub{animation:fade-up .7s .22s var(--ease-out) both}.js .film{animation:fade-up .8s .32s var(--ease-out) both}.js .q.is-now,.js .q-result.is-now{animation:card-in .38s var(--ease-out) both}.js .run:not([hidden]) .run-text{animation:fade-up .42s var(--ease-out) both}.js [data-reveal]{opacity:0;transition:opacity .65s var(--ease-out), translate .65s var(--ease-out);translate:0 1.5rem}.js [data-reveal].is-in{opacity:1;translate:none}.js .looks-fan>*{transition:translate .9s .2s var(--ease-out), rotate .9s .2s var(--ease-out), transform .3s var(--ease-out), scale .3s var(--ease-out)}.js [data-reveal]:not(.is-in) .looks-fan>*{rotate:0deg}.js [data-reveal]:not(.is-in) .looks-fan>:first-child{translate:22% 24%}.js [data-reveal]:not(.is-in) .looks-fan>:nth-child(3){translate:-22% -24%}.js .check-audit .verdict{transition:opacity .6s ease-out .5s}.js [data-reveal]:not(.is-in) .check-audit .verdict{opacity:0}.js .closed-note{transition:clip-path .7s .65s var(--ease-out)}.js [data-reveal]:not(.is-in) .closed-note{clip-path:inset(0 100% 0 0)}}@keyframes rise{0%{opacity:0;translate:0 .32em}}@keyframes fade-up{0%{opacity:0;translate:0 1.25rem}}@keyframes card-in{0%{opacity:0;translate:1.5rem}}.fx-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.fx-w{white-space:nowrap;display:inline-block}[data-count]{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.js [data-split]:not(.fx-ready){opacity:0}.js [data-split] .fx-w{vertical-align:top;margin-block:-.12em;padding-block:.12em;overflow:clip}.js [data-split] .fx-p{transition:translate var(--fx-t,.7s) var(--ease-out,cubic-bezier(.22, 1, .36, 1)) calc(var(--fx-i) * var(--fx-step,40ms));display:inline-block;translate:0 125%}.js [data-split].is-in .fx-p{translate:none}.js [data-draw] .fx-line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--fx-t,1.4s) var(--ease-in-out,cubic-bezier(.65, 0, .35, 1)) calc(var(--fx-i) * .12s)}.js [data-draw].is-in .fx-line{stroke-dashoffset:0}.js [data-mask]{clip-path:inset(0 0 100%);transition:clip-path var(--fx-t,1.1s) var(--ease-in-out,cubic-bezier(.65, 0, .35, 1))}.js [data-mask=down]{clip-path:inset(100% 0 0)}.js [data-mask=left]{clip-path:inset(0 0 0 100%)}.js [data-mask=right]{clip-path:inset(0 100% 0 0)}.js [data-mask].is-in{clip-path:inset(0)}[data-marquee].fx-ready{overflow:clip}[data-marquee] .fx-track{width:max-content;animation:fx-marquee var(--fx-t,30s) linear infinite}[data-marquee=reverse] .fx-track{animation-direction:reverse}[data-marquee]:is(:hover,:focus-within,.fx-paused,.fx-away) .fx-track{animation-play-state:paused}@view-transition{navigation:auto}}@keyframes fx-marquee{to{translate:-50%}}[data-marquee],[data-marquee] .fx-set{align-items:center;gap:var(--fx-gap,3rem);flex-wrap:wrap;display:flex}[data-marquee] .fx-track{display:flex}@media (prefers-reduced-motion:no-preference){[data-marquee].fx-ready{display:block}[data-marquee] .fx-set{flex-wrap:nowrap;flex-shrink:0;padding-inline-end:var(--fx-gap,3rem)}}@media (prefers-reduced-motion:reduce){[data-marquee] .fx-copy,.fx-pause{display:none}}.fx-pause{font:inherit;font-size:.85em}