/* V1.20 — deterministic chapter header. No JavaScript positioning. */
.concetto-hero, .mobiletto-hero, .projects-hero, .about-hero {position:relative;}
.chapter-label {
 display:flex !important; align-items:center !important; gap:18px !important;
 font-family:'DM Sans',Arial,sans-serif !important;
 font-size:10px !important; font-weight:700 !important; letter-spacing:.24em !important;
 line-height:1.6 !important; text-transform:uppercase !important;
 color:var(--muted) !important;
 position:absolute !important; left:var(--gutter) !important;
 top:62px !important; margin:0 !important;
 width: min(390px, calc(45% - var(--gutter))) !important;
 transform:none !important; translate:none !important;
 z-index:2;
}
.chapter-label > span:first-child {font:inherit !important; letter-spacing:inherit !important; color:inherit !important; white-space:nowrap;}
.chapter-label .chapter-rule {display:block !important;height:1px !important; flex:1 1 auto !important; max-width:150px !important;background:var(--line) !important;}
/* These heroes use a deliberate top margin; compensate once in CSS. */
@media(min-width:761px) {
 .concetto-hero .chapter-label, .mobiletto-hero .chapter-label {
   top:calc(62px - clamp(26px,3vw,44px)) !important;
 }
}
/* A hero's reveal may fade, but must not slide its chapter label. */
.js-motion .concetto-hero-copy[data-reveal]:not(.visible),
.js-motion .about-eyebrow[data-reveal]:not(.visible) {transform:none !important;}
@media(max-width:760px){
 .chapter-label{top:38px !important;gap:12px !important;font-size:9px !important;letter-spacing:.18em !important;width:min(320px,calc(100% - 2*var(--gutter))) !important;}
 .concetto-hero-copy {padding-top:max(80px, var(--mobile-copy-padding,80px)) !important;}
 .about-eyebrow {padding-top:45px;}
 .projects-hero-grid {padding-top:0;}
}

/* V1.21 — unified numbered editorial labels across all pages. */
.eyebrow, .chapter-label, .about-timeline .eyebrow {font-weight:700 !important;}
.chapter-label span:first-child {font-weight:700 !important;}
.journal-hero {position:relative;}
.journal-hero .chapter-label {top:62px !important;}
@media(max-width:760px){.journal-hero .chapter-label {top:38px !important;}}

/* V1.22: the three independently styled section indices are also numbered editorial labels. */
.small-architectural-mark, .small-architectural-mark span, .about-index {font-family:'DM Sans',Arial,sans-serif !important;font-size:10px !important;letter-spacing:.19em !important;font-weight:700 !important;line-height:1.6 !important;text-transform:uppercase !important;}