/* ==========================================================================
   V2 page-family layer: HOME (index.html) — Oct 27 2026 redesign.
   Loaded after tna-v2.css. Replaces tna-home.css and the old inline <style>
   on index.html (no longer loaded there). TNA Play's home structure:
   photo hero + finder → intent tiles → numbers → rails → spotlight →
   golf → why → verification → final CTA. Every script hook is kept.
   ========================================================================== */

/* ---- page rhythm ---------------------------------------------------------- */
body.hm{background:var(--v-paper)}
body.hm main{display:block}
body.hm .hm-sec{position:relative;padding:clamp(4.25rem,8vw,7rem) 0}
body.hm .hm-sec.v-alt{background:var(--v-paper-2)}
body.hm .v-h2{margin:0}
body.hm .v-head .v-lead{margin:14px 0 0}
body.hm .v-head-row{align-items:flex-end}
body.hm .v-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--v-ease)}
body.hm .v-more:hover svg{transform:translateX(3px)}
body.hm p{max-width:none}

/* ==========================================================================
   1. HERO
   ========================================================================== */
body.hm .hm-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:min(94svh,980px);margin:0;padding:0;background:var(--v-ink);color:#fff;overflow:hidden}
body.hm .hm-hero-bg{position:absolute;inset:0;z-index:-2;display:block;margin:0}
body.hm .hm-hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:30% 30%;filter:saturate(.95) contrast(1.03)}
body.hm .hm-hero-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,rgb(11 18 32/.66) 0%,rgb(11 18 32/.34) 40%,rgb(11 18 32/0) 68%),
  linear-gradient(180deg,rgb(11 18 32/.42) 0%,rgb(11 18 32/0) 20%,rgb(11 18 32/.1) 48%,rgb(11 18 32/.86) 100%)}
body.hm .hm-hero > .wrap{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;max-width:var(--v-max);margin:0 auto;padding:120px var(--v-gutter) clamp(36px,5vw,64px)}
body.hm .hm-hero-inner{max-width:56rem}
body.hm .hm-status{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 14px 7px 12px;border-radius:999px;font:500 13px/1.2 var(--v-sans);color:#fff;
  background:rgb(11 18 32/.4);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgb(255 255 255/.22);box-shadow:0 1px 0 rgb(255 255 255/.14) inset}
body.hm .hm-status b{font-weight:700;font-variant-numeric:tabular-nums}
body.hm .hm-status .sep{width:3px;height:3px;border-radius:50%;background:rgb(255 255 255/.6)}
body.hm .hm-hero h1{margin:0;max-width:none;font:700 clamp(3rem,6vw,5.6rem)/.98 var(--v-display)!important;letter-spacing:-.045em!important;text-transform:none!important;color:#fff!important;text-shadow:0 2px 30px rgb(11 18 32/.28);text-wrap:balance}
body.hm .hm-hero h1 em{display:block;font:inherit;font-style:normal;color:#fff;padding:0}
body.hm .hm-lead{margin:18px 0 0;max-width:36rem;font:400 clamp(1.05rem,1.35vw,1.22rem)/1.55 var(--v-sans);color:rgb(255 255 255/.88)}

/* finder: segmented glass tabs + one white glass search bar */
body.hm .hm-find{width:100%;max-width:62rem;margin-top:30px}
body.hm .hm-find-tabs{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgb(11 18 32/.4);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgb(255 255 255/.2);box-shadow:0 1px 0 rgb(255 255 255/.12) inset}
body.hm .hm-find-tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 17px;border:0;border-radius:999px;background:transparent;cursor:pointer;font:500 14.5px/1 var(--v-sans);color:rgb(255 255 255/.86);transition:background-color .25s,color .25s,box-shadow .25s}
body.hm .hm-find-tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hm .hm-find-tab:hover{background:rgb(255 255 255/.12);color:#fff}
body.hm .hm-find-tab[aria-selected="true"]{background:#fff;color:var(--v-ink);box-shadow:0 6px 16px -8px rgb(0 0 0/.45)}
body.hm .hm-find-bar{display:flex;align-items:center;margin-top:12px;padding:6px;border-radius:999px;background:rgb(255 255 255/.9);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border:1px solid rgb(255 255 255/.75);box-shadow:var(--v-shadow-glass),0 28px 60px -28px rgb(0 0 0/.55)}
body.hm .hm-find-fields{display:flex;flex:1;min-width:0}
body.hm .hm-field{position:relative;flex:1;min-width:0;min-height:60px;margin:0;border-radius:999px;cursor:pointer;transition:background-color .2s}
body.hm .hm-field + .hm-field::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--v-line)}
body.hm .hm-field:hover{background:rgb(11 18 32/.045)}
body.hm .hm-field:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--v-ink)}
body.hm .hm-field:hover::before,body.hm .hm-field:focus-within::before,body.hm .hm-field:hover + .hm-field::before,body.hm .hm-field:focus-within + .hm-field::before{opacity:0}
body.hm .hm-field > svg{position:absolute;left:20px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:var(--v-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.hm .hm-field-k{position:absolute;left:52px;top:13px;font:600 11px/1 var(--v-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--v-muted);pointer-events:none}
body.hm .hm-field select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:22px 40px 0 52px;border:0;border-radius:999px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;font:500 15.5px/1.2 var(--v-sans);color:var(--v-text);text-overflow:ellipsis;outline:none}
body.hm .hm-field select option{color:var(--v-ink)}
body.hm .hm-field.is-set select{font-weight:600;color:var(--v-ink)}
body.hm .hm-field::after{content:"";position:absolute;right:22px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1.6px solid var(--v-faint);border-bottom:1.6px solid var(--v-faint);transform:rotate(45deg);pointer-events:none}
body.hm .hm-find-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;min-width:176px;padding:0 26px;margin-left:6px;border:0;border-radius:999px;background:var(--v-ink);color:#fff;cursor:pointer;font:600 15.5px/1 var(--v-sans);transition:background-color .25s,transform .35s var(--v-ease),box-shadow .35s var(--v-ease)}
body.hm .hm-find-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}
body.hm .hm-find-go:hover{background:#172037;transform:translateY(-1px);box-shadow:0 14px 30px -14px rgb(11 18 32/.6)}
body.hm .hm-find-bar .hm-find-go:focus-visible{outline:2px solid var(--v-ink);outline-offset:3px}
body.hm .hm-find-trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:16px 0 0 10px;padding:0;list-style:none;font:500 13.5px/1.3 var(--v-sans);color:rgb(255 255 255/.88)}
body.hm .hm-find-trust li{display:inline-flex;align-items:center;gap:7px}
body.hm .hm-find-trust svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1180px) and (min-width:961px){
  body.hm .hm-field-k{left:46px}body.hm .hm-field > svg{left:16px}body.hm .hm-field select{padding-left:46px;padding-right:32px;font-size:14.5px}body.hm .hm-field::after{right:16px}
  body.hm .hm-find-go{min-width:0;padding:0 22px}
}
/* short desktop screens: everything stays above the fold */
@media(min-width:961px) and (max-height:820px){
  body.hm .hm-hero h1{font-size:clamp(2.8rem,min(5.2vw,8.4vh),4.6rem)!important}
  body.hm .hm-status{margin-bottom:16px}body.hm .hm-lead{margin-top:12px}body.hm .hm-find{margin-top:22px}
  body.hm .hm-hero > .wrap{padding-top:96px;padding-bottom:32px}
}

/* phones' discovery card (replaces the finder up to 960px and on portrait tablets) */
body.hm .hm-quick{display:none}
@media(max-width:960px),(max-width:1100px) and (orientation:portrait){
  body.hm .hm-find{display:none!important}
  body.hm .hm-quick{display:block;width:100%;max-width:560px;margin-top:18px;padding:14px 12px 12px;border-radius:28px;
    background:rgb(11 18 32/.44);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid rgb(255 255 255/.18);box-shadow:0 1px 0 rgb(255 255 255/.12) inset,0 20px 44px -20px rgb(0 0 0/.55)}
  body.hm .hm-quick-q{margin:2px 6px 12px;font:600 14px/1.2 var(--v-sans);color:#fff}
  body.hm .hm-quick-row{display:flex;justify-content:space-between;gap:4px}
  body.hm .hm-quick-row a{flex:1 1 auto;min-width:48px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:2px 0 4px;border-radius:18px;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}
  body.hm .hm-quick-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgb(255 255 255/.12);border:1px solid rgb(255 255 255/.2);box-shadow:0 1px 0 rgb(255 255 255/.18) inset;transition:background-color .2s,transform .2s}
  body.hm .hm-quick-row a:active .hm-quick-ic{transform:scale(.94);background:rgb(255 255 255/.22)}
  body.hm .hm-quick-ic svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  body.hm .hm-quick-row b{font:500 12px/1.1 var(--v-sans);white-space:nowrap}
  body.hm .hm-quick-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-top:14px;border-radius:999px;background:#fff;color:var(--v-ink);font:600 15px/1 var(--v-sans);text-decoration:none;box-shadow:0 10px 24px -12px rgb(0 0 0/.5)}
  body.hm .hm-quick a:focus-visible{outline:2px solid #fff;outline-offset:3px}
  body.hm .hm-hero h1{font-size:clamp(2.1rem,7vw,3.4rem)!important}
}
@media(max-width:359px){
  body.hm .hm-status{gap:6px;padding:5px 10px 5px 9px;font-size:11px!important;white-space:nowrap}
  body.hm .hm-hero h1{font-size:1.62rem!important}
  body.hm .hm-quick{padding-inline:8px}
  body.hm .hm-quick-ic{width:42px;height:42px}
  body.hm .hm-quick-row{gap:6px}body.hm .hm-quick-row b{font-size:10.5px;letter-spacing:-.01em}
}

/* portrait phones & tablets: the square picture whole (golfer, tennis and padel player all in view), sized from the
   screen height, on a blurred copy of itself; the words sit on its lower edge, which melts into the dark */
@media(max-width:960px) and (max-aspect-ratio:4/3),(max-width:1100px) and (orientation:portrait){
  body.hm .hm-hero{--hm-img:min(100vw,max(300px,calc(100svh - 400px)));display:block;min-height:0;padding:62px 0 0}
  body.hm .hm-hero::before{content:"";position:absolute;inset:-48px;z-index:-3;background:var(--v-ink) url(hero-home-mobile.jpg) 50% 40%/cover no-repeat;filter:blur(28px) saturate(1.1) brightness(.5);pointer-events:none}
  body.hm .hm-hero-bg{position:relative;inset:auto;width:var(--hm-img);aspect-ratio:1/1;margin:0 auto;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 70%,transparent 100%),linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 70%,transparent 100%),linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-composite:intersect}
  body.hm .hm-hero-bg img{object-position:50% 50%}
  body.hm .hm-hero-scrim{background:linear-gradient(0deg,rgb(11 18 32/.94) 0,rgb(11 18 32/.8) 34%,rgb(11 18 32/.2) 56%,rgb(11 18 32/0) 66%)}
  body.hm .hm-hero > .wrap{display:block;margin-top:calc(var(--hm-img) * -.2);padding:0 var(--v-gutter) 40px}
  body.hm .hm-status{margin-bottom:14px;padding:6px 12px 6px 10px;font-size:12.5px}
  body.hm .hm-lead{display:none}
  body.hm .hm-hero h1{text-shadow:0 1px 2px rgb(11 18 32/.6),0 0 18px rgb(11 18 32/.5)}
}
@media(max-width:600px) and (max-aspect-ratio:4/3){body.hm .hm-hero h1{font-size:clamp(2rem,8.6vw,2.6rem)!important;line-height:1.02!important}}
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
  body.hm .hm-hero{--hm-img:min(100vw,max(300px,calc(100svh - 540px)))}
  body.hm .hm-hero > .wrap{padding-left:40px;padding-right:40px}
  body.hm .hm-lead{display:block;margin-top:14px}
  body.hm .hm-quick{padding:18px 16px 16px}body.hm .hm-quick-q{font-size:16px}body.hm .hm-quick-ic{width:56px;height:56px}body.hm .hm-quick-row b{font-size:13.5px}
}
/* short phones (iPhone SE, toolbars showing): a smaller picture and no card title keep the card above the tab bar */
@media(max-width:600px) and (max-aspect-ratio:4/3) and (max-height:740px){
  body.hm .hm-hero{--hm-img:min(100vw,max(250px,calc(100svh - 440px)))}
  body.hm .hm-quick-q{display:none}
  body.hm .hm-quick{margin-top:14px;padding-top:12px}
}
/* the phone tab bar: keep the card clear of it */
@media(max-width:900px){body.hm .hm-hero > .wrap{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}}
/* landscape phones: the wide picture behind the words */
@media(max-width:960px) and (min-aspect-ratio:4/3){
  body.hm .hm-hero{min-height:100svh}
  body.hm .hm-hero > .wrap{padding-top:92px}
  body.hm .hm-lead{display:none}
}
/* the floating WhatsApp pill steps aside while the hero buttons are on screen */
body.hm .wa-float{transition:opacity .3s ease,transform .35s var(--v-ease)}
body.hm.hm-hero-on .wa-float{opacity:0;pointer-events:none}
@media(prefers-reduced-transparency:reduce){
  body.hm .hm-find-bar{background:#fff}
  body.hm .hm-find-tabs,body.hm .hm-status,body.hm .hm-quick{background:rgb(11 18 32/.86)}
}

/* ==========================================================================
   2. WHAT DO YOU WANT TO DO? — intent tiles
   ========================================================================== */
body.hm .hm-paths{padding-bottom:clamp(2.25rem,4vw,3.25rem)}
body.hm .v-intents.hm-intents{margin-top:clamp(26px,3.5vw,40px)}
body.hm .hm-intents .v-intent{border-radius:var(--v-r-lg);box-shadow:0 1px 2px rgb(11 18 32/.06),0 18px 40px -26px rgb(11 18 32/.45);transition:transform .5s var(--v-ease),box-shadow .5s var(--v-ease)}
body.hm .hm-intents .v-intent:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgb(11 18 32/.06),0 30px 60px -30px rgb(11 18 32/.5)}
body.hm .hm-intents .v-intent::after{background:linear-gradient(180deg,rgb(11 18 32/.18) 0%,rgb(11 18 32/0) 26%,rgb(11 18 32/.3) 52%,rgb(11 18 32/.88) 100%)}
body.hm .hm-intents .v-intent-body{display:block;padding:18px 18px 20px}
body.hm .hm-intents .v-intent h3{margin:6px 0 0;font:600 clamp(1.2rem,1.45vw,1.42rem)/1.15 var(--v-display);letter-spacing:-.03em}
body.hm .hm-intents .v-intent p{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:rgb(255 255 255/.84);max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.hm .hm-intents .v-arrow{position:absolute;top:12px;right:12px;width:38px;height:38px}
body.hm .hm-intents .v-intent:hover .v-arrow{transform:translateX(3px);background:rgb(255 255 255/.22)}
body.hm .hm-intents .v-intent:focus-visible{outline:2px solid var(--v-ink);outline-offset:4px;border-radius:var(--v-r-lg)}
body.hm .hm-tile-chip,body.hm .hm-chip-new{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 70px);padding:6px 11px;border-radius:999px;
  font:500 12px/1.25 var(--v-sans);letter-spacing:0;text-transform:none;color:#fff;background:rgb(11 18 32/.42);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgb(255 255 255/.22)}
body.hm .hm-tile-chip b{font-weight:700;font-variant-numeric:tabular-nums}
body.hm .hm-chip-new i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--v-camel);box-shadow:0 0 0 3px rgb(181 139 94/.3)}
@media(min-width:641px){
  body.hm .v-intents.hm-intents{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  body.hm .hm-intents .v-intent,body.hm .hm-intents .v-intent.wide{grid-column:auto;aspect-ratio:4/3}
}
@media(min-width:1100px){
  body.hm .v-intents.hm-intents{gap:20px}
  body.hm .hm-intents .v-intent{aspect-ratio:16/10}
  body.hm .hm-intents .v-intent-body{padding:22px 24px 24px}
  body.hm .hm-intents .v-intent h3{font-size:1.6rem}
  body.hm .hm-intents .v-intent p{font-size:14.5px;max-width:34ch}
  body.hm .hm-intents .v-arrow{top:16px;right:16px;width:42px;height:42px}
  body.hm .hm-tile-chip,body.hm .hm-chip-new{top:16px;left:16px}
}
@media(max-width:640px){
  body.hm .v-intents.hm-intents .v-intent{flex:0 0 46vw;max-width:15rem}
  body.hm .hm-intents .v-intent-body{padding:14px}
  body.hm .hm-intents .v-intent h3{font-size:1.08rem}
  body.hm .hm-tile-chip,body.hm .hm-chip-new{top:10px;left:10px;max-width:calc(100% - 20px);padding:5px 9px;font-size:11px}
  body.hm .hm-intents .v-intent p,body.hm .hm-intents .v-arrow{display:none}
  body.hm .hm-intents .v-intent-k{font-size:10.5px;letter-spacing:.1em}
}
/* sport / audience shortcuts under the tiles */
body.hm .hm-also{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin:18px 0 0;font:500 14px/1.4 var(--v-sans);color:var(--v-muted)}
body.hm .hm-also a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--v-ink);text-decoration:underline;text-decoration-color:var(--v-stone);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .25s}
body.hm .hm-also a:hover{text-decoration-color:var(--v-ink)}

/* ==========================================================================
   3. NUMBERS
   ========================================================================== */
body.hm .hm-stats{padding-top:0}
body.hm .hm-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--v-line)}
body.hm .hm-stat{min-width:0;padding:2px 28px;border-left:1px solid var(--v-line)}
body.hm .hm-stat:first-child{padding-left:0;border-left:0}
body.hm .hm-stat b{display:block;font:700 clamp(2.3rem,3.8vw,3.4rem)/1 var(--v-display)!important;letter-spacing:-.045em;color:var(--v-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
body.hm .hm-stat b .hm-num{font:inherit!important}
body.hm .hm-stat b small{margin-left:2px;font-size:.6em;color:var(--v-camel)}
body.hm .hm-stat > span{display:block;margin-top:10px;font:500 14px/1.4 var(--v-sans);color:var(--v-muted)}
@media(max-width:760px){
  body.hm .hm-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}
  body.hm .hm-stat{padding:0 0 0 20px}
  body.hm .hm-stat:nth-child(odd){padding-left:0;border-left:0}
}

/* ==========================================================================
   4–5. RAILS: featured opportunities + university hot offers
   ========================================================================== */
body.hm .hm-head-side{display:flex;align-items:center;gap:16px}
body.hm .hm-rail-nav{display:flex;gap:8px}
body.hm .hm-rail-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:999px;border:1px solid var(--v-stone);background:#fff;color:var(--v-ink);cursor:pointer;transition:border-color .2s,background-color .2s,opacity .2s}
body.hm .hm-rail-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.hm .hm-rail-btn:hover:not(:disabled){border-color:var(--v-ink)}
body.hm .hm-rail-btn:disabled{opacity:.35;cursor:default}
body.hm .hm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
body.hm .hm-chip{min-height:40px}
body.hm .hm-chip .hm-sd{width:7px;height:7px;border-radius:50%;flex:none}
body.hm .hm-sd.tennis{background:var(--v-tennis);box-shadow:0 0 0 1px rgb(11 18 32/.12)}
body.hm .hm-sd.padel{background:var(--v-padel)}
body.hm .hm-sd.golf{background:var(--v-golf)}
body.hm .hm-chip.on .hm-sd{box-shadow:0 0 0 1px rgb(255 255 255/.4)}
body.hm .hm-chip-soon{margin-left:2px;padding:2px 7px;border-radius:999px;background:var(--v-camel-soft);color:var(--v-camel-deep);font:600 10.5px/1.2 var(--v-sans);font-style:normal;letter-spacing:.02em}
body.hm .hm-chip.on .hm-chip-soon{background:rgb(255 255 255/.16);color:#fff}
body.hm .hm-uchips .hm-chip b{margin-left:2px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.55}
body.hm .hm-uchips .hm-chip.on b{opacity:.8}
/* the rail: cards run to the container edges, snap, peek on phones */
body.hm .hm-jobs-grid{display:flex;gap:20px;margin:22px calc(var(--v-gutter) * -1) 0;padding:6px var(--v-gutter) 26px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--v-gutter);scrollbar-width:none}
body.hm .hm-jobs-grid::-webkit-scrollbar{display:none}
body.hm .hm-jobs-grid > .hm-job{flex:0 0 calc((100% - 60px) / 4);scroll-snap-align:start}
@media(max-width:1180px){body.hm .hm-jobs-grid > .hm-job{flex-basis:calc((100% - 40px) / 3)}}
@media(max-width:860px){body.hm .hm-jobs-grid > .hm-job{flex-basis:calc((100% - 20px) / 2.25)}}
@media(max-width:560px){body.hm .hm-jobs-grid{gap:12px}body.hm .hm-jobs-grid > .hm-job{flex-basis:82%}}
body.hm .hm-unis-grid .hm-job[hidden]{display:none!important}
/* card (TNA Play event card) */
body.hm .hm-job{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;color:var(--v-text)}
body.hm .hm-job-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--v-paper-2)}
body.hm .hm-job-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03);transition:transform 1.1s var(--v-ease)}
body.hm .hm-job:hover .hm-job-media img{transform:scale(1.04)}
body.hm .hm-job-sport{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px}
body.hm .hm-job-sport::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v-camel)}
body.hm .hm-uni-urgent{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:6px 11px;border-radius:999px;background:var(--v-ink);color:#fff;font:600 11.5px/1.2 var(--v-sans);letter-spacing:0;text-transform:none;box-shadow:0 8px 18px -10px rgb(0 0 0/.6)}
body.hm .hm-uni-urgent::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#e8a23a;box-shadow:0 0 0 3px rgb(232 162 58/.3)}
body.hm .hm-job-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 18px}
body.hm .hm-job-loc{display:flex;align-items:center;gap:6px}
body.hm .hm-job-loc::before{content:"";flex:none;width:14px;height:14px;background:currentColor;opacity:.75;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
body.hm .hm-job h3{margin:8px 0 0;font-size:17px!important;line-height:1.3!important;letter-spacing:-.02em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.hm .hm-job-pay{margin:10px 0 0;font:700 15.5px/1.35 var(--v-display);letter-spacing:-.02em;color:var(--v-ink)}
body.hm .hm-job-pay.na{font:500 14px/1.35 var(--v-sans);letter-spacing:0;color:var(--v-muted)}
body.hm .hm-job-perks{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
body.hm .hm-job-perks li{padding:4px 10px;border-radius:999px;background:var(--v-paper);border:1px solid var(--v-line);font:500 12px/1.35 var(--v-sans);color:var(--v-text)}
body.hm .hm-job-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}
body.hm .hm-job-body > :nth-last-child(2){margin-bottom:16px}
body.hm .hm-job-foot{border-top:1px solid var(--v-line)}
body.hm .hm-vbadge{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1.2 var(--v-sans);color:var(--v-ink)}
body.hm .hm-vbadge svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--v-live);fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
body.hm .hm-uni-team{font:500 12.5px/1.2 var(--v-sans);color:var(--v-muted)}
body.hm .hm-job-cta{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--v-stone);background:#fff;font:600 13.5px/1 var(--v-sans);color:var(--v-ink);transition:background-color .25s,color .25s,border-color .25s}
body.hm .hm-job-cta .ar{transition:transform .35s var(--v-ease)}
body.hm .hm-job:hover .hm-job-cta{background:var(--v-ink);border-color:var(--v-ink);color:#fff}
body.hm .hm-job:hover .hm-job-cta .ar{transform:translateX(3px)}
body.hm .hm-job:focus-visible{outline:2px solid var(--v-ink);outline-offset:3px;border-radius:var(--v-r-lg)}
/* empty / loading / golf states (inline script) */
body.hm .hm-jobs-empty{flex:1 0 100%;padding:28px 30px;border-radius:var(--v-r-lg);background:#fff;border:1px dashed var(--v-stone);font:500 15px/1.6 var(--v-sans);color:var(--v-muted)}
body.hm .hm-jobs-empty a{color:var(--v-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
body.hm .hm-jobs-grid .hm-golf-soon{max-width:44rem;border:0;background:var(--v-ink);color:var(--v-silver)}
body.hm .hm-jobs-grid .hm-golf-soon b{display:block;margin-bottom:6px;font:700 19px/1.3 var(--v-display);letter-spacing:-.02em;color:#fff}
body.hm .hm-jobs-grid .hm-golf-soon a{color:#fff;text-decoration-color:rgb(255 255 255/.4)}
body.hm .hm-unis-note{margin:2px 0 0;font:500 13px/1.5 var(--v-sans);color:var(--v-muted)}
body.hm .hm-jobs-more{display:none}
@media(max-width:760px){
  body.hm .hm-rail-head .hm-head-side{display:none}
  body.hm .hm-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--v-gutter) * -1);padding:2px var(--v-gutter);scrollbar-width:none}
  body.hm .hm-chips::-webkit-scrollbar{display:none}
  body.hm .hm-chip{flex:none}
  body.hm .hm-jobs-more{display:flex;margin-top:22px}
  body.hm .hm-jobs-more .btn{width:100%;min-height:52px}
}

/* ==========================================================================
   6 & 8. SPOTLIGHTS: USA Career (ink) and golf (light)
   ========================================================================== */
body.hm .hm-usa{padding-top:0}
body.hm .hm-spot{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);box-shadow:0 44px 90px -56px rgb(11 18 32/.75)}
body.hm .hm-spot .v-spot-media,body.hm .hm-golf-card .v-spot-media{min-height:440px}
body.hm .hm-spot .v-spot-media img{object-position:50% 40%}
body.hm .hm-spot-chip{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0 0 20px;padding:6px 13px 6px 11px;border-radius:999px;border:1px solid rgb(255 255 255/.18);background:rgb(255 255 255/.06);font:500 12.5px/1.2 var(--v-sans);color:#fff}
body.hm .hm-spot-h{margin:0;font:700 clamp(2rem,3.5vw,3.05rem)/1.04 var(--v-display)!important;letter-spacing:-.04em!important;text-transform:none!important;color:#fff}
body.hm .hm-spot-h em{display:block;font-style:normal;color:rgb(255 255 255/.66)}
body.hm .hm-spot-lead{margin:18px 0 0;max-width:48ch;font:400 16.5px/1.6 var(--v-sans);color:var(--v-silver)}
body.hm .hm-spot-list{margin-top:22px}
body.hm .hm-spot .hm-spot-list li{color:#fff}
body.hm .hm-spot-ctas{margin-top:28px;gap:10px 22px}
body.hm .hm-fine{margin:18px 0 0;max-width:56ch;font:500 12.5px/1.5 var(--v-sans);color:rgb(255 255 255/.56)}
/* golf: light card, photo on the right */
body.hm .hm-golf-card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
body.hm .hm-golf-card .v-spot-media img{object-position:38% 40%}
body.hm .hm-golf-card .hm-spot-h{color:var(--v-ink)}
body.hm .hm-golf-card .hm-spot-h em{display:inline;color:var(--v-ink)}
body.hm .hm-golf-card .hm-spot-lead{color:var(--v-muted)}
body.hm .hm-golf-card .hm-spot-list li{color:var(--v-text)}
body.hm .hm-golf-card .hm-fine{color:var(--v-muted)}
body.hm .hm-golf-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
body.hm .hm-golf-tags .v-tag{border-color:var(--v-line);background:var(--v-paper)}
body.hm .hm-golf-card .v-actions .btn{min-height:3.1rem}
@media(max-width:820px){
  body.hm .hm-spot,body.hm .hm-golf-card{grid-template-columns:minmax(0,1fr);border-radius:var(--v-r-lg)}
  body.hm .hm-spot .v-spot-media,body.hm .hm-golf-card .v-spot-media{min-height:0;aspect-ratio:4/3}
  body.hm .hm-golf-card .v-spot-media{aspect-ratio:16/9}
  body.hm .hm-spot .v-spot-body,body.hm .hm-golf-card .v-spot-body{padding:24px 20px 28px}
  body.hm .hm-spot-ctas,body.hm .hm-golf-card .v-actions{flex-direction:column;align-items:stretch}
  body.hm .hm-spot-ctas .btn,body.hm .hm-golf-card .v-actions .btn{width:100%;white-space:normal;text-align:center;min-height:52px}
  body.hm .hm-spot-ctas .v-more{justify-content:center}
  body.hm .hm-spot-ctas .btn-lg{padding:0 1.1rem;font-size:.97rem!important}
}

/* featured talent (shown only when tools/talent-build.js fills it with featured members) */
body.hm .tl-home-grid{margin-top:clamp(26px,3.5vw,40px)}
body.hm .tl-home-grid .tl-card{border-radius:var(--v-r-lg);border-color:var(--v-line);box-shadow:var(--v-shadow-soft)}
@media(max-width:760px){
  body.hm .tl-home-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--v-gutter) * -1);padding:4px var(--v-gutter) 20px;scrollbar-width:none}
  body.hm .tl-home-grid .tl-card{flex:0 0 78%;scroll-snap-align:start}
}

/* ==========================================================================
   9–10. WHY TNA + VERIFICATION (one paper band)
   ========================================================================== */
body.hm .hm-why{padding-bottom:clamp(2.5rem,4vw,3.5rem)}
body.hm .hm-why-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:clamp(28px,3.5vw,44px)}
body.hm .hm-why-grid .tn-tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 22px 24px!important;text-decoration:none;color:var(--v-text)}
body.hm .hm-why-grid .tn-tile .ic{display:grid;place-items:center;width:44px;height:44px;margin:0;border-radius:999px;background:var(--v-paper);border:1px solid var(--v-line);box-shadow:none;color:var(--v-ink)}
body.hm .hm-why-grid .tn-tile h3{margin:18px 0 0;color:var(--v-ink)}
body.hm .hm-why-grid .tn-tile p{margin:6px 0 0}
body.hm .hm-why-grid .tn-tile::after{content:"";position:absolute;top:30px;right:24px;width:8px;height:8px;border-top:1.8px solid var(--v-faint);border-right:1.8px solid var(--v-faint);transform:rotate(45deg);transition:transform .35s var(--v-ease),border-color .25s}
body.hm .hm-why-grid .tn-tile:hover::after{border-color:var(--v-ink);transform:translateX(3px) rotate(45deg)}
body.hm .hm-why-grid .tn-tile:focus-visible{outline:2px solid var(--v-ink);outline-offset:3px}
@media(max-width:1100px){body.hm .hm-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  body.hm .hm-why-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  body.hm .hm-why-grid .tn-tile{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:center;padding:16px 44px 16px 16px!important}
  body.hm .hm-why-grid .tn-tile .ic{grid-row:span 2}
  body.hm .hm-why-grid .tn-tile h3{margin:0;font-size:16.5px}
  body.hm .hm-why-grid .tn-tile p{margin:2px 0 0;font-size:14px}
  body.hm .hm-why-grid .tn-tile::after{top:50%;right:20px;margin-top:-4px}
}
/* "Built with" partner strip */
body.hm .hm-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 34px;margin-top:clamp(36px,5vw,56px);padding-top:26px;border-top:1px solid var(--v-line)}
body.hm .hm-logos-label{font:600 12px/1 var(--v-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--v-muted)}
body.hm .hm-logo{display:inline-flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;opacity:.8;filter:grayscale(1);transition:opacity .25s,filter .25s}
body.hm .hm-logo:hover{opacity:1;filter:none}
body.hm .hm-logo img{display:block;height:28px;width:auto;max-width:104px;object-fit:contain}
body.hm .hm-logo .dark{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;background:var(--v-ink)}
body.hm .hm-logo .dark img{height:18px}
body.hm .hm-logo b{font:600 13.5px/1.2 var(--v-sans);color:var(--v-ink)}
@media(max-width:700px){
  body.hm .hm-logos{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:4px}
  body.hm .hm-logos-label{margin-bottom:6px}
}
/* verification card */
body.hm .hm-verified{padding-top:0}
body.hm .hm-ver-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(26px,4vw,48px);border-radius:var(--v-r-xl);background:#fff;border:1px solid var(--v-line);box-shadow:var(--v-shadow-soft)}
body.hm .hm-vseal{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 5px;border-radius:999px;background:var(--v-paper);border:1px solid var(--v-line);font:600 13px/1 var(--v-sans);color:var(--v-ink)}
body.hm .hm-vseal i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--v-ink)}
body.hm .hm-vseal svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body.hm .hm-ver-h{margin:16px 0 0;font:700 clamp(1.7rem,2.6vw,2.3rem)/1.08 var(--v-display)!important;letter-spacing:-.035em!important;color:var(--v-ink)}
body.hm .hm-ver-main p{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--v-muted)}
body.hm .hm-vnum{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 clamp(0px,2vw,28px);border-left:1px solid var(--v-line);border-right:1px solid var(--v-line)}
body.hm .hm-vnum b{display:block;font:700 clamp(2.3rem,3.4vw,3.1rem)/1 var(--v-display);letter-spacing:-.045em;color:var(--v-ink);font-variant-numeric:tabular-nums}
body.hm .hm-vnum span{display:block;margin-top:8px;font:500 13.5px/1.4 var(--v-sans);color:var(--v-muted)}
body.hm .hm-vlist li{font-weight:500;color:var(--v-text)}
@media(max-width:1000px){
  body.hm .hm-ver-card{grid-template-columns:minmax(0,1fr)}
  body.hm .hm-vnum{padding:22px 0;border:0;border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
}

/* ==========================================================================
   11. FINAL CTA
   ========================================================================== */
body.hm .hm-final{display:flex;align-items:center;min-height:min(78svh,760px)}
body.hm .hm-final .ed-final-bg img{object-position:50% 40%}
body.hm .hm-final > .wrap{width:calc(100% - 2 * var(--v-gutter));margin:0 auto}
body.hm .hm-final-h{margin:0 auto;max-width:16ch;font:700 clamp(2.2rem,4.6vw,3.8rem)/1.02 var(--v-display)!important;letter-spacing:-.045em!important;text-transform:none!important;color:#fff}
body.hm .hm-final-sub{margin:18px auto 0;max-width:44ch;font:400 clamp(1rem,1.3vw,1.15rem)/1.6 var(--v-sans);color:rgb(255 255 255/.84)}
@media(max-width:700px){
  body.hm .hm-final{min-height:72svh}
  body.hm .hm-final-ctas{flex-direction:column;align-items:stretch}
  body.hm .hm-final-ctas .btn{width:100%}
}

/* the narrowest phones (320px): two-line headline, compact quick-link labels */
@media(max-width:359px){
  body.hm .hm-hero h1{font-size:1.62rem!important}
  body.hm .hm-quick-row b{font-size:10px}
}

/* ---- QA round 1 ---- tablets: intent tiles 2 across so labels and chips never collide */
@media(min-width:641px) and (max-width:1099px){body.hm .v-intents{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.hm .v-intents .v-intent,body.hm .v-intents .v-intent.wide{grid-column:auto!important;aspect-ratio:4/3!important}}

/* ==========================================================================
   PHONE HERO v2 (owner feedback, Oct 27 2026): full screen, edge to edge.
   The main photo runs from the very top of the screen (behind the glass
   nav) across the full width, then fades into ink where the headline and
   the "What are you looking for?" card sit, clear of the tab bar.
   ========================================================================== */
@media(max-width:960px) and (max-aspect-ratio:4/3),(max-width:1100px) and (orientation:portrait){
  body.hm .hm-hero{--hm-photo:min(70svh,128vw);display:flex!important;flex-direction:column;justify-content:flex-end;min-height:100svh!important;padding:0!important;background:var(--v-ink)}
  body.hm .hm-hero::before{display:none!important}
  body.hm .hm-hero-bg{position:absolute!important;top:0;left:0;right:0;bottom:auto;width:100%!important;height:var(--hm-photo)!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important;z-index:-2}
  body.hm .hm-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%!important}
  body.hm .hm-hero-scrim{position:absolute!important;inset:0 0 auto 0!important;height:calc(var(--hm-photo) + 2px)!important;z-index:-1;
    background:linear-gradient(180deg,rgb(11 18 32/.5) 0,rgb(11 18 32/0) 16%,rgb(11 18 32/0) 42%,rgb(11 18 32/.55) 66%,var(--v-ink) 100%)!important}
  body.hm .hm-hero > .wrap{position:relative;z-index:1;margin-top:0!important;padding:calc(var(--hm-photo) - 120px) var(--v-gutter) calc(104px + env(safe-area-inset-bottom))!important}
  body.hm .hm-hero h1{text-shadow:0 2px 24px rgb(11 18 32/.55)}
}
@media(max-width:600px) and (max-aspect-ratio:4/3) and (max-height:740px){
  body.hm .hm-hero{--hm-photo:min(62svh,118vw)}
}
@media(max-width:960px) and (max-aspect-ratio:4/3),(max-width:1100px) and (orientation:portrait){
  /* the photo starts just under the top of the glass bar so faces are never hidden behind it */
  body.hm .hm-hero-bg{top:46px!important}
  body.hm .hm-hero-scrim{top:46px!important;background:linear-gradient(180deg,var(--v-ink) 0,rgb(11 18 32/0) 12%,rgb(11 18 32/0) 42%,rgb(11 18 32/.55) 66%,var(--v-ink) 100%)!important}
  body.hm .hm-hero > .wrap{padding-top:calc(var(--hm-photo) - 80px)!important}
}
@media(max-width:400px){
  body.hm .hm-status{font-size:11.5px!important;white-space:nowrap;padding:6px 10px!important}
  body.hm .hm-status .v-soon{padding:2px 7px}
}
@media(max-width:600px) and (max-aspect-ratio:4/3) and (max-height:700px){
  body.hm .hm-hero{--hm-photo:min(50svh,100vw)}
  body.hm .hm-hero > .wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  body.hm .hm-hero h1{font-size:clamp(1.9rem,8vw,2.3rem)!important}
  body.hm .hm-quick{margin-top:12px!important}
  body.hm .hm-quick-cta{min-height:48px!important;margin-top:10px!important}
}

/* Oct 29 2026 portrait sport photos: frames match the photo's own shape, so the photo is never zoomed */
body.hm .hm-golf-card{grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr)}
body.hm .hm-golf-card .v-spot-media img{object-position:50% 30%}
@media(max-width:820px){body.hm .hm-spot .v-spot-media,body.hm .hm-golf-card .v-spot-media{min-height:0;aspect-ratio:4/5}}