/* One viewport per major section, accounting for the real sticky header height. */
:root{--header-height:94px;--section-height:calc(100dvh - var(--header-height) - 12px)}
.facts-inner{padding-block:16px}.fact{display:flex;align-items:center;gap:16px;padding-inline:28px}.fact strong{font-size:38px;min-width:2ch;line-height:1.1}.fact span{font-size:13px;margin:0;line-height:1.45;max-width:none}.fact strong.is-counting{animation:stat-rise .7s ease-out both}
@keyframes stat-rise{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.facts-inner{padding-block:12px}.fact{display:block;padding-inline:14px}.fact strong{font-size:28px}.fact span{font-size:10px;margin-top:4px;max-width:100px}}
@media(prefers-reduced-motion:reduce){.fact strong.is-counting{animation:none}}
html{scroll-padding-top:calc(var(--header-height) + 6px)}
#industry,#worlds,#pathway,#register,.hero{scroll-margin-top:0}
.hero,#industry,#pathway,#register{max-height:var(--section-height);overflow:auto;scrollbar-width:thin;scrollbar-gutter:stable}
#industry,#worlds,#pathway,#register{padding-block:24px}
.section-heading{margin-bottom:22px;gap:36px}.section-heading h2{font-size:clamp(32px,3.3vw,48px)}.section-heading>p{font-size:16px}
.hero{padding-block:22px;gap:36px}.hero-copy{padding:0}.hero h1{font-size:clamp(48px,6vw,86px)}.hero-copy>p{font-size:16px;margin-top:20px}.hero-actions{margin-top:22px}.hero-media img{height:calc(var(--section-height) - 80px);max-height:560px}.event-intro{margin-bottom:18px}
#industry .section-heading{margin-bottom:18px}.industry-panel{gap:32px;grid-template-columns:.9fr 1.1fr}.js .industry-photo{margin-top:0}.industry-tabs{width:100%;max-width:600px;margin-bottom:18px}.industry-tab{font-size:17px;padding-bottom:10px}.industry-tab span{font-size:12px}
.industry-copy h3{font-size:25px;margin-bottom:10px}.industry-copy>p{font-size:14px;line-height:1.6}
.industry-copy .equipment-detail{min-height:0;padding:14px 16px;margin-top:16px;background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--brand-red)}
.equipment-detail h3{font-size:20px;margin:6px 0}.equipment-detail p{font-size:13px;line-height:1.5;margin-bottom:8px}.equipment-detail a{font-size:12px}.equipment-detail .explore-eyebrow{font-size:9px}
.industry-links{display:flex;flex-wrap:wrap;gap:0 16px;margin:14px 0;border:0}.industry-links li{flex:1 1 110px}.industry-links a{font-size:12px;line-height:1.5;padding:10px 0;gap:6px}.industry-links .icon{width:16px;height:16px}
.industry-copy>.button{min-height:44px;padding:12px 18px;font-size:13px}
.industry-photo{min-width:0}.equipment-stage{width:min(100%,calc((var(--section-height) - 310px)*1.5));margin-inline:auto}.equipment-list{padding:10px;gap:6px}.equipment-chip{font-size:11px;padding:8px}.industry-photo figcaption{margin-top:7px;font-size:9px}
#worlds{height:var(--section-height);display:flex;flex-direction:column;min-height:0}#worlds>.section-heading,#worlds>.career-search,#worlds>.world-guide{flex:none}.career-search{margin-bottom:12px}.search-box{min-height:46px}.search-box input{padding-block:11px;font-size:14px}.search-status{margin-top:4px}.world-guide{margin-top:10px;font-size:11px}
#career-directory{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scroll-padding-top:8px;padding:0 8px}.career-detail{scroll-margin-top:8px}.career-detail summary{padding-block:12px;font-size:21px}.career-thumbnail{height:54px;width:90px}.career-detail summary{grid-template-columns:40px 1fr 90px 24px}
#pathway .section-heading{margin-bottom:20px}.pathway-select{margin-bottom:20px;max-width:none}.pathway-select label{font-size:14px;margin-bottom:6px}.pathway-select select{padding:10px 14px}.pathway-select p{margin-top:6px;font-size:11px}.pathway-steps li{padding-top:12px}.step-number{font-size:28px}.pathway-steps h3{font-size:17px;margin:8px 0}.pathway-steps p{font-size:13px}.learning-panel{padding:18px 22px;margin-top:20px}.learning-panel h3{font-size:22px;margin:8px 0}.learning-panel p{font-size:13px;margin-bottom:8px}.learning-panel .learning-note{font-size:11px}.learning-panel .text-link{font-size:12px;padding-block:5px}
.event-section h2{font-size:44px}.event-message{font-size:23px}.event-kicker{margin-bottom:10px}.event-facts{margin:20px 0;padding:14px 0}.event-facts dd{font-size:16px}.event-facts dt{margin-bottom:5px}.event-content{gap:32px}.event-journey{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:18px}.event-journey li{font-size:13px;gap:6px}.event-journey li span{width:23px;height:23px}.event-story h3{font-size:23px}.event-registration{margin-bottom:14px}.event-poster{max-width:590px}.event-poster figcaption{padding-top:8px}.event-section .button{min-height:44px;padding:12px 18px}
@media(min-width:1000px){#pathway{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;align-content:start}#pathway>.section-heading{grid-column:1/-1;margin:0}#pathway>.pathway-select{grid-column:1;margin:0}#pathway>.learning-panel{grid-column:2;grid-row:2/4;margin:0}#pathway>.pathway-steps{grid-column:1;grid-template-columns:1fr 1fr;gap:18px 10px}#pathway .pathway-steps li:nth-child(3){padding-left:0}#pathway .pathway-steps li:nth-child(3)::before{display:none}}
@media(max-width:700px){
 #industry,#worlds,#pathway,#register{padding-block:18px}.section-heading,.industry .section-heading{gap:12px;margin-bottom:16px}.section-heading h2{font-size:32px}.section-heading>p{font-size:14px}
 .hero{gap:20px;padding-block:20px}.hero-media img{height:auto;max-height:none}.hero h1{font-size:48px}
 .industry-panel{grid-template-columns:1fr;gap:16px}.industry-photo{grid-row:1}.equipment-stage{width:100%;max-width:420px}.equipment-dot{width:36px;height:36px}.industry-copy h3{font-size:23px}.industry-copy .equipment-detail{margin-top:12px}.industry-tabs{position:sticky;top:-18px;z-index:4;background:#fff;padding-top:10px;margin-bottom:14px}.equipment-list{padding:8px}.equipment-chip{font-size:10px}
 .career-detail summary{grid-template-columns:22px 1fr 54px 18px;font-size:16px;gap:8px}.career-thumbnail{width:54px;height:48px}.career-detail .detail-index{font-size:14px}#career-directory{padding-inline:4px}.world-guide{font-size:10px}.search-box{min-height:42px}
 .event-heading{display:block}.event-message{margin-top:12px;font-size:20px}.event-facts{grid-template-columns:1fr;gap:14px}.event-content{grid-template-columns:1fr}.event-poster{grid-row:1}.event-section h2{font-size:38px}
}

/* ============================================================
   EVENT SECTION - continuity pass
   Brings #register onto the same patterns the other sections
   already use: the shared .section-heading grid, hairline rules
   instead of a filled card, and the numbered-step treatment
   borrowed from .pathway-steps.
   ============================================================ */

/* Heading now shares the grid used by every other section, so the
   title and the tagline line up with Industry / Worlds / Pathway. */
.event-heading{align-items:end}
.event-heading .event-message{font-size:clamp(19px,2vw,26px);line-height:1.35;font-weight:600;letter-spacing:-.02em;max-width:22ch!important;margin-left:auto;text-align:right;color:var(--brand-blue)}

/* Facts read as a hairline band, matching .facts under the hero and
   the rules used by .pathway-steps and .industry-links. */
.event-facts{background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;margin:0 0 26px;grid-template-columns:repeat(3,1fr);gap:0}
.event-facts>div{padding-inline:32px;border-left:1px solid var(--line)}
.event-facts>div:first-child{padding-left:0;border-left:0}
.event-facts dt{font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:7px}
.event-facts dd{font-size:17px;font-weight:650;line-height:1.45}

/* The 01-05 journey picks up the numbered-column rhythm of
   .pathway-steps instead of wrapping as an inline list. */
.event-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 22px;border-top:1px solid var(--line)}
.event-journey li{position:relative;display:block;padding:14px 12px 0;font-size:12px;line-height:1.35;font-weight:650}
.event-journey li:first-child{padding-left:0}
.event-journey li::before{content:'';position:absolute;left:0;top:0;width:1px;height:26px;background:var(--line)}
.event-journey li:first-child::before{display:none}
.event-journey li span{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;font-size:20px;font-weight:800;letter-spacing:-.05em;line-height:1.2;color:var(--brand-red);margin-bottom:5px}

/* Left column fills its height so the button no longer leaves a
   large gap beside the taller poster. */
.event-content{grid-template-columns:1fr 1.1fr;gap:44px;align-items:stretch}
.event-story{display:flex;flex-direction:column}
.event-story h3{font-size:clamp(21px,2.1vw,26px);line-height:1.25;letter-spacing:-.03em;max-width:20ch;margin-bottom:12px}
.event-organiser{font-size:13px;font-weight:750;margin-bottom:10px}
.event-registration{font-size:12px;line-height:1.65;max-width:38ch;margin-bottom:20px}
.event-story .button{align-self:flex-start;margin-top:auto}
.event-poster{max-width:none}
.event-poster a{display:block}
.event-poster img{border-radius:4px;border:1px solid var(--line)}

@media(max-width:900px){
  .event-heading .event-message{text-align:left;margin-left:0;max-width:none!important;margin-top:12px}
  .event-content{grid-template-columns:1fr;gap:26px}
  .event-poster{grid-row:1}
  .event-story .button{margin-top:18px}
}
@media(max-width:700px){
  .event-facts{grid-template-columns:1fr;padding:16px 0;margin-bottom:22px}
  .event-facts>div{padding-inline:0;border-left:0;padding-block:9px}
  .event-facts>div+div{border-top:1px solid var(--line)}
  .event-journey{grid-template-columns:repeat(2,1fr);row-gap:14px}
  .event-journey li:nth-child(odd){padding-left:0}
  .event-journey li:nth-child(odd)::before{display:none}
  .event-journey li span{font-size:17px}
}