:root{--color-bg-primary:#ffffff;--color-bg-secondary:#f7f7f7;--color-bg-tertiary:#e0e0e0;--color-content-primary:#191919;--color-content-secondary:#616161;--color-content-disabled:#e0e0e0;--color-content-icon:#8f8f8f;--color-border-subtle:#e5e5e5;--color-border-medium:#8f8f8f;--color-border-strong:#000000;--color-content-success:#1b561a;--color-badge-label-gray:#363636;--color-button-disabled:#f7f7f7;--color-switch-knob-active:#ffffff;--color-switch-knob-inactive:#ffffff;--color-switch-knob-icon:#000000;--color-switch-bg-active:#000000;--color-switch-bg-inactive:#e0e0e0;--color-badge-bg-yellow:#fff8d5;--color-badge-label-yellow:#553b06;--color-badge-bg-green:#e0fae0;--color-badge-label-green:#1b561a;--color-badge-stroke-default:rgba(0,0,0,0.1);--color-badge-bg-red:#fff5f5;--color-badge-label-red:#d50b0b;--color-badge-bg-gray:#f7f7f7;--color-bg-success:#288034;--color-bg-disabled:#e5e5e5;--color-hover-overlay:rgba(0,0,0,0.06);--color-focus-ring:rgba(9,104,246,0.5);--color-border-attention:#d50b0b;--color-bg-attention:#d50b0b;--color-bg-attention-light:#ffdede;--color-content-attention:#570303;--color-content-warning-text:#855f00;--color-button-primary:#000000;--color-button-secondary:#ffffff;--color-content-on-primary:#ffffff;--shadow-inset-bottom:inset 0px -1px 0px 0px rgba(0,0,0,0.1);--font-body:var(--font-geist),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:var(--font-new-york-large),"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--font-label:var(--font-departure-mono),"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-code:var(--font-jetbrains-mono),"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-super-tiny:0.625rem;--text-button:0.75rem;--text-tiny:0.8125rem;--text-small:0.875rem;--text-regular:1rem;--text-medium:1.125rem;--text-large:1.25rem;--text-huge:2rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-buttons:0.6875rem;--leading-tiny:0.9375rem;--leading-small:1.125rem;--leading-regular:1.5rem;--leading-huge:2.5rem;--tracking-tight:-0.3px;--tracking-normal:0;--tracking-spacious:0.3px;--space-none:0;--space-2:0.125rem;--space-4:0.25rem;--space-6:0.375rem;--space-8:0.5rem;--space-10:0.625rem;--space-12:0.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-48:3rem;--space-128:8rem;--icon-8:0.5rem;--icon-12:0.75rem;--icon-13:0.8125rem;--icon-14:0.875rem;--icon-16:1rem;--icon-20:1.25rem;--icon-24:1.5rem;--icon-32:2rem;--icon-40:2.5rem;--radius-xs:0.25rem;--radius-badge:0.375rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-default:1rem;--radius-lg:1.25rem;--radius-full:9999px;--shadow-elevation-1:0px 1px 2px 0px rgba(0,0,0,0.05);--shadow-elevation-2:0 8px 16px -8px rgba(0,0,0,0.04),0 6px 6px -3px rgba(0,0,0,0.04),0 3px 3px -1.5px rgba(0,0,0,0.04),0 1px 1px -0.5px rgba(0,0,0,0.04);--shadow-elevation-4:0 0 0 1px rgba(0,0,0,0.08),0 16px 16px 0 rgba(0,0,0,0.04),0 12px 12px 0 rgba(0,0,0,0.04),0 6px 6px 0 rgba(0,0,0,0.04),0 3px 3px 0 rgba(0,0,0,0.04),0 1px 1px -0.5px rgba(0,0,0,0.04);--shadow-focus-ring:0 0 0 1px var(--color-bg-primary),0 0 0 2px var(--color-focus-ring);--shadow-switch-toggle:0 6px 6px 0 rgba(0,0,0,0.04),0 3px 3px 0 rgba(0,0,0,0.04),0 1px 1px 0 rgba(0,0,0,0.04),inset 1px 2px 3px 0 rgba(0,0,0,0.15);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-out-quart:cubic-bezier(0.76,0,0.24,1);--duration-press:150ms;--duration-hover:200ms;--duration-enter:300ms}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.heading-h1{font-family:var(--font-heading);font-size:var(--text-huge);font-weight:var(--weight-regular);line-height:var(--leading-huge);letter-spacing:var(--tracking-tight);color:var(--color-content-primary)}.heading-h2{font-size:var(--text-large)}.heading-h2,.heading-h3{font-family:var(--font-heading);font-weight:var(--weight-medium);line-height:var(--leading-regular);letter-spacing:var(--tracking-normal);color:var(--color-content-primary)}.heading-h3{font-size:var(--text-medium)}.body-md{font-size:var(--text-regular);line-height:var(--leading-regular)}.body-md,.body-sm{font-family:var(--font-body);font-weight:var(--weight-regular);letter-spacing:var(--tracking-normal);color:var(--color-content-primary)}.body-sm{font-size:var(--text-small);line-height:var(--leading-small)}.body-xs{font-family:var(--font-body);font-size:var(--text-tiny);font-weight:var(--weight-regular);line-height:var(--leading-tiny);letter-spacing:var(--tracking-normal);color:var(--color-content-primary)}.label-md{font-size:var(--text-button);line-height:var(--leading-small);letter-spacing:var(--tracking-spacious)}.button-label-sm,.label-md{font-family:var(--font-label);font-weight:var(--weight-regular);text-transform:uppercase;color:var(--color-content-primary)}.button-label-sm{font-size:var(--text-super-tiny);line-height:var(--leading-buttons)}.button-label-sm,.code-md{letter-spacing:var(--tracking-normal)}.code-md{font-family:var(--font-code);font-size:var(--text-button);font-weight:var(--weight-regular);line-height:var(--leading-small);color:var(--color-content-primary)}*,:after,:before{box-sizing:border-box;padding:0;margin:0}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;font-family:var(--font-body);font-size:var(--text-regular);line-height:var(--leading-regular);color:var(--color-content-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}@font-face{font-family:Geist;src:url(/fonts/geist-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-geist:Geist;--font-departure-mono:"Departure Mono";--font-new-york-large:"New York","Iowan Old Style";--font-jetbrains-mono:"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas}.portfolio-shell{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-16);padding:var(--space-16);min-height:100dvh;width:100%}.sidebar-closed{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;top:var(--space-16);height:calc(100dvh - 2 * var(--space-16))}.workspace{min-width:0;display:flex;flex-direction:column}.workspace-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--color-border-subtle)}main{flex:1 1;min-width:0}.page-content{display:flex;flex-direction:column;gap:var(--space-48);padding:var(--space-48) var(--space-32);max-width:76rem;margin-inline:auto}.inline{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.stack{gap:var(--space-24)}.stack,.stack-tight{display:flex;flex-direction:column;min-width:0}.stack-tight{gap:var(--space-8)}.muted{color:var(--color-content-secondary)}.reading-width{max-width:64ch}.identity-section{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-48);padding-bottom:var(--space-48);border-bottom:1px solid var(--color-border-subtle);align-items:start}.identity-copy{gap:var(--space-16)}.identity-summary{max-width:44ch}.actions{padding-top:var(--space-8);gap:var(--space-8)}.identity-context{padding-left:var(--space-32);border-left:1px solid var(--color-border-subtle)}.facts{display:flex;flex-direction:column;gap:var(--space-16)}.facts>div,.project-facts>div{display:flex;flex-direction:column;gap:var(--space-8)}.section-heading{display:flex;justify-content:space-between;gap:var(--space-24);align-items:center}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.project-entry{display:flex;flex-direction:column;gap:var(--space-16);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-24);min-width:0}.project-link{margin-top:auto;padding-top:var(--space-8)}.tabs-scroll{overflow-x:auto;padding-block:var(--space-4)}.closing-section{gap:var(--space-24);padding-block:var(--space-24)}.closing-section,.workspace-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border-subtle)}.workspace-footer{gap:var(--space-16);flex-wrap:wrap;padding:var(--space-24)}.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);padding-top:var(--space-24);border-top:1px solid var(--color-border-subtle)}.workflow-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--space-24);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.case-layout,.workflow-layout{display:grid;gap:var(--space-48)}.case-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.case-layout>aside{align-self:start;position:sticky;top:var(--space-32)}.project-image{display:block;width:100%;height:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.plain-list{padding-left:var(--space-24);display:flex;flex-direction:column;gap:var(--space-8)}.skip-link{position:fixed;top:var(--space-8);left:var(--space-16);padding:var(--space-12);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transform:translateY(-200%);z-index:100}.skip-link:focus{transform:none}:where(a,button,[tabindex]):focus-visible{outline:var(--space-2) solid var(--color-focus-ring);outline-offset:var(--space-2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:1100px){.identity-section{gap:var(--space-24)}.identity-context{padding-left:var(--space-24)}.project-grid{grid-template-columns:minmax(0,1fr)}.project-entry{gap:var(--space-12)}}@media (max-width:800px){.portfolio-shell{grid-template-columns:minmax(0,1fr);padding:var(--space-8)}.sidebar{display:none}.page-content{padding:var(--space-32) var(--space-16);gap:var(--space-32)}.workspace-header{padding:var(--space-12) var(--space-16)}.workspace-header .label-md{display:none}.identity-section{grid-template-columns:minmax(0,1fr);gap:var(--space-32);padding-bottom:var(--space-32)}.identity-context{padding-left:0;padding-top:var(--space-24);border-left:0;border-top:1px solid var(--color-border-subtle)}.closing-section,.section-heading{align-items:flex-start;flex-direction:column}.case-layout,.project-facts,.workflow-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-24)}.case-layout>aside{position:static}.workspace-footer{padding:var(--space-16)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.identity-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;border:0;padding-bottom:0}.identity-copy{gap:var(--space-24)}.design-sketch{background:var(--color-content-primary);border-radius:var(--radius-default);padding:var(--space-24);min-width:0}.design-sketch,.sketch-heading{display:flex;flex-direction:column;gap:var(--space-16)}.inverse,.sketch-heading{color:var(--color-content-on-primary)}.sketch-workspace{background:var(--color-bg-primary);border-radius:var(--radius-sm);padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-24)}.sketch-panel{min-height:calc(var(--space-128) + var(--space-48))}.question-note{display:flex;flex-direction:column;gap:var(--space-12);padding-top:var(--space-8)}.code-sketch{padding:var(--space-12);border-left:var(--space-2) solid var(--color-border-subtle);white-space:pre-wrap}.sketch-caption{color:var(--color-bg-tertiary)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24)}.project-card{min-width:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);overflow:hidden;background:var(--color-bg-primary);transition:border-color var(--duration-hover) ease}.project-card,.project-story{display:flex;flex-direction:column}.project-story{gap:var(--space-16);padding:var(--space-24);flex:1 1}.featured-project{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.featured-project .project-story{justify-content:center}.featured-project .project-link{margin-top:var(--space-8)}.project-cover{display:flex;flex-direction:column;min-height:calc(var(--space-128) * 2 + var(--space-48));background:var(--color-bg-secondary);min-width:0;overflow:hidden;position:relative}.cover-valyx{background:var(--color-badge-bg-green)}.cover-karvm{background:var(--color-badge-bg-yellow)}.billing-art,.court-art,.rental-art{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24);flex:1 1}.cover-stamp{display:flex;align-items:center;gap:var(--space-8)}.billing-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-16);align-items:center;flex:1 1}.input-paper,.output-paper,.rental-paper{background:var(--color-bg-primary);padding:var(--space-20);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:transform var(--duration-enter) var(--ease-out-expo)}.input-paper{transform:rotate(-3deg)}.output-paper{transform:rotate(3deg);gap:var(--space-16)}.rental-paper{transform:rotate(-3deg);margin:auto var(--space-24);gap:var(--space-16)}.cover-row{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-12);border-bottom:1px solid var(--color-border-subtle)}.cover-row:last-child{border-bottom:0}.cover-caption{padding:var(--space-12) var(--space-24);color:var(--color-content-secondary)}.court-art{padding-bottom:0;gap:var(--space-16)}.court-art img{width:100%;height:auto;display:block;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transform-origin:top center;transition:transform var(--duration-enter) var(--ease-out-expo)}.practice-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-48);padding-block:var(--space-32);border-top:1px solid var(--color-border-subtle);align-items:center}@media (hover:hover) and (pointer:fine){.project-card:hover{border-color:var(--color-border-medium)}.project-cover:hover .input-paper,.project-cover:hover .output-paper,.project-cover:hover .rental-paper{transform:rotate(0)}.project-cover:hover .court-art img{transform:translateY(calc(-1 * var(--space-4)))}}@media (max-width:1100px){.featured-project{grid-template-columns:minmax(0,1fr)}.billing-composition{gap:var(--space-12)}.input-paper,.output-paper{padding:var(--space-16)}.rental-paper{margin-inline:0}}@media (max-width:800px){.identity-section,.practice-strip,.project-grid{grid-template-columns:minmax(0,1fr)}.featured-project{grid-column:auto}.design-sketch{padding:var(--space-20)}.billing-composition{grid-template-columns:minmax(0,1fr)}.input-paper,.output-paper{transform:none}.project-cover{min-height:0}.billing-art,.court-art,.rental-art{padding:var(--space-20)}.rental-paper{transform:none}}@media (prefers-reduced-motion:reduce){.input-paper,.output-paper,.rental-paper{transform:none}}body,html{overflow-x:clip}.sketch-tabs{overflow-x:auto;padding-block:var(--space-4)}@media (max-width:400px){.design-sketch{padding:var(--space-12)}.sketch-workspace{padding:var(--space-6)}}.t-gen{--gen-line:var(--color-content-icon);--gen-strong:var(--color-content-secondary);--gen-ink:var(--color-border-medium);--gen-surface:var(--color-bg-primary);--gen-text:var(--color-content-primary);--gen-muted:var(--color-content-secondary);--gen-font:var(--font-label);overflow:clip;overflow-clip-margin:var(--space-24)}@property --reveal-front{syntax:"<percentage>";inherits:true;initial-value:-12%}[data-reveal-focus]{--reveal-focus-delay:930ms;--reveal-focus-duration:525ms}[data-reveal-blur]{display:none}@media (prefers-reduced-motion:no-preference){:is(html[data-content-intro=playing],html[data-art-intro=playing]) [data-reveal-focus]{animation:reveal-focus-front var(--reveal-focus-duration) linear var(--reveal-focus-delay) both;-webkit-mask-image:linear-gradient(to bottom,black calc(var(--reveal-front) - var(--space-24)),transparent calc(var(--reveal-front) + var(--space-24)));mask-image:linear-gradient(to bottom,black calc(var(--reveal-front) - var(--space-24)),transparent calc(var(--reveal-front) + var(--space-24)))}:is(html[data-content-intro=playing],html[data-art-intro=playing]) [data-reveal-blur]{display:block;position:absolute;inset:0;z-index:5;overflow:clip;pointer-events:none}[data-reveal-blur]>div{position:absolute;top:calc(var(--reveal-front) - var(--space-48));inset-inline:0;height:calc(var(--space-48) * 2)}[data-reveal-blur] i{position:absolute;inset:0}[data-reveal-blur] i:first-child{-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));-webkit-mask-image:linear-gradient(180deg,transparent,black 20%,black 40%,transparent 60%);mask-image:linear-gradient(180deg,transparent,black 20%,black 40%,transparent 60%)}[data-reveal-blur] i:nth-child(2){-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));-webkit-mask-image:linear-gradient(180deg,transparent 20%,black 45%,black 60%,transparent 80%);mask-image:linear-gradient(180deg,transparent 20%,black 45%,black 60%,transparent 80%)}[data-reveal-blur] i:nth-child(3){-webkit-backdrop-filter:blur(var(--space-6));backdrop-filter:blur(var(--space-6));-webkit-mask-image:linear-gradient(180deg,transparent 40%,black 70%,black);mask-image:linear-gradient(180deg,transparent 40%,black 70%,black)}html[data-art-intro=preparing] [data-generation=illustration],html[data-content-intro=waiting] [data-generation=home]{opacity:0}}@keyframes reveal-focus-front{0%{--reveal-front:-12%}to{--reveal-front:112%}}