.story p:has(>img+img)>img{cursor:zoom-in}.lightbox{background:color-mix(in srgb, var(--bg) 97%, transparent);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0}.lightbox::backdrop{background:0 0}.lightbox[open]{animation:lightbox-in .35s var(--ease);place-items:center;display:grid}@keyframes lightbox-in{0%{opacity:0}}.lightbox figure{flex-direction:column;align-items:center;gap:.9rem;max-width:calc(100vw - 10rem);display:flex}.lightbox img{object-fit:contain;cursor:default;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 8rem)}.lightbox figcaption{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);gap:1.5rem;display:flex}.lightbox button{font:inherit;font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:.6rem .9rem;position:fixed}.lightbox .close{top:var(--gutter);right:var(--gutter)}.lightbox .nav{font-size:1.5rem;top:50%;transform:translateY(-50%)}.lightbox .prev{left:var(--gutter)}.lightbox .next{right:var(--gutter)}.lightbox button:hover{color:var(--muted)}@media (width<=760px){.lightbox figure{max-width:calc(100vw - var(--gutter) * 2)}.lightbox .nav{top:auto;bottom:var(--gutter);transform:none}}.head[data-astro-cid-pznzci7v]{padding-block:calc(var(--gutter) * 3) calc(var(--gutter) * 2.5)}h1[data-astro-cid-pznzci7v]{font-size:var(--step-3);line-height:1.05}.lede[data-astro-cid-pznzci7v]{max-width:var(--measure);margin-top:1.25rem;font-size:1.0625rem;line-height:1.5}.glance[data-astro-cid-pznzci7v]{max-width:calc(var(--measure) * 1.6);margin-top:calc(var(--gutter) * 1.5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem clamp(1.5rem,4vw,4rem);line-height:1.5;display:grid}.glance[data-astro-cid-pznzci7v] dd[data-astro-cid-pznzci7v]{margin-top:.25rem}.meta[data-astro-cid-pznzci7v]{margin-top:calc(var(--gutter) * 2);flex-wrap:wrap;gap:1rem clamp(1.5rem,4vw,4rem);display:flex}.meta[data-astro-cid-pznzci7v] dd[data-astro-cid-pznzci7v]{margin-top:.15rem}.story[data-astro-cid-pznzci7v]{gap:calc(var(--gutter) * 1.5);margin-top:calc(var(--gutter) * 1.5);flex-direction:column;display:flex}.story[data-astro-cid-pznzci7v] :is(p,h2,h3,ul,ol,blockquote){max-width:var(--measure)}.story[data-astro-cid-pznzci7v] h2{margin-top:var(--gutter);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400}.story[data-astro-cid-pznzci7v] h3{letter-spacing:-.02em;font-size:clamp(1.25rem,1rem + .9vw,1.75rem);font-weight:400;line-height:1.2}.story[data-astro-cid-pznzci7v] :is(h2+:is(p,h3),h3+p){margin-top:calc(var(--gutter) * -1)}.story[data-astro-cid-pznzci7v] .chapter{gap:var(--gutter);padding-block:calc(var(--gutter) * 2);border-block:1px solid var(--rule);flex-direction:column;display:flex}.story[data-astro-cid-pznzci7v] .chapter>*{margin:0}.story[data-astro-cid-pznzci7v] .chapter h3{letter-spacing:-.03em;font-size:clamp(2rem,1.2rem + 2.6vw,3.5rem);line-height:1.05}.story[data-astro-cid-pznzci7v] .chapter p{max-width:32em;font-size:clamp(1.125rem,1rem + .45vw,1.4rem);line-height:1.45}.story[data-astro-cid-pznzci7v] p:has(>img){max-width:none}.story[data-astro-cid-pznzci7v] img{width:100%}.story[data-astro-cid-pznzci7v] p:has(>img+img){columns:2;column-gap:calc(var(--gutter) / 2)}.story[data-astro-cid-pznzci7v] p:has(>img:nth-of-type(5)),.story[data-astro-cid-pznzci7v] p:has(>img:nth-of-type(3)):not(:has(>img:nth-of-type(4))){columns:3}.story[data-astro-cid-pznzci7v] p:has(>img:nth-of-type(4)):not(:has(>img:nth-of-type(5))){columns:4}.story[data-astro-cid-pznzci7v] .cols-2>p:has(>img+img):not(:has(>img:nth-of-type(99))){columns:2}.story[data-astro-cid-pznzci7v] p:not(:has(img))+p:not(:has(img)){margin-top:calc(var(--gutter) * -.9)}.story[data-astro-cid-pznzci7v] p:has(>img+img) img{break-inside:avoid;margin-bottom:calc(var(--gutter) / 2)}.story[data-astro-cid-pznzci7v] :is(.showcase,.frames,.phones){gap:var(--gutter);align-items:start;display:grid}.story[data-astro-cid-pznzci7v] .showcase{grid-template-columns:minmax(0,1fr) 17rem;align-items:stretch}.story[data-astro-cid-pznzci7v] .showcase:not(:has(.phone)){grid-template-columns:minmax(0,1fr)}.story[data-astro-cid-pznzci7v] .frames{grid-template-columns:repeat(2,minmax(0,1fr))}.story[data-astro-cid-pznzci7v] .frames>:last-child:nth-child(odd){grid-column:1/-1}.story[data-astro-cid-pznzci7v] .phones{grid-template-columns:repeat(3,minmax(0,17rem))}.story[data-astro-cid-pznzci7v] .phones .phone .browser-view{flex:none;height:min(64vh,36rem)}.story[data-astro-cid-pznzci7v] .browser{border:1px solid var(--rule);background:var(--plate);border-radius:.6rem;flex-direction:column;margin:0;display:flex;overflow:hidden}.story[data-astro-cid-pznzci7v] .browser:before{content:attr(data-label);white-space:nowrap;text-overflow:ellipsis;font-size:var(--step--1);letter-spacing:.02em;color:var(--muted);border-bottom:1px solid var(--rule);background:radial-gradient(circle, var(--rule) .24rem, transparent .26rem) 1rem 50% / .9rem .9rem no-repeat, radial-gradient(circle, var(--rule) .24rem, transparent .26rem) 1.75rem 50% / .9rem .9rem no-repeat, radial-gradient(circle, var(--rule) .24rem, transparent .26rem) 2.5rem 50% / .9rem .9rem no-repeat;padding:.55rem 1rem .55rem 3.6rem;display:block;overflow:hidden}.story[data-astro-cid-pznzci7v] .browser-view{scrollbar-width:thin;scrollbar-color:var(--rule) transparent;height:min(72vh,52rem);overflow-y:auto}.story[data-astro-cid-pznzci7v] .frames .browser-view{height:min(64vh,44rem)}.story[data-astro-cid-pznzci7v] .browser-view p{margin:0}.story[data-astro-cid-pznzci7v] .browser-view img{width:100%;height:auto;display:block}.story[data-astro-cid-pznzci7v] .browser.phone{border-width:.4rem;border-color:var(--ink);border-radius:1.75rem}.story[data-astro-cid-pznzci7v] .browser.phone:before{display:none}.story[data-astro-cid-pznzci7v] .phone .browser-view{border-radius:1.35rem;flex:1 1 0;height:0;min-height:0}.story[data-astro-cid-pznzci7v] .live-link{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase}.story[data-astro-cid-pznzci7v] .live-link a{border-bottom:1px solid var(--rule);transition:border-color .3s var(--ease)}.story[data-astro-cid-pznzci7v] .live-link a:hover{border-color:currentColor}.story[data-astro-cid-pznzci7v] .palette{gap:calc(var(--gutter) / 2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.story[data-astro-cid-pznzci7v] .palette>div{font-size:var(--step--1);flex-direction:column;gap:.2rem;display:flex}.story[data-astro-cid-pznzci7v] .palette>div:before{content:"";aspect-ratio:3/4;background:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);margin-bottom:.6rem;display:block}.story[data-astro-cid-pznzci7v] .palette span{letter-spacing:.06em;text-transform:uppercase}.story[data-astro-cid-pznzci7v] .palette small{font-size:inherit;color:var(--muted)}.story[data-astro-cid-pznzci7v] .palette .gradient{grid-column:1/-1}.story[data-astro-cid-pznzci7v] .palette .gradient:before{aspect-ratio:auto;background:linear-gradient(90deg,#9605f0,#f613e7 25%,#f844eb 40%,#e5a6f3 58%,#bcb6fd 68%,#7e35fa 85%,#6a08f8);height:2.5rem}.story[data-astro-cid-pznzci7v] .stats{gap:var(--gutter) clamp(2rem, 5vw, 4.5rem);padding-block:var(--gutter);border-block:1px solid var(--rule);flex-wrap:wrap;margin:0;display:flex}.story[data-astro-cid-pznzci7v] .stats div{flex-direction:column-reverse;gap:.35rem;display:flex}.story[data-astro-cid-pznzci7v] .stats dd{letter-spacing:-.03em;font-size:clamp(2.25rem,1.5rem + 2.5vw,3.75rem);line-height:1}.story[data-astro-cid-pznzci7v] .stats dt{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.story[data-astro-cid-pznzci7v] p:has(>video){max-width:none}.story[data-astro-cid-pznzci7v] video.loop{background:var(--plate);width:100%;height:auto;display:block}.story[data-astro-cid-pznzci7v] video.loop.square{max-width:min(100%,36rem)}.story[data-astro-cid-pznzci7v] .motion-grid{gap:calc(var(--gutter) / 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=760px){.story[data-astro-cid-pznzci7v] .motion-grid{grid-template-columns:minmax(0,1fr)}}.story[data-astro-cid-pznzci7v] .video{aspect-ratio:16/9;background:var(--plate);position:relative}.story[data-astro-cid-pznzci7v] .video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.credits[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v]+li[data-astro-cid-pznzci7v]{margin-top:.1rem}.credits[data-astro-cid-pznzci7v] .muted[data-astro-cid-pznzci7v]{color:var(--muted)}.credits[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v] .muted[data-astro-cid-pznzci7v]{margin-left:.4rem}.credit-link[data-astro-cid-pznzci7v]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.2em;transition:text-decoration-color .3s var(--ease)}.credit-link[data-astro-cid-pznzci7v]:hover{text-decoration-color:currentColor}.credit-group[data-astro-cid-pznzci7v]+.credit-group[data-astro-cid-pznzci7v]{margin-top:.75rem}.credits[data-astro-cid-pznzci7v] .group[data-astro-cid-pznzci7v]{margin-bottom:.15rem}.story[data-astro-cid-pznzci7v] :is(blockquote,blockquote p,.chapter h3){max-width:none}.story[data-astro-cid-pznzci7v] ul{padding-left:1.1em;list-style:outside}.story[data-astro-cid-pznzci7v] ul li+li{margin-top:.4em}.story[data-astro-cid-pznzci7v] ul li::marker{color:var(--muted)}.story[data-astro-cid-pznzci7v] .columns{gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.story[data-astro-cid-pznzci7v] .columns.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=760px){.story[data-astro-cid-pznzci7v] .columns.two{grid-template-columns:minmax(0,1fr)}}.story[data-astro-cid-pznzci7v] .columns>div{flex-direction:column;gap:.6rem;display:flex}.story[data-astro-cid-pznzci7v] .columns>div>*{max-width:none;margin:0}.story[data-astro-cid-pznzci7v] .table-wrap{overflow-x:auto}.story[data-astro-cid-pznzci7v] table.results{border-collapse:collapse;width:100%;min-width:36rem;font-size:var(--step--1);line-height:1.45}.story[data-astro-cid-pznzci7v] .results caption{caption-side:bottom;text-align:left;color:var(--muted);padding-top:.75rem}.story[data-astro-cid-pznzci7v] .results :is(th,td){border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:.9rem 1rem .9rem 0;font-weight:400}.story[data-astro-cid-pznzci7v] .results thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--ink);padding-top:0;font-size:.85em}.story[data-astro-cid-pznzci7v] .results tbody th{width:22%;color:var(--ink)}.story[data-astro-cid-pznzci7v] .results td:nth-child(2){color:var(--muted)}.story[data-astro-cid-pznzci7v] .results :is(td,th):nth-child(n+3){text-align:right;width:14%;padding-right:0}.story[data-astro-cid-pznzci7v] .results td:nth-child(n+3){letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.35em}.story[data-astro-cid-pznzci7v] .results td:nth-child(n+3):not(.win){color:var(--muted)}.story[data-astro-cid-pznzci7v] .results td.win{color:var(--ink);font-weight:600}.story[data-astro-cid-pznzci7v] blockquote{margin:var(--gutter) 0;font-size:var(--step-3);letter-spacing:-.025em;line-height:1.1}.next[data-astro-cid-pznzci7v]{margin-top:calc(var(--gutter) * 4);padding-top:var(--gutter);border-top:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:var(--gutter);display:flex}.next[data-astro-cid-pznzci7v] a[data-astro-cid-pznzci7v]:first-child{flex-direction:column;gap:.4rem;display:inline-flex}.next[data-astro-cid-pznzci7v] .all[data-astro-cid-pznzci7v]{color:var(--ink)}.back[data-astro-cid-pznzci7v]{top:var(--gutter);right:var(--gutter);z-index:5;color:var(--ink);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--rule);transition:background .3s var(--ease), color .3s var(--ease);border-radius:999px;padding:.5rem .9rem;position:fixed}.back[data-astro-cid-pznzci7v]:hover{background:var(--ink);color:var(--bg)}.next-title[data-astro-cid-pznzci7v]{font-size:var(--step-3);line-height:1.05}@media (width<=760px){.head[data-astro-cid-pznzci7v]{padding-block:var(--gutter) calc(var(--gutter) * 2)}.meta[data-astro-cid-pznzci7v]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.credits[data-astro-cid-pznzci7v]{grid-column:1/-1}.back[data-astro-cid-pznzci7v]{top:auto;right:50%;bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));transform:translate(50%)}.story[data-astro-cid-pznzci7v] p:has(>img:nth-of-type(3)){columns:2}.story[data-astro-cid-pznzci7v] .showcase,.story[data-astro-cid-pznzci7v] .frames{grid-template-columns:minmax(0,1fr)}.story[data-astro-cid-pznzci7v] .browser.phone{display:none}.story[data-astro-cid-pznzci7v] .phones{grid-template-columns:repeat(2,minmax(0,1fr))}.story[data-astro-cid-pznzci7v] .palette{grid-template-columns:repeat(3,minmax(0,1fr))}.story[data-astro-cid-pznzci7v] .phones .browser.phone{display:flex}}