@layer features{.case-head{background-color:var(--surface);color:var(--text);padding-block:var(--space-6) var(--space-8)}.case-head__grid{row-gap:var(--space-6)}.case-head__cover{aspect-ratio:4/3;grid-column:full;margin-block-start:var(--space-4);position:relative;overflow:clip}@media (width>=600px){.case-head__cover{aspect-ratio:21/9}}@media (width>=1200px){.case-head__cover{aspect-ratio:auto;block-size:min(62svh,42rem)}}.case-head__back{font-size:var(--step--1);grid-column:wide;margin:0}.case-head__back-icon{display:inline-block;transform:rotate(180deg)}.case-head__title{gap:var(--space-4);grid-column:wide;grid-template-columns:minmax(0,1fr);justify-items:start;min-inline-size:0;display:grid}.case-head__stamp{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.case-head__type{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted)}.case-head__h1{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere;margin:0}.case-head__sectors,.case-head__stack{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.case-head__jump{margin-block-start:var(--space-3)}.case-head__facts{grid-column:wide;min-inline-size:0;margin:0;display:grid}.case-head__fact{gap:var(--space-1);padding-block:var(--space-4);border-block-start:var(--line-width) solid var(--border-control);display:grid}.case-head__fact dt{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:500}.case-head__fact dd{font-size:var(--step-0);line-height:var(--leading-snug);margin:0}@media (width>=900px){.case-head__facts{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.case-head__fact:last-child{grid-column:1/-1}}@media (width>=1200px){.case-head__title{grid-column:1 col-start/span 10}.case-head__facts{grid-column:11 col-start/wide-end;grid-template-columns:minmax(0,1fr);align-self:end}.case-head__fact:last-child{grid-column:auto}}.case-body .section__rail{inset-block-start:calc(var(--header-height-compact) + var(--space-5))}.case-rail{gap:var(--space-3);display:grid}.case-rail__label{font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0;font-weight:500}.case-rail__list{margin:0;padding:0;list-style:none;display:grid}.case-rail__link{padding-block:var(--space-2);border-block-start:var(--line-width) solid var(--border);color:var(--text-muted);letter-spacing:var(--tracking-label);grid-template-columns:2.25em minmax(0,1fr);align-items:baseline;text-decoration:none;display:grid}.case-rail__link:hover{color:var(--text)}.case-rail__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.case-rail__number{color:var(--accent)}.case-flow{container:case-flow/inline-size}.case-flow__grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.case-section{min-inline-size:0}.case-section__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance}.case-section__body>*{max-inline-size:var(--measure-reading);font-family:var(--font-reading);font-size:var(--step-0);line-height:var(--leading-reading);margin-block:0}.case-section__body>*+*{margin-block-start:var(--space-4)}.case-section[data-case-section=what-changed] ul{padding:0;list-style:none;display:grid}.case-section[data-case-section=what-changed] li{column-gap:var(--space-4);padding-block:var(--space-4);border-block-start:var(--line-width) solid var(--border);grid-template-columns:1.5rem minmax(0,1fr);display:grid;position:relative}.case-section[data-case-section=what-changed] li:last-child{border-block-end:var(--line-width) solid var(--border)}.case-section[data-case-section=what-changed] li:before{content:"";border:var(--line-width-strong) solid var(--accent);border-radius:var(--radius-s);block-size:1.5rem;inline-size:1.5rem;margin-block-start:.15em}.case-section[data-case-section=what-changed] li:after{content:"";border-inline-start:var(--line-width-strong) solid var(--accent);border-block-end:var(--line-width-strong) solid var(--accent);block-size:.4rem;inline-size:.7rem;position:absolute;inset-block-start:calc(var(--space-4) + .5rem);inset-inline-start:.4rem;transform:rotate(-45deg)}.spec-sheet{background-color:var(--surface-raised);border:var(--line-width) solid var(--border-control);border-radius:var(--radius-s);font-family:var(--font-mono)}.spec-sheet__summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;display:flex}.spec-sheet__summary::-webkit-details-marker{display:none}.spec-sheet__summary:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -1)}.spec-sheet__summary .case-section__title{margin:0}.spec-sheet__mark{flex:none;block-size:1.25rem;inline-size:1.25rem;position:relative}.spec-sheet__mark:before,.spec-sheet__mark:after{content:"";inline-size:100%;block-size:var(--line-width-strong);background-color:var(--text);position:absolute;inset-block-start:calc(50% - var(--line-width-strong) / 2);inset-inline-start:0}.spec-sheet__mark:after{transform:rotate(90deg)}.spec-sheet[open] .spec-sheet__mark:after{display:none}.spec-sheet__body{padding:var(--space-4) var(--space-5) var(--space-5);border-block-start:var(--line-width) solid var(--border)}.spec-sheet__body>*{font-family:var(--font-mono);font-size:var(--step--1);line-height:var(--leading-body);margin-block:0}.spec-sheet__body>*+*{margin-block-start:var(--space-4)}@container case-flow (width>=60rem){.case-flow__grid{column-gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr))}.case-section[data-case-section=situation]{grid-column:1/span 5}.case-section[data-case-section=what-i-built]{grid-column:6/span 7}.case-section[data-case-section=what-changed]{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid}.case-section[data-case-section=what-changed] .case-section__title{grid-column:1/span 5}.case-section[data-case-section=what-changed] .case-section__body{grid-column:6/span 7}.case-spec{grid-column:1/-1}.spec-sheet__body{column-count:2;column-gap:var(--space-6)}.spec-sheet__body>*{break-inside:avoid}}.model-stage{background-color:var(--surface-raised);color:var(--text);padding-block:var(--space-section);border-block:var(--line-width) solid var(--border);container:model-stage/inline-size}.model-stage__grid{row-gap:var(--space-6);align-items:start}.model-stage__head{gap:var(--space-4);grid-column:wide;min-inline-size:0;display:grid}.model-stage__head>*{margin:0}.model-stage__title{font-family:var(--font-display);font-size:var(--step-3);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance}.model-stage__description{max-inline-size:46ch;font-family:var(--font-reading);font-size:var(--step-0);line-height:var(--leading-reading)}.model-stage__label{border-inline-start:var(--line-width-strong) solid var(--accent);font-family:var(--font-mono);font-size:var(--step--1);line-height:var(--leading-snug);color:var(--text-muted);padding-inline-start:var(--space-4)}.model-stage__frame{aspect-ratio:4/3;min-inline-size:0;padding:var(--space-5);background-color:var(--surface);border:var(--line-width) solid var(--border-control);border-radius:var(--radius-s);grid-column:wide;place-items:center;display:grid;position:relative;overflow:clip}.model-stage__frame>*{block-size:100%;inline-size:100%}@media (width>=900px){.model-stage__head{grid-column:1 col-start/span 4}.model-stage__frame{aspect-ratio:16/10;grid-column:5 col-start/wide-end}}@media (width>=1200px){.model-stage__head{grid-column:1 col-start/span 5}.model-stage__frame{grid-column:6 col-start/wide-end}}.model-stage:not([data-still]) .model-stage__head,.model-stage:not([data-still]) .model-stage__frame{grid-column:wide}.model-stage:not([data-still]) .model-stage__frame{aspect-ratio:auto;place-items:normal;display:block;overflow:visible}.model-stage:not([data-still]) .model-stage__frame>*{block-size:auto}@media (width>=900px){.model-stage:not([data-still]) .model-stage__head{column-gap:var(--space-6);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.model-stage:not([data-still]) .model-stage__title{grid-row:1/span 2}.model-stage:not([data-still]) .model-stage__description,.model-stage:not([data-still]) .model-stage__label{grid-column:2}}.work-index__head{background-color:var(--surface);color:var(--text);padding-block:var(--space-7) var(--space-7)}.work-index__head-grid{row-gap:var(--space-5)}.work-index__title{font-family:var(--font-display);font-size:var(--step-5);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;grid-column:wide;margin:0}.work-index__intro{gap:var(--space-4);max-inline-size:60ch;font-size:var(--step-0);line-height:var(--leading-body);grid-column:wide;display:grid}.work-index__intro p{margin:0}@media (width>=900px){.work-index__title{grid-column:1 col-start/span 7}.work-index__intro{grid-column:8 col-start/wide-end;align-self:end}}@media (width>=1200px){.work-index__title{grid-column:1 col-start/span 9}.work-index__intro{grid-column:10 col-start/wide-end}}.work-index{background-color:var(--surface);color:var(--text);container:section/inline-size}.work-index__list{grid-column:wide;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--grid-gutter);row-gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.work-entry{min-inline-size:0;border-block-start:var(--line-width-strong) solid var(--text);grid-column:1/-1;padding-block-start:var(--space-5);container:entry/inline-size}.work-entry__body{gap:var(--space-4);align-content:start;display:grid}.work-entry__body>*,.work-entry__details>*{margin:0}.work-entry__stamp{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.work-entry__type{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted)}.work-entry__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;overflow-wrap:anywhere}.work-entry__details{gap:var(--space-4);justify-items:start;min-inline-size:0;display:grid}.work-entry__summary{font-size:var(--step-0);line-height:var(--leading-snug)}.work-entry__sectors{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.work-entry__credit{font-size:var(--step--1);color:var(--text-muted)}.work-entry__preview{aspect-ratio:4/3;background-color:var(--surface-raised);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);min-inline-size:0;position:relative;overflow:clip}.work-entry__try{display:block;position:absolute;inset:0}.work-entry__try:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -2)}.work-entry__preview:has(>.work-entry__try):hover{border-color:var(--accent)}.work-entry__preview:has(>.work-entry__try)>:not(.work-entry__try){pointer-events:none}.work-entry__preview [data-preview-toggle]{pointer-events:auto}.work-entry__screen{block-size:100%}.work-entry__preview>.photo{display:none}@media (width>=900px){.work-entry__preview>.photo{display:block}.work-entry__preview:has(>.photo){border-color:#0000}.work-entry__preview:has(>.photo) .work-entry__screen{background-color:var(--surface-raised);border-block-start:var(--line-width) solid var(--border);border-inline-start:var(--line-width) solid var(--border);block-size:auto;box-shadow:0 .25rem .75rem color-mix(in srgb, var(--ink) 12%, transparent), 0 1.5rem 3.5rem -.75rem color-mix(in srgb, var(--ink) 35%, transparent);transition:translate var(--dur-scene) var(--ease-settle), box-shadow var(--dur-scene) var(--ease-settle);border-start-start-radius:var(--radius-s);position:absolute;inset:9% 0 0 9%;overflow:clip}@media (prefers-reduced-motion:no-preference){.work-entry__preview:has(>.photo):is(:hover,:focus-within) .work-entry__screen{translate:0 -.375rem}}}@container entry (width>=40rem){.work-entry__body{column-gap:var(--space-6);row-gap:var(--space-5);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.work-entry__stamp{grid-column:1/-1}.work-entry__title{font-size:var(--step-3);grid-column:1}.work-entry__details{grid-area:2/2}.work-entry__preview{aspect-ratio:16/9;grid-column:1/-1}}@media (width>=900px){.work-entry:nth-child(4n+1){grid-column:1/span 7}.work-entry:nth-child(4n+2){grid-column:8/span 5}.work-entry:nth-child(4n+3){grid-column:1/span 5}.work-entry:nth-child(4n){grid-column:6/span 7}}@media (width>=1200px){.work-entry:nth-child(4n+1){grid-column:1/span 10}.work-entry:nth-child(4n+2){grid-column:11/span 6}.work-entry:nth-child(4n+3){grid-column:1/span 6}.work-entry:nth-child(4n){grid-column:7/span 10}}.next-case{background-color:var(--surface);color:var(--text);padding-block:var(--space-section)}.next-case__grid{row-gap:var(--space-5)}.next-case__label{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);grid-column:wide;margin:0;font-weight:500}.next-case__link{gap:var(--space-4);padding-block:var(--space-6);border-block:var(--line-width-strong) solid var(--text);color:var(--text);grid-column:wide;grid-template-columns:minmax(0,1fr);min-inline-size:0;text-decoration:none;display:grid}.next-case__link:hover{background-color:var(--text);color:var(--surface);border-color:var(--text)}.next-case__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.next-case__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.next-case__link:hover .stamp{color:var(--surface)}.next-case__type{font-family:var(--font-mono);font-size:var(--step--1)}.next-case__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere}.next-case__arrow{justify-self:end}@media (width>=900px){.next-case__link{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta arrow""title arrow";align-items:end}.next-case__meta{grid-area:meta}.next-case__title{grid-area:title;max-inline-size:22ch}.next-case__arrow{grid-area:arrow}}@media (width>=900px) and (prefers-reduced-motion:no-preference){.next-case__arrow{transition:translate var(--dur-base) var(--ease-settle)}.next-case__link:hover .next-case__arrow{translate:var(--space-3) 0}}}