.st-head{padding:var(--page-head-top,168px) 0 clamp(32px,4vw,56px)}
.st-head .kick{margin-bottom:28px}
.st-head h1{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(56px,12vw,196px);
  line-height:.86;letter-spacing:-.015em}
.st-head h1 em{font-style:italic}

/* portrait + standfirst */
.lede{display:grid;grid-template-columns:0.52fr 0.48fr;gap:54px;align-items:end;padding-bottom:96px}
.lede .ph{aspect-ratio:4/5;width:100%;min-height:220px;position:relative;overflow:hidden}
.lede .ph img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.lede .intro .lab{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);margin-bottom:24px}
.lede .intro p{font-family:"Bodoni Moda",serif;font-size:clamp(21px,2.3vw,32px);line-height:1.35;color:var(--bone)}
.lede--solo{grid-template-columns:1fr}

/* generic two-col section */
.sec{display:grid;grid-template-columns:0.28fr 0.72fr;gap:48px;
  padding:74px 0;border-top:1px solid var(--line)}
.sec > h2{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);font-weight:400;align-self:start;position:sticky;top:120px}
.sec .body p{font-family:"Archivo",sans-serif;font-size:clamp(16px,1.2vw,18.5px);line-height:1.66;
  color:var(--bone);max-width:680px;margin-bottom:18px;letter-spacing:.002em;text-wrap:pretty}
.sec .body p:last-child{margin-bottom:0}

/* approach principles */
.principles{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);
  border:1px solid var(--line)}
.principles .p{background:var(--ink);padding:38px 34px;transition:background .4s}
.principles .p:hover{background:var(--panel)}
.principles .p .n{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;color:var(--accent);margin-bottom:20px}
.principles .p h3{font-family:"Bodoni Moda",serif;font-size:27px;font-weight:500;margin-bottom:12px}
.principles .p p{font-size:15px;line-height:1.62;color:var(--mute);max-width:none}

/* listing rows */
.rows{display:flex;flex-direction:column}
.rows .r{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:baseline;
  padding:18px 0;border-top:1px solid var(--line)}
.rows .r:first-child{border-top:none}
.rows .r .yr{font-family:"Space Mono",monospace;font-size:12px;color:var(--accent);width:54px}
.rows .r .ti{font-family:"Bodoni Moda",serif;font-size:21px;font-weight:500}
.rows .r .pl{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mute);text-align:right}

/* two-col text list (clients) */
.taglist{columns:2;column-gap:48px}
.taglist li{list-style:none;font-family:"Bodoni Moda",serif;font-size:20px;padding:9px 0;
  border-bottom:1px solid var(--line);break-inside:avoid}

/* equipment grid */
.kit{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 48px}
.kit div b{display:block;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);margin-bottom:6px;font-weight:400}
.kit div span{font-family:"Bodoni Moda",serif;font-size:20px;color:var(--bone)}