/* CODEX STAMP | Codex | 2026-10-10 Europe/London | APPROVED RELEASE: screenshot-led viewport fit, signup-first phone layout and prominent offerings. */
:root{--rose-brown:#a0786a}

/* A compact visible pill inside a full-height touch target. */
#top .nav .nav-cta,.challenge-page .nav .nav-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:0;border-radius:0;font-size:12px;line-height:1.2;white-space:nowrap}
#top .nav .nav-cta::before,.challenge-page .nav .nav-cta::before{content:"";position:absolute;inset:7px 0;border:1px solid var(--olive);border-radius:99px;pointer-events:none}
#top .scroll-cue{display:none}

/* One substantial panel of offerings, distinct from the six skill cards. */
#top .destination-grid{display:block;max-width:996px;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white)}
#top .destination{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px 32px;border:0}
#top .destination+.destination{border-top:1px solid var(--line)}
#top .destination-community{background:var(--sage)}
#top .destination h2{font-size:34px;line-height:1.2;margin-bottom:8px}
#top .destination p{font-size:17px;line-height:1.5;max-width:40ch;margin-bottom:0}
#top .destination .button{min-width:190px;min-height:46px;justify-content:center;border-color:var(--olive);color:var(--olive);background:transparent}
#top .destination-community .button{background:var(--olive);color:var(--white)}
#top .destination-challenge .button{border-color:var(--rose-brown);background:#a0786a0d;color:var(--ink)}
#top .destination-newsletter{background:#efece633}
#top .destination .offering-label{border-left:3px solid var(--rose-brown);padding-left:9px;margin-bottom:10px;font:600 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* Preserve desktop balance; keep the signup panel to its essential content. */
.challenge-page .mobile-brief{display:none}
.challenge-page .signup-card .signup-consent{font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px}
.challenge-page .signup-card{border-top:2px solid var(--rose-brown)}

@media(max-width:720px){
  /* svh excludes browser chrome. The existing header observer supplies its real offset. */
  #top .hero{min-height:calc(100vh - var(--hero-offset) + 1px);min-height:calc(100svh - var(--hero-offset) + 1px);grid-template-rows:auto minmax(min-content,1fr);padding-block:8px 4px;gap:8px}
  #top .hero .photo{margin-bottom:6px}
  #top .hero .intro{align-self:stretch}
  #top .hero .intro>.eyebrow{margin-top:0;margin-bottom:8px}
  #top .hero-actions{margin-top:auto;padding-top:14px}
  #top .scroll-cue{display:flex;width:44px;height:44px;align-items:center;justify-content:center;align-self:center;color:var(--rose-brown);flex-shrink:0}
  #top .scroll-cue:hover{color:var(--olive)}
  #top .destination{display:block;padding:25px 23px}
  #top .destination h2{font-size:29px}
  #top .destination p{font-size:16px;max-width:none}
  #top .destination .button{margin-top:18px;min-height:46px;min-width:190px;font-size:12px}

  .challenge-page .site-header{padding-block:8px}
  .challenge-page .back-link,.challenge-page .challenge-copy>.eyebrow,.challenge-page .host,.challenge-page .desktop-brief{display:none}
  .challenge-page .mobile-brief{display:block}
  .challenge-page .challenge-hero{padding-block:24px 30px;gap:20px;align-items:start}
  .challenge-page .challenge-copy h1{font-size:clamp(32px,8.6vw,38px);line-height:1.12}
  .challenge-page .challenge-copy .mobile-brief{font-size:17px;line-height:1.45;margin-top:12px;max-width:none;text-wrap:balance}
  .challenge-page .signup-card{padding:22px}
  .challenge-page .signup-card h2{font-size:29px}
  .challenge-page .signup-card form{margin-top:18px}
  .challenge-page .signup-card .signup-consent{font-size:12px;line-height:1.5;margin-top:10px}
  .challenge-page .button{transition:none}
  .challenge-page .button:hover{transform:none}
}
@media(max-width:720px) and (min-height:760px){
  #top .hero{padding-top:18px;gap:18px}
  #top .hero .photo,#top .hero .photo img{max-width:172px}
  #top .hero .intro>.eyebrow{margin-top:auto;margin-bottom:12px}
}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | A single welcoming greeting; distribute phone breathing room around the shorter intro. */
@media(max-width:720px){
  #top .hero{padding-top:24px;gap:16px}
  #top .hero .intro>h1{margin-top:auto}
  #top .hero-actions{margin-top:28px;padding-top:0}
  #top .scroll-cue{margin-top:auto}
}