.portfolio-page{padding-block:clamp(4rem,10vw,9rem)}.portfolio-page>.ctw-container{width:min(calc(100% - 2rem), var(--ctw-size-container))}.portfolio-lead{gap:var(--ctw-space-6);padding-bottom:var(--ctw-space-8);border-bottom:1px solid var(--ctw-color-border);display:grid}.portfolio-lead h1{max-width:11ch;font:750 clamp(3.5rem, 11vw, 9rem)/.86 var(--ctw-font-sans);letter-spacing:-.075em;margin:0}.portfolio-lead__meta{justify-content:space-between;gap:var(--ctw-space-4);color:var(--ctw-color-text-muted);font-family:var(--ctw-font-mono);display:flex}.portfolio-grid{margin:var(--ctw-space-8) 0 0;background:var(--ctw-color-border);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:1px;list-style:none;display:grid}.project-card{background:var(--ctw-color-surface);grid-column:span 2;min-width:0}.project-card--span-3{grid-column:span 3}.project-card--span-4{grid-column:span 4}.project-card:first-child{grid-column:1/-1}.project-card__link{aspect-ratio:16/10;min-height:18rem;color:var(--ctw-color-text);text-decoration:none;display:grid;position:relative;overflow:hidden}.project-card__image{object-fit:cover;filter:saturate(.78)contrast(1.04);width:100%;height:100%;transition:filter var(--ctw-motion-deliberate) var(--ctw-ease-out);grid-area:1/1}.project-card__link:after{content:"";background:#0505056b;position:absolute;inset:0}.project-card__link:hover .project-card__image{filter:saturate()contrast(1.04)}.project-card__index,.project-card__copy{z-index:1;position:absolute}.project-card__index{top:var(--ctw-space-4);right:var(--ctw-space-4);font:500 var(--ctw-type-label)/1 var(--ctw-font-mono)}.project-card__copy{right:var(--ctw-space-5);bottom:var(--ctw-space-5);left:var(--ctw-space-5);gap:var(--ctw-space-2);display:grid}.project-card__copy strong{letter-spacing:-.04em;font-size:clamp(1.5rem,4vw,3.5rem);line-height:.95}.project-card__copy span{font:500 var(--ctw-type-label)/1.4 var(--ctw-font-mono);text-transform:uppercase}.project-dialog{background:var(--ctw-color-surface);width:100%;max-width:none;height:100%;max-height:none;color:var(--ctw-color-text);border:0;margin:0;padding:0}.project-dialog::backdrop{background:#050505d6}.project-dialog__header{z-index:2;justify-content:space-between;align-items:center;gap:var(--ctw-space-4);padding:var(--ctw-space-4) max(1rem, calc((100vw - var(--ctw-size-container)) / 2));border-bottom:1px solid var(--ctw-color-border);background:var(--ctw-color-surface);display:flex;position:sticky;top:0}.project-dialog__close{min-width:var(--ctw-size-touch);min-height:var(--ctw-size-touch);border:1px solid var(--ctw-color-control-border);border-radius:var(--ctw-radius-control);color:inherit;font:500 var(--ctw-type-label)/1 var(--ctw-font-mono);cursor:pointer;background:0 0}.project-dialog__body{width:min(100% - 2rem, var(--ctw-size-container));padding-block:var(--ctw-space-8);margin-inline:auto}.project-dialog__lead{gap:var(--ctw-space-5);padding-bottom:var(--ctw-space-8);border-bottom:1px solid var(--ctw-color-border);display:grid}.project-dialog__title{max-width:12ch;font:750 clamp(3rem, 10vw, 8rem)/.88 var(--ctw-font-sans);letter-spacing:-.07em;margin:0}.project-dialog__headline{max-width:30ch;color:var(--ctw-color-text-muted);margin:0;font-size:clamp(1.5rem,3vw,2.5rem)}.project-dialog__narrative{max-width:68ch;padding-block:var(--ctw-space-8);font-size:var(--ctw-type-body-lg)}.project-dialog__facts{border-block:1px solid var(--ctw-color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.project-dialog__facts div{padding:var(--ctw-space-5)}.project-dialog__facts div+div{border-left:1px solid var(--ctw-color-border)}.project-dialog__facts dt{color:var(--ctw-color-text-muted);font:500 var(--ctw-type-label)/1.4 var(--ctw-font-mono);text-transform:uppercase}.project-dialog__facts dd{margin:var(--ctw-space-2) 0 0}.project-dialog__links{gap:var(--ctw-space-3);padding-block:var(--ctw-space-7);flex-wrap:wrap;display:flex}.project-gallery{background:var(--ctw-color-border);gap:1px;display:grid}.project-gallery__item{background:var(--ctw-color-surface);margin:0;padding:0}.project-gallery__item>img,.project-gallery__item video,.project-gallery__item--pair>div img{width:100%;height:auto;display:block}.project-gallery__item--pair>div{grid-template-columns:1fr 1fr;gap:1px;display:grid}.project-gallery figcaption{padding:var(--ctw-space-3);color:var(--ctw-color-text-muted);font:500 var(--ctw-type-label)/1.4 var(--ctw-font-mono)}.project-gallery__source{padding:var(--ctw-space-3);color:var(--ctw-color-action);font:500 var(--ctw-type-label)/1.4 var(--ctw-font-mono);display:block}.project-next{gap:var(--ctw-space-3);min-height:10rem;margin-top:var(--ctw-space-8);padding-block:var(--ctw-space-6);border-block:1px solid var(--ctw-color-border);color:var(--ctw-color-text);align-content:end;text-decoration:none;display:grid}.project-next strong{letter-spacing:-.05em;font-size:clamp(2rem,6vw,5rem)}html:not(.portfolio-enhanced) .project-dialog:target:not([open]){height:auto;margin-top:var(--ctw-space-8);display:block;position:relative}body.project-dialog-open{overflow:hidden}@media (width<=48rem){.portfolio-grid{grid-template-columns:1fr}.project-card,.project-card--span-3,.project-card--span-4{grid-column:1}.project-card__link{aspect-ratio:auto;width:100%;height:min(22rem,80vw);min-height:15rem}.project-card__copy{bottom:5.5rem}.project-dialog__facts{grid-template-columns:1fr}.project-dialog__facts div+div{border-top:1px solid var(--ctw-color-border);border-left:0}.project-gallery__item--pair>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.project-card__image{transition:none}}