/* ===== multi-page additions (loaded after site.css) ===== */
/* dropdown menus */
.nav-links .dd{position:relative;display:flex;align-items:center}
.nav-links .dd>a{height:58px}
.dd-menu{position:absolute;top:100%;left:-14px;min-width:210px;background:#fff;color:var(--ink);border-radius:var(--r-s);box-shadow:0 18px 40px -12px rgba(0,0,0,.35);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block !important;padding:9px 12px;border-radius:var(--r-xs);font-weight:500;font-size:.95em;color:var(--ink)}
.dd-menu a::after{display:none !important}
.dd-menu a:hover{background:var(--grey-100);color:var(--primary-600) !important}
.nav-links .dd>a.on{color:var(--primary)}

/* page header */
.phead{position:relative;color:#fff;overflow:hidden;background:
  radial-gradient(90% 140% at 90% 100%, #0b5b60 0%, rgba(11,91,96,0) 60%),
  linear-gradient(180deg,#071d38 0%,#06162d 100%)}
.phead::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='26' viewBox='0 0 44 26'%3E%3Cg fill='none' stroke='%2336cdb8' stroke-opacity='.07' stroke-width='2'%3E%3Cpath d='M0 13a11 11 0 0 1 22 0a11 11 0 0 1 22 0'/%3E%3Cpath d='M-11 26a11 11 0 0 1 22 0a11 11 0 0 1 22 0a11 11 0 0 1 22 0'/%3E%3C/g%3E%3C/svg%3E")}
.phead .wrap{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;min-height:230px;padding-top:40px;padding-bottom:36px}
.crumbs{font-size:.82em;opacity:.75;margin-bottom:10px}
.crumbs a:hover{color:var(--primary)}
.phead h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;letter-spacing:-.03em;line-height:1;text-transform:uppercase}
.phead p{margin-top:12px;max-width:560px;opacity:.9;font-size:1.05em}
.phead .cuts{position:relative;align-self:flex-end;height:220px;display:flex;align-items:flex-end;margin-bottom:-36px}
.phead .cuts img{height:220px;width:auto;margin-left:-40px}
.phead .cuts img:first-child{margin-left:0;height:190px;filter:brightness(.8)}
.page{padding:44px 0 60px}
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}
.subnav a,.subnav button{border:0;background:var(--grey-200);color:var(--muted);font-weight:600;font-size:.88em;padding:.55em 1.2em;border-radius:var(--pill);cursor:pointer;transition:background-color .2s,color .2s}
.subnav a:hover,.subnav button:hover{color:var(--ink)}
.subnav .on,.subnav [aria-pressed="true"]{background:var(--navy);color:#fff}
.tbc{display:inline-block;background:#fff4d6;color:#7a5600;font-size:.72em;font-weight:800;padding:.25em .55em;border-radius:var(--r-xs);vertical-align:middle;letter-spacing:.02em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.box h2{font-size:1.35em;font-weight:800;letter-spacing:-.01em;margin-bottom:10px}
.box h3{font-size:1.1em;font-weight:700;margin-bottom:6px}
.box p{color:var(--muted);margin-bottom:10px}
.box ul.ticks{list-style:none;margin:10px 0 16px}
.box ul.ticks li{padding:7px 0 7px 26px;position:relative;border-top:1px solid var(--grey-200);font-size:.93em}
.box ul.ticks li::before{content:"";position:absolute;left:4px;top:13px;width:10px;height:6px;border-left:2.5px solid var(--primary-600);border-bottom:2.5px solid var(--primary-600);transform:rotate(-45deg)}
.lead-text{font-size:1.1em;color:var(--ink);max-width:760px;margin-bottom:26px}
.form label{display:block;font-size:.78em;font-weight:700;margin:12px 0 5px}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--grey-300);border-radius:var(--r-xs);padding:.75em .85em;font:inherit;font-size:.92em;background:#fff}
.form textarea{min-height:120px;resize:vertical}
.form .pill{margin-top:16px}
.form .ok{display:none;font-weight:700;color:var(--primary-600);margin-top:14px}
.form.done form{display:none}
.form.done .ok{display:block}

/* schedule list */
.sched{display:flex;flex-direction:column;gap:10px}
.srow{display:grid;grid-template-columns:140px 1fr auto auto;align-items:center;gap:20px;background:#fff;border-radius:var(--r-s);padding:14px 18px;transition:transform .15s}
.srow:hover{transform:translateX(3px)}
.srow .d{font-weight:700}
.srow .d small{display:block;font-weight:500;color:var(--muted);font-size:.8em}
.srow .m{display:flex;align-items:center;gap:12px;font-weight:700}
.srow .m .badge{width:30px;height:30px;flex-basis:30px}
.srow .m .badge img{width:30px;height:30px}
.srow .r{font-weight:800;font-size:1.05em}
.srow .r.l{color:#b3261e}
.srow .v{font-size:.85em;color:var(--muted)}
.srow.fin{background:var(--navy);color:#fff}
.srow.fin .v,.srow.fin .d small{color:#b8c3d1}
.srow.fin .r.l{color:#ff8a80}

/* roster grid */
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.rcard{background:#fff;border-radius:var(--r-s);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.rcard:hover{transform:translateY(-4px)}
.rcard .rp{position:relative;aspect-ratio:4/5;overflow:hidden}
.rcard .rp .art img.cut{height:92%;right:50%;transform:translateX(50%)}
.rcard:hover .rp .art img.cut{transform:translateX(50%) translateY(-6px)}
.rcard .rp .bign{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:7em;font-weight:900;color:var(--primary);letter-spacing:-.05em;z-index:1}
.rcard .rn{position:absolute;left:12px;top:10px;font-size:2.2em;font-weight:900;color:#fff;z-index:2;letter-spacing:-.04em;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.rcard .ri{padding:12px 14px}
.rcard .ri b{display:block;font-size:1.02em}
.rcard .ri span{font-size:.84em;color:var(--muted)}

/* player profile */
.prof{display:grid;grid-template-columns:420px 1fr;gap:30px;align-items:start}
.prof .pp{position:relative;aspect-ratio:4/5;border-radius:var(--r-s);overflow:hidden}
.prof .pp .art img.cut{height:94%;right:50%;transform:translateX(50%)}
.prof .pp .bign{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12em;font-weight:900;color:var(--primary);z-index:1;letter-spacing:-.05em}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 22px}
.fact{background:var(--grey-100);border-radius:var(--r-s);padding:14px}
.fact span{display:block;font-size:.75em;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.fact b{font-size:1.25em;font-weight:800}
.pnav{display:flex;justify-content:space-between;margin-top:22px;font-weight:600}
.pnav a:hover{color:var(--primary-600)}

/* tiers */
.tier-card{background:#fff;border-radius:var(--r-s);overflow:hidden;display:flex;flex-direction:column}
.tier-card .th{background:var(--navy);color:#fff;padding:20px}
.tier-card .th.t{background:var(--primary);color:var(--navy)}
.tier-card .th h3{font-size:1.35em;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.tier-card .th .pr{margin-top:8px;font-weight:700}
.tier-card .tb{padding:6px 20px 20px;flex:1;display:flex;flex-direction:column}
.tier-card .tb .pill{margin-top:auto;align-self:flex-start}

/* article list */
.alist{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}
.feat-row{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:34px}
.feat-row .nc h4{font-size:1.4em;-webkit-line-clamp:3}
.feat-row .nc .ph{aspect-ratio:16/9}
.map{width:100%;height:340px;border:0;border-radius:var(--r-s)}

@media (max-width:1180px){
  .nav.open .nav-links .dd{flex-direction:column;align-items:flex-start}
  .nav.open .dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;padding:0 0 0 12px;min-width:0}
  .nav.open .dd-menu a{color:#cfe;padding:6px 8px}
  .nav.open .dd>a{height:auto}
  .nav.open .dd-menu a:hover{background:transparent}
  .nav.open .nav-links{max-height:calc(100vh - 58px);overflow:auto}
  .grid4{grid-template-columns:1fr 1fr}
  .prof{grid-template-columns:1fr}
  .prof .pp{max-width:440px}
}
@media (max-width:820px){
  .grid2,.grid3,.alist,.feat-row{grid-template-columns:1fr}
  .phead .cuts{display:none}
  .phead .wrap{min-height:170px}
  .srow{grid-template-columns:1fr auto;gap:6px 14px}
  .srow .v{grid-column:1/-1}
  .facts{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.grid4{grid-template-columns:1fr}}