/* Sector Carp Cup site. Typography, spacing and components come from design-system.css and
   competitions-v28.css; this file sets the SCC palette (black, orange and cream from the logo)
   and the parts only this site has: header, home sections and footer. */
:root {
  --ink: #0e1414;
  --ink-deep: #070909;
  --white: #fbf7ec;
  --surface: #f7f3ea;
  --muted: #cfc5ae;
  --text-on-light: #1b1a17;
  --text-muted-on-light: #5c5446;
  --accent: #eb8521;
  --accent-soft: #f6b469;
  --accent-on-light: #a5520a;
  --accent-rgb: 235 133 33;
  --accent-on-light-rgb: 165 82 10;
  --border-light: #e6dfcf;
  --header-height: 76px;
  --shadow-card: 0 12px 32px rgb(14 20 20 / 10%);
}
html { scrollbar-color: var(--accent) var(--ink); }
body.scc-site { background: var(--ink); color: var(--white); }
.scc-skip { position: fixed; left: 16px; top: -100px; z-index: 100; padding: 12px 20px; border-radius: var(--radius-control); background: var(--accent); color: #141414; font-weight: 800; }
.scc-skip:focus { top: 16px; }
.scc-site .button { --button-accent: var(--accent); }
.scc-site .button--secondary { --button-accent: #8a8170; }
.scc-site :focus-visible { outline-color: var(--accent); }
.scc-muted { color: var(--muted); }
.scc-small { font-size: var(--text-small); }

/* Header */
.scc-header { position: sticky; top: 0; z-index: 30; background: rgb(14 20 20 / 94%); backdrop-filter: blur(8px); border-bottom: 1px solid rgb(235 133 33 / 22%); }
.scc-header-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: var(--header-height); }
.scc-brand { display: inline-flex; align-items: center; gap: var(--space-3); color: var(--white); text-decoration: none; }
.scc-brand img { width: 52px; height: 52px; }
.scc-brand span { font: 400 1.125rem / 1.1 var(--font-heading); letter-spacing: .02em; text-transform: uppercase; }
.scc-nav { display: flex; align-items: center; gap: var(--space-1); }
.scc-nav a { padding: 10px 14px; border-radius: 999px; color: var(--white); font-weight: 700; font-size: var(--text-small); text-decoration: none; }
.scc-nav a:hover { background: rgb(235 133 33 / 14%); }
.scc-nav .scc-nav-app { background: var(--accent); color: #141414; }
.scc-nav .scc-nav-app:hover { background: var(--accent-soft); }
@media (max-width: 599px) {
  .scc-brand span { display: none; }
  .scc-nav a { padding: 9px 11px; }
}

/* Home hero: the copy and the photo side by side, nothing covers the photo. */
.scc-hero { padding-block: clamp(2rem, 1rem + 4vw, 5rem); background: radial-gradient(circle at 15% 10%, rgb(235 133 33 / 14%), transparent 46%), var(--ink); }
.scc-hero-grid { display: grid; gap: var(--space-7); align-items: center; }
.scc-hero-copy { display: grid; gap: var(--space-5); justify-items: start; }
.scc-hero-logo { width: clamp(120px, 22vw, 200px); height: auto; }
.scc-hero-copy .eyebrow { color: var(--accent); }
.scc-hero-copy .lead { color: var(--muted); }
.scc-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.scc-hero-photo { margin: 0; border-radius: var(--radius-card); overflow: hidden; border: 1px solid rgb(235 133 33 / 30%); box-shadow: 0 24px 60px rgb(0 0 0 / 40%); }
.scc-hero-photo img { width: 100%; height: auto; aspect-ratio: 736 / 920; object-fit: cover; }
@media (min-width: 900px) {
  .scc-hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .scc-hero-photo { max-width: 520px; justify-self: end; }
}

/* LIVE strip */
.scc-live { background: #1d1206; border-block: 1px solid rgb(235 133 33 / 35%); }
.scc-live-link { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); padding-block: var(--space-4); color: var(--white); text-decoration: none; }
.scc-live-link span:last-child { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--accent); font-weight: 800; }

/* Sections on cream */
.scc-section { background: var(--surface); color: var(--text-on-light); }
.scc-section .eyebrow { color: var(--accent-on-light); }
.scc-section h2 em { color: var(--accent-on-light); }
.scc-section .scc-muted { color: var(--text-muted-on-light); }
.scc-section--results { background: #efe8d8; }
.scc-results-list { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.scc-results-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--card-padding); border: 1px solid var(--border-light); border-radius: var(--radius-card); background: #fffdf7; }
.scc-results-list li > div { display: grid; gap: var(--space-2); min-width: 0; }
.scc-results-list h3 a { color: inherit; text-decoration: none; }
.scc-results-list h3 a:hover { color: var(--accent-on-light); }
.scc-results-list p { display: flex; align-items: center; gap: var(--space-2); color: var(--text-muted-on-light); font-size: var(--text-small); }
.scc-results-list .cmp-icon { width: 18px; height: 18px; color: var(--accent-on-light); }
.scc-winner { font-weight: 800; color: var(--text-on-light) !important; }
.scc-section .button { color: var(--white); }

/* App section */
.scc-app { background: var(--ink); color: var(--white); }
.scc-app .eyebrow { color: var(--accent); }
.scc-app h2 em { color: var(--accent); }
.scc-app .lead, .scc-app .scc-muted { color: var(--muted); }
.scc-app-grid { display: grid; gap: var(--space-7); align-items: center; }
.scc-app-grid > div:first-child { display: grid; gap: var(--space-5); }
.scc-feature-list { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.scc-feature-list li { display: grid; gap: var(--space-1); padding-left: var(--space-5); border-left: 3px solid var(--accent); color: var(--muted); }
.scc-feature-list strong { color: var(--white); font-size: var(--text-body); }
.scc-app-card { display: grid; place-items: center; padding: var(--space-7); border-radius: 28px; background: radial-gradient(circle at 50% 35%, rgb(235 133 33 / 22%), transparent 62%), #151b1b; border: 1px solid rgb(235 133 33 / 25%); }
.scc-app-card img { width: min(320px, 70%); height: auto; }
@media (min-width: 900px) { .scc-app-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); } }
@media (max-width: 899px) { .scc-app-card { display: none; } }

/* Competition pages: the shared components with the SCC accent */
.scc-site .cmp-breadcrumb a { color: inherit; }
.scc-app-side h2 { margin-bottom: var(--space-3); }
.scc-app-side .button { margin-top: var(--space-4); }
.scc-app-side p + p { margin-top: var(--space-3); }

/* Error page */
.scc-error .container { display: grid; gap: var(--space-5); justify-items: start; min-height: 40vh; align-content: center; }
.scc-error .eyebrow { color: var(--accent); }

/* Footer */
.scc-footer { border-top: 1px solid rgb(235 133 33 / 22%); background: var(--ink-deep); }
.scc-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-5); padding-block: var(--space-6); }
.scc-footer-links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.scc-footer-links a { color: var(--muted); font-size: var(--text-small); text-decoration: none; }
.scc-footer-links a:hover { color: var(--accent); }

/* competitions-v28.css tints some parts with the turquoise palette directly; here they take the orange. */
.scc-site .cmp-badge { background: rgb(235 133 33 / 10%); border-color: rgb(235 133 33 / 28%); }
.scc-site .cmp-list-content .cmp-badge { background: #fbeedd; color: var(--accent-on-light); border-color: #efd2ad; }
.scc-site .cmp-badge--past, .scc-site .cmp-list-content .cmp-badge--past { background: #f1ede4; color: var(--text-muted-on-light); border-color: var(--border-light); }
.scc-site .cmp-badge--live, .scc-site .cmp-list-content .cmp-badge--live { background: #E5283A; border-color: #E5283A; color: #fff; }
.scc-site .cmp-event-hero, .scc-site .cmp-results-hero { background: radial-gradient(ellipse at 90% 35%, rgb(235 133 33 / 9%), transparent 55%), var(--ink); }
.scc-site .cmp-poster > a { border-color: rgb(235 133 33 / 30%); }
.scc-site .cmp-zoom { border-color: rgb(235 133 33 / 45%); }
.scc-site .cmp-event-copy .lead { color: var(--muted); }
.scc-site .cmp-document-pdf { background: #f6ead8; }
.scc-site .cmp-results-table tbody tr:nth-child(even) { background: #fbf8f1; }
.scc-site .cmp-results-hero, .scc-site .cmp-event-hero { padding-top: var(--space-6); }