@font-face{font-family:Shabnam;src:url(/fonts/Shabnam.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Shabnam;src:url(/fonts/Shabnam-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Shabnam;src:url(/fonts/Shabnam-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{color:#18181b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--accent:#d31611;--paper:#fffdf8;--ease-cinematic:cubic-bezier(.16, 1, .3, 1);background:#fffdf8;font-family:Shabnam,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.8}h1,p{margin:0}button{font:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.presentation{flex-direction:column;width:min(100% - 64px,1280px);min-height:100svh;margin:auto;padding-block:64px 20px;display:flex;position:relative}.button{color:#18181b;min-height:44px;transition:transform .2s var(--ease-cinematic), box-shadow .2s var(--ease-cinematic), background-color .2s ease;background:#fff;border:2px solid #18181b;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:3px 3px #18181b}.button:hover:not(:disabled){background:#ffc480;transform:translate(-1px,-2px);box-shadow:4px 5px #18181b}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #18181b}.button-primary{background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:#b81410}.button:disabled{box-shadow:none;color:#71717a;cursor:not-allowed;background:#e4e4e7}.slide{flex:1;grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px;padding-block:16px 32px;display:grid}.slide-stage{isolation:isolate;perspective:1800px;--travel-x:90%;--retreat-x:-18%;--detail-x:48px;--tilt-angle:-12deg;--iris-origin:85%;--rise-y:65%;--reveal-start:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);--reveal-middle:polygon(42% 0, 100% 0, 100% 100%, 24% 100%);flex-direction:column;flex:1;min-width:0;margin-inline:-12px;padding-inline:12px;display:flex;position:relative;overflow:hidden}.slide-stage--previous{--travel-x:-90%;--retreat-x:18%;--detail-x:-48px;--tilt-angle:12deg;--iris-origin:15%;--rise-y:-65%;--reveal-start:polygon(0 0, 0 0, 0 100%, 0 100%);--reveal-middle:polygon(0 0, 58% 0, 76% 100%, 0 100%)}.slide--incoming{z-index:2;background:var(--paper);transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;animation:scene-glide var(--scene-duration) var(--ease-cinematic) both;position:relative}.slide--outgoing{z-index:1;background:var(--paper);pointer-events:none;backface-visibility:hidden;will-change:transform, opacity;animation:scene-retreat var(--scene-duration) var(--ease-cinematic) both;position:absolute;inset:0 12px}.slide-stage[data-transition=aperture] .slide--incoming{animation-name:scene-aperture}.slide-stage[data-transition=rise] .slide--incoming{animation-name:scene-rise}.slide-stage[data-transition=reveal] .slide--incoming{animation-name:scene-reveal}.slide--active .chapter,.slide--active h1,.slide--active .slide-description,.slide--active .slide-copy li,.slide--active .slide-note{animation:detail-arrive .68s var(--ease-cinematic) both}.slide--active .chapter{animation-delay:.1s}.slide--active h1{animation-name:title-arrive;animation-delay:.17s}.slide--active .slide-description{animation-delay:.26s}.slide--active .slide-copy li{animation-delay:calc(.33s + var(--item-index,0) * 85ms)}.slide--active .code-snippet,.slide--active .pipeline{transform-origin:50%;animation:visual-arrive .85s var(--ease-cinematic) .19s both}.slide--active .pipeline li{animation:detail-arrive .62s var(--ease-cinematic) both;animation-delay:calc(.34s + var(--item-index,0) * 80ms)}.slide--active .slide-note{animation-delay:.47s}@keyframes scene-glide{0%{opacity:0;transform:translate3d(var(--travel-x), 32px, -200px) rotateY(var(--tilt-angle)) scale(.92)}32%{opacity:1}to{opacity:1;transform:translate(0,0)rotateY(0)scale(1)}}@keyframes scene-retreat{0%{opacity:1;transform:translate(0,0)scale(1)}65%,to{opacity:0;transform:translate3d(var(--retreat-x), -16px, -180px) rotateY(calc(var(--tilt-angle) * -.5)) scale(.9)}}@keyframes scene-aperture{0%{clip-path:circle(0% at var(--iris-origin) 50%);transform:scale(1.06)}to{clip-path:circle(150% at var(--iris-origin) 50%);transform:scale(1)}}@keyframes scene-rise{0%{opacity:0;transform:translate3d(0, var(--rise-y), -140px) rotateX(10deg) scale(1.04)}35%{opacity:1}to{opacity:1;transform:translate(0,0)rotateX(0)scale(1)}}@keyframes scene-reveal{0%{clip-path:var(--reveal-start);transform:translate3d(var(--detail-x), 0, 0) scale(1.025)}35%{clip-path:var(--reveal-middle)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0,0)scale(1)}}@keyframes detail-arrive{0%{opacity:0;transform:translate3d(var(--detail-x), 24px, 0)}to{opacity:1;transform:translate(0,0)}}@keyframes title-arrive{0%{opacity:0;transform:translate3d(var(--detail-x), 28px, 0) rotateX(-12deg)}to{opacity:1;transform:translate(0,0)rotateX(0)}}@keyframes visual-arrive{0%{opacity:0;transform:translate3d(calc(var(--detail-x) * -1), 40px, 0) rotateY(calc(var(--tilt-angle) * -.5)) scale(.94)}to{opacity:1;transform:translate(0,0)rotateY(0)scale(1)}}.slide-copy,.slide-visual{min-width:0}.slide--introduction,.slide--table{grid-template-columns:1fr}.slide--introduction{text-align:center}.introduction{width:min(100%,1000px);margin-inline:auto}.introduction .chapter{justify-content:center}.introduction h1{margin-block:24px 18px;font-size:clamp(2.5rem,5vw,4.75rem);line-height:1.5}.introduction-description{color:#52525b;max-width:780px;margin-inline:auto;font-size:1.25rem}.presenters{flex-wrap:wrap;justify-content:center;gap:8px 72px;margin-block:36px;font-size:2rem;font-weight:700;display:flex}.introduction--team h1{font-size:clamp(2rem,3.5vw,3rem)}.introduction--team .presenters{color:var(--accent);font-size:clamp(2.5rem,5vw,4.5rem)}.introduction-topic{color:#52525b;flex-direction:column;gap:8px;font-size:1.125rem;display:flex}.introduction-topic strong{color:var(--accent);font-size:1.5rem}.audience-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:min(100%,520px);margin:28px auto 0;display:grid}.introduction:has(.audience-links) h1{margin-block:12px}.introduction:has(.audience-links) .presenters{margin-block:20px}.audience-link{flex-direction:column;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.audience-link strong{font-size:1.125rem}.audience-link img{aspect-ratio:1;width:min(100%,208px);height:auto;display:block}.audience-link bdi{text-underline-offset:4px;font-family:Geist Mono,monospace;font-size:1rem;text-decoration:underline}.audience-link:hover bdi{color:var(--accent)}.slide--table{align-content:center;gap:20px}.slide--table .slide-copy h1{margin-block:8px}.slide-table-scroll{overflow-x:auto}.slide-table{border-collapse:collapse;text-align:right;width:100%;font-size:1.0625rem;line-height:1.9}.slide-table th,.slide-table td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #d9c9a3;padding:16px 18px}.slide-table thead th{background:#fff4da;border-block:2px solid #18181b;font-weight:700}.slide-table tbody th{white-space:nowrap;width:17%;font-weight:700}.table-latin{font-family:Geist Mono,monospace;font-size:.9em}.slide-table tbody tr:last-child>*{border-bottom:2px solid #18181b}.diagnostic-row--error>th{color:#b81410}.diagnostic-row--warning>th{color:#825400}.diagnostic-row--info>th{color:#145da0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-link{color:var(--accent);text-underline-offset:4px;margin-top:12px;font-weight:700;display:inline-block}.slide--active .introduction,.slide--active .slide-table-scroll{animation:detail-arrive .85s var(--ease-cinematic) .19s both}.slide--source{grid-template-columns:.8fr 1.2fr}.slide--source .code-snippet code{font-size:1rem;line-height:1.65}.slide--source .code-snippet pre{padding:16px}.chapter{color:#52525b;align-items:center;gap:12px;font-size:.8125rem;font-weight:700;display:flex}.chapter span{color:var(--accent)}.slide-copy h1{margin-block:16px;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:700;line-height:1.55}.slide-description{color:#52525b;font-size:1rem;line-height:2}.slide-copy ul{margin-top:20px;padding:0 22px 0 0;font-size:.9375rem;line-height:2}.slide-copy li{margin-block:8px}.slide-copy li::marker{color:var(--accent)}.slide--diagram.slide--source{grid-template-columns:.95fr 1.05fr}.slide-diagram{margin:22px 0 0}.slide-diagram figcaption{color:#52525b;margin-bottom:8px;font-size:.8125rem;font-weight:500}.slide-visual>.slide-diagram{margin-top:0}.diagram-scroll{padding-bottom:4px;overflow-x:auto}.diagram-canvas{direction:ltr;min-width:520px;position:relative;container-type:inline-size}.diagram-canvas--compact{display:none}.diagram-canvas svg{color:#71717a;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.diagram-connector{stroke:currentColor;stroke-width:2px;fill:none}.diagram-node{text-align:center;background:var(--paper);direction:rtl;border:2px solid #18181b;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px;line-height:1.45;display:flex;position:absolute}.diagram-node strong{font-size:clamp(.8125rem,2.6cqw,1rem);font-weight:700}.diagram-node span{color:#52525b;font-size:clamp(.75rem,2.3cqw,.9375rem)}.diagram-node--success{background:#f0f9f3;border-color:#16794a}.diagram-node--warning{background:#fff4da;border-color:#825400}.diagram-node--error{background:#fff2ef;border-color:#b81410}.diagram-node--info{background:#eef6fd;border-color:#145da0}.slide--active .slide-diagram{animation:visual-arrive .85s var(--ease-cinematic) .19s both}.code-snippet{background:#fff;border:3px solid #18181b;border-radius:12px;margin:0;overflow:hidden;box-shadow:6px 6px #18181b}.code-snippet figcaption{background:#fff4da;border-bottom:3px solid #18181b;padding:12px 16px;font-size:.8125rem;font-weight:500}.code-snippet pre{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;margin:0;padding:20px}.code-snippet code{font-family:Geist Mono,Shabnam,monospace;font-size:clamp(.875rem,1.25vw,1.0625rem);line-height:1.8}.tok-keyword{color:#922e84}.tok-string{color:#16794a}.tok-number,.tok-bool{color:#9a5b00}.tok-comment{color:#52525b}.tok-definition,.tok-variableName,.tok-typeName{color:#145da0}.slide-note{border-right:4px solid var(--accent);color:#52525b;overflow-wrap:anywhere;background:#fff4da;margin-top:24px;padding:14px 16px;font-size:.9375rem;line-height:1.9}.slide-note strong{color:#18181b;margin-bottom:4px;font-size:.8125rem;display:block}.pipeline{background:#fff4da;border:3px solid #18181b;border-radius:12px;margin:0;padding:16px 48px 16px 24px;box-shadow:6px 6px #18181b}.pipeline li{border-bottom:1px solid #d9c9a3;padding:14px 8px;font-size:1rem;font-weight:500}.pipeline li:last-child{border:0}.pipeline li::marker{color:var(--accent)}.slide-controls{border-top:3px solid #18181b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex;position:relative}.slide-count{color:#52525b;direction:ltr;font-size:.875rem;position:absolute;left:50%;transform:translate(-50%)}.slide-count-value{animation:count-arrive .6s var(--ease-cinematic) both;display:inline-block}.slide-progress{top:-3px;background:var(--accent);width:100%;height:3px;transform:scaleX(var(--slide-progress));transform-origin:100%;transition:transform 1.2s var(--ease-cinematic);pointer-events:none;position:absolute;inset-inline-start:0}@keyframes count-arrive{0%{opacity:0;transform:translateY(10px)scale(.75)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=850px){.presentation{width:calc(100% - 40px)}.slide,.slide--source,.slide--diagram.slide--source{grid-template-columns:1fr;gap:28px;min-height:auto}.slide-copy h1{font-size:2rem}.slide-table{min-width:720px}.slide--introduction{padding-block:36px}}@media (width<=540px){.presentation{width:calc(100% - 32px)}.slide-copy h1{font-size:1.625rem}.slide-controls{flex-wrap:wrap;gap:16px}.code-snippet pre{padding:14px}.button{padding-inline:12px}.presenters{column-gap:32px;margin-block:24px}.introduction-description{font-size:1.0625rem}.audience-links{gap:16px}.audience-link img{max-width:148px}.audience-link strong{font-size:1rem}.audience-link bdi{font-size:.8125rem}.diagram-canvas--wide{display:none}.diagram-canvas--compact{min-width:0;display:block}.diagram-canvas--compact .diagram-node strong{font-size:1rem}.diagram-canvas--compact .diagram-node span{font-size:.875rem}}@media (width>=851px) and (height<=800px){.presentation{padding-block:52px 12px}.slide{gap:32px;min-height:0;padding-block:12px 24px}.slide-copy h1{margin-block:10px;font-size:clamp(1.8rem,2.7vw,2.5rem)}.slide-copy ul{margin-top:12px;margin-bottom:0}.slide-copy li{margin-block:4px}.slide-diagram{margin-top:12px}.slide-diagram figcaption{margin-bottom:4px}.slide-note{margin-top:16px;padding-block:10px}.slide-controls{padding-top:12px}.pipeline li{padding-block:10px}.slide-table th,.slide-table td{padding-block:12px}.introduction h1{margin-block:12px;font-size:2.75rem}.introduction:has(.audience-links) .presenters{margin-block:12px;font-size:1.625rem}.introduction:has(.audience-links) .introduction-topic{gap:0;font-size:1rem}.introduction:has(.audience-links) .introduction-topic strong{font-size:1.25rem}.audience-links{margin-top:20px}.audience-link img{max-width:156px}}@media (prefers-reduced-motion:reduce){.presentation *,.presentation :before,.presentation :after{transition:none!important;animation:none!important}.slide--outgoing{display:none}*{scroll-behavior:auto!important}}