:root{color-scheme:dark;--page:#0b0c0f;--surface:#14161b;--raised:#1c1f26;--line:#2a2e37;--text:#f0f1f3;--muted:#a0a6b1;--accent:#a9bdff;--available:#a9bdff;--partial:#e3c27a;--in-development:#a0a6b1;--scrim:#0b0c0fdf;--transparent:transparent;--font-ui:Manrope, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:var(--font-ui);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--gap:.625rem;--gutter:clamp(1rem, 3vw, 3rem);--radius:.25rem;--radius-pill:99rem;--text-xs:.7rem;--text-sm:.82rem;--text-base:1rem;--text-md:1.2rem;--text-lg:clamp(1.8rem, 4vw, 3.5rem);--text-hero:clamp(2.6rem, 6.5vw, 6.8rem);--leading:1.6;--leading-tight:1.04;--weight-normal:400;--weight-medium:500;--weight-bold:700;--tracking:-.04em;--tracking-ui:-.02em;--tracking-label:.1em;--content:100rem;--prose:48rem;--focus-width:2px;--focus-offset:4px;--hero-height:42rem;--hero-min:36rem;--tile-min:16rem;--motion-duration:.8s;--border-width:1px;--border-strong:2px;--header-blur:18px;--copy-feedback-height:1.6em;--copy-manual-height:10rem;--leading-prompt:1.8}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{margin:var(--space-0);color:var(--text);font:var(--weight-normal) var(--text-base)/var(--leading) var(--font-ui)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button,.button{cursor:pointer}button{color:var(--text)}:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}img,video{max-width:100%;display:block}button,.button,.chip{border:var(--border-width) solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--space-2) var(--space-4)}button:hover,.button:hover,.chip:hover{border-color:var(--accent)}.button{font-size:var(--text-sm);font-weight:var(--weight-medium);justify-content:center;align-items:center;display:inline-flex}.primary{background:var(--accent);color:var(--page);border-color:var(--accent);font-weight:var(--weight-bold)}.primary:hover{color:var(--page);background:#c9d5ff;border-color:#c9d5ff}.wrap{max-width:var(--content);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--space-7)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}h1,h2,h3,p{margin-top:var(--space-0)}h1,h2{font-weight:var(--weight-medium);letter-spacing:var(--tracking);line-height:var(--leading-tight)}h1{font-size:var(--text-lg);margin-bottom:var(--space-5)}h2{font-size:var(--text-lg);margin-bottom:var(--space-0)}h3{font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ui)}p{margin-bottom:var(--space-4)}.muted,small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-label);font:var(--text-xs) var(--font-mono);color:var(--muted)}.accent,.text-link{color:var(--accent)}.site-header{z-index:20;background:var(--scrim);backdrop-filter:blur(var(--header-blur));border-bottom:var(--border-width) solid var(--line);position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.wordmark{font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:var(--tracking);white-space:nowrap}.header-actions{align-items:center;gap:var(--space-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.header-actions button{font-size:var(--text-xs)}.nav-scroll{gap:var(--space-5);white-space:nowrap;padding-block:var(--space-2);font-size:var(--text-sm);scrollbar-width:thin;display:flex;overflow-x:auto}.nav-scroll a{padding-bottom:var(--space-2)}.skip{left:var(--space-4);top:var(--space-4);background:var(--surface);padding:var(--space-3);z-index:100;position:fixed;transform:translateY(-200%)}.skip:focus{transform:none}.hero{isolation:isolate;min-height:var(--hero-min);height:min(80vh, var(--hero-height));background:var(--surface);position:relative;overflow:hidden}.hero-media,.hero-media .motion-media,.hero-media img,.hero-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-media .motion-media{opacity:0;transition:opacity var(--motion-duration) ease}.hero-media .motion-media.is-active{opacity:1}.hero:after{content:"";z-index:1;background:linear-gradient(0deg, var(--page), var(--transparent) 95%), linear-gradient(90deg, var(--scrim), var(--transparent));position:absolute;inset:0}.hero-copy{z-index:2;padding-top:var(--space-9);padding-bottom:var(--space-7);max-width:var(--prose);position:relative}.hero h1{font-size:var(--text-hero)}.hero-copy p{max-width:var(--prose)}.actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.hero-caption{z-index:3;bottom:var(--space-5);right:var(--gutter);font-size:var(--text-xs);color:var(--muted);position:absolute}.chips{gap:var(--space-2);margin-block:var(--space-4);flex-wrap:wrap;display:flex}.chip{font-size:var(--text-sm);border-radius:var(--radius-pill)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--text);color:var(--page)}.chip small{margin-left:var(--space-2)}.grid{columns:3;column-gap:var(--gap)}.tile{width:100%;min-width:0;margin-bottom:var(--gap);break-inside:avoid;vertical-align:top;background:var(--surface);border-radius:var(--radius);display:inline-block;overflow:hidden}.tile-link{display:block}.motion-media{background:var(--raised);aspect-ratio:var(--aspect,4 / 5);position:relative;overflow:hidden}.motion-media>img,.motion-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.motion-media>video{opacity:0;transition:opacity var(--motion-duration)}.motion-media>video.is-playing{opacity:1}.media-fallback{padding:var(--space-5);align-content:center;justify-items:center;gap:var(--space-3);color:var(--muted);text-align:center;border:var(--border-width) solid var(--line);display:grid;position:absolute;inset:0}.media-fallback strong{font-size:var(--text-md);color:var(--text);font-weight:var(--weight-medium)}.tile-overlay{inset:auto var(--space-3) var(--space-3);gap:var(--space-2);z-index:2;flex-wrap:wrap;display:flex;position:absolute}.badge{padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--line);background:var(--scrim);border-radius:var(--radius);font:var(--text-xs)/var(--leading) var(--font-ui);display:inline-flex}.status{color:var(--status-color,var(--available))}.status[data-status=partial]{--status-color:var(--partial)}.status[data-status=in-development]{--status-color:var(--in-development)}.tile-copy{padding:var(--space-4)}.tile-copy h3{margin-bottom:var(--space-1)}.tile-copy p{font-size:var(--text-xs);color:var(--muted);margin:0}.tile-tools{font-family:var(--font-mono);overflow-wrap:anywhere}.process{gap:var(--space-6);padding:var(--space-6);background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.process h3{margin-block:var(--space-4) var(--space-2)}.process p{color:var(--muted);font-size:var(--text-sm)}.teaser-list{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.teaser{border-top:var(--border-width) solid var(--line);padding-block:var(--space-4)}.page-heading{padding-top:var(--space-8);padding-bottom:var(--space-5)}.page-heading p{max-width:var(--prose);color:var(--muted)}.filters{border-block:var(--border-width) solid var(--line);padding-block:var(--space-3);margin-bottom:var(--space-5)}.filter-label{font:var(--text-xs) var(--font-mono);color:var(--muted)}[hidden]{display:none!important}.empty{padding:var(--space-7);background:var(--surface);text-align:center}.breadcrumbs{gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.detail-grid{gap:var(--space-6);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}.player{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.player video,.player>img{object-fit:contain;width:100%;max-height:75vh}.media-note{padding:var(--space-3) var(--space-4);color:var(--muted);font-size:var(--text-xs);background:var(--surface);margin:0}.prompt-box{background:var(--surface);border:var(--border-width) solid var(--line);padding:var(--space-5);border-radius:var(--radius);min-width:0}.prompt-box h2{font-size:var(--text-md);margin-bottom:var(--space-4);letter-spacing:var(--tracking-ui)}.prompt-text{font:var(--text-base)/var(--leading-prompt) var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin-block:var(--space-4)}.prompt-value{color:var(--accent)}.prompt-box small{margin-block:var(--space-3);display:block}.copy-feedback{min-height:var(--copy-feedback-height);color:var(--accent);font-size:var(--text-xs);margin-top:var(--space-2);display:block}.copy-manual{width:100%;min-height:var(--copy-manual-height);background:var(--page);color:var(--text);padding:var(--space-3)}.chain{gap:var(--space-2);counter-reset:step;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chain li{font:var(--text-xs)/var(--leading) var(--font-mono);padding:var(--space-3);background:var(--surface);border:var(--border-width) solid var(--line);overflow-wrap:anywhere;max-width:100%}.chain li:before{counter-increment:step;content:counter(step, decimal-leading-zero) " / ";color:var(--muted)}.detail-section{margin-top:var(--space-6)}.detail-section h2{font-size:var(--text-md);margin-bottom:var(--space-4);letter-spacing:var(--tracking-ui)}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{border-bottom:var(--border-width) solid var(--line);padding:var(--space-3);text-align:left;overflow-wrap:anywhere}th{color:var(--muted);font-weight:var(--weight-normal)}.notice{border-left:var(--border-strong) solid var(--accent);padding-left:var(--space-4);color:var(--muted);margin-block:var(--space-5)}.compare{background:var(--surface);position:relative}.compare-stage{aspect-ratio:var(--aspect);position:relative;overflow:hidden}.compare-stage img{object-fit:cover;width:100%;height:100%;position:absolute}.compare-before{clip-path:inset(0 calc(100% - var(--position,50%)) 0 0)}.compare-divider{top:0;bottom:0;left:var(--position,50%);border-left:var(--border-strong) solid var(--text);position:absolute}.compare label{padding:var(--space-3);font-size:var(--text-sm);display:block}.compare input{width:100%;accent-color:var(--accent)}.compare-labels{padding:var(--space-3);font-size:var(--text-xs);justify-content:space-between;display:flex}.workflow-group{margin-block:var(--space-7)}.workflow-group h2{font-size:var(--text-md);margin-bottom:var(--space-5)}.workflow{gap:var(--space-5);padding-block:var(--space-5);border-top:var(--border-width) solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.workflow h3{margin-bottom:var(--space-2)}.workflow .prompt-box{border:0}.prose{max-width:var(--prose);padding-bottom:var(--space-8)}.prose h2{font-size:var(--text-md);margin-block:var(--space-6) var(--space-4);letter-spacing:var(--tracking-ui)}.prose a{color:var(--accent);text-decoration:underline}.site-footer{border-top:var(--border-width) solid var(--line);padding-block:var(--space-7) var(--space-5);margin-top:var(--space-7)}.footer-grid{gap:var(--space-6);grid-template-columns:2fr repeat(3,minmax(0,1fr));display:grid}.footer-grid h2{font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-bottom:var(--space-4)}.footer-grid ul{font-size:var(--text-sm);margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:var(--space-2)}.footer-tools{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--muted)}.footer-bottom{border-top:var(--border-width) solid var(--line);margin-top:var(--space-6);padding-top:var(--space-4);color:var(--muted);font-size:var(--text-xs)}@media (width>=1100px){.grid:has(>.tile:nth-child(8)){columns:4}}@media (width<=760px){.grid{columns:2}.detail-grid,.workflow{grid-template-columns:minmax(0,1fr)}.process,.teaser-list{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding-top:var(--space-8)}.hero-caption{left:var(--gutter);right:auto}}@media (width<=430px){.tile-copy{padding:var(--space-3)}.tile-copy h3{font-size:var(--text-base)}.tile-overlay{inset-inline:var(--space-2);gap:var(--space-1)}.badge{font-size:var(--text-xs);padding-inline:var(--space-1)}.wordmark{font-size:var(--text-base)}.prompt-box{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}