/* A portfolio with breadth: strong rows, shifting proportions, no empty columns. */
.work-page{background:var(--paper);overflow-anchor:none;--collection-gutter:3vw}
.work-page [hidden]{display:none!important}
.work-page .site-header{position:fixed}
.work-page .site-header.is-scrolled{padding-top:16px;padding-bottom:16px;background:var(--paper);color:var(--ink);mix-blend-mode:normal}
.work-page .site-header.is-scrolled .identity>img{filter:brightness(0)}
.work-page:has(.site-header.is-scrolled:not(.is-away)) .work-controls{top:80px}
.work-page:has(.site-header.is-scrolled:focus-within) .work-controls{top:80px}
.work-opening{padding:109px var(--collection-gutter) 26px;background:var(--navy);color:var(--bone);overflow:hidden}
.work-topline{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:17px}
.work-topline>.eyebrow{font-size:10px;color:#efe8daae}
.work-topline>a{font-size:11px;line-height:1.3;text-decoration:underline;text-underline-offset:4px;min-height:24px;display:flex;align-items:center;color:#efe8dacf}
.work-opening h1{font-size:6.1vw;line-height:1.01;font-weight:570;letter-spacing:-.055em}
.work-opening h1>span{display:block;width:fit-content;white-space:nowrap}
.work-opening h1>span+span{margin-left:auto;margin-top:8px;padding-right:5vw;font-size:4.05vw}
.work-opening em{font-size:1.12em;font-weight:430;letter-spacing:-.05em;display:inline-block;padding:0 .075em 0 .055em}
.work-collection{padding:0 var(--collection-gutter) 65px;scroll-margin-top:0}
.work-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;position:sticky;top:0;z-index:30;background:var(--paper);padding:10px 0;border-bottom:1px solid #08090c2b;box-shadow:0 0 0 1px var(--paper)}
.work-controls:before{content:'';position:absolute;inset:0 calc(-1 * var(--collection-gutter));background:var(--paper);z-index:-1;border-bottom:1px solid #08090c2b}
.discipline-filters{display:flex;gap:25px;align-items:center;position:relative}
.discipline-filters>button{display:flex;align-items:center;gap:7px;font-size:13px;letter-spacing:-.015em;min-height:44px;color:#686a63;position:relative;white-space:nowrap;transition:color .25s}
.discipline-filters>button[aria-pressed=true],.discipline-filters>button:hover{color:var(--ink)}
.discipline-filters>button[aria-pressed=true]{font-weight:580}
.discipline-filters sup{font:8px Mono;align-self:center;position:relative;top:-5px;opacity:.65}
.filter-line{position:absolute;bottom:0;left:0;height:2px;background:var(--ink);transform:translateX(var(--filter-x,0px));width:var(--filter-width,0px);transition:transform .5s var(--ease),width .5s var(--ease)}
.type-filter{display:flex;align-items:center;gap:12px;font:9px Mono;white-space:nowrap;color:#696a63}
.type-filter select{background:transparent;border:0;max-width:150px;min-height:44px;font:12px Archivo;color:var(--ink);cursor:pointer;border-radius:0}
.type-filter select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}
.collection-heading h2{font-size:26px;font-weight:530;letter-spacing:-.045em;line-height:1.1}
.collection-heading h2 span{color:var(--ink)}
.collection-heading>div{display:flex;align-items:center;gap:22px;font:10px Mono;color:#686a63}
.collection-heading button{font:12px Archivo;color:var(--ink);text-decoration:underline;text-underline-offset:5px;min-height:36px}
.folio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 17px;position:relative;align-items:start}
.folio-card{grid-column:span var(--span,4);min-width:0;transform-origin:0 0}
.folio-card>a{display:block;outline-offset:6px}
.folio-image{height:clamp(240px,26vw,390px);position:relative;overflow:hidden;background:#e4e0d6;isolation:isolate}
.folio-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focal,50% 50%);transform:translateZ(0);backface-visibility:hidden;transition:transform 1.1s var(--ease)}
.folio-card[data-slug="bandits-rally"]{--focal:50% 50%}
.folio-card[data-slug="bandits-rally"] .folio-image{background:#161713}
.folio-card[data-slug="bandits-rally"] .folio-image>img{object-fit:cover;object-position:50% 48%;transform:scale(1.001)}
.folio-card[data-slug="k5-hq"]{--focal:46% 50%}
.folio-card[data-slug="ford-signature-2"]{--focal:57% 50%}
.folio-card[data-slug="out-of-office-garage"]{--focal:60% 50%}
.folio-card[data-slug="maserati-levante-app"]{--focal:53% 50%}
.folio-shade{position:absolute;inset:0;background:linear-gradient(0deg,#08090cba,transparent 83%);opacity:0;transition:opacity .55s var(--ease)}
.folio-thought{position:absolute;left:25px;right:24px;bottom:55px;font-size:clamp(24px,2.8vw,43px);line-height:1.06;font-weight:540;letter-spacing:-.045em;color:var(--bone);max-width:14ch;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .55s var(--ease)}
.folio-thought em{font-size:1.1em;font-weight:430}
.folio-open{position:absolute;left:25px;bottom:22px;color:var(--bone);font-size:11px;border-bottom:1px solid #efe8da8c;padding-bottom:3px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .55s var(--ease)}
.folio-card[data-lead=true] .folio-thought,.folio-card[data-lead=true] .folio-shade,.folio-card[data-lead=true] .folio-open{opacity:1;transform:none}
.folio-card>a:is(:hover,:focus-visible) .folio-image>img{transform:translateZ(0) scale(1.035)}
.folio-card>a:is(:hover,:focus-visible) .folio-thought,.folio-card>a:is(:hover,:focus-visible) .folio-shade,.folio-card>a:is(:hover,:focus-visible) .folio-open{opacity:1;transform:none}
.folio-card[data-lead=false] .folio-thought{font-size:clamp(22px,2.1vw,32px)}
.folio-caption{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:12px 0 0;min-height:62px}
.folio-caption h2{font-size:clamp(19px,1.8vw,27px);line-height:1.1;font-weight:520;letter-spacing:-.035em}
.folio-card[data-lead=true] h2{font-weight:580}
.folio-caption p{font:10px/1.6 Mono;color:#676961;margin-top:7px;max-width:450px}
.folio-status{font:10px/1.5 Mono;color:#676961;white-space:nowrap;padding-top:4px}
.folio-card>a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.folio-card:focus-within,.folio-card:hover{z-index:2}
.folio-ghost{position:absolute;pointer-events:none;z-index:3;margin:0!important;grid-column:auto!important}
.work-empty{padding:50px 0 90px}.work-empty p:first-child{font-size:40px;line-height:1.1;letter-spacing:-.04em;max-width:740px}.work-empty p+p{font-size:17px;color:#676961;margin-top:18px}.work-empty button{font-size:14px;border-bottom:1px solid;min-height:44px;margin-top:22px}
.work-next{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw;padding:55px var(--collection-gutter) 75px;border-top:1px solid #08090c2b}
.work-next>p{font-size:4vw;line-height:1.03;letter-spacing:-.045em}
.work-next>div{max-width:345px;justify-self:end;font-size:16px}
.work-next a{display:inline-flex;align-items:center;font-size:13px;min-height:44px;margin-top:20px;border-bottom:1px solid}
.work-page button:focus-visible{outline-color:var(--ink);outline-offset:4px}
.work-page .curiosity-footer button:focus-visible,.work-page dialog button:focus-visible{outline-color:var(--ember)}
@media(min-width:1800px){.discipline-filters{gap:38px}.discipline-filters>button{font-size:16px}.folio-grid{gap:40px 22px}.folio-image{height:430px}.collection-heading{min-height:100px}.folio-caption p{font-size:11px}.folio-status{font-size:10px}}
@media(max-width:1050px){.work-controls{gap:15px}.discipline-filters{gap:19px}.discipline-filters>button{font-size:12px;gap:5px}.type-filter{gap:8px}.type-filter>span{display:none}.type-filter select{max-width:120px;font-size:11px}.folio-image{height:27vw;min-height:235px}.folio-thought{left:20px;right:18px;font-size:29px}.folio-open{left:20px}.folio-caption h2{font-size:19px}.folio-status{font-size:10px}.folio-caption p{font-size:10px}.folio-grid{gap:26px 14px}}
@media(max-width:800px){.work-opening{padding-top:115px}.work-opening h1{font-size:7vw}.work-opening h1>span+span{padding-right:3vw}.work-topline>.eyebrow{font-size:9px}.work-topline>a{font-size:10px}.folio-image{height:32vw;min-height:230px}.folio-grid{gap:26px 14px}.folio-caption h2{font-size:22px}.folio-caption p{font-size:10px}.folio-thought{font-size:33px}.folio-card[data-lead=false] .folio-thought{font-size:26px}.discipline-filters{gap:17px}.discipline-filters>button{font-size:11px}.discipline-filters sup{display:none}.type-filter select{max-width:110px}.collection-heading{min-height:75px}.collection-heading h2{font-size:25px}}
@media(max-width:600px){.work-page{--collection-gutter:18px}.work-opening{padding-top:105px;padding-bottom:25px}.work-topline{display:block;margin-bottom:24px}.work-topline>.eyebrow{font-size:9px}.work-topline>a{margin-top:8px;font-size:9px;min-height:20px}.work-opening h1{font-size:9.7vw;line-height:1.08}.work-opening h1>span{white-space:normal;max-width:350px}.work-opening h1>span+span{font-size:9vw;margin:12px 0 0;padding:0}.work-opening h1 em{white-space:nowrap}.work-controls{display:block;padding:8px 0 3px}.discipline-filters{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.discipline-filters>button{font-size:11px;min-height:36px;justify-content:space-between}.discipline-filters sup{display:block;font-size:8px}.filter-line{display:none}.discipline-filters>button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.type-filter{justify-content:flex-end;border-top:1px solid #08090c15;margin-top:5px;gap:10px}.type-filter>span{display:block;font-size:8px}.type-filter select{max-width:155px;min-height:33px;font-size:11px}.collection-heading{min-height:72px;gap:18px}.collection-heading h2{font-size:24px;max-width:62%}.collection-heading>div{display:flex;flex-direction:column;align-items:end;gap:1px;font-size:9px}.collection-heading button{font-size:10px;min-height:25px}.folio-grid{gap:24px 12px}.folio-image{height:48vw;min-height:0}.folio-card[data-lead=true] .folio-image{height:68vw;max-height:340px}.folio-thought{left:21px;right:20px;bottom:55px;font-size:9vw;max-width:14ch}.folio-open{left:21px;bottom:23px}.folio-card[data-lead=false] .folio-thought,.folio-card[data-lead=false] .folio-open,.folio-card[data-lead=false] .folio-shade{display:none}.folio-caption{padding-top:10px;min-height:0;display:block}.folio-caption h2{font-size:18px;line-height:1.1}.folio-card[data-lead=true] h2{font-size:23px}.folio-caption p{font-size:10px;margin-top:6px}.folio-status{display:block;font-size:10px;margin-top:4px;padding:0}.work-collection{padding-bottom:40px}.work-next{display:block;padding-top:35px;padding-bottom:45px}.work-next>p{font-size:10.5vw}.work-next>div{max-width:300px;margin-top:25px;font-size:15px}.work-next a{margin-top:12px}.work-empty{padding:25px 0 55px}.work-empty p:first-child{font-size:30px}.work-empty p+p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.work-page *{animation:none!important;transition:none!important}.work-opening h1>span{transform:none!important}}

/* The poster belongs in a narrow frame; a brand application leads the wider view. */

.folio-card>a{scroll-margin-top:85px}
@media(max-width:600px){.folio-card>a{scroll-margin-top:140px}}