/* ETS homepage v5 (2026-09-26). Loaded from header.php after prestige-v5.css. */
.home-v5 .hero--v5 { padding: clamp(4.5rem, 9vw, 7.5rem) 0 clamp(4rem, 7vw, 6rem); }
.h5-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.home-v5 .hero--v5 h1 { font-family: var(--font-family-heading); font-weight: 500; font-size: clamp(2.7rem, 5.6vw, 5.2rem); line-height: .98; letter-spacing: -.035em; color: #fff; margin: 0 0 1.6rem; text-wrap: balance; text-align: left; }
.home-v5 .hero--v5 h1 .highlight { background: linear-gradient(95deg, #7ff5e8, #2ee6d3 40%, #7cc7ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-style: italic; font-weight: 400; padding-right: .1em; }
.home-v5 .hero--v5 .hero-eyebrow { align-self: flex-start; }
.home-v5 .hero--v5 .hero-subhead { max-width: 40rem; margin: 0 0 2.2rem; font-size: clamp(1.05rem, 1.35vw, 1.22rem) !important; text-align: left; }
.home-v5 .hero--v5 .hero-subhead strong { color: #fff; font-weight: 600; }
.home-v5 .hero--v5 .hero-actions { margin-bottom: 2.4rem; display: flex; flex-wrap: wrap; gap: .8rem; }
.home-v5 .hero--v5 .btn-primary { height: 56px; display: inline-flex; align-items: center; padding: 0 1.9rem; border-radius: 999px; font-size: 1rem; background: linear-gradient(180deg, #3ff2df, #10b3a4); color: #03211e; box-shadow: 0 18px 40px -16px rgba(46,230,211,.7); border: 0; }
.home-v5 .hero--v5 .btn-outline { height: 56px; display: inline-flex; align-items: center; padding: 0 1.7rem; border-radius: 999px; }
.home-v5 .hero--v5 .trust-bar { max-width: 40rem; }
.h5-side { display: grid; gap: 1rem; }
.h5-side .hero-concept-car { width: 100%; height: auto; background: #fff; }
.h5-seminar { display: grid; gap: .45rem; padding: 1.5rem 1.6rem; border-radius: 18px; text-decoration: none !important; color: #cbd5e1; border: 1px solid rgba(46,230,211,.4); background: radial-gradient(500px 200px at 100% 0%, rgba(46,230,211,.18), transparent 70%), rgba(255,255,255,.03); transition: transform .3s, border-color .3s; }
.h5-seminar:hover { transform: translateY(-3px); border-color: #2ee6d3; }
.h5-flag { justify-self: start; font: 700 .62rem/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; background: #fb7185; color: #1a0508; padding: .4rem .6rem; border-radius: 999px; }
.h5-seminar b { font-family: var(--font-family-heading); font-weight: 500; font-size: 1.45rem; color: #fff; letter-spacing: -.01em; }
.h5-when, .h5-where { font-family: var(--font-mono); font-size: .74rem; letter-spacing: .02em; color: #9fb0c4; }
.h5-price { font-size: .95rem; color: #cbd5e1; } .h5-price strong { color: #fff; } .h5-price u { color: #5eead4; text-decoration: none; font-weight: 600; }
.h5-brochure { justify-self: start; font: 600 .72rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: #7f8ea3; text-decoration: none; }
.h5-brochure:hover { color: #5eead4; }

.h5-suite { background: #f4f1ea; padding: clamp(5rem, 9vw, 7.5rem) 0 !important; }
.h5-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 1rem 4rem; align-items: end; margin-bottom: 3.5rem; }
.h5-head .ets-eyebrow { grid-column: 1 / -1; color: #0b8f84; }
main.main-content .h5-head h2 { font-family: var(--font-family-heading); font-weight: 500; font-size: clamp(2.1rem, 4.2vw, 3.6rem); line-height: 1.04; letter-spacing: -.03em; color: #0b1220; margin: 0; }
.h5-head h2 em, .h5-people h2 em { font-style: italic; font-weight: 400; color: #0b8f84; }
.h5-head > p:last-child { color: #44516a; font-size: 1.08rem; line-height: 1.7; margin: 0; }
.h5-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: rgba(11,18,32,.12); border: 1px solid rgba(11,18,32,.12); border-radius: 22px; overflow: hidden; }
.h5-card { background: #fbfaf7; padding: 2.2rem 1.8rem; display: flex; flex-direction: column; gap: .8rem; text-decoration: none !important; color: #0b1220; transition: background .3s; }
.h5-card:hover { background: #fff; } .h5-card:hover .h5-go { color: #0b8f84; transform: translateX(4px); }
.h5-card--live { background: #07101b; color: #e2e8f0; } .h5-card--live:hover { background: #0a1522; }
.h5-card--live h3 { color: #fff !important; } .h5-card--live p { color: #a9b7c8 !important; } .h5-card--live .h5-go { color: #5eead4; }
.h5-n { font: 600 .68rem/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: #0b8f84; }
.h5-card--live .h5-n { color: #5eead4; }
main.main-content .h5-card h3 { font-family: var(--font-family-heading); font-weight: 500; font-size: 1.65rem; letter-spacing: -.015em; color: #0b1220; margin: 0; }
.h5-card p { color: #4a566b; line-height: 1.65; margin: 0; font-size: .97rem; }
.h5-meta { font: 500 .7rem/1.4 var(--font-mono); letter-spacing: .06em; color: #b45309; margin-top: auto; padding-top: .6rem; }
.h5-card--live .h5-meta { color: #f5a524; }
.h5-go { font: 600 .74rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: #0b1220; transition: transform .3s, color .3s; }

.h5-people { position: relative; isolation: isolate; overflow: hidden; background: #04070c; color: #cbd5e1; padding: clamp(5.5rem, 10vw, 8rem) 0 !important; }
.h5-people-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: .22; filter: saturate(.7); }
.h5-people::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #04070c 0%, rgba(4,7,12,.7) 40%, #04070c 100%); }
.h5-people .ets-eyebrow { color: #5eead4; }
.h5-people-top { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: 3rem; align-items: end; margin-bottom: 3.5rem; }
main.main-content .h5-people h2 { font-family: var(--font-family-heading); font-weight: 500; font-size: clamp(2.2rem, 4.6vw, 4rem); line-height: 1.03; letter-spacing: -.03em; color: #fff; margin: 0; }
.h5-people h2 em { color: #2ee6d3; }
.h5-book { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 1.2rem; align-items: center; margin: 0; }
.h5-book img { width: 120px; border-radius: 3px; box-shadow: 20px 30px 60px -25px rgba(0,0,0,.9); transform: perspective(700px) rotateY(-14deg); }
.h5-book figcaption { font-size: .88rem; line-height: 1.55; color: #93a3b7; } .h5-book b { display: block; color: #fff; font-family: var(--font-family-heading); font-weight: 500; font-size: 1.05rem; margin-bottom: .3rem; }
.h5-book a { color: #5eead4; text-decoration: none; font-weight: 600; }
.h5-line { list-style: none; margin: 0 0 3.5rem; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); border-top: 2px solid rgba(46,230,211,.35); }
.h5-line li { padding: 1.8rem 1rem 0 0; position: relative; color: #8a9bb2; font-size: .9rem; line-height: 1.5; }
.h5-line li::before { content: ""; position: absolute; top: -8px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: #04070c; border: 2px solid #2ee6d3; }
.h5-line li.is-now::before { background: #2ee6d3; box-shadow: 0 0 0 6px rgba(46,230,211,.18); }
.h5-line span { display: block; font-family: var(--font-family-heading); font-size: 2rem; color: #fff; letter-spacing: -.02em; line-height: 1; }
.h5-line b { display: block; font: 600 .7rem/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: #5eead4; margin: .8rem 0 .4rem; }
.h5-trio { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.h5-t { display: flex; flex-direction: column; gap: .6rem; padding: 2rem; border-radius: 20px; border: 1px solid rgba(148,163,184,.16); background: rgba(7,12,20,.75); backdrop-filter: blur(6px); text-decoration: none !important; transition: border-color .3s, transform .3s; }
.h5-t:hover { border-color: rgba(46,230,211,.55); transform: translateY(-3px); }
.h5-t--ew { border-color: rgba(251,113,133,.3); } .h5-t--ew .h5-n { color: #fb7185; } .h5-t--ew:hover { border-color: #fb7185; }
.h5-t .h5-n { color: #5eead4; } .h5-t b { font-family: var(--font-family-heading); font-weight: 500; font-size: 1.55rem; color: #fff; letter-spacing: -.01em; }
.h5-t p { color: #97a6ba; margin: 0; line-height: 1.6; font-size: .95rem; } .h5-t .h5-go { color: #e2e8f0; margin-top: auto; padding-top: .6rem; }

.h5-ind { background: #03060b; border-top: 1px solid rgba(148,163,184,.12); padding: 2.2rem 0 !important; }
.h5-ind .ets-eyebrow { color: #7f8ea3; margin-bottom: 1rem; }
.h5-ind-row { display: flex; flex-wrap: wrap; gap: .6rem; }
.h5-ind-row a { padding: .7rem 1.1rem; border-radius: 999px; border: 1px solid rgba(148,163,184,.2); color: #cbd5e1; text-decoration: none; font-size: .9rem; transition: all .25s; }
.h5-ind-row a:hover { border-color: #2ee6d3; color: #fff; background: rgba(46,230,211,.08); }
.h5-ind-row a.is-all { color: #5eead4; border-color: rgba(46,230,211,.45); }

.theme-dark .h5-suite { background: #0b111c; } .theme-dark main.main-content .h5-head h2 { color: #fff; } .theme-dark .h5-head > p:last-child { color: #a9b7c8; }
.theme-dark .h5-cards { background: rgba(148,163,184,.14); border-color: rgba(148,163,184,.14); }
.theme-dark .h5-card:not(.h5-card--live) { background: #0e1624; } .theme-dark main.main-content .h5-card:not(.h5-card--live) h3, .theme-dark .h5-card .h5-go { color: #fff; }
.theme-dark .h5-card:not(.h5-card--live) p { color: #a9b7c8; }

@media (max-width: 1100px) { .h5-cards { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 900px) {
  .h5-grid, .h5-head, .h5-people-top { grid-template-columns: 1fr; }
  .h5-trio { grid-template-columns: 1fr; }
  .h5-line { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid rgba(46,230,211,.35); }
  .h5-line li { padding: 0 0 1.6rem 1.6rem; } .h5-line li::before { top: 4px; left: -8px; }
}
@media (max-width: 560px) { .h5-cards { grid-template-columns: 1fr; } .home-v5 .hero--v5 .btn { width: 100%; justify-content: center; } }