.shipped-head,.shipped-water,.product{text-shadow:var(--text-halo)}.shipped-count,.product-label,.product-facts,.product-shot figcaption,.product-pager-dir{font-family:var(--font-mono);font-variation-settings:var(--axes-mono)}.shipped-head{gap:var(--space-lg);padding-bottom:var(--space-2xl);display:grid}.shipped-lede{max-width:30rem;color:var(--color-ink);font-size:clamp(var(--text-md), .7vw + .95rem, var(--text-lg));text-wrap:pretty;line-height:1.45}.shipped-hint{margin-top:var(--space-sm);color:var(--color-ink-2);font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-sm);display:block}.shipped-hint-touch{display:none}@media (hover:none),(pointer:coarse){.shipped-hint-fine{display:none}.shipped-hint-touch{display:inline}}@media (min-width:64rem){.shipped-head{align-items:end;column-gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,30rem)}.shipped-lede{transform:translateY(-.4rem)rotate(-1.2deg)}}.shipped-empty{color:var(--color-ink-2)}.shipped-controls{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.shipped-count{color:var(--color-muted);font-size:var(--text-sm)}.lens{aspect-ratio:1;isolation:isolate;background:radial-gradient(closest-side at 50% 58%, color-mix(in oklch, var(--scene-water-shallow) 16%, transparent), color-mix(in oklch, var(--scene-water-mid) 40%, transparent));border-radius:50%;display:block;position:relative;overflow:clip}.lens-shot{object-fit:contain;transform-origin:50%;scale:var(--lens-zoom,1.18);opacity:.9;transition:scale var(--dur-long) var(--ease-out), opacity var(--dur-long) var(--ease-out);-webkit-mask-image:linear-gradient(#0000 18.75%,#000 27% 73%,#0000 81.25%),radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:linear-gradient(#0000 18.75%,#000 27% 73%,#0000 81.25%),radial-gradient(closest-side,#000 62%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.lens-glass{border-radius:inherit;pointer-events:none;background:radial-gradient(closest-side, transparent 62%, color-mix(in oklch, var(--scene-water-mid) 45%, transparent) 100%);box-shadow:inset -.7rem -.9rem 1.6rem -.5rem color-mix(in oklch, var(--scene-abyss) 72%, transparent), inset .3rem .4rem 1.1rem -.3rem color-mix(in oklch, var(--scene-caustic) 40%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--color-ink) 30%, transparent);position:absolute;inset:0}.lens-glass:before{content:"";border-radius:inherit;opacity:.8;background:conic-gradient(from 200deg, var(--color-bio), var(--scene-caustic), var(--color-accent), var(--color-accent-2), var(--color-bio), var(--scene-caustic), var(--color-accent), var(--color-bio));transition:opacity var(--dur-long) var(--ease-out);position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 4px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 4px),#000 calc(100% - 1.5px))}.lens-glass:after{content:"";background:radial-gradient(closest-side, color-mix(in oklch, var(--color-ink) 95%, transparent) 30%, color-mix(in oklch, var(--color-ink) 45%, transparent) 70%, transparent);border-radius:50%;width:28%;height:12%;position:absolute;top:9%;left:17%;rotate:-38deg}.lens:after{content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklch, var(--color-ink) 85%, transparent) 40%, transparent);border-radius:50%;width:5.5%;height:5.5%;position:absolute;top:27%;left:11.5%}.shipped-cluster{padding-block:var(--space-lg) var(--space-2xl);position:relative}.bubbles{z-index:1;justify-content:center;align-items:flex-start;row-gap:var(--space-2xl);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:relative}.bubble-item{--d:var(--d-s);--per:1;flex:0 0 calc(100% / var(--per));justify-content:flex-start;min-width:0;display:flex}.bubble-item[data-side=end]{justify-content:flex-end}.bubble{min-width:0;max-width:100%;color:var(--color-ink);white-space:normal;text-align:start;flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.bubble-item[data-side=end] .bubble{text-align:end;align-items:flex-end}.bubble:focus-visible{outline:none}.bubble-orb{width:min(100%, var(--d));aspect-ratio:1;flex:none;display:block;position:relative}.bubble-push{width:100%;height:100%;animation:bubble-surface var(--dur-epic) var(--ease-drift) calc(var(--i,0) * 90ms) backwards;display:block}@keyframes bubble-surface{0%{opacity:0;transform:translateY(4rem)scale(.7)}}.bubble-float{width:100%;height:100%;animation:bubble-rise 6.5s var(--ease-in-out) var(--phase,0s) infinite alternate, bubble-wobble 3.7s var(--ease-in-out) var(--phase,0s) infinite;display:block;position:relative}@keyframes bubble-rise{0%{translate:0 .45rem}to{translate:0 -.85rem}}@keyframes bubble-wobble{0%,to{scale:1}25%{scale:1.022 .982}50%{scale:.988 1.014}75%{scale:1.012 .99}}.bubble-lens{width:100%;height:100%;transition:scale .56s var(--ease-bob)}.bubble-status{z-index:1;transition:opacity var(--dur-micro) linear;position:absolute;top:14.6%;left:85.4%;translate:-.3125rem -50%}.bubble-status .status-mark{color:var(--color-ink)}.bubble-status .status-dot{width:.625rem;height:.625rem}.bubble-status .status-live .status-dot{box-shadow:0 0 0 .2rem color-mix(in oklch, var(--color-success) 25%, transparent), 0 0 .9rem .15rem var(--color-success)}.bubble-status .status-building .status-dot{box-shadow:0 0 0 .2rem color-mix(in oklch, var(--color-warning) 25%, transparent), 0 0 .9rem .15rem var(--color-warning)}@media (max-width:47.99rem){.bubble-item[data-side=end] .bubble-status{left:14.6%;translate:calc(.3125rem - 100%) -50%}.bubble-item[data-side=end] .bubble-status .status-mark{flex-direction:row-reverse}}.bubble-text{gap:var(--space-xs);max-width:min(100%, max(var(--d), 16rem));margin-top:var(--space-md);display:grid}.bubble-name{font-family:var(--font-display);font-variation-settings:var(--axes-display);font-weight:850;font-size:calc(1.45rem + var(--k,0) * .8rem);letter-spacing:-.03em;overflow-wrap:anywhere;-webkit-text-decoration:underline var(--color-clear);text-decoration:underline var(--color-clear);text-underline-offset:.18em;transition:color var(--dur-short) var(--ease-out);line-height:1;text-decoration-thickness:.06em;display:block}.bubble-line{color:var(--color-ink-2);text-wrap:pretty;line-height:1.5;display:block}.bubble:focus-visible .bubble-lens{outline:var(--rule-focus) solid var(--color-focus);outline-offset:5px;scale:1.07}.bubble:focus-visible .lens-shot{opacity:1;scale:1.3}.bubble:focus-visible .lens-glass:before{opacity:1}.bubble:focus-visible .bubble-name{color:var(--color-accent);text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.bubble:hover .bubble-lens{scale:1.07}.bubble:hover .lens-shot{opacity:1;scale:1.3}.bubble:hover .lens-glass:before{opacity:1}.bubble:hover .bubble-name{color:var(--color-accent)}}.bubble:active .bubble-lens{scale:.97}.bubble-item[data-pop] .bubble-lens{animation:bubble-pop .3s var(--ease-out) forwards}.bubble-item[data-pop] .bubble-status{opacity:0}@keyframes bubble-pop{0%{opacity:1;scale:1.07}40%{opacity:.9;scale:1.18}to{opacity:0;scale:1.36}}.bubble-drops{pointer-events:none;position:absolute;inset:0}.bubble-drops i{width:.6rem;height:.6rem;rotate:var(--a);background:radial-gradient(circle at 35% 35%, var(--color-ink), color-mix(in oklch, var(--scene-caustic) 55%, transparent) 70%);animation:bubble-drop .34s var(--ease-out) forwards;border-radius:50%;margin:-.3rem;position:absolute;top:50%;left:50%}.bubble-drops i:nth-child(2n){width:.4rem;height:.4rem;margin:-.2rem}@keyframes bubble-drop{0%{transform:translateX(calc(var(--d) * .46));opacity:1}to{transform:translateX(calc(var(--d) * .78)) scale(.3);opacity:0}}.shipped-fizz{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.shipped-fizz i{top:0;left:var(--x);width:var(--s);opacity:0;height:100%;animation:fizz-rise var(--t) linear var(--delay) infinite;position:absolute}.shipped-fizz i:before{content:"";width:var(--s);height:var(--s);background:radial-gradient(circle at 32% 30%, color-mix(in oklch, var(--color-ink) 75%, transparent) 0 22%, transparent 34%);box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--scene-caustic) 65%, transparent);animation:fizz-sway 2.8s var(--ease-in-out) var(--delay) infinite alternate;border-radius:50%;display:block}@keyframes fizz-rise{0%{opacity:0;transform:translateY(100%)}10%{opacity:.75}85%{opacity:.75}to{opacity:0;transform:translateY(0)}}@keyframes fizz-sway{0%{translate:-6px}to{translate:6px}}@media (min-width:48rem){.bubble-item,.bubble-item[data-side=end]{--d:var(--d-m);--per:2;padding-inline:var(--space-sm);margin-top:calc(var(--sink) * .6);justify-content:center}.bubble,.bubble-item[data-side=end] .bubble{text-align:center;align-items:center}.bubble-orb{width:min(100% - 1.5rem, var(--d));translate:var(--nudge) 0}.bubbles{row-gap:var(--space-xl)}}@media (min-width:64rem){.bubble-item,.bubble-item[data-side=end]{--d:var(--d-l);--per:var(--per-l);margin-top:var(--sink)}.bubble-name{font-size:calc(1.6rem + var(--k,0) * 1.25rem)}}@media (min-width:80rem){.bubble-item,.bubble-item[data-side=end]{--d:var(--d-xl);--per:var(--per-xl)}}.product{padding-top:clamp(7rem,24vh,15rem)}.product-back{align-items:center;gap:var(--space-xs);min-height:var(--size-hit);color:var(--color-ink-2);font-size:var(--text-sm);text-decoration:none;display:inline-flex}.product-back:hover{color:var(--color-ink)}.product-back-icon{width:1rem;height:1rem;transition:transform var(--dur-short) var(--ease-out);transform:rotate(180deg)}.product-head{z-index:1;position:relative}.product-title{margin-top:var(--space-xs);max-width:14ch}.product-top{gap:var(--space-xl);margin-top:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.product-intro{gap:var(--space-md);align-content:start;max-width:34rem;display:grid}.product-lede{color:var(--color-ink);font-size:clamp(var(--text-md), .8vw + .9rem, var(--text-lg));text-wrap:pretty;line-height:1.4}.product-facts{align-items:center;gap:var(--space-xs) var(--space-lg);color:var(--color-ink-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.product-open{margin-top:var(--space-xs);text-shadow:none;justify-self:start}.product-shot{order:-1;justify-items:center;min-width:0;margin:0;display:grid}.product-lens-bob{width:min(100%,24rem);animation:product-bob 7s var(--ease-in-out) infinite alternate;display:block}@keyframes product-bob{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}.product-lens{--lens-zoom:1.12;width:100%;animation:lens-swim-in var(--dur-epic) var(--ease-out) both}.product-lens .lens-shot{opacity:1;animation:lens-swim-shot 1.2s var(--ease-out) both}@keyframes lens-swim-in{0%{opacity:0;scale:.5}45%{opacity:1}}@keyframes lens-swim-shot{0%{scale:2}}.product-shot figcaption{margin-top:var(--space-md);max-width:30rem;color:var(--color-muted);font-size:var(--text-xs);text-align:center}@media (min-width:48rem){.product-lens-bob{width:min(100%,30rem)}}@media (min-width:64rem){.product-top{align-items:start;column-gap:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.product-shot{margin-top:calc(-1 * var(--space-4xl));order:0}.product-lens-bob{width:min(100%,38rem)}}.product-wave{margin-block:var(--space-2xl);color:color-mix(in oklch, var(--color-ink) 22%, transparent)}.product-label{color:var(--color-accent);font-size:var(--text-sm);font-weight:500}.product-does-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.product-does-grid dt{font-size:var(--text-sm)}.product-does-grid dd{margin:var(--space-xs) 0 0;color:var(--color-ink);font-size:var(--text-md);text-wrap:pretty;line-height:1.4}@media (min-width:48rem){.product-does-grid{column-gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr))}.product-does-grid>div:nth-child(2){margin-top:var(--space-xl)}.product-does-grid>div:nth-child(3){margin-top:calc(var(--space-xl) * 2)}}.product-body{gap:var(--space-2xl);margin-top:var(--space-3xl);grid-template-columns:minmax(0,1fr);display:grid}.product-h2{font-size:var(--text-xl);letter-spacing:-.03em}.product-story p{max-width:var(--size-prose);margin-top:var(--space-md);color:var(--color-ink-2)}.product-story p:first-of-type{color:var(--color-ink);font-size:var(--text-md);line-height:1.5}.product-stack ul{gap:var(--space-xs);margin:var(--space-md) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.product-stack li{padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);color:var(--color-ink-2);font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-sm)}@media (min-width:64rem){.product-body{align-items:start;column-gap:var(--space-3xl);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.product-stack{margin-top:var(--space-3xl);transform:rotate(1.2deg)}}.product-pager{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.product-pager-link{gap:var(--space-2xs);min-width:0;padding-block:var(--space-md);color:var(--color-ink);white-space:normal;flex-direction:column;text-decoration:none;display:flex}.product-pager-next{text-align:right;align-items:flex-end}.product-pager-dir{color:var(--color-muted);font-size:var(--text-sm)}.product-pager-name{font-family:var(--font-display);font-variation-settings:var(--axes-display);font-weight:850;font-size:clamp(var(--text-lg), 2.5vw + 1rem, var(--text-3xl));letter-spacing:-.035em;overflow-wrap:anywhere;transition:color var(--dur-short) var(--ease-out), transform .56s var(--ease-bob);line-height:1}@media (hover:hover) and (pointer:fine){.product-back:hover .product-back-icon{transform:rotate(180deg)translate(.25rem)}.product-pager-link:hover .product-pager-name{color:var(--color-accent);transform:translateY(-.12em)}}.product-pager-link:focus-visible .product-pager-name{color:var(--color-accent)}[data-motion=paused] .shipped-hint,[data-motion=paused] .shipped-fizz{display:none}[data-motion=paused] .bubble-push,[data-motion=paused] .bubble-float,[data-motion=paused] .bubble-lens,[data-motion=paused] .product-lens-bob,[data-motion=paused] .product-lens,[data-motion=paused] .product-lens .lens-shot{animation:none}[data-motion=paused] .bubble-lens,[data-motion=paused] .lens-shot,[data-motion=paused] .lens-glass:before,[data-motion=paused] .product-back-icon,[data-motion=paused] .product-pager-name{transition:none}[data-motion=paused] .bubble:active .bubble-lens{scale:1}[data-motion=paused] .product-back:hover .product-back-icon{transform:rotate(180deg)}[data-motion=paused] .product-pager-link:hover .product-pager-name{transform:none}@media (prefers-reduced-motion:reduce){.bubble-push,.bubble-float,.bubble-lens,.shipped-fizz i,.shipped-fizz i:before,.product-lens-bob,.product-lens,.product-lens .lens-shot{animation:none!important}.shipped-fizz{display:none}}