/* Tribesmen RC — 50th Anniversary Dinner landing page */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--tr-black);color:var(--tr-white);font-family:var(--tr-font-text);font-size:var(--tr-step-body);line-height:var(--tr-leading-body);-webkit-font-smoothing:antialiased}
a{color:var(--tr-white);text-decoration-color:var(--tr-line-2);text-underline-offset:3px}
a:hover{color:var(--tr-yellow)}
.wrap{width:min(1180px,100% - 2*clamp(20px,4vw,48px));margin-inline:auto}
.eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-yellow)}
h1,h2,h3{font-family:var(--tr-font-display);font-weight:700;letter-spacing:var(--tr-tracking-display);margin:0;text-wrap:balance}
p{text-wrap:pretty}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--tr-radius-pill);font-weight:700;font-size:15px;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background var(--tr-dur,.2s),border-color var(--tr-dur,.2s),color var(--tr-dur,.2s)}
.btn--primary{background:var(--tr-yellow);color:#000}
.btn--primary:hover{background:var(--tr-yellow-soft);color:#000}
.btn--ghost{background:transparent;color:var(--tr-white);border-color:var(--tr-line-2)}
.btn--ghost:hover{border-color:var(--tr-yellow);color:var(--tr-yellow)}
.btn--block{width:100%}

/* top bar */
.top{position:absolute;inset:0 0 auto;z-index:5;padding:20px 0}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.top__home{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.04em}
.top__home img{width:40px;height:auto}
.top .btn{min-height:44px;padding:0 20px;font-size:14px}

/* hero */
.hero{position:relative;isolation:isolate;min-height:min(100svh,900px);display:flex;align-items:flex-end;padding:140px 0 clamp(48px,7vw,88px)}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35) 40%,rgba(0,0,0,.9))}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:end}
.hero__mark{width:clamp(110px,14vw,150px);height:auto;display:block;margin-bottom:28px}
.hero h1{font-size:clamp(40px,6.4vw,88px);line-height:.95;margin-top:16px}
.hero h1 span{display:block;color:var(--tr-yellow)}
.hero__lede{margin:24px 0 0;max-width:520px;font-size:var(--tr-step-body-l);color:var(--tr-white-2)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.facts{display:grid;gap:0;border:1px solid var(--tr-line-2);border-radius:var(--tr-radius-4);background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.facts>div{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 22px;border-bottom:1px solid var(--tr-line)}
.facts>div:last-child{border-bottom:0}
.facts dt{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tr-white-3);padding-top:3px}
.facts dd{margin:0;font-weight:600}
.facts dd small{display:block;font-weight:400;color:var(--tr-white-2);font-size:14px}

/* seats meter */
.meter{margin-top:6px}
.meter__bar{height:6px;border-radius:99px;background:var(--tr-line);overflow:hidden}
.meter__bar i{display:block;height:100%;background:var(--tr-yellow);border-radius:inherit}
.meter__txt{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-family:var(--tr-font-mono);font-size:12px;letter-spacing:.06em;color:var(--tr-white-2)}
.meter__txt b{color:var(--tr-yellow);font-weight:600}

/* sections */
.sec{padding:clamp(72px,10vw,128px) 0}
.sec--char{background:var(--tr-charcoal)}
.sec__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 48px;align-items:end;margin-bottom:clamp(36px,5vw,56px);padding-top:20px;border-top:3px solid var(--tr-yellow)}
.sec__head h2{font-size:var(--tr-step-display-m);line-height:1;margin-top:12px}
.sec__head p.side{margin:0;color:var(--tr-white-2)}

/* two ways */
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ways:has(>:only-child){grid-template-columns:minmax(0,1fr)}
.way{display:flex;flex-direction:column;gap:14px;padding:clamp(28px,4vw,40px);border:1px solid var(--tr-line);border-radius:var(--tr-radius-5);background:var(--tr-charcoal-2);text-decoration:none;transition:border-color .2s}
.way:hover{border-color:var(--tr-yellow);color:var(--tr-white)}
.way h3{font-size:clamp(26px,3vw,34px)}
.way p{margin:0;color:var(--tr-white-2)}
.way__go{margin-top:auto;padding-top:10px;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-yellow)}

/* tickets */
.tix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,5vw,64px);align-items:start}
.tix__img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.evening{list-style:none;margin:28px 0 0;padding:0;display:grid}
.evening li{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--tr-line)}
.evening li:first-child{border-top:1px solid var(--tr-line)}
.evening b{font-family:var(--tr-font-mono);font-weight:600;color:var(--tr-yellow);font-size:14px;padding-top:2px}
.card{padding:clamp(24px,3.4vw,36px);border:1px solid var(--tr-line-2);border-radius:var(--tr-radius-5);background:var(--tr-charcoal-2);position:sticky;top:24px}
.card__price{display:flex;align-items:baseline;gap:10px}
.card__price .p{font-family:var(--tr-font-display);font-weight:700;font-size:56px;line-height:1;color:var(--tr-yellow)}
.card__price .u{color:var(--tr-white-2)}
.card__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--tr-line)}
.card__row label{font-weight:600}
.card__row small{display:block;font-weight:400;color:var(--tr-white-3);font-size:13px}
.step{display:flex;align-items:center;border:1px solid var(--tr-line-2);border-radius:var(--tr-radius-pill)}
.step button{width:44px;height:44px;border:0;background:none;color:var(--tr-white);font-size:20px;cursor:pointer;border-radius:50%}
.step button:hover:not(:disabled){color:var(--tr-yellow)}
.step button:disabled{color:var(--tr-white-4);cursor:not-allowed}
.step output{min-width:32px;text-align:center;font-family:var(--tr-font-mono);font-weight:600}
.chk{display:flex;align-items:center;gap:12px;cursor:pointer}
.chk input{width:20px;height:20px;accent-color:var(--tr-yellow);flex:none}
.card__total{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;font-weight:600}
.card__total b{font-family:var(--tr-font-display);font-size:32px;font-weight:700}
.card__fine{margin:14px 0 0;font-size:13px;color:var(--tr-white-3);text-align:center}

/* fund */
.fund__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center;margin-bottom:clamp(40px,6vw,64px)}
.fund__img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.fund__list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.fund__list li{display:flex;gap:12px;align-items:baseline}
.fund__list li::before{content:"";flex:none;width:8px;height:8px;background:var(--tr-yellow);border-radius:50%;transform:translateY(-1px)}
.raised{margin-top:32px}
.raised .big{font-family:var(--tr-font-display);font-weight:700;font-size:clamp(36px,4vw,48px);line-height:1}
.raised .of{color:var(--tr-white-2);margin:6px 0 14px}
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tier{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border:1px solid var(--tr-line);border-radius:var(--tr-radius-5);background:var(--tr-charcoal-2);cursor:pointer;transition:border-color .2s,background .2s}
.tier:hover{border-color:var(--tr-line-2)}
.tier input{position:absolute;opacity:0;pointer-events:none}
.tier:has(input:checked){border-color:var(--tr-yellow);background:var(--tr-charcoal-3)}
.tier:has(input:focus-visible){outline:2px solid var(--tr-yellow);outline-offset:3px}
.tier .amt{font-family:var(--tr-font-display);font-weight:700;font-size:40px;line-height:1;color:var(--tr-yellow)}
.tier h3{font-size:22px}
.tier p{margin:0;font-size:15px;color:var(--tr-white-2)}
.tier .tick{position:absolute;top:18px;right:18px;width:22px;height:22px;border-radius:50%;border:1px solid var(--tr-line-2);display:grid;place-items:center;font-size:12px;color:transparent}
.tier:has(input:checked) .tick{background:var(--tr-yellow);border-color:var(--tr-yellow);color:#000}
.give{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;margin-top:20px;padding:22px 24px;border:1px solid var(--tr-line-2);border-radius:var(--tr-radius-5)}
.give__own{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.give__own label{font-weight:600}
.money{display:flex;align-items:center;gap:6px;padding:0 16px;height:48px;border:1px solid var(--tr-line-2);border-radius:var(--tr-radius-pill);background:var(--tr-black)}
.money:focus-within{border-color:var(--tr-yellow)}
.money span{color:var(--tr-white-3);font-weight:600}
.money input{width:96px;border:0;background:none;color:var(--tr-white);font:600 16px var(--tr-font-mono);outline:none}
.give__sum{display:flex;align-items:center;gap:20px}
.give__sum .t{font-family:var(--tr-font-display);font-size:28px;font-weight:700;white-space:nowrap}

/* bottom cta + footer */
.end{text-align:center}
.end h2{font-size:var(--tr-step-display-m);line-height:1}
.end p{margin:16px auto 0;max-width:520px;color:var(--tr-white-2)}
.end .hero__ctas{justify-content:center}
.ft{padding:36px 0;border-top:1px solid var(--tr-line);font-size:14px;color:var(--tr-white-3)}
.ft .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}

@media (max-width:980px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.hero__grid,.tix,.fund__top,.sec__head{grid-template-columns:minmax(0,1fr)}.card{position:static}.hero{align-items:flex-end}}
@media (max-width:640px){.ways{grid-template-columns:minmax(0,1fr)}.give{grid-template-columns:minmax(0,1fr)}.give__sum{justify-content:space-between}.top__home span{display:none}}
@media (max-width:420px){.tiers{grid-template-columns:minmax(0,1fr)}}

.btn,.card__price .u,.give__own label{white-space:nowrap}
.card__row .chk{flex:1}

/* Mobile safety: never let one wide element scroll the whole page sideways */
html,body{overflow-x:clip}
@media (max-width:760px){.rB .evc__rail{grid-auto-columns:82%}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:calc(-1*clamp(20px,4vw,48px));padding-inline:clamp(20px,4vw,48px)}.masthead{overflow:hidden}}

/* Mobile tap targets + legibility (WCAG 2.5.8, min 44px) */
@media (max-width:760px){
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.footer__col ul{gap:0}.footer__col a,.footer__legal a{display:inline-flex;align-items:center;min-height:44px}
.footer__legal{display:flex;flex-wrap:wrap;column-gap:18px}
.chip{min-height:44px}
.policy__toc a{display:block;padding:11px 0}
.read-more{display:inline-flex;align-items:center;min-height:44px}
input[type="checkbox"],input[type="radio"]{width:24px;height:24px}
.top__home{min-height:44px}
.eyebrow,dt,.squad__tag,.lab,.fx__deadline,.evc__date{font-size:13px!important}
}


/* ===== Site nav, copied from site.css/pages.css/theme.css so this page matches the home page menu (2026-11-14) ===== */
.nav, .nav * {box-sizing:border-box}
.nav a {text-decoration:none;color:inherit}
.nav ul {list-style:none;margin:0;padding:0}
.nav img {max-width:none}
.nav .wrap {max-width: var(--tr-content-max); margin-inline: auto; padding-inline: var(--tr-content-pad);}
/* from assets/css/site.css */
.nav .btn {display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; font-family: var(--tr-font-text); font-weight: 600; font-size: 15px; letter-spacing: 0.01em; padding: 14px 26px; border-radius: var(--tr-radius-pill); border: 1px solid transparent; cursor: pointer; transition: transform var(--tr-dur-fast) var(--tr-ease),
              background var(--tr-dur-fast) var(--tr-ease),
              color var(--tr-dur-fast) var(--tr-ease),
              border-color var(--tr-dur-fast) var(--tr-ease);}
.nav .btn .arrow {transition: transform var(--tr-dur) var(--tr-ease);}
.nav .btn:hover .arrow {transform: translateX(4px);}
.nav .btn--primary {background: var(--tr-yellow); color: rgb(0, 0, 0);}
.nav .btn--primary:hover {background: var(--tr-yellow-soft); color: rgb(0, 0, 0); transform: translateY(-2px);}
.nav .btn--ghost {border-color: var(--tr-line-2); color: var(--tr-white);}
.nav .btn--ghost:hover {border-color: var(--tr-yellow); color: var(--tr-yellow);}
.nav { position: sticky; top: 0px; z-index: 50; background: color-mix(in oklab, var(--tr-black) 86%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--tr-line); }
.nav__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 96px; }
.brand { display: flex; align-items: center; gap: 10px; }
.brand__crest { height: 54px; width: auto; display: block; }
@media (min-width: 1061px) {
.brand__crest { height: 72px; }
}
.brand__mark { font-family: var(--tr-font-display); font-weight: 900; font-size: 24px; letter-spacing: -0.01em; color: var(--tr-white); line-height: 1; }
.brand__rc { font-family: var(--tr-font-text); font-weight: 700; font-size: 11px; letter-spacing: 0.22em; color: var(--tr-yellow); text-transform: uppercase; }
.nav__links { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0px; padding: 0px; }
.nav__links a { font-family: var(--tr-font-text); font-weight: 500; font-size: 14px; color: var(--tr-white-2); white-space: nowrap; padding: 6px 0px; position: relative; transition: color var(--tr-dur-fast) var(--tr-ease); }
.nav__links a::after { content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 1.5px; background: var(--tr-yellow); transition: right var(--tr-dur) var(--tr-ease); }
.nav__links a:hover { color: var(--tr-white); }
.nav__links a:hover::after { right: 0px; }
.nav__links a.is-active { color: var(--tr-yellow); }
.nav__links a.is-active::after { right: 0px; background: var(--tr-yellow); }
.nav__cta { display: flex; align-items: center; gap: 16px; }
.nav__login { font-family: var(--tr-font-text); font-weight: 600; font-size: 14px; white-space: nowrap; color: var(--tr-white-2); transition: color var(--tr-dur-fast) var(--tr-ease); }
.nav__login:hover { color: var(--tr-yellow); }
.nav__toggle { display: none; background: none; border: 0px; cursor: pointer; width: 40px; height: 40px; padding: 9px; }
.nav__toggle span { display: block; height: 2px; background: var(--tr-white); margin: 4px 0px; border-radius: 2px; }
@media (max-width: 860px) {
.nav__links, .nav__login { display: none; }
.nav__toggle { display: block; }
.nav--open .nav__bar { flex-wrap: wrap; height: auto; padding-block: 14px; }
.nav--open .nav__links { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; order: 3; width: 100%; padding-top: 12px; margin-top: 8px; border-top: 1px solid var(--tr-line); }
.nav--open .nav__links a { font-size: 17px; padding: 10px 0px; }
.nav--open .nav__login { display: inline-flex; }
}
.nav .btn:focus-visible {outline-offset: 4px;}
@media (max-width: 860px) {
.nav__cta .btn { min-height: 44px; padding: 0px 16px; font-size: 14px; }
.nav__toggle { position: relative; z-index: 61; width: 44px; height: 44px; padding: 0px; display: grid; place-content: center; gap: 6px; margin-right: -8px; }
.nav__toggle span { width: 24px; height: 2px; margin: 0px; transition: transform 0.25s, opacity 0.2s; }
.nav--menu .nav__toggle span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav--menu .nav__toggle span:nth-child(2) { opacity: 0; }
.nav--menu .nav__toggle span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.nav--menu .nav__cta .btn { visibility: hidden; }
body.mnav-lock .nav { backdrop-filter: none; background: var(--tr-black) !important; }
}
@media (prefers-reduced-motion: reduce) {
.mnav, .nav__toggle span { transition: none !important; }
}
@media (min-width: 861px) {
.nav__bar { display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; }
.nav__bar > nav { justify-self: center; }
}
@media (min-width: 861px) and (max-width: 1179px) {
.nav__links { gap: 18px; }
.nav__cta { gap: 12px; }
}
/* from assets/css/pages.css */
/* from assets/css/theme.css */
.nav .btn:focus-visible {outline-offset: 4px;}
.nav a.btn--white, .nav .btn--white {background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); font-family: "Gaillimh",var(--tr-font-display),sans-serif; font-weight: 700; letter-spacing: 0.02em;}
.nav a.btn--white:hover, .nav a.btn--white:focus-visible {background: var(--tr-yellow); border-color: var(--tr-yellow); color: rgb(0, 0, 0); transform: translateY(-2px);}
/* ===== end site nav ===== */

/* ===== Mobile menu drawer (.mnav), copied from site.css (2026-11-14) ===== */
.mnav, .mnav * {box-sizing:border-box}
.mnav a {text-decoration:none}
.mnav ul {list-style:none;margin:0;padding:0}
.mnav { display: none; }
@media (max-width: 860px) {
.nav--menu .nav__toggle span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav--menu .nav__toggle span:nth-child(2) { opacity: 0; }
.nav--menu .nav__toggle span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.nav--menu .nav__cta .btn { visibility: hidden; }
.mnav { display: flex; flex-direction: column; position: fixed; left: 0px; right: 0px; bottom: 0px; top: var(--mnav-top,88px); z-index: 999; background: var(--tr-black); border-top: 1px solid var(--tr-line); padding: 8px clamp(20px,6vw,32px) max(28px,env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.25s, transform 0.25s, visibility linear 0.25s; }
body.mnav-lock .mnav { opacity: 1; visibility: visible; transform: none; transition: opacity 0.25s, transform 0.25s; }
.mnav__links { list-style: none; margin: 0px; padding: 0px; }
.mnav__links a { display: flex; align-items: center; justify-content: space-between; min-height: 60px; border-bottom: 1px solid var(--tr-line); font-family: var(--tr-font-display); font-weight: 700; font-size: 28px; letter-spacing: -0.01em; color: var(--tr-white); text-decoration: none; }
.mnav__links a::after { content: "→"; font-family: var(--tr-font-text); font-size: 18px; color: var(--tr-white-3); transition: transform 0.2s, color 0.2s; }
.mnav__links a:hover::after, .mnav__links a:focus-visible::after { transform: translateX(4px); color: var(--tr-yellow); }
.mnav__links a[aria-current="page"] { color: var(--tr-yellow); }
.mnav__links a[aria-current="page"]::after { color: var(--tr-yellow); }
.mnav__cta { display: grid; gap: 12px; margin-top: 32px; }
.mnav__cta .btn { width: 100%; min-height: 52px; justify-content: center; }
.mnav__login { display: flex; align-items: center; justify-content: center; min-height: 52px; border: 1px solid var(--tr-line-2); border-radius: var(--tr-radius-pill); color: var(--tr-white); font-weight: 600; text-decoration: none; }
.mnav__login:hover { border-color: var(--tr-yellow); color: var(--tr-yellow); }
.mnav__foot { margin-top: auto; padding-top: 36px; font-size: 14px; line-height: 1.6; color: var(--tr-white-3); }
.mnav__foot [lang="ga"] { display: block; color: var(--tr-white-2); font-style: italic; }
.mnav:focus { outline: none; }
body.mnav-lock { overflow: hidden; }
body.mnav-lock .nav { backdrop-filter: none; background: var(--tr-black) !important; }
}
@media (prefers-reduced-motion: reduce) {
.mnav, .nav__toggle span { transition: none !important; }
}
/* ===== end mobile menu ===== */

html body .nav .nav__login {color: rgba(255, 255, 255, 0.72);}
html body .nav .nav__login:hover {color: var(--tr-white);}
html body .nav .nav__cta .btn {line-height: 23.25px;}