@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(./newsreader-latin-400-normal-BFBkh4jY.woff2) format("woff2"),url(./newsreader-latin-400-normal-gRTjlS2D.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(./newsreader-latin-500-normal-B66TYsaK.woff2) format("woff2"),url(./newsreader-latin-500-normal-DFwuUcdu.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(./newsreader-latin-600-normal-30OJ_TG_.woff2) format("woff2"),url(./newsreader-latin-600-normal-DUnT2r2g.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(./space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}:root{--paper: #e6e1d6;--paper-2: #f4f1e8;--ink: #1c1b17;--muted: #5e584e;--line: #c9c2b4;--warn: #8d2f1d;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin:0}a{color:inherit}#app{max-width:1240px;margin:0 auto;padding:28px 32px 72px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1{margin-top:4px;font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1}.deck{margin-top:8px;max-width:46ch;color:var(--muted)}.credit{font-size:13px;text-align:right}.credit a{text-underline-offset:3px}.section-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:26px 0 12px}.section-label p{color:var(--muted);font-size:13px}.board-head,.board-row{display:grid;grid-template-columns:156px repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}.board-head{margin-bottom:8px;align-items:end}.board-head span,.caption,.tick-label,.readout,.vocab button,.chip-btn,.log-note,.still-status{font-family:var(--mono);font-size:11px;letter-spacing:.02em}.board-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px}.board-row{padding:8px;margin:0 -8px 6px}.board-row.is-active{background:var(--paper-2);outline:1px solid var(--ink);outline-offset:0}.preset{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;padding:4px 8px 6px 0;border:0;background:transparent;text-align:left}.preset-name{font-size:14px;font-weight:500;letter-spacing:-.02em}.board-row.is-active .preset-name{text-decoration:underline;text-underline-offset:3px}.preset-summary{color:var(--muted);font-size:12px;line-height:1.35}.still{min-width:0}.viewport{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;cursor:pointer}.still .viewport{cursor:pointer}.viewport.is-current{outline:2px solid var(--ink);outline-offset:2px}.viewport>.stage{position:absolute;top:0;left:0;width:960px;height:540px;transform-origin:top left}.caption{margin-top:5px;color:var(--muted)}.monitor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.78fr);gap:28px;align-items:start}.bezel{background:#111110;padding:10px}.bezel .viewport{cursor:default}.transport{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px;align-items:center;margin-top:10px}.play{width:36px;height:36px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);display:grid;place-items:center;padding:0}.play svg{display:block}.time-block{min-width:112px}.timecode,.frame-line{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}.frame-line{color:var(--muted);font-size:11px;margin-top:2px}.scrub{position:relative;padding-top:4px}.ticks{position:absolute;left:0;right:0;top:17px;height:0;pointer-events:none}.tick{position:absolute;top:-6px;width:1px;height:10px;background:var(--ink)}.tick-labels{position:relative;height:14px;margin-top:4px}.tick-label{position:absolute;top:0;color:var(--muted);white-space:nowrap}.scrub input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;position:relative;z-index:1}.scrub input[type=range]:focus{outline:none}.scrub input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scrub input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--ink)}.scrub input[type=range]::-moz-range-track{height:2px;background:var(--ink);border:0}.scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;background:var(--ink);border:0}.scrub input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--ink);border:0;border-radius:0}.meta-line{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-family:var(--mono);font-size:11px}.director h2{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}.note-help{margin:6px 0 10px;color:var(--muted);font-size:13px}.note-row{display:flex;gap:8px}.note-row input{flex:1;min-width:0;height:40px;border:1px solid var(--ink);background:var(--paper-2);padding:0 10px;font-family:var(--mono);font-size:13px}.note-row input:focus{outline:2px solid var(--ink);outline-offset:1px}.note-row button,.chip-btn,.vocab button{border:1px solid var(--ink);background:transparent;height:40px;padding:0 12px}.note-row .apply{background:var(--ink);color:var(--paper)}.note-row button:disabled{opacity:.35;cursor:default}.feedback{margin-top:12px}.error-line{color:var(--warn);font-size:14px;margin-bottom:8px}.suggest,.vocab{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip-btn,.vocab button{height:auto;padding:6px 8px;text-align:left;line-height:1.3;background:transparent}.log{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.log-note{color:var(--muted);margin-bottom:4px}.diff{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;background:var(--ink);color:#f3efe6;padding:8px 10px;font-family:var(--mono);font-size:12.5px;line-height:1.4}.diff-before{color:#b7b1a6;text-decoration:line-through}.diff-arrow{color:#d8d2c6}.diff-after{color:#fff}.still-status{margin-top:4px;color:var(--muted)}.working-name{font-size:14px;letter-spacing:-.02em}.stage{color:var(--film-fg);font-family:var(--film-ui);background:var(--film-bg);overflow:hidden}.stage-bg,.layer,.camera,.scene{position:absolute;top:0;right:0;bottom:0;left:0}.layer{z-index:1}.layer[data-layer=curr]{z-index:2}.scene{box-sizing:border-box}.el{transform-origin:50% 50%;min-width:0}.stage h2,.stage h3,.stage p{margin:0}.title,.headline,.stat-value,.feature-title{font-family:var(--film-display)}.title{font-weight:600;letter-spacing:-.045em;line-height:.92}.kicker{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--film-muted)}.subtitle,.stat-note,.url{color:var(--film-muted)}.subtitle{font-size:22px;max-width:28ch;line-height:1.25}.url{font-size:18px;letter-spacing:.01em}.stat-value{font-weight:600;font-size:180px;letter-spacing:-.065em;line-height:.8}.unit{font-size:.26em;margin-left:.08em;letter-spacing:-.04em;font-weight:500}.stat-label{font-size:28px;letter-spacing:-.03em}.stat-note{font-size:16px;margin-top:4px}.feature{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:13px 0;border-top:1px solid var(--film-line)}.feature-n{color:var(--film-accent);font-size:13px;letter-spacing:.08em;padding-top:7px;font-variant-numeric:tabular-nums}.feature-title{font-size:28px;font-weight:500;letter-spacing:-.03em;line-height:1.1}.feature-body{grid-column:2;color:var(--film-muted);font-size:16px;line-height:1.35;max-width:42ch}.card{background:var(--film-card);color:var(--film-card-fg);border:1px solid var(--film-line);border-radius:10px;padding:12px 14px;font-family:var(--film-ui)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px}.brand{display:flex;align-items:center;gap:10px}.mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--film-line);border-radius:7px;color:var(--film-accent);flex:none}.mark svg,.focus-btn svg{display:block}.mark svg{width:18px;height:18px}.mark-sm{width:16px;height:16px;border:0;border-radius:0}.mark-sm svg{width:16px;height:16px}.brand-name{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em}.brand-day,.total,.when,.row-detail,.row-len,.hint{color:var(--film-muted);font-size:12px}.brand-day{display:block;margin-top:1px}.total,.when,.row-len{font-variant-numeric:tabular-nums}.agenda{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--film-line)}.row-title{font-size:13.5px;font-weight:600;letter-spacing:-.012em}.row-detail{margin-top:1px}.title-line{display:flex;align-items:center;gap:6px}.chip{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--film-line);border-radius:999px;padding:1px 5px;color:var(--film-accent);line-height:1.4}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:10px;border-top:1px solid var(--film-line)}.focus-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 7px 0 10px;border:0;border-radius:6px;background:var(--film-button);color:var(--film-button-fg);font-family:var(--film-ui);font-size:13px;font-weight:600;letter-spacing:-.011em;white-space:nowrap;cursor:default}.focus-btn svg{width:9px;height:9px}.focus-btn kbd{font-family:var(--film-ui);font-size:11px;font-weight:500;line-height:16px;padding:0 4px;border:1px solid color-mix(in srgb,var(--film-button-fg) 32%,transparent);border-bottom-width:2px;border-radius:4px}.stage[data-layout=linear] .scene[data-kind=title],.stage[data-layout=linear] .scene[data-kind=end],.stage[data-layout=kinetic] .scene[data-kind=title],.stage[data-layout=kinetic] .scene[data-kind=end]{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:14px;padding:48px 64px 58px}.stage[data-layout=linear] .title{font-size:80px;max-width:12ch}.stage[data-layout=linear] .scene[data-kind=product],.stage[data-layout=kinetic] .scene[data-kind=product]{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:32px;align-items:center;padding:48px 64px}.stage[data-layout=linear] .scene[data-kind=product] .el[data-el=kicker],.stage[data-layout=kinetic] .scene[data-kind=product] .el[data-el=kicker]{grid-column:1;grid-row:1;align-self:end}.stage[data-layout=linear] .scene[data-kind=product] .el[data-el=headline],.stage[data-layout=kinetic] .scene[data-kind=product] .el[data-el=headline]{grid-column:1;grid-row:2;align-self:start}.stage[data-layout=linear] .scene[data-kind=product] .el[data-el=card],.stage[data-layout=kinetic] .scene[data-kind=product] .el[data-el=card]{grid-column:2;grid-row:1 / span 2}.stage[data-layout=linear] .headline{font-size:48px;font-weight:600;letter-spacing:-.04em;line-height:.96;max-width:11ch}.stage[data-layout=linear] .scene[data-kind=features],.stage[data-layout=kinetic] .scene[data-kind=features]{display:flex;flex-direction:column;justify-content:center;padding:42px 56px}.stage[data-layout=linear] .scene[data-kind=stat],.stage[data-layout=kinetic] .scene[data-kind=stat]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:40px 64px}.stage[data-layout=keynote] .scene{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px 64px}.stage[data-layout=keynote] .title{font-size:84px;font-weight:500;letter-spacing:-.03em;max-width:14ch}.stage[data-layout=keynote] .headline{font-size:42px;font-weight:500;letter-spacing:-.03em}.stage[data-layout=keynote] .kicker{justify-content:center}.stage[data-layout=keynote] .card{width:min(400px,100%);border-radius:16px;text-align:left}.stage[data-layout=keynote] .focus-btn{height:36px;border-radius:999px;padding:0 14px}.stage[data-layout=keynote] .scene[data-kind=features]{gap:0}.stage[data-layout=keynote] .scene[data-kind=features] .el{width:min(620px,100%)}.stage[data-layout=keynote] .feature{text-align:left}.stage[data-layout=keynote] .stat-value{font-size:200px}.stage[data-layout=kinetic] .title{font-size:86px;font-weight:700;letter-spacing:-.055em;line-height:.84;text-transform:uppercase;max-width:14ch}.stage[data-layout=kinetic] .headline{font-size:58px;font-weight:700;letter-spacing:-.05em;line-height:.86;text-transform:uppercase;max-width:10ch}.stage[data-layout=kinetic] .kicker{color:var(--film-accent)}.stage[data-layout=kinetic] .card{border-radius:0;border-width:1.5px;box-shadow:7px 7px #161513}.stage[data-layout=kinetic] .mark,.stage[data-layout=kinetic] .chip,.stage[data-layout=kinetic] .focus-btn,.stage[data-layout=kinetic] .focus-btn kbd{border-radius:0}.stage[data-layout=kinetic] .focus-btn{text-transform:uppercase;letter-spacing:.05em;font-size:12px}.stage[data-layout=center] .scene{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:36px 40px}.stage[data-layout=center] .title{font-size:64px;font-weight:600;letter-spacing:-.03em;max-width:16ch}.stage[data-layout=center] .headline{font-size:32px;font-weight:600;letter-spacing:-.03em}.stage[data-layout=center] .kicker{justify-content:center}.stage[data-layout=center] .subtitle,.stage[data-layout=center] .stat-note,.stage[data-layout=center] .feature-body{max-width:32ch}.stage[data-layout=center] .card{width:min(400px,100%);text-align:left;border-radius:22px;background:#ffffff29;box-shadow:0 16px 40px #28004629}.stage[data-layout=center] .feature{display:flex;flex-direction:column;align-items:center;border-top:0;padding:4px 0;text-align:center}.stage[data-layout=center] .feature-body{grid-column:auto}.stage[data-layout=center] .focus-btn{height:36px;border-radius:999px;padding:0 12px;box-shadow:0 8px 18px #0000001f}.stage[data-layout=center] .stat-value{font-size:148px}@media(max-width:980px){#app{padding:20px 16px 48px}.top{flex-direction:column;align-items:flex-start}.credit{text-align:left}.board-scroll{overflow-x:auto;padding-bottom:8px}.board-head,.board-row{min-width:880px}.monitor{grid-template-columns:1fr}}
