.strip.svelte-1oxbolq{container-type:size;min-height:0;overflow-x:clip;overflow-y:visible;opacity:.88}.strip.hidden.svelte-1oxbolq{opacity:0;visibility:hidden}.track.svelte-1oxbolq{--label-gap: .5rem;--label-lh: 1.35rem;--h: clamp(4.5rem, min(100cqh - 1.5rem - var(--label-gap) - var(--label-lh), 32vh), 25rem);--w: calc(var(--h) * 2 / 3);--gap: clamp(.5rem, .7vw, .875rem);position:relative;display:flex;align-items:center;width:max-content;height:100%;will-change:transform}.copy.svelte-1oxbolq{display:flex;flex:none;align-items:center;gap:var(--gap);padding-right:var(--gap);position:static}.screen.svelte-1oxbolq{display:block;flex:none;width:var(--w);line-height:0}a.screen.svelte-1oxbolq{cursor:pointer;color:inherit;text-decoration:none}.card.svelte-1oxbolq{position:relative;display:block;width:var(--w);height:var(--h);overflow:hidden;border-radius:0;background:var(--brand, var(--code-bg))}.label.svelte-1oxbolq{display:block;margin-top:var(--label-gap);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--step-small);line-height:var(--label-lh);height:var(--label-lh);color:var(--muted)}.obj.svelte-1oxbolq{position:absolute;display:block;box-sizing:border-box;line-height:0;--range: .25;transform:translate3d(calc(var(--p, 0) * var(--w) * var(--range) * -1),0,0);will-change:transform;box-shadow:var(--shadow-screen)}.web.svelte-1oxbolq .obj:where(.svelte-1oxbolq){left:12%;top:18%;width:150%;overflow:hidden;border-radius:var(--radius-screen)}.phone.svelte-1oxbolq .obj:where(.svelte-1oxbolq){--range: .07;--ow: calc(var(--w) * .62);--bezel: calc(var(--ow) * .018);--r: calc(var(--ow) * .09);left:19%;top:14%;width:62%;padding:var(--bezel);border-radius:calc(var(--r) + var(--bezel));background:#0b0b0c}img.svelte-1oxbolq{display:block;width:100%;height:auto;aspect-ratio:1 / var(--ratio);object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.phone.svelte-1oxbolq img:where(.svelte-1oxbolq){border-radius:var(--r)}@media(max-width:640px){.track.svelte-1oxbolq{--label-gap: 0rem;--label-lh: 0rem;--h: clamp(4.5rem, min(100cqh - .5rem, 36vh), 25rem)}.label.svelte-1oxbolq{display:none}}@media(prefers-reduced-motion:no-preference){.strip.svelte-1oxbolq{transition:opacity .4s ease-out,visibility 0s}.strip.hidden.svelte-1oxbolq{transition:opacity .4s ease-out,visibility 0s linear .4s}}.strip.reduced.svelte-1oxbolq .copy[data-copy="1"]:where(.svelte-1oxbolq){display:none}.strip.reduced.svelte-1oxbolq .obj:where(.svelte-1oxbolq){transform:none}@media(prefers-reduced-motion:reduce){.copy[data-copy="1"].svelte-1oxbolq{display:none}.obj.svelte-1oxbolq{transform:none}}.hero.svelte-549brs{--pad: clamp(1.25rem, 3vw, 2.5rem);--hl: min(clamp(var(--step-display-l), 7.8vw, 14rem), 16vh);--intro-w: clamp(17rem, 22vw, 34rem);position:relative;isolation:isolate;overflow:clip;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(4.5rem,1fr) auto auto;padding:var(--header-h) 0 var(--pad);background:var(--hero-bg, var(--bg));color:var(--hero-fg, var(--fg))}.main.svelte-549brs,.nav.svelte-549brs{z-index:2;padding-inline:var(--pad)}.main.svelte-549brs{display:grid;grid-template-columns:minmax(0,1fr) var(--intro-w);column-gap:var(--pad);align-items:start;padding-top:.5rem}.headline.svelte-549brs{grid-area:1 / 1;margin:0;font-family:var(--font-display);font-size:var(--hl);text-wrap:balance;line-height:var(--lh-display-xl);letter-spacing:var(--tracking-display-xl);font-weight:var(--weight-display-xl)}.lede.svelte-549brs{grid-area:1 / 2;margin:calc(var(--hl) * .2) 0 0;font-size:clamp(1.05rem,1.35vw,1.7rem);line-height:1.35;letter-spacing:var(--tracking-heading)}.intro.svelte-549brs{margin:0;text-wrap:pretty}.book.svelte-549brs{margin-top:.1rem}.book.svelte-549brs .cal-link{display:inline-flex;align-items:center;gap:.4em;min-height:2.75rem;padding-block:.5rem;font-size:inherit;letter-spacing:inherit}.project.svelte-549brs{position:absolute;left:var(--pad);top:calc((var(--header-h) + 100% - var(--pad)) / 2);transform:translateY(-50%);width:calc(50% - var(--pad) * 1.5);pointer-events:none}.title.svelte-549brs{margin:0;font-family:var(--font-display);font-size:min(clamp(var(--step-display-l),8vw,13rem),15vh);line-height:var(--lh-display-l);letter-spacing:var(--tracking-display-l);font-weight:var(--weight-display-l)}.one-line.svelte-549brs{margin:1.25rem 0 0;max-width:32rem;font-size:var(--step-heading);line-height:1.35;letter-spacing:var(--tracking-heading)}.built.svelte-549brs{margin:.9rem 0 0;font-size:var(--step-small);line-height:var(--lh-small);letter-spacing:.01em;font-weight:500}.nav.svelte-549brs{padding-top:1.5rem}.pills.svelte-549brs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.pill.svelte-549brs{display:inline-flex;align-items:center;gap:.4em;min-height:var(--tap-min);padding:.55rem 1.3rem;border:1px solid color-mix(in srgb,currentColor 55%,transparent);border-radius:999px;color:inherit;font-size:1.05rem;line-height:1.2;text-decoration:none;white-space:nowrap}.pill.svelte-549brs:hover,.pill.svelte-549brs:focus-visible,.pill.current.svelte-549brs{background:var(--hero-fg, var(--fg));border-color:var(--hero-fg, var(--fg));color:var(--hero-bg, var(--bg))}.pill.svelte-549brs:focus-visible{outline:2px solid var(--hero-fg, var(--fg));outline-offset:3px}.pill.all.svelte-549brs{border-style:dashed}@media(max-height:820px){.nav.svelte-549brs{padding-top:1rem}.pill.svelte-549brs{padding:.4rem 1.1rem}}.shots.svelte-549brs{position:absolute;z-index:1;top:var(--header-h);bottom:var(--pad);left:50%;right:var(--pad);pointer-events:none}.shot-set.svelte-549brs{position:absolute;inset:0}html.morph-active .shot-set.on.svelte-549brs .showcase{background:var(--hero-bg)}.layer.off.svelte-549brs,.project.svelte-549brs:not(.on),.shot-set.svelte-549brs:not(.on){opacity:0;visibility:hidden}@media(prefers-reduced-motion:no-preference){.hero.svelte-549brs{transition:background-color .4s ease-out}.layer.svelte-549brs{transition:opacity .4s ease-out,transform .4s ease-out,visibility 0s}.layer.off.svelte-549brs,.project.svelte-549brs:not(.on),.shot-set.svelte-549brs:not(.on){transition:opacity .4s ease-out,transform .4s ease-out,visibility 0s linear .4s}.pill.svelte-549brs{transition:background-color .15s ease-out,color .15s ease-out}.shot-set.on.svelte-549brs .web{animation:svelte-549brs-shot-in .5s cubic-bezier(.22,.8,.2,1) both}.shot-set.on.svelte-549brs .phone{animation:svelte-549brs-shot-in .5s cubic-bezier(.22,.8,.2,1) both;animation-delay:calc(.12s + var(--i, 0) * 80ms)}@keyframes svelte-549brs-shot-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}@media(max-width:1000px){.main.svelte-549brs{grid-template-columns:minmax(0,1fr)}.lede.svelte-549brs{grid-area:2 / 1;margin-top:1.25rem;max-width:36rem}}@media(max-width:640px){.hero.svelte-549brs{--hl: clamp(2.4rem, 11.5vw, 3.5rem)}.lede.svelte-549brs{font-size:1.05rem;padding-bottom:.75rem}.project.svelte-549brs,.shots.svelte-549brs{display:none}.nav.svelte-549brs{padding-inline:0;padding-top:0}.pills.svelte-549brs{flex-wrap:nowrap;overflow-x:auto;padding-inline:var(--pad);padding-bottom:.25rem;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);scrollbar-width:none}.pills.svelte-549brs::-webkit-scrollbar{display:none}.pills.svelte-549brs>li:where(.svelte-549brs){flex:none;scroll-snap-align:start}}