.lab-page{min-height:100vh;background:var(--color-canvas)}.lab-intro{min-height:560px;padding-block:clamp(var(--space-20),9vw,var(--space-32));display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);align-content:center}.lab-intro>.technical-label{grid-column:1 / -1;margin-bottom:var(--space-6)}.lab-intro>div{grid-column:1 / span 9}.lab-intro h1{max-width:980px;margin:0;font:600 var(--type-display-l)/.98 var(--font-display);letter-spacing:-.045em}.lab-intro h1 span{color:var(--color-text-muted)}.lab-intro>div>p{max-width:650px;margin:var(--space-8) 0 0;color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.65}.lab-intro__note{grid-column:10 / -1;align-self:end;padding-left:var(--space-5);border-left:1px solid var(--color-divider)}.lab-intro__note>p{margin:0;color:var(--color-text-muted);font-size:var(--type-body-sm);line-height:1.6}.lab-intro__note dl{margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.lab-intro__note dl>div{padding-block:var(--space-2);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3)}.lab-intro__note dt{color:var(--color-text-secondary);font:var(--type-caption) var(--font-technical)}.lab-intro__note dd{margin:0;color:var(--color-text-muted);font-size:var(--type-caption);line-height:1.45}.lab-section{padding-block:var(--section-space);border-top:1px solid var(--color-divider)}.lab-section>.section-heading{margin-bottom:var(--space-16)}.lab-active>article{display:grid;grid-template-columns:5fr 7fr;gap:var(--content-gap);align-items:stretch;scroll-margin-top:var(--space-24)}.lab-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.lab-active__story{padding-block:var(--space-4)}.lab-active h3{max-width:560px;margin:var(--space-12) 0 var(--space-4);font:600 var(--type-heading-xl)/1.08 var(--font-display);letter-spacing:-.035em}.lab-active__story>p{max-width:560px;margin:0;color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.65}.lab-active figure{min-width:0;margin:0;display:flex;flex-direction:column}.lab-active figcaption{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--type-caption);line-height:1.55}.lab-inquiry{margin:var(--space-10) 0 0;border-top:1px solid var(--color-divider)}.lab-inquiry>div{padding-block:var(--space-5);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4);border-bottom:1px solid var(--color-divider)}.lab-inquiry dt{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-inquiry dd{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.6}.lab-technologies{margin:var(--space-6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.lab-technologies li{padding:var(--space-1) var(--space-2);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font:var(--type-caption) var(--font-technical)}.lab-detail-link{width:fit-content;min-height:var(--size-touch);margin-top:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--type-label);text-underline-offset:5px}.lab-detail-link:hover{color:var(--color-accent-hover)}.lab-visual{position:relative;min-height:360px;overflow:hidden;background-color:var(--color-surface);border-block:1px solid var(--color-border-subtle);background-image:radial-gradient(circle,var(--color-grid-line) 1px,transparent 1px);background-size:var(--space-5) var(--space-5)}.lab-visual--contract{padding:var(--space-12);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);align-items:center}.lab-visual--contract span{z-index:1;min-height:96px;padding:var(--space-4);display:grid;place-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);font:var(--type-label) var(--font-technical)}.lab-visual--contract span:last-of-type{color:var(--color-accent-hover);border-color:var(--color-border-accent-strong)}.lab-visual--contract i{position:absolute;top:50%;width:25%;height:1px;background:var(--color-border-strong)}.lab-visual--contract i:first-of-type{left:23%}.lab-visual--contract i:last-of-type{right:23%}.lab-visual--evidence{padding:var(--space-8);display:grid;grid-template-columns:3fr 2fr;gap:var(--space-6);align-items:center}.lab-visual--evidence>div{min-height:180px;padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong)}.lab-visual--evidence span,.lab-visual--evidence li{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-visual--evidence strong{color:var(--color-text-primary);font:550 var(--type-title) var(--font-display)}.lab-visual--evidence ol{margin:0;padding:0;list-style:none}.lab-visual--evidence li{padding-block:var(--space-4);border-bottom:1px solid var(--color-divider)}.lab-visual--conflict{padding:var(--space-8);display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-6);align-items:center}.lab-visual--conflict>div{min-height:140px;padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font:var(--type-label) var(--font-technical)}.lab-visual--conflict i{width:70%;height:var(--space-2);background:var(--color-border-strong)}.lab-visual--conflict>strong{padding:var(--space-3);color:var(--color-warning);border:1px solid var(--color-border-warning);border-radius:var(--radius-sm);font:var(--type-caption) var(--font-technical)}.lab-notebook>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.lab-notebook article{min-width:0;padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);scroll-margin-top:var(--space-24)}.lab-notebook article>header{min-height:var(--size-touch);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.lab-notebook .lab-visual{min-height:280px;margin-top:var(--space-5)}.lab-notebook__copy{padding:var(--space-8) var(--space-4) 0}.lab-notebook__copy>span{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-notebook h3{margin:var(--space-3) 0;font:600 var(--type-heading-m)/1.15 var(--font-display);letter-spacing:-.025em}.lab-notebook__copy>p{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.6}.lab-next{padding-block:clamp(var(--space-20),10vw,var(--space-32));display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);border-top:1px solid var(--color-divider)}.lab-next>.technical-label{grid-column:1 / span 4}.lab-next>div{grid-column:5 / -1}.lab-next h2{max-width:820px;margin:0;font:600 var(--type-heading-xl)/1.1 var(--font-display);letter-spacing:-.035em}.lab-next p{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.6}.lab-next p{max-width:620px;margin-block:var(--space-6);font-size:var(--type-body)}.lab-next nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lab-next a{min-height:var(--size-control-lg);padding-inline:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--type-label);text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast)}.lab-next a:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}@media(max-width:900px){.lab-intro{min-height:520px;grid-template-columns:repeat(6,1fr)}.lab-intro>div{grid-column:1 / -1}.lab-intro__note{grid-column:1 / -1;margin-top:var(--space-8);padding:var(--space-5) 0 0;border-left:0;border-top:1px solid var(--color-divider)}.lab-active>article{grid-template-columns:1fr}.lab-active figure{grid-row:1}.lab-visual{min-height:320px}.lab-notebook>div{grid-template-columns:1fr;gap:var(--space-16)}.lab-notebook article{display:grid;grid-template-columns:5fr 7fr;column-gap:var(--grid-gutter)}.lab-notebook article>header{grid-column:1 / -1}.lab-notebook article>.lab-visual{grid-column:1;grid-row:2}.lab-notebook__copy{grid-column:2;grid-row:2}.lab-notebook__copy{padding-top:var(--space-5)}.lab-next>.technical-label{grid-column:1 / span 3}.lab-next>div{grid-column:4 / -1}}@media(max-width:600px){.lab-intro{min-height:auto;padding-block:var(--space-16);display:block}.lab-intro h1{margin-top:var(--space-8);font-size:var(--type-display-m)}.lab-intro>div>p{font-size:var(--type-body)}.lab-section>.section-heading{margin-bottom:var(--space-10)}.lab-active h3{margin-top:var(--space-8);font-size:var(--type-heading-l)}.lab-active figure{grid-row:auto}.lab-active__story>p{font-size:var(--type-body)}.lab-inquiry>div{grid-template-columns:1fr;gap:var(--space-2)}.lab-visual,.lab-notebook .lab-visual{min-height:250px}.lab-visual--contract{padding:var(--space-5);grid-template-columns:1fr;gap:var(--space-3)}.lab-visual--contract span{min-height:var(--size-control-lg)}.lab-visual--contract i{display:none}.lab-visual--evidence{padding:var(--space-5);grid-template-columns:1fr}.lab-visual--evidence>div{min-height:120px}.lab-visual--conflict{padding:var(--space-5);grid-template-columns:1fr;gap:var(--space-3)}.lab-visual--conflict>div{min-height:88px}.lab-visual--conflict>strong{justify-self:start}.lab-notebook article{display:flex;flex-direction:column}.lab-notebook article>header{order:1}.lab-notebook__copy{order:2}.lab-notebook article>.lab-visual{order:3}.lab-notebook__copy{padding-inline:0}.lab-next{display:block}.lab-next>div{margin-top:var(--space-8)}.lab-next h2{font-size:var(--type-heading-l)}.lab-next nav{display:grid}}