.mm{position:relative}.mm summary{list-style:none;cursor:pointer;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(176,134,87,.5);padding:13px 16px;color:#F1EDE4}.mm summary::-webkit-details-marker{display:none}
.mmp{position:absolute;right:0;top:calc(100% + 8px);background:#141415;border:1px solid rgba(176,134,87,.35);min-width:240px;padding:10px;display:grid;z-index:20}.mmp a{padding:11px 12px;font-size:14px;color:#F1EDE4;border-bottom:1px solid rgba(255,255,255,.06)}.mmp a:hover{color:#c9a476}
.hdr-r{gap:14px}@media(min-width:761px){.mm{display:none}}@media(max-width:760px){.hdr-r .btn.solid,.hdr-r .ph{display:none}.hdr-r .btn{padding:9px 11px;font-size:10px;letter-spacing:.12em}.mm summary{padding:10px 12px;font-size:11px}}
.hft{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:14px 48px;background:#0a0a0b;color:#9d968a;font-size:12px;border-top:1px solid rgba(176,134,87,.3)}.hft a{color:#d9d3c8}.hft span:last-child{display:flex;gap:16px}.hft .sl{color:#c9a476;font-weight:600}
@media(max-width:760px){.hft{padding:12px 18px}}
@media(max-width:760px){.hdr-r a.btn[href="staff.html"]{display:inline-flex!important;align-items:center}.hdr-r{gap:8px}}

/* Full-height right-hand single column; compact rows shared with x26.css. */
.mm .mmp{left:auto;right:0;grid-template-columns:1fr;max-height:none;overflow:visible;gap:0;padding:6px;text-align:left}.mm .mmp a{display:block;min-height:28px;box-sizing:border-box;padding:5px 10px;line-height:18px;font-size:14px;text-align:left}

/* C4 homepage — enlarged header lockup + 3mm pellet watermark (9 Nov 2026). Homepage only (this sheet). */
.chybrid{background-color:#0b0b0c}
.chybrid .hero{
  position:relative!important;
  background:transparent!important;
  overflow:visible!important;
}
.chybrid .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    image-set(
      url(/c/shared/c4-3mm-dry-ice-960.webp) type("image/webp"),
      url(/c/shared/c4-3mm-dry-ice-960.jpg) type("image/jpeg")
    ) center 55%/cover no-repeat;
  opacity:.58;
  filter:contrast(1.08) brightness(.82) saturate(.8);
}
@media(min-width:761px){
  .chybrid .hero::before{
    background-image:
      image-set(
        url(/c/shared/c4-3mm-dry-ice.webp) type("image/webp"),
        url(/c/shared/c4-3mm-dry-ice.jpg) type("image/jpeg")
      );
  }
}
.chybrid .hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,6,7,.68) 0%,rgba(6,6,7,.52) 40%,rgba(6,6,7,.40) 68%,rgba(6,6,7,.50) 100%),
    linear-gradient(180deg,rgba(6,6,7,.50) 0%,rgba(6,6,7,.38) 32%,rgba(6,6,7,.55) 68%,rgba(6,6,7,.70) 100%),
    radial-gradient(ellipse 85% 65% at 30% 42%, rgba(6,6,7,.10) 0%, rgba(6,6,7,.50) 100%);
}
.chybrid .hero>*{position:relative;z-index:2}

header.c4-header{
  /* Must beat .chybrid .hero>* {z-index:2} (higher specificity) or the hero
     content's padding box sits on top and steals taps from Client portal. */
  position:absolute!important;inset:0 0 auto 0;z-index:20!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:12px;padding:24px 20px 0!important;box-sizing:border-box;overflow:visible!important;
  pointer-events:auto!important;
}
header.c4-header nav{display:none!important}
header.c4-header .hdr-r{flex:0 0 auto;align-items:flex-start!important;padding-top:4px;margin-left:auto}
header.c4-header img.c4-mono,
header.c4-header img.c4-word{height:auto!important;max-height:none!important;display:block}

a.c4-brand{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  width:min(56vw, calc(100vw - 18px - 150px));
  max-width:min(56vw, calc(100vw - 18px - 150px));
  box-sizing:border-box;line-height:0;text-decoration:none;margin:0;padding:0;
}
a.c4-brand .c4-mono{
  width:48%;height:auto!important;display:block;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));
}
a.c4-brand .c4-word{
  width:100%;height:auto!important;display:block;margin-left:0;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));
}

/* Clearance under enlarged lockup before eyebrow */
.chybrid .hero .c{
  padding-top:calc(24px + min(56vw, calc(100vw - 170px)) * 0.70 + 18px)!important;
  /* Padding clears the lockup visually but would still eat header taps without this. */
  pointer-events:none;
}
.chybrid .hero .c a,.chybrid .hero .c button,.chybrid .hero .c summary,.chybrid .hero .c input,.chybrid .hero .c label,.chybrid .hero .c .cta,.chybrid .hero .c .tile,.chybrid .hero .c .grid{
  pointer-events:auto;
}

.chybrid .win{
  color:#e2c79a!important;
  text-shadow:0 1px 2px rgba(0,0,0,.85), 0 0 18px rgba(0,0,0,.55);
}
.chybrid .hero p.lead{
  color:#e4ddd2!important;
  text-shadow:0 1px 2px rgba(0,0,0,.8), 0 0 14px rgba(0,0,0,.45);
}
.chybrid .eyebrow{text-shadow:0 1px 2px rgba(0,0,0,.85)}
.chybrid .hero h1{text-shadow:0 2px 18px rgba(0,0,0,.55)}

@media(min-width:761px){
  header.c4-header{padding:28px 40px 0!important}
  header.c4-header nav{display:none!important} /* desktop home uses hdr-r actions; keep compact like C4 */
  a.c4-brand{width:min(34vw,460px);max-width:min(34vw,460px);gap:10px}
  a.c4-brand .c4-mono{width:46%}
  .chybrid .hero .c{padding-top:clamp(210px, 28vw, 340px)!important}
  header.c4-header .hdr-r{align-items:center!important;padding-top:8px}
}
@media(max-width:760px){
  header.c4-header .hdr-r .btn.solid,
  header.c4-header .hdr-r .ph{display:none}
  /* Beat x26 header img{height:28px} for C4 lockup */
  header.c4-header img.c4-mono,
  header.c4-header img.c4-word{height:auto!important}
}