/* v2 overrides — bolder hero, full-bleed imagery, 3 style directions */
.hc-hero { position: relative; padding-block: clamp(6rem, 11vw, 10rem) clamp(5rem, 9vw, 8rem); overflow: hidden; }
.hc-hero-art { position: absolute; inset: 0; background: url("contour-wide.png") center / cover no-repeat; }
.hc-hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(250,248,244,0.94) 0%, rgba(250,248,244,0.82) 46%, rgba(250,248,244,0.35) 100%); }
.hc-hero-content { position: relative; z-index: 1; }
.hc-hero-headline { font-size: clamp(3rem, 6.5vw, 5.25rem); line-height: 1.02; }
.hc-hero-sub { max-width: 44ch; }
.hc-band { overflow: hidden; border-block: 1px solid var(--hc-rule); }
.hc-band img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hc-stat { font-size: 1.15em; font-weight: 600; }
.hc-shift-num { font-size: 3.25rem; }

/* --- Header nav --- */
.hc-nav { display: flex; align-items: center; gap: 1.75rem; }
.hc-nav-link { font-family: var(--font-sans); font-weight: 500; font-size: 0.9rem; color: var(--hc-ink-2); text-decoration: none; transition: color 140ms ease; }
.hc-nav-link:hover { color: var(--hc-clay); }
@media (max-width: 720px) { .hc-nav-link { display: none; } }

/* --- Clients --- */
.hc-clients { border-bottom: 1px solid var(--hc-rule); }
.hc-client-row { display: flex; align-items: baseline; gap: 2.5rem; flex-wrap: wrap; margin-top: 1.25rem; }
.hc-client-feature { display: flex; flex-direction: column; gap: 0.35rem; }
.hc-client-name { font: 500 clamp(1.75rem, 3vw, 2.5rem)/1.1 var(--font-serif); letter-spacing: -0.015em; color: var(--hc-ink); }
.hc-client-note { margin: 0; max-width: 44ch; }

/* --- Direction: clay --- */
.hc-dir-clay .hc-hero-art { background-image: url("contour-clay.png"); }
.hc-dir-clay .hc-hero-art::after { background: linear-gradient(90deg, rgba(201,83,46,0.96) 0%, rgba(201,83,46,0.88) 46%, rgba(201,83,46,0.45) 100%); }
.hc-dir-clay .hc-hero-headline, .hc-dir-clay .hc-hero .hc-eyebrow { color: #FAF8F4; }
.hc-dir-clay .hc-hero-sub, .hc-dir-clay .hc-hero-reassurance { color: #F5E4DB; }
.hc-dir-clay .hc-hero .hc-btn-primary { background: #1A1D24; color: #FAF8F4; }
.hc-dir-clay .hc-closing { background: var(--hc-clay); border-color: var(--hc-clay); }
.hc-dir-clay .hc-closing-headline { color: #FAF8F4; }
.hc-dir-clay .hc-closing-body, .hc-dir-clay .hc-closing-fineprint, .hc-dir-clay .hc-closing .hc-eyebrow { color: #F5E4DB; }
.hc-dir-clay .hc-closing .hc-btn-accent { background: #1A1D24; }
.hc-dir-clay .hc-closing .hc-btn-accent:hover { background: #2A2D34; }

/* --- Direction: ink --- */
.hc-dir-ink .hc-hero-art { background-image: url("contour-ink.png"); }
.hc-dir-ink .hc-hero-art::after { background: linear-gradient(90deg, rgba(26,29,36,0.96) 0%, rgba(26,29,36,0.88) 46%, rgba(26,29,36,0.4) 100%); }
.hc-dir-ink .hc-hero-headline { color: #FAF8F4; }
.hc-dir-ink .hc-hero .hc-eyebrow { color: #A8ACB6; }
.hc-dir-ink .hc-hero-sub, .hc-dir-ink .hc-hero-reassurance { color: #C9CCD3; }
.hc-dir-ink .hc-hero .hc-btn-primary { background: var(--hc-clay); color: #FAF8F4; }
.hc-dir-ink .hc-hero .hc-btn-primary:hover { background: #B84826; }
.hc-dir-ink .hc-band img { content: url("contour-ink.png"); }
.hc-dir-ink .hc-closing { background: var(--hc-ink); border-color: var(--hc-ink); }
.hc-dir-ink .hc-closing-headline { color: #FAF8F4; }
.hc-dir-ink .hc-closing-body, .hc-dir-ink .hc-closing-fineprint, .hc-dir-ink .hc-closing .hc-eyebrow { color: #A8ACB6; }