/* MICHAEL CUNO — HYBRID v0.3 / typography-only test
   Change scope: logo + display hierarchy. Existing photos, ordering,
   backgrounds and gallery logic remain unchanged. */

/* One calm contemporary voice for website titles. Printed image covers stay as photographed. */
.mark-name {
  font:500 clamp(19px,1.45vw,23px)/1.05 var(--sans);
  letter-spacing:-.028em;
}
.mark-sub {
  font:400 9px/1.2 var(--sans);
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-top:1px;
}
.site-head .mark{gap:3px}
.foot .a .mark-name{font:500 19px/1.1 var(--sans)}
.menu-top .mark-name{font:500 20px/1.1 var(--sans)}

/* Remove editorial poster-sized section headings. Images appear much sooner. */
.pagehead{
  display:block;
  padding:calc(var(--head-h) + clamp(14px,2.2svh,28px)) var(--gut) clamp(18px,3svh,30px);
}
.pagehead .eyebrow {display:none}
.pagehead h1{
  display:block;
  width:auto;
  margin:0;
  font:500 clamp(22px,2.15vw,31px)/1.2 var(--sans);
  letter-spacing:-.025em;
}
.pagehead .lede{display:none}

/* The project name belongs under the photograph, not above it in 40pt Caslon. */
.card .lab .t,.shelf .lab .t{
  font:400 clamp(17px,1.55vw,23px)/1.2 var(--sans);
  letter-spacing:-.018em;
}
.card .lab,.shelf .lab{margin-top:13px}
.card .sub,.shelf .sub{font:400 10px/1.4 var(--sans);letter-spacing:.07em;color:var(--mute)}

/* Advertising: previews remain the main visual feature, index is a modest selector. */
.row .t{
  font:400 clamp(17px,1.85vw,28px)/1.2 var(--sans);
  letter-spacing:-.018em;
}
.row .k{font:400 9px/1.3 var(--sans);letter-spacing:.06em}
.row .k em{font:400 9px/1 var(--mono);letter-spacing:0}
.row{padding:clamp(11px,1.4svh,16px) 0;align-items:center}
.pv-cap .code{font:400 9px/1.3 var(--sans);letter-spacing:.06em}

/* Series, navigation drawer and filmstrips also avoid oversized display serif. */
.series-head{
  padding-top:calc(var(--head-h) + clamp(15px,3svh,35px));
}
.series-head .back{margin-bottom:clamp(12px,2svh,24px)}
.series-head h1{
  font:500 clamp(23px,2.6vw,37px)/1.2 var(--sans);
  letter-spacing:-.02em;
}
.strip-head h2{
  font:500 clamp(20px,2.3vw,32px)/1.2 var(--sans);
  letter-spacing:-.02em;
}
.nextseries a.big{
  font:400 clamp(22px,3vw,42px)/1.2 var(--sans);
  letter-spacing:-.02em;
}
.menu-list .t {
  font:400 clamp(24px,3.5vw,46px)/1.2 var(--sans);
  letter-spacing:-.025em;
}
.vw-title{font:400 clamp(15px,1.6vw,20px)/1.3 var(--sans)}
.hy-footer-left em{font:400 14px/1.2 var(--sans)}

/* Mobile: restrained headings without sacrificing legibility. */
@media (max-width:760px){
  .pagehead{padding-top:calc(var(--head-h) + 12px)}
  .pagehead h1{font-size:23px}
  .series-head h1{font-size:25px}
  .row .t{font-size:19px}
  .card .lab .t,.shelf .lab .t{font-size:18px}
  .menu-list .t{font-size:clamp(23px,6vw,32px)}
}