:root{
  --paper:#fff;
  --ink:#101010;
  --muted:#7a7a7a;
  --line:#dedede;
  --soft:#f6f6f4;
  --max:1440px;
  --pad:clamp(20px,3.4vw,54px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
::selection{background:#111;color:#fff}

.site-shell{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.site-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}
.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:15px;letter-spacing:.02em;font-weight:500}
.nav-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;letter-spacing:.04em;text-transform:lowercase}
.nav-links a{opacity:.55;transition:opacity .2s ease}
.nav-links a:hover,.nav-links a:focus{opacity:1}

.hero{min-height:86vh;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;padding-top:90px;padding-bottom:52px}
.hero-copy{grid-column:1/8;align-self:start;padding-top:8vh}
.identity{font-size:12px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}
.hero h1{font-size:clamp(48px,8.2vw,126px);font-weight:400;line-height:.88;letter-spacing:-.055em;margin:0;max-width:9ch}
.tagline{grid-column:1/6;font-size:14px;line-height:1.45;color:#3e3e3e;margin-top:34px;max-width:34ch}
.current-note{grid-column:9/13;align-self:end;margin-bottom:10px}
.note-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.note{font-size:13px;line-height:1.55;font-style:italic;letter-spacing:.01em;transform:rotate(-.35deg);transform-origin:left center;max-width:26ch;color:#343434}

.current-window{padding:28px 0 112px;border-top:1px solid var(--line)}
.current-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}
.current-art{grid-column:6/10;margin-top:26px}
.current-art img{width:100%;background:var(--soft)}
.current-meta{grid-column:10/13;margin-top:30px;font-size:12px;line-height:1.55}
.current-meta .project-name{font-size:15px;margin-bottom:7px}
.current-meta .small{color:var(--muted)}

.section{padding:96px 0;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:48px}
.section-title{font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin:0}
.section-note{font-size:12px;color:var(--muted);font-style:italic}

.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:16px 18px}
.project-card{display:block;position:relative}
.project-card:nth-child(1){grid-column:1/8;margin-bottom:72px}
.project-card:nth-child(2){grid-column:8/13;margin-top:120px;margin-bottom:72px}
.project-card:nth-child(3){grid-column:2/7;margin-bottom:72px}
.project-card:nth-child(4){grid-column:8/12;margin-top:52px;margin-bottom:72px}
.project-card:nth-child(5){grid-column:1/6;margin-left:9%;margin-bottom:20px}
.project-media{position:relative;background:var(--soft);overflow:hidden}
.project-card:nth-child(1) .project-media{aspect-ratio:1/1}
.project-card:nth-child(2) .project-media{aspect-ratio:4/5}
.project-card:nth-child(3) .project-media{aspect-ratio:3/2}
.project-card:nth-child(4) .project-media{aspect-ratio:4/5}
.project-card:nth-child(5) .project-media{aspect-ratio:3/2}
.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .project-media img{transform:scale(1.012)}
.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#999;letter-spacing:.05em;background:#f4f4f1}
.project-caption{display:flex;justify-content:space-between;gap:20px;padding-top:11px;font-size:12px;line-height:1.35}
.project-caption .name{font-size:14px}
.project-caption .year{color:var(--muted);white-space:nowrap}
.project-status{font-size:11px;color:var(--muted);font-style:italic;margin-top:4px}

.about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.about-title{grid-column:1/4;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.about-copy{grid-column:5/11}
.about-copy h2{font-size:clamp(28px,3.8vw,54px);font-weight:400;letter-spacing:-.035em;line-height:1.02;margin:0 0 42px;max-width:13ch}
.about-copy p{font-size:17px;line-height:1.7;margin:0 0 20px;max-width:680px}
.about-copy p.secondary{font-size:14px;color:#4d4d4d}
.about-subsection{margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}
.about-subsection h3{font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 16px;color:var(--muted)}
.cv-list{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.65}
.cv-row{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid #efefef}
.cv-year{color:var(--muted)}
.cv-download{display:inline-block;margin-top:22px;font-size:12px;border-bottom:1px solid #111;padding-bottom:2px}

.contact{padding:70px 0 54px;border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.contact-title{grid-column:1/5;font-size:clamp(30px,4.6vw,66px);font-weight:400;letter-spacing:-.04em;line-height:.98;margin:0}
.contact-links{grid-column:8/13;display:grid;gap:8px;align-self:end;font-size:13px}
.contact-links a,.contact-links span{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}
.contact-links small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}

footer{padding:22px 0 30px;border-top:1px solid #efefef;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}

/* project pages */
.project-header{padding:84px 0 60px;display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.project-header-main{grid-column:1/8}
.project-kicker{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.project-header h1{font-size:clamp(44px,7vw,100px);font-weight:400;line-height:.92;letter-spacing:-.055em;margin:0}
.project-header-meta{grid-column:9/13;align-self:end;font-size:12px;line-height:1.6;color:#4c4c4c}
.project-header-note{margin-top:18px;font-size:13px;line-height:1.55;font-style:italic;max-width:26ch;transform:rotate(-.25deg)}
.project-body{border-top:1px solid var(--line);padding-top:70px;padding-bottom:120px}
.notebook-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px 18px;align-items:start}
.nb-item img{width:100%;background:var(--soft)}
.nb-item.large{grid-column:2/10}
.nb-item.medium-right{grid-column:8/13;margin-top:100px}
.nb-item.small-left{grid-column:1/5;margin-top:60px}
.nb-item.medium-left{grid-column:2/8;margin-top:90px}
.nb-text{font-size:13px;line-height:1.65;color:#333}
.nb-text.note{font-style:italic;transform:rotate(-.35deg)}
.nb-text.right{grid-column:9/12;margin-top:30px}
.nb-text.left{grid-column:2/6;margin-top:36px}
.back-link{display:inline-block;font-size:12px;margin:0 0 54px;border-bottom:1px solid #111;padding-bottom:2px}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:860px){
  .nav-inner{height:60px}.nav-links{gap:14px}
  .hero{min-height:78vh;display:block;padding-top:80px}
  .hero-copy{padding-top:7vh}.tagline{max-width:28ch}.current-note{margin-top:90px;margin-left:44%}
  .current-grid,.projects,.about-grid,.contact-grid,.project-header,.notebook-grid{display:block}
  .current-art{width:70%;margin:20px 0 0 18%}.current-meta{width:62%;margin:16px 0 0 18%}
  .project-card{width:auto!important;margin:0 0 64px!important}.project-card:nth-child(even){margin-left:16%!important}
  .project-card:nth-child(odd){margin-right:10%!important}
  .about-title{margin-bottom:36px}.about-copy h2{max-width:14ch}.about-copy p{font-size:16px}
  .contact-title{margin-bottom:50px}.contact-links{margin-left:25%}
  .project-header-main{margin-bottom:44px}.project-header-meta{margin-left:32%}
  .nb-item,.nb-text{width:auto!important;margin:0 0 54px!important}.nb-item.medium-right,.nb-text.right{margin-left:18%!important}.nb-item.small-left{margin-right:28%!important}
}
@media(max-width:560px){
  .nav-links a:nth-child(3){display:none}
  .hero h1{font-size:56px}.identity{margin-bottom:22px}.current-note{margin-left:20%;margin-top:76px}
  .current-art,.current-meta{width:auto;margin-left:10%;margin-right:4%}
  .section{padding:72px 0}.project-card:nth-child(even),.project-card:nth-child(odd){margin-left:0!important;margin-right:0!important}
  .about-copy h2{font-size:34px}.contact-links{margin-left:0}.project-header-meta{margin-left:0}
}

/* v2 architecture — projects / notes / collaborations */
.hero-notebook{min-height:82vh}
.projects-six .project-card:nth-child(6){grid-column:7/13;margin-top:88px;margin-bottom:20px}
.projects-six .project-card:nth-child(6) .project-media{aspect-ratio:4/5}
.text-link{font-size:12px;color:var(--muted);border-bottom:1px solid transparent;padding-bottom:2px;transition:color .2s,border-color .2s}
.text-link:hover{color:var(--ink);border-color:var(--ink)}
.notes-preview{padding-bottom:110px}
.notes-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end}
.note-thumb{display:block}
.note-thumb:nth-child(1){grid-column:1/4}
.note-thumb:nth-child(2){grid-column:4/7;margin-bottom:52px}
.note-thumb:nth-child(3){grid-column:8/10}
.note-thumb:nth-child(4){grid-column:10/13;margin-bottom:82px}
.note-thumb img{width:100%;height:auto;background:var(--soft)}
.note-thumb span{display:block;margin-top:8px;font-size:11px;color:var(--muted);font-style:italic}
.archive-intro{max-width:46ch;margin:48px 0 0 34%;font-size:13px;line-height:1.6;color:#484848;font-style:italic}
.role-preview{border-top:1px solid var(--line)}
.role-preview>div{display:grid;grid-template-columns:70px 1.2fr 1.8fr;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}
.role-preview span{color:var(--muted)}
.role-preview strong{font-weight:400;font-size:14px}
.role-preview small{font-size:12px;color:#555}
.plain{margin-top:0;padding-top:0;border-top:0}
.muted-link{color:var(--muted);border-bottom:0;cursor:default}

/* archive / notes */
.archive-header{min-height:58vh;padding:110px 0 70px;display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:end}
.archive-header>div{grid-column:1/8}
.archive-header h1{font-size:clamp(54px,9vw,128px);font-weight:400;letter-spacing:-.055em;line-height:.88;margin:0}
.archive-header>p{grid-column:9/13;font-size:14px;line-height:1.6;color:#444;margin:0;max-width:30ch}
.archive-entry{padding:68px 0 104px;border-top:1px solid var(--line)}
.archive-meta{display:grid;grid-template-columns:90px 120px 1fr;gap:18px;font-size:11px;color:var(--muted);margin-bottom:40px}
.archive-meta em{color:#3d3d3d}
.archive-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}
.archive-gallery img{width:100%;background:var(--soft)}
.archive-gallery.four img:nth-child(1){grid-column:1/6}
.archive-gallery.four img:nth-child(2){grid-column:7/10;margin-top:72px}
.archive-gallery.four img:nth-child(3){grid-column:10/13;margin-top:140px}
.archive-gallery.four img:nth-child(4){grid-column:3/8;margin-top:18px}
.archive-gallery.four.offset img:nth-child(1){grid-column:2/6}
.archive-gallery.four.offset img:nth-child(2){grid-column:7/13;margin-top:90px}
.archive-gallery.four.offset img:nth-child(3){grid-column:1/4;margin-top:130px}
.archive-gallery.four.offset img:nth-child(4){grid-column:5/10;margin-top:26px}
.archive-note{font-size:13px;line-height:1.65;color:#444;max-width:46ch;margin:36px 0 0 34%;}
.text-entry{padding-bottom:84px}.text-entry .archive-note{font-size:15px}

/* collaborations */
.roles-list{border-top:1px solid var(--line);margin-bottom:70px}
.role-entry{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding:34px 0 44px;border-bottom:1px solid var(--line)}
.role-year{grid-column:1/3;color:var(--muted);font-size:12px}
.role-main{grid-column:4/11}
.role-main h2{font-size:22px;font-weight:400;letter-spacing:-.02em;margin:0 0 12px}
.role-main p{font-size:13px;line-height:1.65;margin:4px 0;color:#333}
.role-main p.secondary{color:var(--muted);font-size:12px}
.pending-note{font-size:12px;color:var(--muted);font-style:italic;margin:0 0 70px 25%}

@media(max-width:860px){
  .projects-six .project-card:nth-child(6){margin-left:8%!important}
  .notes-strip{grid-template-columns:1fr 1fr;gap:34px 18px}.note-thumb:nth-child(n){grid-column:auto;margin:0}.note-thumb:nth-child(2),.note-thumb:nth-child(4){margin-top:44px}
  .archive-intro,.archive-note{margin-left:18%}
  .role-preview>div{grid-template-columns:58px 1fr}.role-preview small{grid-column:2}
  .archive-header{display:block;min-height:auto}.archive-header>p{margin-top:80px;margin-left:30%}
  .archive-meta{grid-template-columns:78px 1fr}.archive-meta em{grid-column:2}
  .archive-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.archive-gallery.four img:nth-child(n),.archive-gallery.four.offset img:nth-child(n){grid-column:auto;margin:0}.archive-gallery img:nth-child(even){margin-top:44px!important}
  .role-entry{display:grid;grid-template-columns:58px 1fr}.role-year{grid-column:1}.role-main{grid-column:2}
  .pending-note{margin-left:58px}
}
@media(max-width:560px){
  .nav-links{font-size:11px;gap:10px}.nav-links a:nth-child(4){display:none}
  .notes-strip{grid-template-columns:1fr}.note-thumb:nth-child(n){margin:0 0 28px}.archive-intro,.archive-note{margin-left:0}
  .archive-header>p{margin-left:0;margin-top:54px}.archive-meta{display:block}.archive-meta span,.archive-meta em{display:block;margin-bottom:5px}
  .archive-gallery{display:block}.archive-gallery img{margin:0 0 22px!important}
  .role-preview>div{display:block}.role-preview span,.role-preview strong,.role-preview small{display:block;margin-bottom:5px}
  .role-entry{display:block}.role-year{margin-bottom:12px}.pending-note{margin-left:0}
}

/* v4 refinement — Where the Body Remains */
.body-remains-page .project-header{
  padding-top:92px;
  padding-bottom:72px;
}
.body-remains-page .project-header-main{grid-column:1/7}
.body-remains-page .project-header h1{max-width:8.5ch}
.body-remains-page .project-header-meta{grid-column:9/12}
.body-remains-body{
  padding-top:56px;
  padding-bottom:150px;
}
.body-remains-body .back-link{
  margin-bottom:76px;
  color:#565656;
  border-bottom-color:#777;
}
.body-remains-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  column-gap:18px;
  row-gap:0;
  align-items:start;
}
.body-remains-image{margin:0}
.body-remains-image img{
  width:100%;
  height:auto;
  background:var(--soft);
}
.body-remains-main{
  grid-column:2/8;
  grid-row:1;
}
.body-remains-angle{
  grid-column:8/12;
  grid-row:1;
  margin-top:220px;
}
.body-remains-statement{
  grid-column:3/7;
  grid-row:2;
  margin-top:96px;
  font-size:14px;
  line-height:1.72;
  color:#2f2f2f;
  max-width:36em;
}
.body-remains-statement p{margin:0 0 18px}
.body-remains-statement p:last-child{margin-bottom:0}

/* let the current object read as an object, not a cropped portfolio thumbnail */
.current-art img{object-fit:contain}
.projects-six .project-card:first-child .project-media{
  aspect-ratio:3/4;
  background:#fff;
}
.projects-six .project-card:first-child .project-media img{
  object-fit:contain;
}

@media(max-width:860px){
  .body-remains-page .project-header{padding-top:72px;padding-bottom:56px}
  .body-remains-page .project-header-meta{margin-left:28%;max-width:28em}
  .body-remains-body{padding-top:44px;padding-bottom:104px}
  .body-remains-body .back-link{margin-bottom:54px}
  .body-remains-grid{display:block}
  .body-remains-main{width:78%;margin:0 0 82px 4%}
  .body-remains-angle{width:58%;margin:0 0 86px 36%}
  .body-remains-statement{width:68%;margin:0 0 0 12%;font-size:13px}
}
@media(max-width:560px){
  .body-remains-page .project-header-meta{margin-left:0}
  .body-remains-main{width:92%;margin-left:0;margin-bottom:54px}
  .body-remains-angle{width:72%;margin-left:28%;margin-bottom:62px}
  .body-remains-statement{width:100%;margin-left:0;font-size:13px;line-height:1.68}
}

/* v5 refinement — Neither Guest Nor Ghost */
.neither-page .project-header{
  padding-top:92px;
  padding-bottom:72px;
}
.neither-page .project-header-main{grid-column:1/8}
.neither-page .project-header h1{max-width:9ch}
.neither-page .project-header-meta{grid-column:9/12}
.neither-body{
  padding-top:56px;
  padding-bottom:160px;
}
.neither-body .back-link{
  margin-bottom:78px;
  color:#565656;
  border-bottom-color:#777;
}
.neither-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  column-gap:18px;
  row-gap:0;
  align-items:start;
}
.neither-image{margin:0}
.neither-image img{
  width:100%;
  height:auto;
  display:block;
  background:var(--soft);
}
.neither-cover{
  grid-column:1/8;
  grid-row:1;
}
.neither-statement{
  grid-column:9/12;
  grid-row:1;
  margin-top:180px;
  font-size:13px;
  line-height:1.72;
  color:#333;
  max-width:29em;
}
.neither-statement p{margin:0 0 16px}
.neither-statement p:last-child{margin-bottom:0}
.neither-blur{
  grid-column:7/12;
  grid-row:2;
  margin-top:154px;
}
.neither-smoking{
  grid-column:2/6;
  grid-row:2;
  margin-top:430px;
}
.neither-front{
  grid-column:4/9;
  grid-row:3;
  margin-top:138px;
}

@media(max-width:860px){
  .neither-page .project-header{padding-top:72px;padding-bottom:56px}
  .neither-page .project-header-meta{margin-left:28%;max-width:28em}
  .neither-body{padding-top:44px;padding-bottom:110px}
  .neither-body .back-link{margin-bottom:56px}
  .neither-grid{display:block}
  .neither-cover{width:82%;margin:0 0 64px 0}
  .neither-statement{width:58%;margin:0 0 90px 30%;font-size:13px}
  .neither-blur{width:62%;margin:0 0 86px 34%}
  .neither-smoking{width:54%;margin:0 0 86px 5%}
  .neither-front{width:64%;margin:0 0 0 18%}
}
@media(max-width:560px){
  .neither-page .project-header-meta{margin-left:0}
  .neither-cover{width:94%;margin-bottom:48px}
  .neither-statement{width:100%;margin:0 0 60px 0;line-height:1.68}
  .neither-blur{width:76%;margin-left:24%;margin-bottom:54px}
  .neither-smoking{width:74%;margin-left:0;margin-bottom:54px}
  .neither-front{width:84%;margin-left:12%}
}

/* v7 refinement — Dance with the Wind, final five-image edit */
.dance-page .project-header{
  padding-top:92px;
  padding-bottom:72px;
}
.dance-page .project-header-main{grid-column:1/8}
.dance-page .project-header h1{max-width:8.4ch}
.dance-page .project-header-meta{grid-column:9/12}
.dance-body{padding-top:56px;padding-bottom:176px}
.dance-body .back-link{margin-bottom:82px;color:#565656;border-bottom-color:#777}
.dance-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;row-gap:0;align-items:start}
.dance-image{margin:0}
.dance-image img{display:block;width:100%;height:auto;background:var(--soft)}
.dance-opening{grid-column:2/8;grid-row:1}
.dance-statement{grid-column:9/12;grid-row:1;margin-top:188px;font-size:13px;line-height:1.72;color:#333;max-width:30em}
.dance-statement p{margin:0 0 16px}.dance-statement p:last-child{margin-bottom:0}
.dance-wide{grid-column:1/12;grid-row:2;margin-top:168px}
.dance-conceal{grid-column:2/6;grid-row:3;margin-top:154px}
.dance-membrane{grid-column:8/12;grid-row:3;margin-top:292px}
.dance-release{grid-column:3/8;grid-row:4;margin-top:154px}
.dance-credit{grid-column:9/12;grid-row:4;margin-top:520px;font-size:10.5px;line-height:1.65;color:var(--muted);font-style:italic;transform:rotate(-.18deg)}

@media(max-width:860px){
  .dance-page .project-header{padding-top:72px;padding-bottom:56px}
  .dance-page .project-header-meta{margin-left:28%;max-width:28em}
  .dance-body{padding-top:44px;padding-bottom:112px}
  .dance-body .back-link{margin-bottom:58px}
  .dance-grid{display:block}
  .dance-opening{width:74%;margin:0 0 72px 4%}
  .dance-statement{width:58%;margin:0 0 96px 34%;font-size:13px}
  .dance-wide{width:96%;margin:0 0 100px 0}
  .dance-conceal{width:52%;margin:0 0 92px 6%}
  .dance-membrane{width:56%;margin:0 0 96px 40%}
  .dance-release{width:62%;margin:0 0 56px 14%}
  .dance-credit{width:48%;margin:0 0 0 47%}
}
@media(max-width:560px){
  .dance-page .project-header-meta{margin-left:0}
  .dance-opening{width:90%;margin-left:0;margin-bottom:50px}
  .dance-statement{width:100%;margin-left:0;margin-bottom:62px;line-height:1.68}
  .dance-wide{width:100%;margin-bottom:68px}
  .dance-conceal{width:72%;margin-left:0;margin-bottom:62px}
  .dance-membrane{width:76%;margin-left:24%;margin-bottom:66px}
  .dance-release{width:82%;margin-left:8%;margin-bottom:44px}
  .dance-credit{width:78%;margin-left:22%}
}

/* v7 refinement — Gaze */
.gaze-page .project-header{padding-top:92px;padding-bottom:72px}
.gaze-page .project-header-main{grid-column:1/7}
.gaze-page .project-header h1{max-width:6ch}
.gaze-page .project-header-meta{grid-column:9/12}
.gaze-body{padding-top:56px;padding-bottom:178px}
.gaze-body .back-link{margin-bottom:86px;color:#565656;border-bottom-color:#777}
.gaze-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;row-gap:0;align-items:start}
.gaze-image{margin:0}
.gaze-image img{display:block;width:100%;height:auto;background:var(--soft)}
.gaze-opening{grid-column:1/7;grid-row:1}
.gaze-statement{grid-column:9/12;grid-row:1;margin-top:230px;font-size:13px;line-height:1.74;color:#333;max-width:29em}
.gaze-statement p{margin:0 0 16px}.gaze-statement p:last-child{margin-bottom:0}
.gaze-building{grid-column:8/11;grid-row:2;margin-top:176px}
.gaze-magic{grid-column:2/7;grid-row:3;margin-top:188px}
.gaze-frame{grid-column:5/11;grid-row:4;margin-top:196px}

@media(max-width:860px){
  .gaze-page .project-header{padding-top:72px;padding-bottom:56px}
  .gaze-page .project-header-meta{margin-left:28%;max-width:28em}
  .gaze-body{padding-top:44px;padding-bottom:112px}
  .gaze-body .back-link{margin-bottom:60px}
  .gaze-grid{display:block}
  .gaze-opening{width:78%;margin:0 0 72px 0}
  .gaze-statement{width:56%;margin:0 0 102px 38%;font-size:13px}
  .gaze-building{width:44%;margin:0 0 104px 50%}
  .gaze-magic{width:58%;margin:0 0 112px 6%}
  .gaze-frame{width:72%;margin:0 0 0 22%}
}
@media(max-width:560px){
  .gaze-page .project-header-meta{margin-left:0}
  .gaze-opening{width:94%;margin-bottom:50px}
  .gaze-statement{width:100%;margin-left:0;margin-bottom:68px;line-height:1.68}
  .gaze-building{width:62%;margin-left:38%;margin-bottom:72px}
  .gaze-magic{width:78%;margin-left:0;margin-bottom:76px}
  .gaze-frame{width:88%;margin-left:12%}
}

/* v8 refinement — Her Spell */
.her-spell-page .project-header{padding-top:92px;padding-bottom:72px}
.her-spell-page .project-header-main{grid-column:1/8}
.her-spell-page .project-header h1{max-width:7ch}
.her-spell-page .project-header-meta{grid-column:9/12}
.her-spell-body{padding-top:56px;padding-bottom:172px}
.her-spell-body .back-link{margin-bottom:82px;color:#565656;border-bottom-color:#777}
.her-spell-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;row-gap:0;align-items:start}
.her-spell-image{margin:0}
.her-spell-image img{display:block;width:100%;height:auto;background:var(--soft)}
.her-spell-opening{grid-column:1/9;grid-row:1}
.her-spell-statement{grid-column:9/12;grid-row:1;margin-top:214px;font-size:13px;line-height:1.72;color:#333;max-width:29em}
.her-spell-statement p{margin:0 0 16px}.her-spell-statement p:last-child{margin-bottom:0}
.her-spell-interaction{grid-column:7/12;grid-row:2;margin-top:142px}
.her-spell-detail{grid-column:2/6;grid-row:3;margin-top:148px}
.her-spell-portrait{grid-column:7/12;grid-row:3;margin-top:314px}

@media(max-width:860px){
  .her-spell-page .project-header{padding-top:72px;padding-bottom:56px}
  .her-spell-page .project-header-meta{margin-left:28%;max-width:28em}
  .her-spell-body{padding-top:44px;padding-bottom:112px}
  .her-spell-body .back-link{margin-bottom:58px}
  .her-spell-grid{display:block}
  .her-spell-opening{width:92%;margin:0 0 66px 0}
  .her-spell-statement{width:58%;margin:0 0 92px 36%;font-size:13px}
  .her-spell-interaction{width:66%;margin:0 0 88px 30%}
  .her-spell-detail{width:48%;margin:0 0 94px 4%}
  .her-spell-portrait{width:62%;margin:0 0 0 28%}
}
@media(max-width:560px){
  .her-spell-page .project-header-meta{margin-left:0}
  .her-spell-opening{width:100%;margin-bottom:48px}
  .her-spell-statement{width:100%;margin-left:0;margin-bottom:62px;line-height:1.68}
  .her-spell-interaction{width:92%;margin-left:8%;margin-bottom:58px}
  .her-spell-detail{width:72%;margin-left:0;margin-bottom:64px}
  .her-spell-portrait{width:86%;margin-left:14%}
}

/* v9 refinement — City Yoga */
.city-yoga-page .project-header{padding-top:92px;padding-bottom:72px}
.city-yoga-page .project-header-main{grid-column:1/8}
.city-yoga-page .project-header h1{max-width:7ch}
.city-yoga-page .project-header-meta{grid-column:9/12}
.city-yoga-body{padding-top:56px;padding-bottom:176px}
.city-yoga-body .back-link{margin-bottom:82px;color:#565656;border-bottom-color:#777}
.city-yoga-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;row-gap:0;align-items:start}
.city-yoga-image{margin:0}
.city-yoga-image img{display:block;width:100%;height:auto;background:var(--soft)}
.city-yoga-opening{grid-column:1/8;grid-row:1}
.city-yoga-statement{grid-column:9/12;grid-row:1;margin-top:204px;font-size:13px;line-height:1.72;color:#333;max-width:29em}
.city-yoga-statement p{margin:0 0 16px}.city-yoga-statement p:last-child{margin-bottom:0}
.city-yoga-walk{grid-column:8/12;grid-row:2;margin-top:150px}
.city-yoga-overhead{grid-column:2/7;grid-row:3;margin-top:172px}

@media(max-width:860px){
  .city-yoga-page .project-header{padding-top:72px;padding-bottom:56px}
  .city-yoga-page .project-header-meta{margin-left:28%;max-width:28em}
  .city-yoga-body{padding-top:44px;padding-bottom:112px}
  .city-yoga-body .back-link{margin-bottom:58px}
  .city-yoga-grid{display:block}
  .city-yoga-opening{width:84%;margin:0 0 68px 0}
  .city-yoga-statement{width:58%;margin:0 0 94px 36%;font-size:13px}
  .city-yoga-walk{width:52%;margin:0 0 96px 44%}
  .city-yoga-overhead{width:60%;margin:0 0 0 8%}
}
@media(max-width:560px){
  .city-yoga-page .project-header-meta{margin-left:0}
  .city-yoga-opening{width:96%;margin-bottom:48px}
  .city-yoga-statement{width:100%;margin-left:0;margin-bottom:62px;line-height:1.68}
  .city-yoga-walk{width:72%;margin-left:28%;margin-bottom:66px}
  .city-yoga-overhead{width:84%;margin-left:0}
}

/* Neither Guest Nor Ghost — final seven-image edit */
.neither-final-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:24px;
  align-items:start;
}
.neither-final-image{margin:0}
.neither-final-image img{display:block;width:100%;height:auto}
.neither-final-cover{grid-column:1/8;grid-row:1}
.neither-final-statement{
  grid-column:9/13;grid-row:1;
  margin-top:180px;
  max-width:31em;
  font-size:13px;
  line-height:1.62;
}
.neither-final-statement p{margin:0 0 16px}
.neither-final-statement p:last-child{margin-bottom:0}
.neither-final-light{grid-column:6/13;margin-top:170px}
.neither-final-close{grid-column:2/6;margin-top:310px}
.neither-final-full{grid-column:8/12;margin-top:120px}
.neither-final-depth{grid-column:1/7;margin-top:190px}
.neither-final-smoking{grid-column:8/12;margin-top:360px}
.neither-final-front{grid-column:4/9;margin-top:170px;margin-bottom:10px}
@media(max-width:860px){
  .neither-final-grid{display:block}
  .neither-final-cover{width:84%;margin:0 0 64px 0}
  .neither-final-statement{width:58%;margin:0 0 88px 31%;font-size:13px}
  .neither-final-light{width:80%;margin:0 0 84px 18%}
  .neither-final-close{width:55%;margin:0 0 88px 4%}
  .neither-final-full{width:58%;margin:0 0 84px 39%}
  .neither-final-depth{width:72%;margin:0 0 88px 0}
  .neither-final-smoking{width:54%;margin:0 0 84px 42%}
  .neither-final-front{width:66%;margin:0 0 0 17%}
}
@media(max-width:560px){
  .neither-final-cover{width:94%;margin-bottom:48px}
  .neither-final-statement{width:100%;margin:0 0 60px 0;line-height:1.68}
  .neither-final-light{width:92%;margin-left:8%;margin-bottom:58px}
  .neither-final-close{width:78%;margin-left:0;margin-bottom:58px}
  .neither-final-full{width:82%;margin-left:18%;margin-bottom:58px}
  .neither-final-depth{width:92%;margin-left:0;margin-bottom:58px}
  .neither-final-smoking{width:78%;margin-left:22%;margin-bottom:58px}
  .neither-final-front{width:86%;margin-left:7%}
}

/* v14 refinement — Among Others */
.among-page .project-header{padding-top:92px;padding-bottom:72px}
.among-page .project-header-main{grid-column:1/8}
.among-page .project-header h1{max-width:8.5ch}
.among-page .project-header-meta{grid-column:9/12}
.among-body{padding-top:56px;padding-bottom:178px}
.among-body .back-link{margin-bottom:82px;color:#565656;border-bottom-color:#777}
.among-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;row-gap:0;align-items:start}
.among-image{margin:0}
.among-image img{display:block;width:100%;height:auto;background:var(--soft)}
.among-cover{grid-column:1/8;grid-row:1}
.among-statement{grid-column:9/12;grid-row:1;margin-top:218px;font-size:13px;line-height:1.72;color:#333;max-width:29em}
.among-statement p{margin:0 0 16px}.among-statement p:last-child{margin-bottom:0}
.among-laundry{grid-column:8/12;grid-row:2;margin-top:162px}
.among-coffee{grid-column:2/6;grid-row:3;margin-top:196px}
.among-mcd{grid-column:7/12;grid-row:3;margin-top:418px}
.among-corridor{grid-column:3/8;grid-row:4;margin-top:174px}

@media(max-width:860px){
  .among-page .project-header{padding-top:72px;padding-bottom:56px}
  .among-page .project-header-meta{margin-left:28%;max-width:28em}
  .among-body{padding-top:44px;padding-bottom:112px}
  .among-body .back-link{margin-bottom:58px}
  .among-grid{display:block}
  .among-cover{width:86%;margin:0 0 66px 0}
  .among-statement{width:58%;margin:0 0 94px 36%;font-size:13px}
  .among-laundry{width:54%;margin:0 0 98px 42%}
  .among-coffee{width:52%;margin:0 0 92px 4%}
  .among-mcd{width:58%;margin:0 0 96px 36%}
  .among-corridor{width:62%;margin:0 0 0 13%}
}
@media(max-width:560px){
  .among-page .project-header-meta{margin-left:0}
  .among-cover{width:100%;margin-bottom:48px}
  .among-statement{width:100%;margin-left:0;margin-bottom:62px;line-height:1.68}
  .among-laundry{width:78%;margin-left:22%;margin-bottom:64px}
  .among-coffee{width:76%;margin-left:0;margin-bottom:64px}
  .among-mcd{width:84%;margin-left:16%;margin-bottom:64px}
  .among-corridor{width:88%;margin-left:6%}
}

.archive-feature{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end;text-decoration:none;color:inherit}
.archive-feature img{grid-column:1/7;width:100%;display:block}
.archive-feature-copy{grid-column:9/13;padding-bottom:18px;display:flex;flex-direction:column;gap:16px;max-width:30ch}
.archive-feature-copy strong{font-size:19px;font-weight:400;letter-spacing:-.02em}
.archive-feature-copy span{font-size:13px;line-height:1.65;color:#444}
.archive-feature-copy em{font-size:11px;color:#666;font-style:normal}
@media(max-width:860px){.archive-feature{display:block}.archive-feature img{width:78%;margin-bottom:36px}.archive-feature-copy{width:58%;margin-left:32%}}
@media(max-width:560px){.archive-feature img,.archive-feature-copy{width:100%;margin-left:0}.archive-feature img{margin-bottom:28px}}


/* v15 — seven core projects */
.projects-seven .project-card:nth-child(6){grid-column:7/13;margin-top:88px;margin-bottom:76px}
.projects-seven .project-card:nth-child(6) .project-media{aspect-ratio:4/5}
.projects-seven .project-card:nth-child(7){grid-column:3/9;margin-top:34px;margin-bottom:20px}
.projects-seven .project-card:nth-child(7) .project-media{aspect-ratio:2/3}
@media(max-width:860px){
  .projects-seven .project-card:nth-child(6){margin-left:8%!important}
  .projects-seven .project-card:nth-child(7){margin-left:12%!important;margin-right:14%!important}
}
@media(max-width:560px){
  .projects-seven .project-card:nth-child(7){margin-left:0!important;margin-right:0!important}
}

/* v15 — homepage notes now three entries */
.notes-strip .note-thumb:nth-child(1){grid-column:1/4}
.notes-strip .note-thumb:nth-child(2){grid-column:5/9;margin-bottom:58px}
.notes-strip .note-thumb:nth-child(3){grid-column:10/13;margin-bottom:8px}
@media(max-width:860px){
  .notes-strip .note-thumb:nth-child(n){grid-column:auto;margin:0}
  .notes-strip .note-thumb:nth-child(2){margin-top:44px}
}
@media(max-width:560px){
  .notes-strip .note-thumb:nth-child(n){margin:0 0 28px}
}

/* v15 — Noir Show */
.noir-page .project-header{padding-top:92px;padding-bottom:72px}
.noir-page .project-header-main{grid-column:1/8}
.noir-page .project-header h1{max-width:7ch}
.noir-page .project-header-meta{grid-column:9/12}
.noir-body{padding-top:56px;padding-bottom:178px}
.noir-body .back-link{margin-bottom:82px;color:#565656;border-bottom-color:#777}
.noir-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;row-gap:0;align-items:start}
.noir-image{margin:0}.noir-image img{display:block;width:100%;height:auto;background:var(--soft)}
.noir-cover{grid-column:1/7;grid-row:1}
.noir-statement{grid-column:9/12;grid-row:1;margin-top:210px;font-size:13px;line-height:1.72;color:#333;max-width:29em}
.noir-statement p{margin:0 0 16px}.noir-statement p:last-child{margin-bottom:0}
.noir-shared{grid-column:7/12;grid-row:2;margin-top:160px}
.noir-redblack{grid-column:2/7;grid-row:3;margin-top:184px}
.noir-companion{grid-column:8/12;grid-row:3;margin-top:364px}
.noir-making{grid-column:1/5;grid-row:4;margin-top:190px}
.noir-closing{grid-column:6/11;grid-row:4;margin-top:420px}
@media(max-width:860px){
  .noir-page .project-header{padding-top:72px;padding-bottom:56px}
  .noir-page .project-header-meta{margin-left:28%;max-width:28em}
  .noir-body{padding-top:44px;padding-bottom:112px}.noir-body .back-link{margin-bottom:58px}
  .noir-grid{display:block}
  .noir-cover{width:74%;margin:0 0 66px 0}
  .noir-statement{width:58%;margin:0 0 92px 36%;font-size:13px}
  .noir-shared{width:58%;margin:0 0 88px 38%}
  .noir-redblack{width:62%;margin:0 0 92px 4%}
  .noir-companion{width:54%;margin:0 0 92px 42%}
  .noir-making{width:52%;margin:0 0 92px 0}
  .noir-closing{width:62%;margin:0 0 0 28%}
}
@media(max-width:560px){
  .noir-page .project-header-meta{margin-left:0}
  .noir-cover{width:92%;margin-bottom:48px}
  .noir-statement{width:100%;margin-left:0;margin-bottom:62px;line-height:1.68}
  .noir-shared{width:82%;margin-left:18%;margin-bottom:62px}
  .noir-redblack{width:88%;margin-left:0;margin-bottom:62px}
  .noir-companion{width:80%;margin-left:20%;margin-bottom:62px}
  .noir-making{width:78%;margin-left:0;margin-bottom:62px}
  .noir-closing{width:88%;margin-left:12%}
}

/* v16 — About + homepage archive thumbnail alignment */
.about-section .about-copy{grid-column:5/12}
.about-section .about-copy h2{max-width:12ch;margin-bottom:58px}
.about-section .about-subsection{margin-top:58px;padding-top:22px}
.about-section .about-subsection.plain{margin-top:0;padding-top:0}
.about-section .about-bio{font-size:17px;line-height:1.72;max-width:680px}
.about-section .statement-block p{font-size:15px;line-height:1.76;max-width:700px;margin-bottom:22px}
.about-section .statement-block p:first-of-type{font-size:18px;line-height:1.65;max-width:620px}
.about-section .statement-ending{margin-top:34px!important;font-style:italic;color:#444;max-width:620px!important}

/* three Archive / Field Notes objects: same image height, varied widths retained */
.notes-preview .notes-strip{align-items:end}
.notes-preview .note-thumb img{width:100%;height:280px;object-fit:cover;object-position:center;background:var(--soft)}

@media(max-width:860px){
  .about-section .about-copy h2{margin-bottom:44px}
  .about-section .statement-block p{font-size:15px}
  .notes-preview .note-thumb img{height:240px}
}
@media(max-width:560px){
  .about-section .about-copy h2{margin-bottom:36px}
  .about-section .about-subsection{margin-top:42px}
  .about-section .statement-block p,.about-section .about-bio{font-size:15px;line-height:1.72}
  .about-section .statement-block p:first-of-type{font-size:17px}
  .notes-preview .note-thumb img{height:auto;aspect-ratio:auto;object-fit:contain}
}

/* v17 — CV link */
.about-cv-link{margin-top:2rem;}
.about-cv-link .text-link{font-size:.92rem;}

/* v19 — five-image Field Notes sequence */
.archive-gallery.five img:nth-child(1){grid-column:1/6}
.archive-gallery.five img:nth-child(2){grid-column:8/11;margin-top:92px}
.archive-gallery.five img:nth-child(3){grid-column:4/10;margin-top:34px}
.archive-gallery.five img:nth-child(4){grid-column:9/13;margin-top:112px}
.archive-gallery.five img:nth-child(5){grid-column:2/6;margin-top:36px}
@media(max-width:860px){
  .archive-gallery.five img:nth-child(n){grid-column:auto;margin:0}
  .archive-gallery.five img:nth-child(even){margin-top:44px!important}
}
@media(max-width:560px){
  .archive-gallery.five img:nth-child(n){margin:0 0 22px!important}
}

/* Notes / Archive — chronological expansion */
.archive-gallery.three img:nth-child(1){grid-column:1/6}
.archive-gallery.three img:nth-child(2){grid-column:7/11;margin-top:88px}
.archive-gallery.three img:nth-child(3){grid-column:4/9;margin-top:34px}
.archive-study-a img:nth-child(1){grid-column:1/5}
.archive-study-a img:nth-child(2){grid-column:7/10;margin-top:96px}
.archive-study-a img:nth-child(3){grid-column:9/13;margin-top:20px}
.archive-study-a img:nth-child(4){grid-column:3/8;margin-top:54px}
.archive-study-b img:nth-child(1){grid-column:2/6}
.archive-study-b img:nth-child(2){grid-column:8/12;margin-top:118px}
.archive-study-b img:nth-child(3){grid-column:4/9;margin-top:38px}
.archive-study-c img:nth-child(1){grid-column:1/6}
.archive-study-c img:nth-child(2){grid-column:8/12;margin-top:112px}
.archive-study-c img:nth-child(3){grid-column:4/9;margin-top:24px}
.archive-study-d img:nth-child(1){grid-column:1/5}
.archive-study-d img:nth-child(2){grid-column:7/11;margin-top:102px}
.archive-study-d img:nth-child(3){grid-column:9/13;margin-top:22px}
.archive-study-d img:nth-child(4){grid-column:3/7;margin-top:58px}
.archive-study-e img:nth-child(1){grid-column:1/5}
.archive-study-e img:nth-child(2){grid-column:7/11;margin-top:94px}
.archive-study-e img:nth-child(3){grid-column:9/13;margin-top:20px}
.archive-study-e img:nth-child(4){grid-column:3/8;margin-top:48px}
.archive-single{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.archive-single img{grid-column:3/10;width:100%;display:block}
@media(max-width:860px){
  .archive-gallery.three img:nth-child(n),.archive-study-a img:nth-child(n),.archive-study-b img:nth-child(n),.archive-study-c img:nth-child(n),.archive-study-d img:nth-child(n),.archive-study-e img:nth-child(n){grid-column:auto;margin:0}
  .archive-gallery.three img:nth-child(even),.archive-study-a img:nth-child(even),.archive-study-b img:nth-child(even),.archive-study-c img:nth-child(even),.archive-study-d img:nth-child(even),.archive-study-e img:nth-child(even){margin-top:44px!important}
  .archive-single img{grid-column:2/12}
}
@media(max-width:560px){
  .archive-gallery.three img:nth-child(n),.archive-study-a img:nth-child(n),.archive-study-b img:nth-child(n),.archive-study-c img:nth-child(n),.archive-study-d img:nth-child(n),.archive-study-e img:nth-child(n){margin:0 0 22px!important}
  .archive-single{display:block}.archive-single img{width:100%}
}


/* v21 — tighter archive groupings */
@media (min-width:861px){
  .archive-meta{margin-bottom:30px}

  /* 19 Sep 2022: keep the large anchor, pull the supporting images into it */
  .archive-compact-mourning{
    grid-template-rows:auto auto;
    row-gap:22px;
  }
  .archive-compact-mourning img:nth-child(1){grid-column:1/6;grid-row:1/3;margin:0}
  .archive-compact-mourning img:nth-child(2){grid-column:7/10;grid-row:1;margin:54px 0 0}
  .archive-compact-mourning img:nth-child(3){grid-column:10/13;grid-row:1;margin:102px 0 0}
  .archive-compact-mourning img:nth-child(4){grid-column:4/9;grid-row:2;margin:0 0 0 -18px;align-self:start}

  /* LOEWE notes: one anchor + two quick observations + closing figure */
  .archive-study-d{
    grid-template-rows:auto auto;
    row-gap:24px;
  }
  .archive-study-d img:nth-child(1){grid-column:1/6;grid-row:1/3;margin:0}
  .archive-study-d img:nth-child(2){grid-column:7/10;grid-row:1;margin:26px 0 0}
  .archive-study-d img:nth-child(3){grid-column:10/13;grid-row:1;margin:72px 0 0}
  .archive-study-d img:nth-child(4){grid-column:4/8;grid-row:2;margin:0;align-self:start}

  /* 26 Apr study: visually read as a single compact cluster */
  .archive-study-e{
    grid-template-rows:auto auto;
    row-gap:24px;
  }
  .archive-study-e img:nth-child(1){grid-column:1/6;grid-row:1/3;margin:0}
  .archive-study-e img:nth-child(2){grid-column:7/10;grid-row:1;margin:34px 0 0}
  .archive-study-e img:nth-child(3){grid-column:10/13;grid-row:1;margin:78px 0 0}
  .archive-study-e img:nth-child(4){grid-column:4/9;grid-row:2;margin:0;align-self:start}
}

/* v22 — Notes / Archive overlap-safe desktop layouts
   Keep the loose notebook rhythm from v21, but every image occupies a distinct grid cell. */
@media (min-width:861px){
  .archive-gallery img{display:block}

  /* 19 Sep 2022 — portrait anchor + two observations + one closing fragment */
  .archive-compact-mourning{
    grid-template-rows:auto auto;
    row-gap:24px;
  }
  .archive-compact-mourning img:nth-child(1){grid-column:1/5;grid-row:1;margin:0}
  .archive-compact-mourning img:nth-child(2){grid-column:6/9;grid-row:1;margin:44px 0 0}
  .archive-compact-mourning img:nth-child(3){grid-column:9/12;grid-row:1;margin:84px 0 0}
  .archive-compact-mourning img:nth-child(4){grid-column:4/8;grid-row:2;margin:0;align-self:start}

  /* 18 Feb 2024 / LOEWE — compact, but never layered */
  .archive-study-d{
    grid-template-rows:auto auto;
    row-gap:24px;
  }
  .archive-study-d img:nth-child(1){grid-column:1/5;grid-row:1;margin:0}
  .archive-study-d img:nth-child(2){grid-column:6/9;grid-row:1;margin:28px 0 0}
  .archive-study-d img:nth-child(3){grid-column:9/12;grid-row:1;margin:66px 0 0}
  .archive-study-d img:nth-child(4){grid-column:3/7;grid-row:2;margin:0;align-self:start}

  /* 26 Apr 2024 — one urban anchor, two smaller details, then the walking figure */
  .archive-study-e{
    grid-template-rows:auto auto;
    row-gap:24px;
  }
  .archive-study-e img:nth-child(1){grid-column:1/5;grid-row:1;margin:0}
  .archive-study-e img:nth-child(2){grid-column:6/9;grid-row:1;margin:30px 0 0}
  .archive-study-e img:nth-child(3){grid-column:9/12;grid-row:1;margin:64px 0 0}
  .archive-study-e img:nth-child(4){grid-column:3/7;grid-row:2;margin:0;align-self:start}
}

/* v23 — collaborations refinement */
.collab-header{
  min-height:46vh;
  padding:104px 0 72px;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:20px;
  align-items:end;
}
.collab-header>div{grid-column:1/8}
.collab-header h1{
  font-size:clamp(54px,8.2vw,116px);
  font-weight:400;
  letter-spacing:-.055em;
  line-height:.9;
  margin:0;
}
.collab-header>p{
  grid-column:9/13;
  margin:0;
  max-width:30ch;
  font-size:14px;
  line-height:1.65;
  color:#444;
}
.collab-list{border-top:1px solid var(--line);margin-bottom:72px}
.collab-entry{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  column-gap:20px;
  padding:44px 0 52px;
  border-bottom:1px solid var(--line);
  align-items:start;
}
.collab-year{
  grid-column:1/2;
  font-size:12px;
  color:var(--muted);
  padding-top:4px;
}
.collab-work{grid-column:3/7}
.collab-context{grid-column:8/13;max-width:44ch}
.collab-role{
  margin-bottom:12px;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.075em;
  text-transform:uppercase;
  color:var(--muted);
}
.collab-work h2{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:400;
}
.collab-work h2 span{font-style:normal;color:#4b4b4b}
.collab-artist{
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:#4d4d4d;
}
.collab-context p{
  margin:0 0 14px;
  font-size:13px;
  line-height:1.62;
  color:#333;
}
.collab-context p:last-child{margin-bottom:0}
.collab-context .collab-note{
  max-width:42ch;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.collab-featured{padding-top:54px;padding-bottom:62px}
.collab-featured .collab-work h2{font-size:26px;max-width:15ch}
.collab-back{margin-bottom:86px;color:#565656;border-bottom-color:#777}

@media(max-width:860px){
  .collab-header{display:block;min-height:auto;padding:82px 0 62px}
  .collab-header>p{margin:62px 0 0 34%;max-width:32ch}
  .collab-entry{grid-template-columns:64px repeat(6,1fr);gap:18px;padding:36px 0 42px}
  .collab-year{grid-column:1}
  .collab-work{grid-column:2/5}
  .collab-context{grid-column:5/8}
  .collab-featured .collab-work h2{font-size:23px}
}
@media(max-width:560px){
  .collab-header>p{margin-left:0;margin-top:46px}
  .collab-entry{display:block;padding:30px 0 36px}
  .collab-year{margin-bottom:22px}
  .collab-work{margin-bottom:26px}
  .collab-role{margin-bottom:9px}
  .collab-work h2,.collab-featured .collab-work h2{font-size:21px;max-width:none}
  .collab-context{max-width:none}
  .collab-back{margin-bottom:64px}
}
