:root{--bg: oklch(99% .002 240);--surface: oklch(100% 0 0);--fg: oklch(18% .012 250);--muted: oklch(54% .012 250);--subtle: oklch(72% .004 250);--border: oklch(92% .005 250);--hue: 255;--accent: oklch(58% .18 var(--hue));--accent-dim: oklch(58% .18 var(--hue) / .08);--ink: oklch(22% .04 265);--nav-bg: oklch(99% .002 240 / .88);--text: oklch(34% .012 250);--shadow-color: rgba(17, 17, 17, .12);--tint: oklch(95% .012 var(--hue));--tint-border: var(--tint-border);--hue-border: var(--hue-border);--hue-fg: oklch(38% .12 var(--hue));--hue-ink: oklch(42% .12 var(--hue));--hue-hover: oklch(93% .04 var(--hue));--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:57px}a{color:inherit}body>nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 32px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav-logo{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;background:linear-gradient(90deg,#ff4d6d,#ffb703,#3ddc97,#3a86ff,#b517ff,#ff4d6d);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;clip-path:inset(0 100% 0 0);animation:navLogoReveal .72s cubic-bezier(.22,1,.36,1) .12s forwards,navLogoRainbow 1.4s linear .12s both}.nav-links{display:flex;align-items:center;gap:18px}.nav-link{font-size:14px;color:var(--muted);text-decoration:none;letter-spacing:-.01em;transition:color .15s;white-space:nowrap}.nav-link:hover{color:var(--fg)}.nav-link[aria-current]{position:relative;color:var(--fg)}.nav-link[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;border-radius:1px;background:linear-gradient(90deg,#ff4d6d,#ffb703,#3ddc97,#3a86ff,#b517ff,#ff4d6d);background-size:220% 100%;animation:navLogoRainbow 1.4s linear .12s both}@keyframes navLogoReveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(4px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@keyframes navLogoRainbow{0%{background-position:0% 50%}to{background-position:100% 50%}}.shell{max-width:1120px;margin:0 auto;padding:40px 32px 80px}@keyframes contentReveal{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.reveal{opacity:0;animation:contentReveal .64s cubic-bezier(.22,1,.36,1) both}.back-shortcut,.link-shortcut{position:fixed;top:76px;z-index:90;display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 8px 24px #11111114;opacity:0;animation:contentReveal .64s cubic-bezier(.22,1,.36,1) .18s both;transition:opacity .72s cubic-bezier(.4,0,.2,1),background-color .72s cubic-bezier(.4,0,.2,1),border-color .72s cubic-bezier(.4,0,.2,1),color .72s cubic-bezier(.4,0,.2,1),box-shadow .72s cubic-bezier(.4,0,.2,1)}.back-shortcut{left:max(32px,calc((100% - 1120px)/2 + 32px))}.link-shortcut{right:max(32px,calc((100% - 1120px)/2 + 32px))}.back-shortcut:hover,.back-shortcut:focus-visible,.link-shortcut:hover,.link-shortcut:focus-visible{color:var(--fg)}.back-shortcut kbd,.link-shortcut kbd{font:inherit;color:var(--fg);background:color-mix(in oklab,var(--surface),var(--fg) 4%);border:1px solid var(--border);border-radius:6px;padding:2px 6px;line-height:1;box-shadow:0 1px 0 var(--border);transition:background-color .72s cubic-bezier(.4,0,.2,1),border-color .72s cubic-bezier(.4,0,.2,1),color .72s cubic-bezier(.4,0,.2,1),box-shadow .72s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1)}.back-shortcut:hover kbd,.back-shortcut:focus-visible kbd,.link-shortcut:hover kbd,.link-shortcut:focus-visible kbd{transform:translateY(-1px)}.back-shortcut:active kbd,.link-shortcut:active kbd{transform:translateY(0)}@property --link-glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.link-shortcut:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--link-glow-angle),transparent 0 45%,#ff4d6d 62%,#ffb703 72%,#3ddc97 81%,#3a86ff 90%,#b517ff 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;pointer-events:none;animation:linkGlow 7s linear 2.4s infinite}@keyframes linkGlow{0%{--link-glow-angle: 0deg;opacity:0}4%{opacity:1}26%{opacity:1}32%{--link-glow-angle: 400deg;opacity:0}to{--link-glow-angle: 400deg;opacity:0}}.back-shortcut .action-label,.link-shortcut .action-label{display:inline-block;line-height:1;transform:translateY(1px)}.chapter-nav{position:fixed;top:76px;left:50%;z-index:95;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface),transparent 10%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #11111114;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.chapter-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.chapter-nav a{display:inline-flex;align-items:center;gap:8px;min-height:25px;padding:3px 11px 5px;border-radius:999px;color:var(--muted);font-size:13px;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.chapter-nav a:hover{color:var(--fg)}.chapter-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chapter-nav a[aria-current]{background:var(--accent-dim);color:var(--accent)}:where(article:has(.chapter-nav)) :where(.lens[id],.block[id],.feature[id]){scroll-margin-top:110px}@media (max-width: 1000px){.chapter-nav{max-width:calc(100vw - 150px);overflow-x:auto;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}}@media (max-width: 760px){.chapter-nav{top:68px;left:auto;right:16px;transform:translateY(-8px)}.chapter-nav.is-visible{transform:none}.chapter-nav a{padding:3px 9px 5px;font-size:12px}article:has(.chapter-nav) .link-shortcut{display:none}}@media (prefers-reduced-motion: reduce){.chapter-nav{transition:opacity 1ms}}@media screen{:root[data-theme=dark] .chapter-nav{box-shadow:0 8px 24px var(--shadow-color)}}.page-head{padding-top:56px}.head{margin-top:0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 32px}h1{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.03em}.lede{max-width:64ch;margin-top:14px;color:var(--muted);font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;list-style:none}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 13px 2px;border:1px solid var(--hue-border);border-radius:999px;background:var(--accent-dim);color:var(--hue-fg);font-size:13px;letter-spacing:.01em}.video-play-icon{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:72px;height:72px;pointer-events:none;color:#fff;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.22,1,.36,1)}.video-play-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:1px solid oklch(100% 0 0 / .42);border-radius:50%;background:#02030694;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 12px 36px #00000061;transition:background-color .3s ease,border-color .3s ease}.video-play-icon svg{display:block;width:30px;height:30px;fill:currentColor}.video-play-trigger:hover .video-play-icon{transform:translate(-50%,-50%) scale(1.08)}.video-play-trigger:hover .video-play-icon:before{border-color:#ffffff9e;background:#020306b8}.gallery{margin-top:36px;padding:14px;border:1px solid var(--border);border-radius:20px;background:var(--tint);display:grid;gap:12px}.gallery[hidden]{display:none}.gallery-row{display:grid;grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr));align-items:start;gap:12px}.shot-open{display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--tint-border);border-radius:12px;background:var(--surface);cursor:zoom-in}.shot-open img,.shot-open video{display:block;width:100%;height:auto;transition:transform .4s cubic-bezier(.22,1,.36,1)}.shot-open video{background:var(--ink)}.shot-open:hover img,.shot-open:hover video{transform:scale(1.015)}@media (min-width: 761px){.gallery-strip{grid-template-columns:repeat(var(--cols),calc((100% - ((max(var(--cols),5) - 1)*12px))/max(var(--cols),5)));justify-content:center}}.gallery-wide-hero .gallery-row:first-child .shot-open :is(img,video){aspect-ratio:4005 / 1558;object-fit:cover}.gallery-strip .shot-open img,.gallery-strip .shot-open video{aspect-ratio:16 / 9;object-fit:cover}.shot-open.is-media-loading{aspect-ratio:16 / 9}.gallery-wide-hero .gallery-row:first-child .shot-open.is-media-loading,.gallery-strip .shot-open.is-media-loading{aspect-ratio:auto}.shot-open.is-media-loading>:is(img,video){opacity:0}.shot-open :is(img,video){transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.shot-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-videos{margin-top:20px}.gallery-videos .shot-open video{aspect-ratio:16 / 9;object-fit:cover}.shot figcaption{margin-top:8px;padding:0 2px;color:var(--muted);font-size:13.5px}:root{--rainbow-load: linear-gradient(115deg, oklch(68% .24 25) 0%, oklch(78% .18 80) 15%, oklch(76% .2 145) 30%, oklch(70% .22 220) 48%, oklch(70% .24 300) 66%, oklch(76% .22 350) 82%, oklch(68% .24 25) 100%)}@keyframes rainbowLoad{0%{background-position:0% 50%}to{background-position:100% 50%}}img.is-media-loading{background:var(--rainbow-load);background-size:260% 100%;opacity:.82;animation:rainbowLoad 1.4s ease-in-out infinite alternate}:not(img).is-media-loading{position:relative}:not(img).is-media-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:var(--rainbow-load);background-size:260% 100%;opacity:.82;animation:rainbowLoad 1.4s ease-in-out infinite alternate;pointer-events:none}.lightbox{max-width:94vw;max-height:94vh;margin:auto;padding:0;border:0;border-radius:12px;background:transparent;overflow:visible;cursor:zoom-out;touch-action:pan-y;-webkit-user-select:none;user-select:none}.lightbox:focus{outline:none}.lightbox::backdrop{background:#06090ddb}.lightbox-stage{border-radius:12px;transition:translate .32s cubic-bezier(.22,1,.36,1)}.lightbox-stage.is-dragging{transition:none}.lightbox-stage.is-entering{animation:lightboxEnter .36s cubic-bezier(.22,1,.36,1)}@keyframes lightboxEnter{0%{opacity:0;translate:calc(var(--enter, 0) * 48px) 0}}.lightbox-stage.is-media-loading{min-width:min(720px,86vw);aspect-ratio:16 / 10;overflow:hidden}.lightbox-stage.is-media-loading>*{opacity:0}.lightbox img,.lightbox video{display:block;max-width:94vw;max-height:94vh;object-fit:contain;border-radius:12px;-webkit-user-drag:none}.lightbox-nav,.lightbox-close{position:fixed;top:calc(50% - 24px);z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:none;color:#ffffffdb;cursor:pointer;transition:color .2s ease}.lightbox-nav:before,.lightbox-close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:1px solid oklch(100% 0 0 / .18);border-radius:50%;background:#ffffff1a;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff1f;transition:background-color .2s ease,border-color .2s ease,scale .2s cubic-bezier(.22,1,.36,1)}.lightbox-nav svg,.lightbox-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lightbox-nav:hover,.lightbox-close:hover{color:#fff}.lightbox-nav:hover:before,.lightbox-close:hover:before{background:#fff3;border-color:#ffffff52;scale:1.06}.lightbox-nav:active:before,.lightbox-close:active:before{scale:.96}.lightbox-nav:focus-visible,.lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:3px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close{top:20px;right:20px;width:44px;height:44px}.lightbox-close svg{width:18px;height:18px}.lightbox-count{position:fixed;left:50%;bottom:16px;translate:-50% 0;padding:6px 12px;border:1px solid oklch(100% 0 0 / .14);border-radius:999px;background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font:500 12px/1.2 var(--font-mono);letter-spacing:.06em;pointer-events:none}.lightbox-count:empty,.lightbox.is-single .lightbox-nav,.lightbox.is-long .lightbox-nav{display:none}@media (hover: none){.lightbox-nav{top:auto;bottom:10px;translate:none;width:40px;height:40px}.lightbox-close{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){img.is-media-loading,:not(img).is-media-loading:before{animation:none}.lightbox-stage,.lightbox-stage.is-entering{transition:none;animation:none}}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;padding:48px 0;border-top:1px solid var(--border)}.block{padding:48px 0;border-top:1px solid var(--border)}.first{margin-top:56px}.gallery+.first{border-top:0;padding-top:0}h2{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.015em}.pair p,.block>p{margin-top:14px;color:var(--text);font-size:16px;line-height:1.7}.pair p+p{margin-top:12px}.block>.block-note{margin-top:16px;color:var(--muted);font-size:15px}.block>.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:24px 56px;margin-top:20px;list-style:none;counter-reset:step}.steps li{display:grid;grid-template-columns:40px 1fr;color:var(--text);line-height:1.7;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);padding-top:4px;color:var(--subtle);font-family:var(--font-mono);font-size:12px}.steps strong{color:var(--fg);font-weight:600}.wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;list-style:none}.win{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,1.6vw,30px);border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.4,0,.2,1)}.win:hover{transform:translateY(-2px);box-shadow:0 14px 38px var(--shadow-color)}.win-index{color:var(--accent);font-family:var(--font-mono);font-size:13px;letter-spacing:.08em}.win-title{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.15;letter-spacing:-.015em}.win-desc{color:var(--muted);font-size:15px;line-height:1.45}.stages{display:grid;gap:8px;margin-top:24px;list-style:none}.stage{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:14px 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.4,0,.2,1)}.stage:hover{transform:translateY(-2px);box-shadow:0 14px 38px var(--shadow-color)}.stage-index{color:var(--accent);font-family:var(--font-mono);font-size:13px;letter-spacing:.08em}.stage-text{display:flex;flex-direction:column}.stage-title{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.stage-desc{margin-top:2px;color:var(--muted);font-size:14.5px;line-height:1.5}.stage-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.chip{padding:5px 12px;border:1px solid var(--hue-border);border-radius:999px;background:var(--accent-dim);color:var(--hue-ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:32px 56px;padding:48px 0;border-top:1px solid var(--border)}.eyebrow{margin-bottom:8px;color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.feature-text>p:not(.eyebrow){margin-top:14px;color:var(--text);line-height:1.7}.points a{text-decoration:none;transition:color .15s}.points a[target=_blank]:after{content:" ↗"}.points a:hover{color:var(--accent)}.points a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}a.chip{display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}a.chip:after{content:"↗";font-size:1.05em;line-height:1;letter-spacing:0}a.chip:hover{border-color:var(--accent);background:var(--hue-hover);color:var(--accent)}a.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.points{display:grid;gap:6px;margin-top:16px;list-style:none}.points li{display:grid;grid-template-columns:24px 1fr;color:var(--text)}.points li:before{content:"→";color:var(--accent);font-family:var(--font-mono)}.frame{padding:10px;border:1px solid var(--border);border-radius:18px;background:var(--tint)}.frame img,.frame video{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--tint-border);border-radius:10px;background:var(--ink)}.compare{--compare-pos: 50%;position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--tint-border);border-radius:10px;background:#101010;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.frame .compare img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border:0;border-radius:0;pointer-events:none}.compare .compare-after{clip-path:inset(0 calc(100% - var(--compare-pos)) 0 0)}.compare:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compare-line{position:absolute;top:0;bottom:0;left:var(--compare-pos);width:2px;translate:-50% 0;background:#111;pointer-events:none}.compare-label{position:absolute;bottom:14px;padding:7px 14px;border:1px solid rgb(255 255 255 / .14);border-radius:999px;background:#0c0e129e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.compare-label.after{left:14px}.compare-label.before{right:14px}.lens{padding:56px 0 8px;border-top:1px solid var(--border)}article>:is(.block,.feature,.pair):has(+:is(.lens,.next)){padding-bottom:56px}.lens-title{font-size:clamp(30px,3.6vw,40px);font-weight:700;line-height:1.1;letter-spacing:-.03em}.lens-sub{max-width:64ch;margin-top:12px;color:var(--muted);font-size:17px;line-height:1.6}.lens~.block{border-top:0;padding:36px 0}.lens+.block{padding-top:12px}.lens+.block>:first-child{margin-top:0}.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 56px;margin-top:24px}.cols2 h3{font-size:16px;font-weight:600;letter-spacing:-.01em}.cols2 h3+.points{margin-top:10px}.stat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px 56px;margin-top:24px}.stat-big{color:var(--accent);font-family:var(--font-display);font-size:clamp(72px,9vw,120px);font-weight:700;line-height:1;letter-spacing:-.04em}.stat-caption{margin-top:10px;color:var(--muted);font-size:16px}.stat .points strong{color:var(--accent);font-weight:700}.stat-big,.stat .points strong{font-variant-numeric:tabular-nums}@media (scripting: enabled) and (prefers-reduced-motion: no-preference){.stat:not(.is-visible) :is(.stat-big,.stat-caption,.points li){opacity:0}}.stat.is-visible .stat-big{animation:statRise .72s cubic-bezier(.22,1,.36,1) both}.stat.is-visible .stat-caption{animation:statRise .64s cubic-bezier(.22,1,.36,1) .24s both}.stat.is-visible .points li{animation:statRise .56s cubic-bezier(.22,1,.36,1) var(--sd, 0ms) both}@keyframes statRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.wins.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wins.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.win-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.win .points{margin-top:4px;font-size:15px}.win-note{margin-top:auto;padding-top:6px;color:var(--muted);font-size:14px;font-style:italic}.diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.diagrams figcaption{margin-top:10px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-align:center;text-transform:uppercase}.frame-light{padding:16px;background:var(--surface)}.switcher{position:relative}.switcher>input{position:absolute;opacity:0;pointer-events:none}.switcher-panels{display:grid}.switcher-panels>*,.switcher-panels>img.is-media-loading{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .36s ease}.switcher-tabs{position:absolute;left:50%;bottom:14px;translate:-50% 0;display:inline-flex;gap:2px;padding:3px;border:1px solid rgb(255 255 255 / .14);border-radius:999px;background:#0c0e129e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.switcher-tabs label{padding:7px 14px;border-radius:999px;color:#ffffffb3;font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.switcher-tabs label:hover{color:#fff}.switcher>input:nth-of-type(1):checked~.switcher-panels>:nth-child(1),.switcher>input:nth-of-type(2):checked~.switcher-panels>:nth-child(2),.switcher>input:nth-of-type(3):checked~.switcher-panels>:nth-child(3),.switcher>input:nth-of-type(4):checked~.switcher-panels>:nth-child(4){opacity:1;pointer-events:auto}.switcher>input:nth-of-type(1):checked~.switcher-tabs>:nth-child(1),.switcher>input:nth-of-type(2):checked~.switcher-tabs>:nth-child(2),.switcher>input:nth-of-type(3):checked~.switcher-tabs>:nth-child(3),.switcher>input:nth-of-type(4):checked~.switcher-tabs>:nth-child(4){background:var(--accent);color:#fff}.switcher>input:nth-of-type(1):focus-visible~.switcher-tabs>:nth-child(1),.switcher>input:nth-of-type(2):focus-visible~.switcher-tabs>:nth-child(2),.switcher>input:nth-of-type(3):focus-visible~.switcher-tabs>:nth-child(3),.switcher>input:nth-of-type(4):focus-visible~.switcher-tabs>:nth-child(4){outline:2px solid #fff;outline-offset:1px}@media (scripting: enabled) and (prefers-reduced-motion: no-preference){.venn:not(.is-visible) :is(.venn-rings circle,.venn-core-circle,.venn-intersection,.venn-core-glow,.venn-label text,.venn-core,.orbit-dot){opacity:0}}.venn :is(.venn-rings circle,.venn-core-circle,.venn-intersection){transform-box:fill-box;transform-origin:center}.venn.is-visible .venn-rings circle{animation:vennRing .68s cubic-bezier(.22,1,.36,1) var(--vd, 0ms) both}.venn.is-visible :is(.venn-core-circle,.venn-intersection){animation:vennCore .72s cubic-bezier(.34,1.56,.64,1) var(--vd, 0ms) both}.venn.is-visible :is(.venn-label text,.venn-core){animation:vennLabel .48s cubic-bezier(.22,1,.36,1) var(--vd, 0ms) both}.venn.is-visible :is(.venn-core-glow,.orbit-dot){animation:vennFade .6s ease var(--vd, 0ms) both}@keyframes vennRing{0%{opacity:0;transform:scale(.52)}to{opacity:1;transform:scale(1)}}@keyframes vennCore{0%{opacity:0;transform:scale(.4)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes vennLabel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vennFade{0%{opacity:0}to{opacity:1}}.next[hidden]{display:none}.next{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:32px;padding:56px 0 8px;border-top:1px solid var(--border);text-decoration:none}.next .label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.next .name{margin-top:10px;font-family:var(--font-display);font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.1}.next .desc{margin-top:10px;color:var(--muted)}.next .desc span{display:inline-block;transition:translate .2s}.next:hover .desc span{translate:4px 0}.next .thumb{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:12px;background:var(--ink)}.next .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.next:hover .thumb img{transform:scale(1.03)}.next .thumb iframe{position:absolute;top:0;left:0;width:1920px;height:1080px;border:0;opacity:0;transform-origin:top left;pointer-events:none;transition:opacity .3s ease}.next .thumb.is-live iframe{opacity:1}.next .thumb.is-live img{transform:none}footer{border-top:1px solid var(--border);margin-top:48px;padding-top:24px;color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;text-align:center}.footer-year{display:inline-block;min-width:4ch;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(10px);transition:opacity .56s cubic-bezier(.22,1,.36,1),clip-path .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);will-change:opacity,clip-path,transform}footer.is-visible .footer-year{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}.cover{display:none}html.preview-cover,html.preview-cover body{height:100%;overflow:hidden;background:#0d0f14}html.preview-cover body>nav,html.preview-cover body>main{display:none}html.preview-cover .cover{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background-color:#0d0f14;background-position:center;background-size:cover}html.preview-cover .cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--cover-image, none);background-size:inherit;background-position:inherit;background-repeat:inherit;animation:coverZoom 9s ease-in-out infinite paused}html.preview-cover.preview-cover-motion-active .cover:after{animation-play-state:running}@keyframes coverZoom{0%,to{scale:1}50%{scale:1.08}}@media (prefers-reduced-motion: reduce){html.preview-cover .cover:after{animation:none}}.cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0406091f,#0406098c 80%),linear-gradient(to bottom,#04060900,#0406098c)}.cover-title{position:relative;font-family:Inter,var(--font-display);font-size:clamp(96.8px,min(11.46vw,15.4vh),220px);font-weight:700;line-height:.94;letter-spacing:-.04em;text-align:center;padding-bottom:.14em;background:linear-gradient(110deg,#fff 0%,#fff 34%,var(--cover-sweep, #0b3a8f 41%, #1d6fe0 47%, #22a8f0 53%, #67e0ff 60%, #d8f6ff 66%),#fff 74%,#fff 100%);background-size:340% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 30px oklch(0% 0 0 / .35))}html.preview-cover .cover-title{opacity:0}html.preview-cover.cover-reveal .cover-title{animation:coverTitleReveal .72s cubic-bezier(.22,1,.36,1) .12s both}html.preview-cover.cover-reveal.preview-cover-motion-active .cover-title{animation:coverTitleReveal .72s cubic-bezier(.22,1,.36,1) .12s both,coverRainbowSweep 3s ease-in-out .78s infinite}@keyframes coverTitleReveal{0%{opacity:0;clip-path:inset(-.16em 100% -.2em 0);transform:translateY(8px)}to{opacity:1;clip-path:inset(-.16em 0 -.2em 0);transform:translateY(0)}}@keyframes coverRainbowSweep{0%,3%,55.01%,to{background-position:0% 50%}55%{background-position:100% 50%}}@media (max-width: 900px){.wins,.wins.cols-2{grid-template-columns:1fr}.wins.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.nav-inner{padding:0 20px}.back-shortcut,.link-shortcut{top:68px}.back-shortcut{left:20px}.link-shortcut{right:20px}.page-head{padding-top:48px}.nav-logo{font-size:14px}.nav-link{font-size:15px}.nav-links{gap:12px}.shell{padding:28px 16px 64px}.pair,.steps{grid-template-columns:1fr}.steps{grid-template-rows:none;grid-auto-flow:row}.stage{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:14px 16px}.stage-index{padding-top:2px}.stage-tools{grid-column:2;justify-content:flex-start}.feature{grid-template-columns:1fr;padding:36px 0}.cols2,.stat,.diagrams{grid-template-columns:1fr}.lens{padding-top:40px}article>:is(.block,.feature,.pair):has(+:is(.lens,.next)){padding-bottom:40px}.next{padding-top:40px}.frame{padding:6px;border-radius:14px}.pair,.block{padding:36px 0}.first{margin-top:40px}.gallery{padding:8px;gap:8px;border-radius:16px}.gallery-row{gap:8px}.gallery-strip{grid-template-columns:repeat(min(var(--cols),3),minmax(0,1fr))}.gallery-videos .gallery-row{grid-template-columns:minmax(0,1fr)}.next{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.link-shortcut:before{animation:none}.reveal,.back-shortcut,.link-shortcut{opacity:1;animation:none}.footer-year{opacity:1;clip-path:none;transform:none;transition:none}.nav-logo{opacity:1;clip-path:none;animation:none}.cover-title{opacity:1!important;animation:none!important}}.pair p code,.steps code,.win-desc code{padding:1px 6px;border:1px solid var(--border);border-radius:6px;background:color-mix(in oklab,var(--surface),var(--fg) 4%);font-family:var(--font-mono);font-size:.86em;white-space:nowrap}.pair p a{text-underline-offset:3px;text-decoration-color:var(--subtle)}.pair p a:hover{text-decoration-color:currentColor}