/* Werkarchiv: title above, photographs left, concise copy right. */
.v-werkarchiv{--v-bg:#080808;--v-ink:#f4f1e8;--v-display:'Archivo Black';--v-body:'IBM Plex Sans';--wa-rule-gap:24px;--wa-intro-gap:clamp(48px,4.5vw,80px);font-family:'IBM Plex Sans',sans-serif}
.v-werkarchiv h1,.v-werkarchiv h2,.v-werkarchiv p,.v-werkarchiv figure{margin:0}
.v-werkarchiv main{overflow:clip}
.v-werkarchiv .wa-intro{padding:112px 4.5vw var(--wa-intro-gap)}
.v-werkarchiv .wa-rule{height:34.8px;border-bottom:2px solid #f4f1e8;margin-bottom:var(--wa-rule-gap)}
.v-werkarchiv .wa-intro h1{font:400 10.2vw/.84 'Archivo Black',sans-serif;letter-spacing:-.065em;text-transform:uppercase}
.v-werkarchiv .wa-intro h1 span{display:block}
.v-werkarchiv .wa-intro h1 span:last-child{margin-left:25vw;color:#eb771b}
.v-werkarchiv .wa-project{position:relative;padding:0 4.5vw 58px;scroll-margin-top:85px}
.v-werkarchiv .wa-row{border-top:2px solid #b9b9b1;padding:22px 0 25px;display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:end;gap:30px;position:relative;z-index:3}
.v-werkarchiv .wa-row h2{--wa-arrow-size:.8em;font:400 clamp(50px,7.5vw,126px)/.88 'Archivo Black',sans-serif;letter-spacing:-.05em;text-transform:uppercase;min-width:0}
.v-werkarchiv .wa-row h2 a{position:relative;display:block;text-decoration:none;padding-right:calc(var(--wa-arrow-size) + .18em)}
.v-werkarchiv .wa-title-window{display:block;overflow:hidden;height:1.06em;line-height:1.02}
.v-werkarchiv .wa-title-lower{display:block;width:max-content;max-width:100%;white-space:nowrap}
.v-werkarchiv .wa-arrow{position:absolute;right:0;bottom:.04em;width:var(--wa-arrow-size);height:var(--wa-arrow-size);display:block;color:#eb771b;transform:rotate(45deg);transform-origin:50% 50%;pointer-events:none}
.v-werkarchiv .wa-arrow svg{display:block;width:100%;height:100%}
.v-werkarchiv.wa-motion .wa-title-lower{margin-left:auto;will-change:transform}
.v-werkarchiv.wa-motion .wa-arrow{transform:rotate(-45deg)}
.v-werkarchiv .wa-row>p{text-align:right;font-size:13px;line-height:1.45;padding-bottom:5px}
.v-werkarchiv .wa-row>p>span{display:block}
.v-werkarchiv .wa-project-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,24%);gap:5vw;align-items:start;scroll-margin-top:88px}
.v-werkarchiv .wa-note{padding:0 0 5px;align-self:end;justify-self:end;width:100%;max-width:28ch}
.v-werkarchiv .wa-note>p{font-size:clamp(16px,1.3vw,20px);line-height:1.5}
.v-werkarchiv .wa-media{position:relative;min-width:0;overflow:hidden;transform-origin:50% 0%;will-change:transform;backface-visibility:hidden}
.v-werkarchiv .wa-media img{display:block;width:100%;height:100%;object-fit:cover}
.v-werkarchiv .wa-single .wa-media{height:68svh;min-height:430px;max-height:800px}
.v-werkarchiv .wa-single[data-layout=portrait] .wa-media img{object-position:50% 55%}
.v-werkarchiv .wa-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;overflow:visible}
.v-werkarchiv .wa-pair figure{min-width:0;position:relative;overflow:hidden;will-change:transform}
.v-werkarchiv .wa-pair img{height:68svh;min-height:430px;max-height:800px}
.v-werkarchiv .wa-pair figcaption{position:absolute;top:15px;left:15px;color:#fff;background:#080808e8;padding:8px 13px;font-size:12px;line-height:1.2}
.v-werkarchiv .wa-scroll-track,.v-werkarchiv .wa-title-track{position:absolute;left:0;width:1px;pointer-events:none;visibility:hidden}
.v-werkarchiv .wa-scroll-track{top:-90svh;bottom:0}
.v-werkarchiv .wa-title-track{top:-85svh;height:150svh}
.v-werkarchiv .wa-project:last-child .wa-title-track:not(.wa-first-title-track){height:min(150svh,calc(85svh + 100%))}
.v-werkarchiv .wa-title-track.wa-first-title-track{height:calc(100svh + min(32svh,320px))}
@media(max-width:760px){
  .v-werkarchiv{--wa-rule-gap:27px}
  .v-werkarchiv .wa-intro{padding:115px 5vw var(--wa-intro-gap)}
  .v-werkarchiv .wa-rule{height:27.6px}
  .v-werkarchiv .wa-intro h1{font-size:14.8vw;line-height:.87;letter-spacing:-.06em}
  .v-werkarchiv .wa-intro h1 span:last-child{margin-left:19vw}
  .v-werkarchiv .wa-project{padding:0 5vw 38px}
  .v-werkarchiv .wa-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 0 22px}
  .v-werkarchiv .wa-row h2{--wa-arrow-size:.9em;font-size:12vw;line-height:.88;letter-spacing:-.045em}
  .v-werkarchiv .wa-weiden .wa-row h2{font-size:9.8vw;line-height:.94}
  .v-werkarchiv .wa-row>p{text-align:left;font-size:10px;line-height:1.4;display:flex;gap:9px;padding:0}
  .v-werkarchiv .wa-row>p>span+span:before{content:'·';display:inline-block;margin-right:9px}
  .v-werkarchiv .wa-project-body{display:flex;flex-direction:column;gap:24px}
  .v-werkarchiv .wa-media{width:100%}
  .v-werkarchiv .wa-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v-werkarchiv .wa-pair img{height:auto;min-height:0;max-height:none}
  .v-werkarchiv .wa-pair figcaption{top:8px;left:8px;font-size:10px;padding:6px 8px}
  .v-werkarchiv .wa-single .wa-media{height:60svh;min-height:300px;max-height:660px}
  .v-werkarchiv .wa-single[data-layout=landscape] .wa-media img{object-position:66% center}
  .v-werkarchiv .wa-note{padding:0;width:100%;max-width:34ch;align-self:flex-start;justify-self:start}
  .v-werkarchiv .wa-note>p{font-size:16px;line-height:1.5}
}
@media(min-width:761px) and (max-width:1100px){
  .v-werkarchiv .wa-pair img{height:auto;min-height:0;max-height:none}
}
@media(max-height:620px) and (min-width:761px){
  .v-werkarchiv .wa-intro{padding-top:110px}
  .v-werkarchiv .wa-intro h1{font-size:10vw}
  .v-werkarchiv .wa-single .wa-media{min-height:360px}
}