@font-face{font-family:'Symran Areal';src:local('ABC Areal Superfamily Variable'),local('ABC Areal Superfamily Variable Regular');font-weight:400 700;font-style:normal;font-display:swap}
:root{--category:#191919;--ink:#191919;--paper:#fff;--gutter:16px;--edge:24px;--colour-duration:0ms;--media-duration:320ms;--ease-out:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:'Symran Areal',Arial,sans-serif;font-size:12px;line-height:18px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block:24px 56px}
body{display:flex;min-block-size:100vh;min-block-size:100svh;flex-direction:column;margin:0;background:var(--paper);color:var(--category);font-weight:400;transition:color var(--colour-duration) ease}
body[data-route='1']{font-variation-settings:'MONO' 0,'wght' 400,'slnt' 0,'DRKM' 0}
body[data-route='2']{font-family:ui-rounded,'SF Pro Rounded','Helvetica Rounded',Arial,sans-serif}
#app{display:flex;flex:1 0 auto;flex-direction:column;min-inline-size:0}
a{color:inherit;text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--colour-duration) ease}
button,input{font:inherit}button{border-radius:0;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled,[aria-disabled='true']{cursor:default}
:focus-visible{outline:1px solid currentColor;outline-offset:5px}
[hidden]{display:none!important}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{font:inherit;font-weight:400}p{max-inline-size:60ch;overflow-wrap:break-word}p+p{margin-block-start:18px}
img{display:block;max-inline-size:100%;border:0}figure{min-inline-size:0}
.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;z-index:100;inset:8px auto auto 8px;padding:8px 12px;transform:translateY(-160%);background:#fff;color:#191919}.skip-link:focus{transform:none}
.site-header,.page,.site-footer{inline-size:100%;padding-inline:var(--edge)}
.site-header,.site-footer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:var(--gutter)}
.site-header{padding-block-start:20px}.brand{grid-column:1/span 4;inline-size:fit-content}.main-nav{display:contents}.main-nav a{inline-size:fit-content;white-space:nowrap}.main-nav a:nth-child(1){grid-column:5/span 2}.main-nav a:nth-child(2){grid-column:7/span 2}.main-nav a:nth-child(3){grid-column:9}.main-nav a:nth-child(4){grid-column:10}.main-nav a:nth-child(5){grid-column:11/span 2}
.main-nav a[aria-current='page']{text-decoration:underline}
.site-header::after{grid-column:1/-1;margin-block-start:16px;border-block-end:1px solid color-mix(in srgb,currentColor 25%,transparent);content:''}
.page{position:relative;isolation:isolate;flex:1 0 auto;min-inline-size:0;padding-block-start:24px}
.page-heading,.collection-heading{padding-block-end:12px;border-block-end:1px solid color-mix(in srgb,currentColor 25%,transparent);margin-block-end:24px}
.collection-heading{display:flex;justify-content:space-between;margin-block-end:16px}.collection-heading>span{font-size:11px;line-height:16px}
.dot{display:inline-block;flex:0 0 6px;inline-size:6px;block-size:6px;border-radius:50%;background:var(--dot,currentColor)}
.filter-bar{display:flex;align-items:start;flex-wrap:wrap;gap:8px 24px;margin-block-end:24px}
.filter-bar button{display:inline-flex;align-items:center;gap:6px;min-block-size:24px;padding:0;border:0;background:none;color:inherit;white-space:nowrap;transition:color var(--colour-duration) ease}
.filter-bar button[aria-pressed='true']{color:var(--filter);text-decoration:underline;text-underline-offset:4px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px var(--gutter)}
.project-card{display:block;min-inline-size:0}.project-card figure{border-block-end:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-block-end:12px}
.cover-frame{display:flex;align-items:center;justify-content:center;inline-size:100%;aspect-ratio:3/2;background:#fafafa;overflow:hidden}.cover-frame>.media{inline-size:100%;block-size:100%;aspect-ratio:auto!important}.cover-frame .media img{object-fit:cover}
.card-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-block-start:10px}.card-caption>:first-child{min-inline-size:0;overflow-wrap:anywhere}.card-caption .dot{margin-block-start:6px}
.media{position:relative;display:block;inline-size:100%;overflow:hidden;contain:paint;background:#f7f7f7}.media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}
.media-image{opacity:0;filter:blur(8px);transition:filter var(--media-duration) var(--ease-out),opacity 160ms ease-out}.media-preview{opacity:1;filter:blur(10px);transform:scale(1.06);transition:opacity var(--media-duration) var(--ease-out);pointer-events:none}.media.is-ready>.media-image{opacity:1;filter:blur(0)}.media.is-ready>.media-preview,.media.is-error>.media-preview{opacity:0}.media.is-error>.media-image{opacity:0}.media-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:16px;color:#666;background:#f7f7f7}
.feature-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);margin-block-end:40px}.featured{grid-column:1/span 8}.feature-intro{grid-column:9/span 4;max-inline-size:52ch}.feature-layout .cover-frame{aspect-ratio:16/9}
.category-tag{display:inline-flex;align-items:center;gap:6px;max-inline-size:100%;font-size:11px;line-height:16px}
.project-intro,.bio-intro,.cv-section,.contact-grid,.brand-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px var(--gutter)}
.project-hero{grid-column:1/span 8}.project-copy{grid-column:9/span 4;min-inline-size:0;max-inline-size:60ch}.project-copy>.category-tag{margin-block-end:24px}.copy-note{display:block;margin-block-start:16px;font-size:11px;line-height:16px;opacity:.65;max-inline-size:52ch}.project-copy p+p{margin-block-start:18px}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px var(--gutter);margin-block-start:32px}.project-figure figcaption,.study-figure figcaption{margin-block-start:8px;font-size:11px;line-height:16px}
.image-open{display:block;inline-size:100%;padding:0;border:0;background:none;text-align:start}
.related{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-block-start:40px;padding-block:16px;border-block-start:1px solid color-mix(in srgb,currentColor 25%,transparent)}.related h2{grid-column:1/span 4}.related a{grid-column:span 4;display:flex;align-items:center;gap:6px}
.index-row{border-block-start:1px solid color-mix(in srgb,currentColor 25%,transparent)}.index-row:last-child{border-block-end:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.index-toggle{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:var(--gutter);inline-size:100%;min-block-size:60px;padding:20px 0;border:0;background:none;text-align:start;transition:color var(--colour-duration) ease}
.index-number{grid-column:1;font-size:11px;line-height:18px;font-variant-numeric:tabular-nums}.index-title{grid-column:2/span 3}.index-category{grid-column:5/span 2}.image-count{grid-column:7/span 2;font-size:11px;line-height:18px}.disclosure-label{grid-column:11/span 2;display:flex;justify-content:space-between}.disclosure-mark{font-size:14px;line-height:18px}
.index-panel{overflow:hidden}.index-panel-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding-block:12px 32px}.index-description{grid-column:1/span 4;max-inline-size:52ch}.index-description>a{display:inline-block;margin-block-start:16px}.image-bank{grid-column:5/span 8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--gutter)}.index-hint{display:block;margin-block-start:16px;font-size:11px;line-height:16px;opacity:.65}
.hover-preview{position:fixed;z-index:40;inset:0 auto auto 0;inline-size:320px;max-inline-size:calc(100vw - 32px);padding:8px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:#fff;opacity:0;pointer-events:none;transition:opacity 125ms var(--ease-out);contain:layout style}.hover-preview.is-visible{opacity:1}.preview-media{block-size:220px;display:flex;align-items:center;justify-content:center;background:#fafafa}.preview-media>.media{block-size:100%;aspect-ratio:auto!important}.preview-caption{display:block;margin-block-start:8px;font-size:11px;line-height:16px}
.bio-intro{margin-block-end:32px}.bio-intro>figure{grid-column:1/span 4}.biography{grid-column:5/span 4;max-inline-size:60ch}.biography h2{margin-block-end:16px}
.cv-section{padding-block:20px 28px;border-block-start:1px solid color-mix(in srgb,currentColor 25%,transparent)}.cv-section>h2{grid-column:1/span 4}.cv-entries{display:grid;grid-column:5/span 8;gap:24px;min-inline-size:0}.cv-entry,.cv-entries>p{max-inline-size:60ch}.cv-entry h3{margin-block-end:4px}.cv-entry p+p{margin-block-start:8px}.entry-meta{font-size:11px;line-height:16px;opacity:.65}.about-page>.text-link{display:inline-block;margin-block-start:8px}
.section-intro{max-inline-size:52ch;margin-block-end:32px}.experiments-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:56px var(--gutter);padding-block:0 40px}.study-figure{min-inline-size:0;inline-size:100%}.study-1,.study-5{inline-size:76%;margin-block-start:48px;justify-self:end}.study-2,.study-6{inline-size:84%;margin-block-start:20px}.study-3,.study-7{inline-size:72%;margin-block-start:80px;justify-self:end}
.experiment-index h2{margin-block-end:16px}.experiment-index>a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding-block:12px;border-block-start:1px solid color-mix(in srgb,currentColor 25%,transparent)}.experiment-index>a>:nth-child(1){grid-column:1;font-size:11px;font-variant-numeric:tabular-nums}.experiment-index>a>:nth-child(2){grid-column:2/span 3}.experiment-index>a>:nth-child(3){grid-column:5/span 4}
.contact-grid>h2{grid-column:1/span 4}.contact-grid>div{grid-column:5/span 4;min-inline-size:0;max-inline-size:60ch}.empty-contact{display:grid;gap:24px;margin-block-start:32px}.empty-contact dt{margin-block-end:4px}.empty-contact dd{opacity:.65}
.brand-row{padding-block:20px 28px;border-block-start:1px solid color-mix(in srgb,currentColor 25%,transparent)}.brand-row:first-of-type{border:0;padding-block-start:0}.brand-row>h2{grid-column:1/span 4}.brand-row>div{grid-column:5/span 8}.brand-row p{max-inline-size:60ch}.logo-reserve{block-size:80px}.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.palette-item{display:flex;align-items:start;flex-direction:column;gap:8px;font-size:11px;line-height:16px}.colour-sample{display:block;inline-size:100%;block-size:64px}.palette-item>span:nth-child(2){display:flex;align-items:center;gap:6px}.palette-note{grid-column:1/-1;font-size:11px;line-height:16px;margin-block-start:12px}.brand-downloads{display:flex;flex-wrap:wrap;gap:24px;margin-block-start:16px}
.not-found>p,.not-found>a{display:block;margin-block-end:16px}
.site-footer{padding-block:0 24px;margin-block-start:48px;row-gap:16px;font-size:11px;line-height:16px}.site-footer::before{grid-column:1/-1;border-block-start:1px solid color-mix(in srgb,currentColor 25%,transparent);content:''}.footer-brand{grid-column:1/span 4}.site-footer>a:not(:first-of-type){grid-column:span 2;inline-size:fit-content}
.review-bar{position:sticky;z-index:30;inset-block-end:0;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:4px 16px;min-block-size:32px;margin-block-start:auto;padding:4px var(--edge);border-block-start:1px solid #ddd;background:#fff;color:#666;font-family:Arial,sans-serif;font-size:10px;line-height:16px}.review-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}.review-bar button{padding:0;border:0;background:none;color:#666;font-size:10px;line-height:20px}.review-bar button[aria-pressed='true']{color:#191919;text-decoration:underline}
.show-guides .page::before{position:absolute;z-index:2;inset:0 var(--edge);background:repeating-linear-gradient(to right,rgb(36 51 214 / 6%) 0,rgb(36 51 214 / 6%) calc((100% - 11 * var(--gutter))/12),transparent calc((100% - 11 * var(--gutter))/12),transparent calc((100% + var(--gutter))/12));pointer-events:none;content:''}
body:has(.lightbox[open]){overflow:hidden}.lightbox{position:fixed;inset:0;inline-size:100%;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:20px var(--edge);border:0;background:rgb(255 255 255 / 98%);color:var(--category)}.lightbox[open]{display:flex;flex-direction:column;gap:24px}.lightbox::backdrop{background:#fff}.lightbox-controls{display:flex;flex:0 0 auto;align-items:center;gap:24px}.lightbox-controls button{padding:4px 0;border:0;background:none}.lightbox-controls button:last-child{margin-inline-start:auto}#lightbox-figure{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-block-size:0;min-inline-size:0}#lightbox-figure>.media{flex:1 1 auto;block-size:0;min-block-size:0;aspect-ratio:auto!important;background:none}#lightbox-figure figcaption{font-size:11px;line-height:16px}
@media(hover:hover) and (pointer:fine){a:hover,.project-card:hover .card-caption>:first-child,.featured:hover .card-caption>:first-child,.suggested-project:hover .suggested-title,.index-toggle:hover .index-title,.category-control:hover .control-label,.video-toggle:hover>span,.review-bar button:hover{text-decoration:underline}}
@media(max-width:900px) and (min-width:701px){.palette{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{gap:8px 20px}.main-nav a:nth-child(1){grid-column:5}.main-nav a:nth-child(2){grid-column:6/span 2}.main-nav a:nth-child(3){grid-column:8/span 2}.main-nav a:nth-child(4){grid-column:10}.main-nav a:nth-child(5){grid-column:11/span 2}}
@media(max-width:700px){
 :root{--edge:16px}.site-header{grid-template-columns:repeat(5,minmax(0,1fr));padding-block-start:16px;row-gap:16px}.brand{grid-column:1/-1}.main-nav a:nth-child(n){grid-column:auto;grid-row:2;white-space:normal}.main-nav a:last-child{justify-self:end}.site-header::after{margin-block-start:0}.page{padding-block-start:24px}.projects-grid,.project-gallery,.experiments-board,.image-bank{grid-template-columns:minmax(0,1fr)}.projects-grid{row-gap:28px}.filter-bar{gap:4px 20px}.filter-bar button{min-block-size:32px}.project-intro,.bio-intro,.cv-section,.contact-grid,.brand-row,.feature-layout{grid-template-columns:minmax(0,1fr);row-gap:20px}.project-intro>*,.bio-intro>*,.cv-section>*,.contact-grid>*,.brand-row>*,.feature-layout>*{grid-column:1/-1;max-inline-size:60ch}.project-intro>.project-hero,.bio-intro>figure,.feature-layout>.featured{max-inline-size:none}.project-copy>.category-tag{margin-block-end:16px}.project-gallery{row-gap:28px}.related{grid-template-columns:1fr;gap:12px}.related>*{grid-column:1/-1!important}.index-toggle{grid-template-columns:24px minmax(0,1fr) 72px;gap:6px 12px;min-block-size:72px;padding-block:16px}.index-number{grid-column:1;grid-row:1}.index-title{grid-column:2;grid-row:1}.index-category{grid-column:2;grid-row:2}.image-count{display:none}.disclosure-label{grid-column:3;grid-row:1}.index-panel-inner{grid-template-columns:1fr;gap:24px;padding-block:8px 28px}.index-description,.image-bank{grid-column:1/-1}.image-bank{gap:20px}.hover-preview{display:none}.experiments-board{gap:32px;padding-block-end:32px}.study-figure,.study-1,.study-2,.study-3,.study-5,.study-6,.study-7{inline-size:100%;margin-block-start:0;justify-self:start}.experiment-index>a{grid-template-columns:24px minmax(0,1fr);gap:4px 12px}.experiment-index>a>:nth-child(1){grid-column:1;grid-row:1}.experiment-index>a>:nth-child(2){grid-column:2;grid-row:1}.experiment-index>a>:nth-child(3){grid-column:2;grid-row:2}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:32px}.footer-brand{grid-column:1/-1}.site-footer>a:not(:first-of-type){grid-column:auto}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.review-bar{justify-content:center;flex-wrap:wrap;gap:0 12px;padding-block:4px;font-size:9px}.review-bar>div{gap:4px 12px}.review-bar button{font-size:9px}.show-guides .page::before{background:repeating-linear-gradient(to right,rgb(36 51 214 / 6%) 0,rgb(36 51 214 / 6%) calc((100% - 3 * var(--gutter))/4),transparent calc((100% - 3 * var(--gutter))/4),transparent calc((100% + var(--gutter))/4))}
}
@media(prefers-reduced-motion:reduce){:root{--colour-duration:0ms;--media-duration:0ms}.media-preview{display:none}.media-image{opacity:1;filter:none;transition:none}.hover-preview{display:none}html{scroll-behavior:auto}}
@media(max-width:700px){.main-nav{display:flex;grid-column:1/-1;grid-row:2;align-items:start;justify-content:space-between;gap:8px}.main-nav a:nth-child(n){white-space:nowrap}}

.media.is-cached>.media-image,.media.is-cached>.media-preview{transition:none}

.home-page>.filter-bar{padding-block-end:16px;border-block-end:1px solid color-mix(in srgb,currentColor 25%,transparent)}

/* Feedback pass: shared guide starts, quiet page endings, and one film stage. */
:root{--header-height:56px}
.site-header .main-nav>a:nth-child(1){grid-column:9}
.site-header .main-nav>a:nth-child(2){grid-column:10}
.site-header .main-nav>a:nth-child(3){grid-column:11/span 2}
.filter-bar .category-control{display:inline-flex;align-items:center;gap:6px;min-block-size:24px;padding:0;border:0;background:none;color:inherit;white-space:nowrap;transition:color var(--colour-duration) ease}
.filter-bar .category-control[aria-current='page']{color:var(--filter);text-decoration:underline;text-underline-offset:4px}
.filter-bar .category-control[aria-current='page'] .control-label,.filter-bar .category-control[aria-pressed='true'] .control-label,.index-toggle[aria-expanded='true'] .index-title{text-decoration:underline;text-underline-offset:4px}
.site-links{display:flex;gap:24px;align-items:start;margin-block-start:32px;padding:0 var(--edge) 24px;font-size:11px;line-height:16px}
.project-ending{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-block-start:32px;padding-block:0 24px;font-size:11px;line-height:16px}
.project-ending .suggested-project{display:flex;align-items:center;gap:6px;grid-column:span 4;inline-size:fit-content;max-inline-size:100%;color:var(--link-ink)}
.ending-links{display:flex;grid-column:9/span 4;gap:24px;align-items:start}
.experiments-board{padding-block-end:0}
.video-project{padding:0}
.film-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;block-size:calc(100svh - var(--header-height));min-block-size:320px}
#project-film{display:block;inline-size:100%;block-size:100%;min-block-size:0;object-fit:contain;background:#fff}
.film-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--edge)}
.video-toggle{padding:4px 0;border:0;background:none;min-inline-size:44px;text-align:right}
.video-project>.project-ending{margin-inline:var(--edge);margin-block-start:24px}
.film-error{padding-inline:var(--edge)}
.video-project .project-ending{font-size:11px}

@media(max-width:700px){
 :root{--header-height:52px}
 .site-header{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:0}
 .site-header .brand{grid-column:1/span 5;grid-row:1}
 .site-header .main-nav{display:flex;grid-column:6/-1;grid-row:1;justify-content:space-between;gap:8px}
 .site-header .main-nav>a:nth-child(n){grid-column:auto;grid-row:auto}
 .site-header::after{margin-block-start:16px}
 .filter-bar .category-control{min-block-size:32px}
 .project-ending{grid-template-columns:minmax(0,1fr);gap:16px}
 .project-ending .suggested-project,.ending-links{grid-column:1/-1}
 .ending-links{margin-block-start:4px}
 .film-stage{min-block-size:320px}
}

/* Landing page: imagery, labels and dots without dividers or strokes. */
.home-page .project-card figure{border:0}

/* Category labels retain their own ink while the rest of the page changes. */
.filter-bar .category-control{color:var(--filter)}
.home-controls{display:flex;align-items:start;gap:16px;margin-block-end:24px;padding-block-end:16px;border-block-end:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.home-controls>.filter-bar{margin:0;flex:1}
.home-controls>.video-master{font-size:11px;line-height:24px;white-space:nowrap}
.project-copy>h1{margin-block-end:8px}
.project-copy>.category-tag{margin-block-end:24px}
.hover-preview{border:0;padding:0;background:transparent}
.hover-preview .preview-media,.hover-preview .media{background:transparent}
.video-media{position:relative;display:block;inline-size:100%;overflow:hidden;background:#fafafa}
.video-media>video{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.cover-frame>.video-media{inline-size:100%;block-size:100%;aspect-ratio:auto!important}
.video-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;background:#fafafa}
.film-stage>.video-media{block-size:100%;min-block-size:0;aspect-ratio:auto!important;background:#fff}
.film-stage #project-film{block-size:100%;background:#fff}
.video-figure>figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px}
.video-figure .video-toggle{font-size:11px;line-height:16px}
@media(max-width:700px){.home-controls{flex-wrap:wrap;gap:4px 16px}.home-controls>.filter-bar{flex:1 1 100%}.home-controls>.video-master{line-height:24px}.project-copy>.category-tag{margin-block-end:16px}}

.ui-icon{display:inline-block;flex:0 0 12px;inline-size:12px;block-size:12px;vertical-align:-2px}
.video-toggle{display:inline-flex;align-items:center;justify-content:end;gap:5px}
.disclosure-mark{display:inline-flex;align-items:center;line-height:18px}
.text-link>.ui-icon,.brand-downloads .ui-icon{margin-inline-start:3px}
.video-figure>figcaption .video-toggle{padding-block:4px}

/* Keep columns stationary while moving between pages of different heights. */
html{overflow-y:scroll;scrollbar-gutter:stable}
.home-page .cover-frame .video-media>video{object-fit:cover}
.film-stills{padding:24px var(--edge) 0}
.film-stills .film-description{max-inline-size:60ch}
.film-description>p+p,.index-description>p+p{margin-block-start:18px}
.film-caption>div{display:flex;align-items:center;gap:16px}
.film-caption .category-tag{font-size:11px}

.media-period{grid-column:1/-1;font-size:11px;line-height:16px}
.media-period:not(:first-child){margin-block-start:16px}

/* Quiet index and a shared, right-aligned navigation shell. */
.site-header .main-nav{display:flex;grid-column:8/-1;align-items:start;justify-content:flex-end;gap:48px}
.site-header .main-nav>a:nth-child(n){grid-column:auto;grid-row:auto}
.index-page>.collection-heading{border:0;padding:0;margin-block-end:16px}
.index-page>.filter-bar{margin:0;padding-block-end:16px;border-block-end:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.index-row,.index-row:last-child{border-color:color-mix(in srgb,currentColor 10%,transparent)}
.index-row:first-child{border-block-start:0}
.index-year{grid-column:1;font-size:11px;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hover-preview{transition:opacity 125ms var(--ease-out)}
.preview-media>.media>.media-image,.preview-media>.media>.media-preview{transition-duration:125ms}
.biography{grid-column:5/span 4;max-inline-size:54ch}
.about-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block-start:24px}
.cv-pending{font-size:11px;opacity:.65}
@media(max-width:700px){
 .site-header .main-nav{grid-column:6/-1;justify-content:flex-end;gap:20px}
 .index-toggle{grid-template-columns:52px minmax(0,1fr) 56px}
 .index-year{grid-column:1;grid-row:1}
 .biography{grid-column:1/-1}
}
/* A directed landscape crop for the Candlesticks white-ground product image. */
.media img{object-fit:var(--media-fit,contain);object-position:var(--media-position,center)}

/* About: a short introduction and compact professional record. */
.about-page .bio-intro{grid-template-columns:repeat(12,minmax(0,1fr));margin-block-end:32px}
.about-page .bio-intro>figure{grid-column:1/span 3}
.about-page .biography{grid-column:4/span 5;max-inline-size:52ch}
.about-contact{grid-column:9/span 4;display:flex;flex-direction:column;align-items:start;gap:8px}
.about-contact>p{margin-block-end:8px}.about-contact>.text-link{margin-block-start:8px}
.about-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px var(--gutter);padding-block:24px 40px;border-block-start:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.about-details h2{margin-block-end:16px}.about-details ul{list-style:none;padding:0;margin:0}
.about-details section>ul{display:grid;gap:12px}.about-record{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
.about-date,.about-meta,.practice-list{font-size:11px;line-height:16px}.about-date{font-variant-numeric:tabular-nums}.about-record p+p{margin-block-start:2px}.about-meta{opacity:.7}.about-practice{margin-block-start:28px}.practice-list{display:grid;gap:4px}
.contact-links{display:flex;flex-direction:column;align-items:start;gap:12px;margin-block-start:24px}

/* Only adjacent projects remain below project pages. */
.project-ending{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.project-ending .suggested-project{max-inline-size:calc(50% - 12px);align-items:flex-start}
.project-ending .suggested-title{min-inline-size:0;overflow-wrap:anywhere}
.project-ending .dot{margin-block-start:5px}
.project-ending .next-project{margin-inline-start:auto;flex-direction:row-reverse;text-align:right}
.cover-frame>.video-media>video{object-fit:cover}
.cover-frame .media img{object-fit:cover}
@media(max-width:900px) and (min-width:701px){.about-details{grid-template-columns:repeat(2,minmax(0,1fr))}.about-details>section:last-child{grid-column:2;grid-row:1/span 2}.about-details>section:nth-child(2){grid-column:1;grid-row:2}.about-page .biography{grid-column:4/span 5}.about-contact{grid-column:9/span 4;overflow-wrap:anywhere}}
@media(max-width:700px){.about-page .bio-intro{grid-template-columns:minmax(0,1fr);row-gap:24px}.about-page .bio-intro>figure,.about-page .biography,.about-contact{grid-column:1/-1}.about-page .bio-intro>figure{max-inline-size:320px}.about-details{grid-template-columns:minmax(0,1fr);gap:28px;padding-block-end:24px}.about-record{grid-template-columns:76px minmax(0,1fr)}.project-ending{gap:20px}.project-ending .suggested-project{max-inline-size:calc(50% - 10px)}}