/* A repeating poster composition: one type scale, offset rows, open edges. */
.hero {height:100svh;min-height:760px;max-height:1200px;padding:32px 4%;color:#42433e}
.header {grid-template-columns:32.6% 1fr 1fr;align-items:start}
.header-credit,.descriptor {font-size:12px;line-height:1.35;font-weight:400;margin:0;display:block}
.header nav {padding:0;font-size:12px;gap:28px;align-items:baseline}
.header nav a {white-space:nowrap}
.wordmark {position:absolute;font-size:clamp(42px,5.35vw,90px);font-weight:400;line-height:1;letter-spacing:-.05em;white-space:nowrap;margin:0;z-index:1}
.word-one {left:-13%;top:27%}
.word-two {left:34%;top:27%}
.word-three {left:81%;top:27%}
.word-four {left:4%;top:68%}
.word-five {left:51%;top:68%}
.word-six {left:98%;top:68%}
.poster-wash {position:absolute;z-index:-1;mix-blend-mode:multiply;pointer-events:none}
.poster-wash img {display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 47%,transparent 72%)}
.wash-one {width:52%;height:76%;left:0%;top:-8%;transform:rotate(77deg)}
.wash-two {width:57%;height:80%;left:44%;top:34%;transform:rotate(-28deg)}
.pencil {left:57%;top:54%;width:29%;transform:rotate(-7deg);z-index:2}
.poster-caption {position:absolute;font-size:12px;line-height:1.45}
.caption-one {left:34%;top:46%}
.caption-two {left:81%;top:46%}
.hero-bottom {left:4%;right:4%;bottom:30px;border:0;padding:0;grid-template-columns:32.6% 1fr 1fr;align-items:end}
.hero-bottom>p:first-child,.hero-bottom .location {display:block;font-size:12px;line-height:1.35;letter-spacing:0;margin:0}
.scroll {font-size:11px;gap:30px}
.scroll span {font-size:23px}
@media(max-width:900px){
  .hero {min-height:680px}
  .header nav {gap:15px;font-size:11px}
  .wordmark {font-size:6.3vw}
  .word-one {left:-17%}.word-two {left:32%}.word-three {left:81%}
  .word-four {left:4%}.word-five {left:53%}.word-six {left:102%}
  .caption-one {left:32%}.caption-two {left:81%;font-size:10px}
  .wash-one {width:65%;left:-8%}.wash-two {width:73%;left:38%}
}
@media(max-width:600px){
  .hero {min-height:660px;max-height:950px;padding:25px 6%}
  .header {grid-template-columns:1fr 1fr;gap:15px}
  .header-credit,.descriptor {font-size:10px}
  .descriptor {justify-self:end;text-align:right}
  .header nav {grid-column:1/-1;justify-content:flex-start;gap:23px;font-size:10px;margin-top:10px}
  .wordmark {font-size:10.8vw;letter-spacing:-.045em}
  .word-one {left:-35%;top:28%}.word-two {left:33%;top:28%}.word-three {left:101%;top:28%}
  .word-four {left:6%;top:68%}.word-five {left:74%;top:68%}.word-six {left:142%;top:68%}
  .wash-one {width:104%;height:57%;left:-32%;top:0%;transform:rotate(79deg)}
  .wash-two {width:123%;height:61%;left:12%;top:40%;transform:rotate(-39deg)}
  .pencil {width:53%;left:35%;top:58%;transform:rotate(-9deg)}
  .caption-one {left:33%;top:46%;font-size:10px}
  .caption-two {display:none}
  .hero-bottom {left:6%;right:6%;bottom:26px;grid-template-columns:1fr 1fr}
  .hero-bottom>p:first-child {font-size:10px}
  .hero-bottom .location {display:none}
  .scroll {font-size:9px;gap:15px}
}

/* A concise editorial profile. */
.profile .section-label h2 {font-size:10px;font-weight:400;color:#64655e;margin:0}
.profile-role {display:flex;align-items:baseline;gap:24px;font-size:11px;margin:0 0 32px;color:#64655e}
.profile-role span {font-size:18px;color:var(--ink);letter-spacing:.06em}
.profile-person {display:flex;align-items:center;gap:20px;margin-bottom:32px}
.profile-photo {display:block;width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 35%}
.profile-person .profile-role {flex-direction:column;align-items:flex-start;gap:7px;margin:0}
.profile-bio {max-width:610px;font-size:14px;line-height:2.2;letter-spacing:.02em;text-wrap:pretty}
.profile-bio p+p {margin-top:24px}
.profile-links {display:flex;flex-wrap:wrap;gap:24px;font-size:11px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);align-items:baseline;max-width:610px}
.profile-links>span {color:#64655e;margin-right:auto}
.profile-links a {border-bottom:1px solid var(--line);padding-bottom:4px}
@media(max-width:900px){.header nav {gap:13px}}
@media(max-width:600px){
  .header nav {gap:23px}
  .profile-role {gap:20px;margin:0 0 28px;font-size:10px}
  .profile-role span {font-size:16px}
  .profile-person {gap:16px;margin-bottom:28px}
  .profile-photo {width:56px;height:56px}
  .profile-bio {font-size:12px;line-height:2.15}
  .profile-links {gap:18px;font-size:10px;margin-top:32px}
}