/* The lander's hero and its bands (D-63). The season scene (plate, sky, ghosts, dog, witches) is gone; hero.js is back for one job: the slider (gap 44). */
.hero.lander{position:relative;padding:clamp(56px,9vw,120px) clamp(16px,4vw,48px);background:#0A0E10;color:#EFE4D0;text-align:center}
.hero.lander .copy{position:relative;z-index:1;max-width:760px;margin:0 auto}
.hero.lander .back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:0}
.hero.lander.slides .back{opacity:0;transition:opacity .7s ease}   /* Glen 2026-11-05: faster (was 1.4s) */   /* C-70: opacity only; the first frame is on before any script runs */
.hero.lander.slides .back.on{opacity:1}
.hero.lander .rotate{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;border-radius:999px;border:1px solid rgba(239,228,208,.5);background:rgba(10,14,16,.55);color:#EFE4D0;font:600 14px/1 var(--sans);cursor:pointer}
.hero.lander .rotate:hover,.hero.lander .rotate:focus-visible{background:rgba(10,14,16,.8);outline:2px solid #ECC974;outline-offset:2px}
.hero.lander .rotate[aria-pressed]{display:none}   /* APG: the control never carries aria-pressed; if it does, hide the mistake rather than ship it */
.hero.lander.pictured::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(10,14,16,.55) 0%,rgba(10,14,16,.35) 45%,rgba(10,14,16,.75) 100%)}
.hero.lander.pictured{min-height:min(78vh,720px);display:flex;align-items:center;justify-content:center}
.hero.lander .eyebrow{margin:0 0 14px;font:600 12px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ECC974}
.hero.lander h1{margin:0;color:#EFE4D0;font:500 clamp(34px,5.2vw,64px)/1.08 var(--display);letter-spacing:-.015em}
.hero.lander .lede{margin:20px auto 0;max-width:640px;font:400 clamp(17px,1.5vw,20px)/1.55 var(--sans);color:#E3D8C2}
.hero.lander .hero-cta{display:inline-flex;align-items:center;min-height:48px;margin-top:28px;padding:0 26px;border-radius:999px;background:#ECC974;color:#0A0E10;font:600 16px/1 var(--sans);text-decoration:none}
.hero.lander .hero-cta:hover{filter:brightness(1.06)}
.hero.lander .reassure{margin:14px 0 0;font:400 14px/1.5 var(--sans);color:#D9CDB6}
.band.dedication{padding:18px clamp(16px,4vw,48px);background:var(--pl-raised,#F6EFE2);border-bottom:1px solid var(--pl-hair,rgba(0,0,0,.08))}
.band.dedication .ded{margin:0;text-align:center;font:400 16px/1.6 var(--display);color:var(--pl-fg)}
.band.dedication .ded a{color:inherit;text-underline-offset:3px}
.band.courses-band{background:var(--pl-raised,#F6EFE2)}   /* W-31: the paths band differs from both neighbours */
.band.proof .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.band.proof .path-line{margin:6px 0 0;padding:0 14px 14px;font:500 13px/1.5 var(--sans);color:var(--pl-mut)}
.band.close{padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px);text-align:center;background:#0A0E10;color:#EFE4D0}
.band.close h2{margin:0;color:#EFE4D0;font:500 clamp(28px,4vw,44px)/1.1 var(--display)}
.band.close .hero-cta{display:inline-flex;align-items:center;min-height:48px;margin-top:24px;padding:0 26px;border-radius:999px;background:#ECC974;color:#0A0E10;font:600 16px/1 var(--sans);text-decoration:none}
@media (max-width:720px){.band.proof .grid{grid-template-columns:1fr}.hero.lander{text-align:left}.hero.lander .lede{margin-left:0}}
@media (prefers-reduced-motion: reduce){.hero.lander *{animation:none!important;transition:none!important}}
/* the four paths sit in one row at the desk (W-26: a sequence with an end), two by two on a tablet, one on the phone */
.course-grid.paths{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}   /* D-65: the five slices in one row */
.tile.path.coming{opacity:.85}
.course-grid.paths li{display:flex}
.course-grid.paths .tile.path{flex:1}
@media (max-width:1000px){.course-grid.paths{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.course-grid.paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.course-grid.paths{grid-template-columns:1fr}}
.band.dedication .ded{max-width:70ch;margin:0 auto}
.band.dedication .ded-link{max-width:none;margin:4px auto 0;text-align:center;font:500 14px/1.5 var(--sans)}
.band.dedication .ded a{white-space:nowrap}