.archive-heading{padding-top:64px;padding-bottom:45px}.archive-heading h1{font-size:clamp(48px,6.5vw,104px);line-height:1.06;letter-spacing:-.065em;margin-top:28px;font-weight:600}.archive-heading h1 span{color:var(--red)}.archive-intro{display:flex;justify-content:space-between;gap:32px;margin-top:32px}.archive-intro p{max-width:570px;font-size:19px;line-height:1.6;color:var(--muted)}.archive-intro>span{font-size:13px;line-height:1.8;text-align:right;align-self:end}.archive-section{padding-bottom:70px}.archive-filter{display:flex;flex-wrap:wrap;gap:10px;padding-block:27px;border-block:1px solid var(--line)}.archive-filter button{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:24px;padding:12px 18px;background:transparent;color:var(--ink);cursor:pointer}.archive-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.archive-filter button:hover{border-color:var(--red)}.archive-filter button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.archive-count{font-size:13px;color:var(--muted);padding:23px 0}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}.archive-card[hidden]{display:none}.archive-card-image{position:relative;overflow:hidden;background:#e9e9e3}.archive-card-image img{aspect-ratio:1.35;object-fit:cover;transition:transform .35s}.archive-card:hover img{transform:scale(1.04)}.archive-card-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-top:19px}.archive-card h2{font-size:27px;letter-spacing:-.045em;line-height:1.16;margin-top:10px}.archive-card>p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-contact{padding:40px 0 54px;border-top:1px solid var(--line)}.archive-contact p{font-size:14px;color:var(--muted);margin-bottom:14px}.archive-contact>a{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3.7vw,54px);letter-spacing:-.04em;line-height:1.2}.archive-contact>a:hover{color:var(--red)}.case-heading{max-width:1150px;padding-top:38px;padding-bottom:46px}.case-heading>.eyebrow{margin-top:44px}.case-heading h1{font-size:clamp(38px,4.8vw,72px);letter-spacing:-.05em;line-height:1.12;font-weight:600;margin-top:22px;max-width:1050px}.case-lede{max-width:820px;font-size:20px;line-height:1.6;color:var(--muted);margin-top:26px;white-space:pre-line}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.case-tags span{border:1px solid var(--line);padding:6px 12px;border-radius:20px;font-size:12px}.story{max-width:970px;width:calc(100% - 112px);margin:0 auto 64px}.story-image{margin:28px 0}.story-image img{width:100%;height:auto;object-fit:contain;background:#eee}.story-copy{max-width:760px;margin:35px auto;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.story-copy p{margin:0 0 22px}.story-copy h2{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:32px 0 18px}.story-copy ul,.story-copy ol{padding-left:26px}.story-copy li{padding-left:4px}.story-copy li p{margin-bottom:10px}.story-copy a{color:var(--red);text-decoration:underline}.story-video{margin:34px 0}.story-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#20211f}.story-video figcaption{text-align:right;font-size:14px;margin-top:12px}.story-video a{text-decoration:underline}.case-end{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:24px 50px}.case-end a{max-width:50%;line-height:1.5}.footer{border-top:1px solid var(--line)}@media(max-width:1000px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story{width:calc(100% - 64px)}}@media(max-width:640px){.archive-heading{padding-top:35px;padding-bottom:28px}.archive-heading h1{font-size:46px;margin-top:21px}.archive-intro{flex-direction:column;gap:16px;margin-top:22px}.archive-intro p{font-size:17px}.archive-intro>span{align-self:start;text-align:left;font-size:12px}.archive-filter{gap:8px;padding-block:20px}.archive-filter button{font-size:13px;padding:10px 13px}.archive-grid{grid-template-columns:1fr;gap:35px}.archive-card h2{font-size:28px}.archive-section{padding-bottom:45px}.archive-card>p{font-size:16px}.case-heading{padding-top:26px;padding-bottom:25px}.case-heading>.eyebrow{margin-top:30px}.case-heading h1{font-size:37px;line-height:1.15;margin-top:18px;overflow-wrap:anywhere}.case-lede{font-size:17px;margin-top:20px}.story{width:calc(100% - 40px);margin-bottom:32px}.story-copy{font-size:17px;line-height:1.8;margin-block:25px}.story-copy h2{font-size:27px}.story-image{margin:20px 0}.case-end{align-items:flex-start;flex-direction:column;gap:24px;padding-bottom:35px}.case-end a{max-width:100%}.archive-contact{padding-block:30px 40px}}
@media(max-width:640px){.header nav a[href="/#about"]{display:none}.header nav{flex-shrink:0}.nav-contact{white-space:nowrap}.header{gap:16px}.logo{flex-shrink:0}}

.new-project-title{min-height:230px;background:var(--ink);color:var(--paper);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.new-project-title>span{font-size:13px}.new-project-title strong{font-family:Manrope,Arial,sans-serif;font-size:38px;line-height:1.1;letter-spacing:-.04em}.new-project-title>span:last-child{font-size:28px;color:#ff5b60}.new-project:hover .new-project-title{background:#343530}

.recent-story h2{font-size:32px;margin:36px 0 18px}.recent-story>p{line-height:1.75;margin-bottom:24px}.recent-story figcaption{margin-top:12px;font-size:14px}

/* Preserve the complete artwork in every portfolio thumbnail. */
.archive-card-image{aspect-ratio:4/3;display:grid;place-items:center;background:#ecece8;border:1px solid #e2e2dc}
.archive-card-image img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;transition:none}
.archive-card:hover img{transform:none}.archive-card-image.logo-preview{padding:32px;background:#fff}.archive-card-image.dark-preview{background:#20202a;border-color:#20202a}
.archive-card-image .project-open{display:none}.archive-card h2{font-size:25px}.archive-card-meta{font-size:13px;line-height:1.5}
.agency-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 32px}.agency-card>p{display:none}.agency-card h2{font-size:29px}.agency-card .archive-card-image{aspect-ratio:16/10}.agency-card .archive-card-meta{margin-top:20px}
@media(max-width:640px){.agency-work-grid{grid-template-columns:1fr;gap:32px}.agency-card h2{font-size:26px}.archive-card-image.logo-preview{padding:24px}}