.archive-case{background:#f4eef0}.archive-project{background:var(--project-tint)}.archive-project .opening{min-height:750px;height:100svh;overflow:hidden;background:var(--project-tint)}.archive-hero-art{position:absolute;inset:0 0 0 40%;overflow:hidden}.archive-hero-art img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.archive-project .opening-copy{left:7%;width:48%;bottom:16%}.archive-project .opening-copy h1{font-size:clamp(66px,7.5vw,110px);line-height:.98;text-shadow:none;overflow-wrap:normal;max-width:650px}.archive-project .opening-copy>p:not(.small-index){font-size:20px;max-width:320px}.archive-project .opening-copy>a{display:inline-block;font-size:14px;margin-top:18px;padding:14px 0;border-bottom:1px solid #786780}.archive-intro{padding:95px 8%;background:#f8f3f0}.archive-intro h2{max-width:900px;line-height:1.12;font-size:clamp(44px,5vw,76px)}.archive-intro>p:last-child{max-width:660px;font-size:19px;margin-top:30px}.archive-gallery.reader{padding:65px 5% 100px}.archive-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:45px}.archive-density{display:flex;gap:24px;flex-shrink:0}.archive-density button{font-size:13px;min-height:44px;border-bottom:1px solid transparent;padding:8px 0}.archive-density button[aria-pressed=true]{border-color:#584262}.archive-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 5%;align-items:start}.archive-frame{margin:0;min-width:0}.archive-frame.wide{grid-column:1/-1}.archive-frame:nth-child(4n+2).portrait{padding-top:130px}.archive-case .zoom-trigger{width:100%;padding:0;display:block;position:relative;line-height:0;overflow:hidden}.archive-case .zoom-trigger img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.archive-case .zoom-trigger:hover img{transform:scale(1.018)}.archive-enlarge{position:absolute;right:18px;bottom:18px;font-size:18px;line-height:44px;width:44px;height:44px;background:#f7f0f0e8;color:#44364e;border-radius:50%;opacity:0;transition:opacity .2s}.zoom-trigger:hover .archive-enlarge,.zoom-trigger:focus-visible .archive-enlarge{opacity:1}.archive-frame figcaption{display:flex;justify-content:space-between;padding:15px 0;font-size:11px;letter-spacing:.12em}.archive-gallery[data-layout=contact] .archive-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.archive-gallery[data-layout=contact] .archive-frame{grid-column:auto;padding-top:0}.archive-gallery[data-layout=contact] .zoom-trigger{height:280px}.archive-gallery[data-layout=contact] img{height:100%;object-fit:contain}.archive-development.reader{padding:100px 5%;display:grid;grid-template-columns:28% minmax(0,1fr);gap:5%;background:#f8f3f0;align-items:start}.archive-development-title{position:sticky;top:100px}.archive-development-title h2{font-size:clamp(45px,5vw,74px);line-height:1.06}.archive-development-title>p:last-child{font-size:14px;max-width:200px}.archive-boards{display:grid;gap:50px}.archive-notes{padding:85px 8%;background:#f8f3f0;border-top:1px solid #d9cdda}.archive-notes>p:not(.small-index){font-size:18px;max-width:750px}.archive-notes>a{display:inline-block;margin-top:25px;padding:12px 0;text-decoration:underline;text-underline-offset:7px}.archive-case .small-index{font-size:11px;color:#65536e}.archive-case .end{background:#f8f3f0}
@media(max-width:900px){.archive-project .opening-copy h1{font-size:75px}.archive-project .opening-copy{width:52%}.archive-gallery[data-layout=contact] .archive-frames{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-gallery[data-layout=contact] .zoom-trigger{height:220px}.archive-development.reader{grid-template-columns:1fr}.archive-development-title{position:static}.archive-development-title h2 br{display:none}.archive-development-title>p:last-child{max-width:none}}
@media(max-width:650px){.archive-project .opening{height:auto;min-height:0;padding:80px 0 55px;display:flex;flex-direction:column}.archive-hero-art{position:relative;inset:auto;margin-left:18%;height:55svh;min-height:350px}.archive-project .opening-copy{position:relative;left:auto;bottom:auto;width:auto;margin:-5% 7% 0;z-index:3}.archive-project .opening-copy h1{font-size:clamp(49px,13vw,75px);line-height:1.02;margin:18px 0 22px}.archive-project .opening-copy>p:not(.small-index){font-size:18px}.archive-intro{padding:60px 7%}.archive-intro h2{font-size:43px}.archive-intro>p:last-child{font-size:16px}.archive-gallery.reader{padding:40px 5% 65px}.archive-gallery-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:30px}.archive-gallery-heading .small-index{font-size:10px}.archive-frames{grid-template-columns:1fr;gap:35px}.archive-frame:nth-child(4n+2).portrait{padding-top:0}.archive-frame:nth-child(3n+2).portrait{width:85%;justify-self:end}.archive-gallery[data-layout=contact] .archive-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.archive-gallery[data-layout=contact] .archive-frame{width:100%}.archive-gallery[data-layout=contact] .zoom-trigger{height:200px}.archive-gallery[data-layout=contact] figcaption{font-size:9px}.archive-development.reader{padding:60px 5%;gap:25px}.archive-development-title{padding:0 2%}.archive-development-title h2{font-size:47px}.archive-boards{gap:30px}.archive-notes{padding:55px 7%}.archive-notes>p:not(.small-index){font-size:16px}.archive-enlarge{opacity:1;width:36px;height:36px;line-height:36px;right:12px;bottom:12px}.archive-case .small-index{font-size:10px}}
@media(prefers-reduced-motion:reduce){.archive-case .zoom-trigger img{transition:none;transform:none!important}}
@media(min-width:651px){.archive-hero-art{left:47%}.archive-project .opening-copy{width:37%}.archive-project .opening-copy h1{font-size:clamp(52px,5.5vw,84px);overflow-wrap:anywhere}.archive-hero-art img{mix-blend-mode:normal}}
.archive-film{padding:60px 5%;background:#10171d;color:#f4eef0}.archive-film .small-index{color:#d5d5e0}.archive-film video{display:block;width:100%;max-height:85svh;object-fit:contain;background:#040910}.archive-film>p:last-child{font-size:14px;line-height:1.7;max-width:680px}
.archive-project[data-project=herlo] .archive-hero-art img,.archive-project[data-project=recur] .archive-hero-art img{object-fit:cover}.archive-project[data-project=recur] .archive-hero-art{background:#040910}.archive-project[data-project=recur] .archive-hero-art img{object-position:50% 50%}@media(max-width:650px){.archive-project[data-project=herlo] .archive-hero-art{margin-left:10%;height:58svh}.archive-project[data-project=recur] .archive-hero-art{margin-left:0;height:58svh}}
.archive-hero-art img{mix-blend-mode:normal}@media(max-width:650px){.archive-project .opening-copy{margin:24px 7% 0}}
.archive-boards.studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px 5%}.archive-boards.studies .archive-frame{grid-column:auto;padding:0}.archive-boards.studies .archive-frame:nth-child(even){margin-top:75px}.archive-branch+.archive-branch{border-top:1px solid #b9a5b633}@media(max-width:650px){.archive-boards.studies{gap:30px 5%}.archive-boards.studies .archive-frame:nth-child(even){margin-top:40px}.archive-boards.studies figcaption{font-size:9px}.archive-boards.studies .archive-enlarge{width:28px;height:28px;line-height:28px;right:5px;bottom:5px}}
.archive-wayfinding{display:flex;gap:12px 30px;flex-wrap:wrap;padding:28px 5%;border-block:1px solid #b9a5b655}.archive-wayfinding a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:6px}.archive-wayfinding a:hover{color:#594467}@media(max-width:650px){.archive-wayfinding{padding:20px 7%;gap:4px 24px}.archive-wayfinding a{font-size:13px}}
.archive-related{padding:25px 8%;background:#f8f3f0;border-block:1px solid #b9a5b655;font-size:15px}.archive-related a{text-decoration:underline;text-underline-offset:5px}
.archive-project :is(h1,h2,h3,p,a,figcaption){overflow-wrap:anywhere}
.archive-project .opening-copy h1{overflow-wrap:anywhere}
@media(min-width:651px){.archive-project .opening{height:auto;min-height:max(750px,100svh);padding:150px 7% 16svh;display:flex;align-items:flex-end}.archive-project .opening-copy{position:relative;left:auto;bottom:auto;width:43.023%;flex-shrink:0}}
@media(max-width:650px){}