/* Sports Financial Intelligence -- stylesheet matching the Wix Studio original (7 Oct 2026 capture): white page, navy header and
   footer, headings in Baskerville Old Face in dark gold, text and navigation in Gill Sans MT, navy pill buttons, images with large
   rounded corners. The two typefaces are the site's own uploaded fonts, self-hosted in fonts/. Mobile first, no framework. */
@font-face { font-family: "Baskerville Old Face"; src: url(fonts/baskerville-old-face.woff2) format("woff2"), url(fonts/baskerville-old-face.ttf) format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Gill Sans MT"; src: url(fonts/gill-sans-mt.woff2) format("woff2"), url(fonts/gill-sans-mt.ttf) format("truetype"); font-weight: 400; font-display: swap; }
:root { --navy: #001f3f; --gold: #c5a059; --gold-dark: #8c7340; --sand: #e3d5b0; --ink: #1a1a1a; --mute: #6e6e6e; --line: #e6e6e6; --paper: #fff; --maxw: 1200px; --r: 44px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Gill Sans MT", "Gill Sans", "Helvetica Neue", Arial, sans-serif; line-height: 1.55; font-size: 17px; overflow-x: hidden; }
h1, h2, h3, .serif { font-family: "Baskerville Old Face", Baskerville, "Libre Baskerville", Georgia, serif; font-weight: 400; line-height: 1.12; margin: 0 0 0.45em; color: var(--gold-dark); letter-spacing: 0.005em; }
h1 { font-size: clamp(2.3rem, 4.6vw, 3.5rem); } h2 { font-size: clamp(2rem, 3.6vw, 3rem); } h3 { font-size: 1.5rem; color: var(--gold-dark); }
p { margin: 0 0 1em; } a { color: var(--navy); } img { max-width: 100%; height: auto; display: block; }
.wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 28px; }
/* header: the stacked wordmark with gold initials, the underlined links, the white Contact pill */
.site-header { background: var(--navy); color: #fff; position: sticky; top: 0; z-index: 10; }
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 14px; padding-bottom: 14px; }
.brand { display: inline-grid; color: #fff; text-decoration: none; font-family: "Baskerville Old Face", Baskerville, Georgia, serif; font-size: 1.45rem; line-height: 1.08; }
.brand span { display: block; } .brand span:nth-child(2) { padding-left: 0.6em; } .brand span:nth-child(3) { padding-left: 1.0em; } .brand b { font-weight: 400; color: var(--gold); }
.nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 18px; margin: 0; padding: 0; list-style: none; }
.nav a { color: #fff; text-decoration: underline; text-underline-offset: 4px; font-size: 1.02rem; } .nav a.active { color: #fff; }
.nav a.pill { text-decoration: none; }
.pill { display: inline-block; padding: 11px 26px; border-radius: 999px; background: var(--navy); color: #fff; text-decoration: none; font-size: 1rem; line-height: 1.2; border: 1px solid var(--navy); margin: 6px 10px 0 0; }
.pill:hover { background: #0b3b6b; border-color: #0b3b6b; } .pill.light { background: #fff; color: var(--navy); border-color: #fff; margin: 0; } .pill.light:hover { background: var(--sand); border-color: var(--sand); }
.pill.small { padding: 7px 16px; font-size: 0.9rem; margin: 0 0 40px; }
/* the home hero: image left with a rounded bottom-right corner, text right */
.hero-split { display: grid; grid-template-columns: 1fr; padding: 0; }
.hero-split .hero-img img { width: 100%; height: 56vw; max-height: 720px; object-fit: cover; border-bottom-right-radius: 70px; }
.hero-split .hero-txt { padding: 48px 28px 40px; display: flex; flex-direction: column; justify-content: center; }
.hero-split h1 { max-width: 22ch; font-size: clamp(2.2rem, 3.9vw, 3.1rem); } .hero-split p { max-width: 48ch; font-size: 1.05rem; }
/* inner-page hero: a full-width image with a white card */
.hero-card { position: relative; min-height: 420px; background: var(--navy) center/cover no-repeat; display: grid; place-items: center; padding: 60px 20px; }
.hero-card .card-box { background: #fff; border-radius: 10px; padding: 44px 44px 36px; max-width: 480px; text-align: center; box-shadow: 0 8px 40px rgba(0,0,0,0.12); }
.hero-card h1 { font-size: clamp(2.2rem, 4vw, 3.2rem); } .hero-card p { color: var(--ink); font-size: 1rem; margin: 0 0 1.2em; }
.readmore { display: inline-block; letter-spacing: 0.22em; text-decoration: underline; text-underline-offset: 5px; color: var(--navy); font-family: "Baskerville Old Face", Georgia, serif; font-size: 0.95rem; }
/* sections */
section { padding: 80px 0; }
.split { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
.split > * { min-width: 0; } .split img { width: 100%; max-height: 560px; object-fit: cover; border-radius: var(--r); }
.split img.tl { border-radius: var(--r) 0 0 var(--r); } .split img.tr { border-radius: 0 var(--r) var(--r) 0; }
.lead { font-size: 1.08rem; max-width: 60ch; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 30px; } .grid > * { min-width: 0; }
.card { background: #fff; border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; color: var(--ink); border: 1px solid var(--line); }
.card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .card .body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.card h3 { margin: 0; font-size: 1.35rem; } .card p { color: var(--mute); margin: 0; font-size: 0.98rem; } .card .more { margin-top: auto; padding-top: 12px; }
.list-plain { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; max-width: 640px; }
.list-plain li { padding: 16px 22px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 1.05rem; }
.partners { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 34px; } .partners > * { min-width: 0; }
.partner img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 28px; }
.partner h3 { margin: 16px 0 2px; } .partner .role { font-size: 0.95rem; } .partner a { display: block; font-size: 0.95rem; margin-top: 6px; word-break: break-all; }
.article { max-width: 800px; } .article img.cover { width: 100%; border-radius: 28px; margin: 0 0 30px; } .article p { font-size: 1.08rem; }
section.tint { background: #f7f4ec; }
/* form */
form.contact { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 720px; } form.contact .full { grid-column: 1 / -1; }
form.contact label { display: block; font-size: 0.9rem; color: var(--mute); margin-bottom: 6px; }
form.contact input, form.contact textarea { width: 100%; padding: 12px 14px; border: 1px solid #cfcfcf; border-radius: 10px; font: inherit; font-size: 1rem; background: #fff; }
form.contact textarea { min-height: 150px; resize: vertical; } form.contact button { justify-self: start; cursor: pointer; font: inherit; }
/* footer */
.site-footer { background: var(--navy); color: rgba(255,255,255,0.88); padding: 50px 0 34px; font-size: 0.98rem; }
.site-footer .wrap { display: grid; grid-template-columns: 1fr; gap: 24px; } .site-footer a { color: #fff; } .site-footer p { margin: 0 0 0.5em; }
.site-footer .fine { color: rgba(255,255,255,0.6); font-size: 0.9rem; font-family: "Baskerville Old Face", Georgia, serif; }
@media (min-width: 840px) { .hero-split { grid-template-columns: 1fr 1fr; min-height: 640px; } .hero-split .hero-img { position: relative; } .hero-split .hero-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; } .hero-split .hero-txt { padding: 60px 60px 60px 72px; } .split { grid-template-columns: 1fr 1fr; } .split.rev > :first-child { order: 2; } .site-footer .wrap { grid-template-columns: 1.2fr 1fr 1fr; } }
@media (max-width: 600px) { form.contact { grid-template-columns: 1fr; } section { padding: 56px 0; } .brand { font-size: 1.2rem; } :root { --r: 28px; } }