:root{--font-sans:Plex,monospace;--tracking-body:0;--tracking-label:0}.site-header nav a{text-transform:uppercase}.site-header{border:0}.site-header nav a::after{display:none}
/* Work-page captions contain names only. No years, categories, counts or arrows. */
#main:not(.archive-page) .feed-grid.masonry .tile-caption{display:block;font:400 11px/1.4 Plex,monospace;padding:8px 0 0}#main:not(.archive-page) .feed-grid.masonry .tile-caption .year,#main:not(.archive-page) .feed-grid.masonry .tile-category,#main:not(.archive-page) .feed-grid.masonry .media-count,#main:not(.archive-page) .feed-grid.masonry .tile-open{display:none}#main:not(.archive-page)>.feed-label{display:none}#main:not(.archive-page) .feed-grid.masonry .work-tile{padding:7px;border:1px solid var(--line);margin-bottom:10px}#main:not(.archive-page) .feed-grid.masonry .tile-caption .tile-title{-webkit-text-stroke:0}#main:not(.archive-page) .feed-grid.masonry .tile-caption{text-decoration:underline;text-underline-offset:3px}
/* Original archive categories, years, and layout icons remain their own toolbar. */
.archive-bar{font-family:Plex,monospace}.filter-button,.year-picker{font-family:Plex,monospace}.archive-tools .view-options{display:flex}.view-button{min-width:30px;min-height:38px;display:grid;place-items:center}.filter-button{min-height:38px}.filter-button:focus-visible,.view-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Project pages are unboxed. Keep the original media grid and factual sidebar. */
.project-info{border:0;background:transparent;padding:0}.project-info h1{font-family:Anton,sans-serif;letter-spacing:0;text-transform:uppercase}.project-layout{grid-template-areas:'info media' 'secondary media';grid-template-rows:auto 1fr;align-items:start;gap:24px 40px}.project-info{grid-area:info;position:static}.project-media{grid-area:media;min-width:0}.project-secondary{grid-area:secondary;max-width:340px;min-width:0}.project-media.project-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-media .media-column{display:flex;flex-direction:column;gap:20px;min-width:0}.project-media .media-column figure{margin:0}.project-media figure{border:0;padding:0;background:transparent}.project-media img,.project-media video{height:auto;object-fit:contain}.project-media.triptych{align-items:start}.project-youtube{max-width:340px}.project-description{max-width:65ch}
/* Selected rows follow Contact Patch: same left edge and compact inline previews. */
.selected-projects{margin:75px 0 90px}.selected-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font:12px/1.4 Plex,monospace;text-transform:uppercase}.selected-heading h2{font:inherit;margin:0}.selected-heading a{text-decoration:underline}.selected-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:18px 0;text-transform:uppercase}.selected-row:last-child{border-bottom:1px solid var(--line)}.selected-row>span{font:400 clamp(28px,3.5vw,52px)/1.3 Anton,sans-serif;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.selected-row small{font:10px/1 Plex,monospace;flex-shrink:0}.selected-video{position:relative;display:inline-block;vertical-align:middle;width:120px;height:72px;overflow:hidden;margin:0 10px}.selected-video img,.selected-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.selected-video video{opacity:0}.selected-video video.playing{opacity:1}.selected-row:hover{color:var(--accent)}.client-wheel{--wheel-size:90px}.wheel-name{letter-spacing:0;line-height:1}.footer-wordmark text{letter-spacing:-5px}
/* Navigation experiments. Opacity stays high enough to read over moving media. */
.v2 .site-header nav{gap:10px}.v2 .site-header nav a{background:rgba(30,31,33,.86);padding:15px 27px}.v2 .site-header nav a[aria-current=page]{background:rgba(92,94,99,.92)}
.v3 .site-header nav{background:rgba(32,33,35,.88);backdrop-filter:blur(20px);padding:5px;gap:3px;border-radius:40px}.v3 .site-header nav a{background:transparent;backdrop-filter:none;padding:13px 25px}.v3 .site-header nav a[aria-current=page]{background:rgba(240,241,242,.2)}
.v4 .site-header nav a{background:rgba(242,243,245,.9);color:#202123;box-shadow:0 3px 12px #00000014;padding:15px 26px}.v4 .site-header nav a[aria-current=page]{background:rgba(205,208,213,.94)}.v4 .site-header nav a:is(:hover,:focus-visible){background:#e0e2e6;color:#202123}
.v5 .site-header nav{background:rgba(30,31,33,.9);padding:4px;gap:2px;border-radius:12px;backdrop-filter:blur(20px)}.v5 .site-header nav a{background:transparent;border-radius:8px;padding:13px 24px;backdrop-filter:none}.v5 .site-header nav a[aria-current=page]{background:#e7e8eb;color:#202123}
.v6 .site-header nav{gap:7px}.v6 .site-header nav a{border-radius:10px;background:rgba(35,36,39,.86);padding:14px 25px}.v6 .site-header nav a[aria-current=page]{background:rgba(93,95,101,.94)}
.v7 .site-header{position:fixed;bottom:22px;top:auto;left:0;right:0;padding:0!important;border:0;display:flex;justify-content:center}.v7 .site-header nav{border-radius:40px;background:rgba(31,32,34,.9);backdrop-filter:blur(24px);padding:6px;box-shadow:0 7px 24px #0003;gap:4px}.v7 .site-header nav a{background:transparent;backdrop-filter:none;padding:15px 28px}.v7 .site-header nav a[aria-current=page]{background:#f8f9fb;color:#202123}.v7 #main{padding-top:22px}.v7 .studio-footer{padding-bottom:100px}
.v8 .site-header nav{gap:32px}.v8 .site-header nav a{border-radius:0;background:transparent;color:var(--ink);padding:14px 2px;backdrop-filter:none}.v8 .site-header nav a[aria-current=page]{background:transparent;text-decoration:underline;text-underline-offset:7px}.v8 .site-header nav a:is(:hover,:focus-visible){background:transparent;color:var(--accent);text-decoration:underline}
.v9 .site-header nav{background:rgba(234,236,240,.92);backdrop-filter:blur(20px);border-radius:40px;padding:5px;gap:4px}.v9 .site-header nav a{background:transparent;color:#202123;padding:13px 25px;backdrop-filter:none}.v9 .site-header nav a[aria-current=page]{background:#303136;color:#fff}.v9 .site-header nav a:is(:hover,:focus-visible){background:#d6d9de;color:#202123}
.v10 .site-header nav a{background:rgba(30,30,32,.84)}.v10 .site-header nav a[aria-current=page]{background:rgba(80,82,88,.8)}.v10 #main:not(.archive-page) .feed-grid.masonry .work-tile{border-color:var(--ink);padding:9px}.v3 #main:not(.archive-page) .feed-grid.masonry .work-tile,.v8 #main:not(.archive-page) .feed-grid.masonry .work-tile{border:0;padding:0;margin-bottom:18px}
@media(max-width:1050px){.project-layout{gap:24px}.client-wheel{--wheel-size:65px}}
@media(max-width:700px){body .site-header nav a{padding:14px 19px!important;font-size:12px;min-height:44px}.site-header nav{max-width:100%;flex-wrap:nowrap!important}.v3 .site-header nav,.v5 .site-header nav,.v9 .site-header nav{padding:4px}.v7 .site-header{bottom:14px}.v7 .site-header nav a{padding:14px 22px!important}.v8 .site-header nav{gap:24px}.v8 .site-header nav a{padding:14px 3px!important}#main:not(.archive-page) .feed-grid.masonry .tile-caption{font-size:10px}.archive-tools{width:100%;justify-content:space-between;margin-left:0}.filter-list{gap:2px 14px}.filter-button{font-size:11px}.view-options{display:flex!important}.project-layout{grid-template-columns:1fr;grid-template-areas:'info' 'media' 'secondary';gap:24px}.project-media.project-media-grid,.project-media.triptych{grid-template-columns:1fr}.project-media .media-column{gap:12px}.project-secondary{max-width:280px}.selected-projects{margin:48px 0 55px}.selected-heading{font-size:10px;gap:16px}.selected-row{padding:16px 0;gap:12px}.selected-row>span{font-size:28px}.selected-row small{font-size:9px}.selected-video{width:76px;height:46px;margin:0 6px}.client-wheel{--wheel-size:48px}.project-info h1{font-size:36px}.footer-wordmark text{letter-spacing:-5px}}