/* Progressive presentation only; the original site.css remains the design source. */
body[data-showcase] :is([data-project-reel],[data-scroll-reel]) {display:block;position:relative;min-width:0;}
body[data-showcase] .showcase-reel-sticky {min-width:0;}
body[data-showcase] .showcase-reel-heading {margin-bottom:26px;}
body[data-showcase] .showcase-reel-heading h2 {max-width:15ch;font-size:clamp(2.5rem,5vw,5rem);}
body[data-showcase] .showcase-reel-heading>p:last-child {max-width:65ch;}
body[data-showcase] .showcase-reel-viewport {overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--scene-accent,var(--green)) transparent;overscroll-behavior-x:contain;min-width:0;border-radius:var(--card-radius,24px);padding-bottom:16px;}
body[data-showcase] .showcase-reel-viewport:focus-visible {outline:2px solid var(--scene-accent,var(--green));outline-offset:7px;}
body[data-showcase] .showcase-reel-track {display:flex;align-items:stretch;gap:clamp(16px,3vw,42px);min-width:0;width:100%;}
body[data-showcase] .showcase-reel-track>.work-card {flex:0 0 88%;min-width:0;max-width:none;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:stretch;margin:0;}
body[data-showcase] .showcase-reel-track>.work-card>a {min-width:0;overflow:hidden;display:block;}
body[data-showcase] .showcase-reel-track>.work-card>a>img {display:block;width:100%;height:100%;min-height:300px;max-height:480px;object-fit:cover;}
body[data-showcase] .showcase-reel-track>.work-card>div {min-width:0;padding:clamp(22px,3vw,42px);display:flex;flex-direction:column;justify-content:center;gap:12px;}
body[data-showcase] .showcase-reel-track>.work-card h3 {font-size:clamp(1.7rem,3vw,3rem);line-height:1.05;margin:0;}
body[data-showcase] .showcase-reel-track>.work-card p {margin:0;}
body[data-showcase] .showcase-reel-track>.work-card .section-actions {padding:8px 0 0;margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;}
body[data-showcase] .showcase-reel-controls:not([hidden]) {display:flex;align-items:center;gap:14px;margin-top:18px;}
body[data-showcase] .showcase-reel-controls button {min-width:44px;min-height:44px;cursor:pointer;}
body[data-showcase] .showcase-reel-controls button:disabled {opacity:.35;cursor:default;}
body[data-showcase] .showcase-reel-controls>div {display:flex;align-items:center;gap:12px;flex:none;}
body[data-showcase] .showcase-reel-hint {margin:0;max-width:45ch;font:450 .7rem/1.5 var(--font-mono);color:var(--muted);}
body[data-showcase] .showcase-reel-hint-desktop {display:none;}
body[data-showcase] .is-reel-pinned .showcase-reel-hint-desktop {display:inline;}
body[data-showcase] .is-reel-pinned .showcase-reel-hint-touch {display:none;}
body[data-showcase] .showcase-all-projects {display:inline-block;margin-top:12px;}
body[data-showcase] [data-reel-progress] {flex:1;display:block;height:1px;background:var(--line-strong);position:relative;}
body[data-showcase] [data-reel-progress]::after {content:'';position:absolute;inset:0;background:var(--scene-accent,var(--green));transform-origin:left;transform:scaleX(var(--reel-progress,0));}
body[data-showcase] [data-reel-status] {font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
 body[data-showcase] .showcase-reel-heading {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12px 36px;align-items:end;margin-bottom:20px;max-width:none;}
 body[data-showcase] .showcase-reel-heading>.eyebrow {grid-column:1/-1;margin:0;}
 body[data-showcase] .showcase-reel-heading :is(h1,h2) {font-size:clamp(2.4rem,3.9vw,3.6rem);line-height:1.04;margin:0;}
 body[data-showcase] .showcase-reel-heading>p:last-child {font-size:.95rem;line-height:1.5;margin:0;}
 body[data-showcase] :is([data-project-reel],[data-scroll-reel]).is-reel-pinned {height:var(--reel-height);overflow:visible;justify-content:flex-start;}
 body[data-showcase] .is-reel-pinned .showcase-reel-sticky {position:sticky;top:105px;}
 body[data-showcase] .is-reel-pinned .showcase-reel-viewport {overflow:hidden;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;}
 body[data-showcase] .is-reel-pinned .showcase-reel-track>.work-card {flex-basis:90%;}
 body[data-showcase] .is-reel-pinned .showcase-reel-track>.work-card>a>img {min-height:260px;max-height:39vh;}
 body[data-showcase] .is-reel-pinned .showcase-reel-track>.work-card>div {padding:24px;gap:9px;}
 body[data-showcase] .is-reel-pinned .showcase-reel-track>.work-card p {font-size:.96rem;line-height:1.45;}
 body[data-showcase] .showcase-reveal-enter {animation:showcase-arrive .95s var(--ease-premium,ease) both;}
 @keyframes showcase-arrive {from{transform:translate3d(0,35px,0);filter:brightness(.8);}to{transform:translate3d(0,0,0);filter:brightness(1);}}
}
@media(max-width:1023px){
 body[data-showcase] .showcase-reel-track>.work-card {flex-basis:90%;grid-template-columns:1fr;}
 body[data-showcase] .showcase-reel-track>.work-card>a>img {height:auto;min-height:0;aspect-ratio:16/10;max-height:400px;}
 body[data-showcase] .showcase-reel-track>.work-card>div {padding:22px;}
 body[data-showcase] .showcase-reel-controls {flex-wrap:wrap;}
 body[data-showcase] .showcase-reel-controls>p {flex-basis:100%;}
}
@media(prefers-reduced-motion:reduce){body[data-showcase] .showcase-reel-viewport{scroll-behavior:auto;}}
@media print {body[data-showcase] .showcase-reel-viewport{overflow:visible;}body[data-showcase] .showcase-reel-track{display:block;}body[data-showcase] .showcase-reel-track>.work-card{break-inside:avoid;margin-bottom:24px;}body[data-showcase] .showcase-reel-controls{display:none;}}

/* A connected workflow, rather than another row of equivalent project tiles. */
body[data-showcase] .showcase-workflows .workflow-board {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px;isolation:isolate;}
body[data-showcase] .showcase-workflows .workflow-board::before {content:'';position:absolute;left:50%;top:30px;bottom:30px;width:1px;background:linear-gradient(transparent,var(--scene-accent,var(--blue)),var(--green),transparent);opacity:.6;z-index:-1;}
body[data-showcase] .showcase-workflows .workflow-card {position:relative;padding:clamp(25px,4vw,54px);min-height:250px;overflow:hidden;}
body[data-showcase] .showcase-workflows .workflow-card:first-child {grid-column:1/-1;min-height:300px;padding-right:30%;}
body[data-showcase] .showcase-workflows .workflow-card:first-child::after {content:'';position:absolute;right:6%;top:18%;width:180px;height:180px;border:1px solid var(--scene-accent,var(--blue));border-radius:50%;box-shadow:0 0 0 30px color-mix(in srgb,var(--scene-accent,var(--blue)) 7%,transparent),0 0 0 60px color-mix(in srgb,var(--scene-accent,var(--blue)) 4%,transparent);opacity:.65;pointer-events:none;}
body[data-showcase] .showcase-workflows .workflow-card h3 {max-width:20ch;font-size:clamp(1.5rem,2.8vw,2.8rem);line-height:1.1;}
body[data-showcase] .showcase-workflows .workflow-card p {max-width:60ch;}
body[data-showcase] .showcase-workflows .scan-card-kicker {color:var(--scene-accent,var(--green));margin-bottom:26px;}
body[data-showcase] .showcase-lab .site-agent-stage {position:relative;isolation:isolate;}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
 body[data-showcase] .showcase-workflows .workflow-card:nth-child(2n+3) {margin-top:75px;}
 body[data-showcase] .showcase-workflows .workflow-card:nth-child(2) {animation-delay:.08s;}
 body[data-showcase] .showcase-workflows .workflow-card:nth-child(3) {animation-delay:.16s;}
 body[data-showcase] .showcase-workflows .workflow-card:nth-child(4) {animation-delay:.1s;}
 body[data-showcase] .showcase-workflows .workflow-card:nth-child(5) {animation-delay:.18s;}
}
@media(max-width:700px){
 body[data-showcase] .showcase-workflows .workflow-board {grid-template-columns:1fr;gap:24px;}
 body[data-showcase] .showcase-workflows .workflow-board::before {left:20px;}
 body[data-showcase] .showcase-workflows .workflow-card:first-child {min-height:250px;padding-right:25px;}
 body[data-showcase] .showcase-workflows .workflow-card:first-child::after {width:70px;height:70px;right:-30px;top:-30px;opacity:.25;}
}

/* Naked composition: the horizontal sequence and workflow explain the grouping. */
body[data-showcase] :is(.showcase-reel-track>.work-card, .showcase-workflows .workflow-card) {border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
body[data-showcase] :is(.showcase-reel-track>.work-card, .showcase-workflows .workflow-card):hover {background:none;transform:none;}
body[data-showcase] :is(.showcase-reel-track>.work-card, .showcase-workflows .workflow-card)::before {display:none;}
body[data-showcase] .showcase-workflows .workflow-card {border-top:1px solid var(--line);padding-left:0;padding-right:0;}
body[data-showcase] .showcase-reel-viewport {border-radius:0;}