/* Flying Tumbler brand base for the Homecoming pages.
   Mirrors flyingtumbler.com (resources/css/site.css): Gotham body, Apertura
   (Typekit kit nwo3buw) display, lavender + navy palette, pill buttons. */

@font-face{font-family:'FT Gotham';src:url('/partners/assets/fonts/Gotham-Book.woff2') format('woff2'),url('/partners/assets/fonts/Gotham-Book.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'FT Gotham';src:url('/partners/assets/fonts/Gotham-Medium.woff2') format('woff2'),url('/partners/assets/fonts/Gotham-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'FT Gotham';src:url('/partners/assets/fonts/Gotham-Bold.woff2') format('woff2'),url('/partners/assets/fonts/Gotham-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

:root{
  --navy:#362F63;--lav:#B4AFF0;--lav-light:#DDDAFB;--mid-purple:#7C73E4;--bright-purple:#867DF1;
  --green:#8BCDA1;--green-dark:#4BA569;--green-darker:#00892E;--green-light:#AFEEC6;
  --yellow:#FEBC08;--yellow-light:#FADA87;--pink:#EA837D;--pink-light:#FDADA8;
  --charcoal:#343F49;--off:#F3F3F3;--white:#fff;
  --display:'apertura','Montserrat','FT Gotham',system-ui,sans-serif;
  --body:'FT Gotham','Montserrat',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{margin:0;font-family:var(--body);font-weight:400;color:var(--charcoal);background:var(--lav);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;margin:0;text-transform:uppercase;letter-spacing:.02em}
p{margin:0}
a{color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* eyebrow: Gotham Bd uppercase, tracked (site h6/h5 treatment) */
.eyebrow{font-family:var(--body);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* outlined display type, as on flyingtumbler.com (.text-stroke-dark-purple) */
.t-outline{color:#fff;-webkit-text-stroke:.12em var(--navy);paint-order:stroke fill;letter-spacing:.06em}
/* navy letters, white keyline, navy drop (the "THE TIPPLER" treatment) */
.t-pop{color:var(--navy);-webkit-text-stroke:.09em #fff;paint-order:stroke fill;text-shadow:.07em .08em 0 var(--navy);letter-spacing:.04em}

/* pill buttons: site style is Gotham Bd, uppercase, tracked, fully rounded */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border:0;border-radius:999px;font-family:var(--body);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;background:var(--navy);color:#fff;box-shadow:0 0 0 0 var(--navy);transition:box-shadow .35s,background .2s,opacity .2s}
.pill:hover{box-shadow:0 0 0 4px var(--navy)}
.pill:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.pill-green{background:var(--green-dark);box-shadow:0 0 0 0 var(--green-dark)}
.pill-green:hover{box-shadow:0 0 0 4px var(--green-dark)}

/* header: centred white wordmark, coordinates left, bolt right */
.ft-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:18px 18px 0}
.ft-header .logo img{height:58px;width:auto}
.ft-header .coords{font-family:var(--body);font-weight:500;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding-top:4px}
.ft-header .bolt{justify-self:end;display:inline-flex;padding:6px;transition:transform .4s}
.ft-header .bolt:hover{transform:scale(1.12)}
.ft-header .bolt img{height:26px;width:auto}
.ft-header.dark .coords{color:var(--navy)}

/* footer: navy, as on the live site */
.ft-footer{position:relative;background:var(--navy);color:#fff;padding:56px 20px 40px;text-align:center}
.ft-footer .clouds{position:absolute;left:0;right:0;top:-46px;height:60px;pointer-events:none;overflow:hidden}
.ft-footer .clouds img{position:absolute;width:170px;opacity:1}
.ft-footer-in{position:relative;max-width:56rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.ft-footer .flock{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase}
.ft-footer .flock img{height:20px;width:auto}
.ft-footer .logo img{height:64px;width:auto}
.ft-footer .legal{font-size:12px;line-height:1.65;max-width:40rem;color:rgba(255,255,255,.78)}
.ft-footer .legal a,.ft-footer .links a{color:#fff}
.ft-footer .links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ft-footer .links a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.ft-footer .links a:hover{border-color:#fff}
.ft-footer .social{display:flex;gap:14px}
.ft-footer .social a{display:inline-flex;transition:transform .4s}
.ft-footer .social a:hover{transform:scale(1.12)}
.ft-footer .social img{height:22px;width:auto}
.ft-footer .ft-resp{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}
.ft-footer .coords{font-weight:500;font-size:12px;letter-spacing:.2em;color:var(--lav)}

@media (min-width:1024px){
  .ft-header{padding:28px 40px 0}
  .ft-header .logo img{height:78px}
  .ft-header .coords{font-size:13px}
  .ft-header .bolt img{height:28px}
  .ft-footer{padding:80px 40px 48px}
  .ft-footer .clouds{top:-60px;height:80px}
  .ft-footer .clouds img{width:240px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}