/* ==========================================================================
   page-thankyou.css — Thank You page only, loaded via is_page('project-
   thank-you') in functions.php. Same intro-hero treatment as
   page-contact.css (h1 needs an explicit font-weight — core Heading blocks
   render at the browser default 400, while every other header on this site
   is 800 via tokens.css's .hero/.sec-head rules).
   ========================================================================== */

/* Content sits a FIXED distance below the header (padding-top: 300px) —
   not vertically centered. Centering was the first attempt, but on a tall
   viewport (e.g. a 15" MacBook Air at full screen) it pushes the content
   noticeably lower on reload than on a shorter screen, since centering
   divides whatever extra height exists evenly above and below. A fixed
   top offset keeps the content's position constant regardless of screen
   height; min-height still guarantees header + section exceeds the
   viewport so the footer stays below the fold — that leftover space is
   now absorbed entirely at the BOTTOM (variable), not split top/bottom.
   100svh (small viewport height) is used over 100vh so mobile browser
   chrome (address bar) can't leave a sliver of footer visible before it
   collapses; 100vh is the fallback for browsers that don't support the
   newer unit. Adjust the 300px to taste — it's measured from directly
   below the header, not from the very top of the browser window. */
.thankyou-hero{
  text-align:center;padding-bottom:8px;padding-top:300px;
  min-height:100vh;min-height:100svh;
  box-sizing:border-box;
}
.thankyou-hero .wrap{max-width:600px}
.thankyou-hero .ty-icon{
  display:block;font-size:56px;line-height:1;color:var(--orange);margin:0 auto 24px;
}
.thankyou-hero h1{font-size:clamp(2rem,4.4vw,2.8rem);font-weight:800;letter-spacing:-.01em;color:var(--text-strong);margin-bottom:16px}
.thankyou-hero .lead{font-size:1.15rem;color:var(--text)}