@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root {
  --ink:#f4f0e7;
  --paper:#090909;
  --red:#d9a441;
  --line:#2b2417;
  --muted:#9c968a;
  --panel:#121212
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif
}
.site-header {
  height:78px;
  padding:0 5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  background:rgba(9,9,9,.96);
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(10px)
}
.brand {
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--ink);
  text-decoration:none;
  font-weight:800;
  letter-spacing:.05em
}
.brand b {
  color:var(--red)
}
.crest {
  width:38px;
  height:44px;
  display:grid;
  place-items:center;
  background:var(--red);
  color:#090909;
  clip-path:polygon(50% 0,100% 13%,92% 73%,50% 100%,8% 73%,0 13%);
  font-family:'Barlow Condensed';
  font-size:24px
}
.club-logo {
  width: 98px;
  height: 98px;
  object-fit: contain;
  display: block;
}
.hero-logo {
    width: 720px;
    height: 720px;
    object-fit: contain;
}
.site-header.header-hidden{transform:translateY(calc(-100% - 28px));opacity:0;pointer-events:none}
.nav {
  display:flex;
  gap:27px
}
.nav a {
  color:var(--ink);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em
}
.nav a.active,.nav a:hover {
  color:var(--red)
}
.menu-toggle {
  display:none;
  border:0;
  background:none;
  color:var(--red);
  font-size:25px
}
.hero {
  min-height:650px;
  padding:8vw 7vw;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(120deg,#050505 0%,#111 65%,#241c0f 100%);
  color:#fff
}
.hero-copy {
  max-width:700px
}
.eyebrow {
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em;
  color:var(--red);
  margin:0 0 18px
}
.hero h1,.page-hero h1,h2 {
  font-family:'Barlow Condensed',Impact,sans-serif;
  text-transform:uppercase;
  line-height:.9;
  margin:0
}
.hero h1 {
  font-size:clamp(70px,9vw,150px);
  letter-spacing:-.025em
}
.hero h1 em,.quote em {
  color:var(--red);
  font-style:normal
}
.lead {
  font-size:18px;
  line-height:1.6;
  max-width:540px;
  color:#c7c2b8;
  margin:28px 0
}
.actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.btn {
  display:inline-block;
  padding:15px 24px;
  border:1px solid transparent;
  text-decoration:none;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
  cursor:pointer
}
.btn-primary {
  background:var(--red);
  color:#0a0a0a
}
.btn-ghost {
  border-color:#6f624c;
  color:#fff
}
.hero-ball {
  display:grid;
  place-items:center;
  height:100%;
  transform:rotate(-12deg)
}
.ball {
  font-size:260px;
  filter:grayscale(1) contrast(1.3);
  opacity:.9
}
.ticker {
  display:grid;
  grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;
  padding:20px 5vw;
  background:var(--red);
  color:#090909;
  gap:18px;
  align-items:center;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em
}
.ticker strong {
  font-size:21px;
  font-family:'Barlow Condensed';
  letter-spacing:.04em
}
.section {
  padding:90px 7vw
}
.section-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:35px
}
h2 {
  font-size:clamp(44px,6vw,80px)
}
.text-link {
  color:var(--red);
  font-weight:800;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none
}
.match-card {
  border:1px solid var(--line);
  padding:30px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:25px;
  align-items:center;
  background:var(--panel)
}
.match-card div:not(.versus) {
  display:grid;
  gap:7px
}
.match-card div:last-child {
  text-align:right
}
.match-card strong {
  font-family:'Barlow Condensed';
  font-size:38px;
  text-transform:uppercase
}
.muted,small {
  font-size:10px;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase
}
.versus {
  font-family:'Barlow Condensed';
  font-size:18px;
  color:var(--red)
}
.dark-section {
  background:#0e0e0e;
  color:#fff
}
.dark-section .text-link {
  color:var(--red)
}
.news-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:18px
}
.news-card {
  background:#151515;
  border:1px solid var(--line)
}
.news-image {
  height:240px;
  background-size:cover;
  background-position:center
}
.featured .news-image {
  height:330px
}
.image-one {
  background:radial-gradient(circle at 55% 45%,#d7a64a 0 4%,transparent 5%),linear-gradient(135deg,#1c1c1c,#8d682a 55%,#050505)
}
.image-two {
  background:linear-gradient(140deg,#4a4437,#77705c 45%,#171717)
}
.image-three {
  background:linear-gradient(135deg,#6c5a3d,#b88938 45%,#222)
}
.news-body {
  padding:25px
}
.tag {
  color:var(--red);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em
}
.news-body h3 {
  font-family:'Barlow Condensed';
  text-transform:uppercase;
  font-size:34px;
  line-height:.95;
  margin:13px 0
}
.news-body p {
  color:#aaa49a;
  line-height:1.6
}
.news-body a {
  color:inherit;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase
}
.footer {
  padding:45px 7vw;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  border-top:1px solid var(--line);
  font-size:12px;
  color:var(--muted)
}
.page-hero {
  padding:120px 7vw 80px;
  background:#101010;
  color:white;
  border-bottom:1px solid var(--line)
}
.page-hero h1 {
  font-size:clamp(70px,11vw,150px)
}
.page-hero p:not(.eyebrow) {
  max-width:650px;
  font-size:18px;
  color:#bbb5aa;
  line-height:1.6
}
.players {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.roster-group {
  margin-top:65px
}
.roster-heading {
  margin-bottom:25px
}
.roster-heading h2 {
  font-size:52px
}
.player {
  border-bottom:1px solid var(--line);
  padding-bottom:22px;
  background:transparent
}
.player-photo {
  height:330px;
  background:linear-gradient(145deg,#776846,#252525);
  display:flex;
  align-items:end;
  justify-content:end;
  padding:15px;
  border:1px solid var(--line)
}
.player-photo span {
  font-family:'Barlow Condensed';
  font-size:65px;
  color:rgba(220,164,67,.72)
}
.p1 {
  background:linear-gradient(145deg,#5c4d32,#8d682e)
}
.p2 {
  background:linear-gradient(145deg,#786b4c,#252525)
}
.p3 {
  background:linear-gradient(145deg,#2d2d29,#8a692d)
}
.p4 {
  background:linear-gradient(145deg,#81724f,#3a3a36)
}
.p5 {
  background:linear-gradient(145deg,#66563c,#222)
}
.player-meta {
  padding-top:17px
}
.player-topline {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center
}
.player-role {
  font-size:10px;
  color:var(--muted);
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase
}
.player-number {
  font-family:'Barlow Condensed';
  font-size:22px;
  color:var(--red)
}
.player h3 {
  font-family:'Barlow Condensed';
  font-size:34px;
  text-transform:uppercase;
  margin:7px 0 3px
}
.player p {
  margin:0;
  color:var(--muted);
  font-size:12px
}
.player p strong {
  color:var(--ink);
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.08em;
  margin-right:6px
}
.fixtures {
  border-top:1px solid var(--line)
}
.fixture {
  position:relative;
  padding:28px 10px 28px 28px;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  gap:20px;
  align-items:center;
  background:transparent
}
.fixture span,.fixture small {
  font-size:10px;
  color:var(--muted);
  font-weight:800
}
.fixture strong {
  font-family:'Barlow Condensed';
  font-size:34px;
  text-transform:uppercase
}
.fixture strong b {
  color:var(--gold)
}
.fixture .fixture-score {
  color:var(--gold);
  margin:0 10px;
  white-space:nowrap
}
.fixture-meta {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px
}
.fixture-status {
  color:var(--ink);
  font-size:12px;
  letter-spacing:.08em
}
.fixtures-empty {
  padding:35px 10px;
  color:var(--muted);
  font-weight:700
}
.fixture.next {
  border-left:5px solid var(--red);
  padding-left:25px
}
.split {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:10vw;
  align-items:center
}
.split p:not(.eyebrow) {
  max-width:650px;
  line-height:1.8;
  color:#b9b3a7
}
.quote {
  font-family:'Barlow Condensed';
  font-size:70px;
  text-transform:uppercase;
  line-height:.9;
  border-left:1px solid var(--red);
  padding-left:35px
}
.stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:var(--red);
  color:#090909
}
.stats div {
  padding:55px 7vw;
  border-right:1px solid rgba(0,0,0,.2);
  display:grid;
  gap:8px
}
.stats b {
  font:700 70px 'Barlow Condensed'
}
.stats span {
  text-transform:uppercase;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em
}
.contact-grid {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:10vw
}
form {
  display:grid;
  gap:18px
}
label {
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
  display:grid;
  gap:8px
}
input,textarea {
  font:inherit;
  border:1px solid var(--line);
  background:#fff;
  color:#111;
  padding:15px;
  resize:vertical
}
.status {
  font-size:12px;
  font-weight:700;
  color:var(--red)
}
.status.is-success {
  color:var(--gold)
}
.honeypot {
  display:none
}
.roster-group:first-of-type {
  margin-top:0
}
@media(max-width:800px) {
  .site-header {
    height:68px
  }
  .menu-toggle {
    display:block
  }
  .nav {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:68px;
    background:var(--paper);
    padding:22px 7vw;
    flex-direction:column;
    border-bottom:1px solid var(--line)
  }
  .nav.open {
    display:flex
  }
  .hero {
    grid-template-columns:1fr;
    min-height:650px
  }
  .hero-ball {
    position:absolute;
    right:-90px;
    opacity:.2
  }
  .ticker {
    grid-template-columns:1fr 1fr
  }
  .ticker div:nth-child(5) {
    display:none
  }
  .news-grid,.players,.split,.contact-grid {
    grid-template-columns:1fr
  }
  .featured .news-image,.news-image {
    height:260px
  }
  .fixture {
    grid-template-columns:1fr
  }
  .fixture strong {
    font-size:30px
  }
  .stats {
    grid-template-columns:1fr 1fr
  }
  .stats div {
    padding:35px
  }
  .footer {
    align-items:flex-start;
    flex-direction:column
  }
  .match-card {
    grid-template-columns:1fr;
    text-align:center
  }
  .match-card div:last-child {
    text-align:center
  }
  .roster-heading h2 {
    font-size:42px
  }
}


/* News article detail */
.news-detail{max-width:900px;margin:0 auto;border:1px solid var(--line);background:#1b1f20;border-radius:10px;overflow:hidden}
.news-detail-head{padding:36px 40px 28px}.news-detail-head h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(52px,7vw,92px);line-height:.9;margin:10px 0 14px;color:#fff}.news-detail-date{color:#9c9c95;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-detail-image{height:420px;background-size:cover;background-position:center}.news-detail-content{padding:35px 40px;font-size:17px;line-height:1.85;color:#d0d0ca}.back-news{display:inline-block;margin:0 40px 38px;color:var(--red);font-weight:800;text-transform:uppercase;font-size:12px;text-decoration:none}.detail-loading,.detail-error{padding:50px 40px;color:#aaa}.read-story{display:inline-block;margin-top:6px;color:inherit;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase}
@media(max-width:800px){.news-detail-head{padding:26px 22px}.news-detail-image{height:250px}.news-detail-content{padding:25px 22px;font-size:15px}.back-news{margin-left:22px;margin-right:22px}}
.language-toggle{margin-left:auto;margin-right:22px;min-width:70px;height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.035);color:var(--ink);font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.language-toggle:hover{background:rgba(217,164,65,.12);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.language-flag{font-size:17px;line-height:1}.language-code{font-size:11px;line-height:1}@media(max-width:760px){.language-toggle{margin-right:12px;height:34px;min-width:64px}.site-header{padding:0 4vw}.nav{gap:16px}}

/* Premium black & gold page hero */
.page-hero-premium{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 10%, rgba(201,162,39,.18), transparent 38%),
    linear-gradient(135deg,#050505 0%,#0b0b0b 52%,#020202 100%);
  border-bottom:1px solid rgba(201,162,39,.38);
}
.page-hero-premium::before{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-2;
  background-image:url("../images/logo.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:min(560px,58vw);
  opacity:.12;
  filter:grayscale(1) contrast(1.15);
  transform:rotate(-4deg);
}
.page-hero-premium::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.36),rgba(0,0,0,.78)),
    repeating-linear-gradient(135deg,transparent 0 22px,rgba(201,162,39,.035) 23px 24px);
  box-shadow:inset 0 -1px 0 rgba(201,162,39,.18);
  pointer-events:none;
}
.page-hero-premium h1,
.page-hero-premium h2,
.page-hero-premium p{
  position:relative;
  z-index:1;
  text-shadow:0 3px 20px rgba(0,0,0,.9);
}
.page-hero-premium h1{
  letter-spacing:.02em;
}

.match-card.is-upcoming{
  position:relative;
  overflow:hidden;
}
.match-card.is-upcoming::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#a98213,#e4c45a,#a98213);
}

.hero-premium-home{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 42%,rgba(220,164,67,.28),transparent 28%),radial-gradient(circle at 18% 25%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 20% 78%,rgba(255,255,255,.07),transparent 25%),linear-gradient(135deg,#020202 0%,#090909 44%,#17120b 100%)}
.hero-premium-home::before{display:none}
.hero-premium-home .hero-ball{position:relative;transform:none}
.hero-premium-home .hero-ball::before{content:"";position:absolute;inset:50% auto auto 50%;width:min(1100px,92vw);height:min(1100px,92vw);transform:translate(-50%,-50%);background:url("../images/logo.png") center center/contain no-repeat;opacity:.075;filter:none;pointer-events:none;z-index:0}
.hero-premium-home::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.28) 100%),repeating-linear-gradient(135deg,transparent 0 26px,rgba(220,164,67,.045) 27px 28px);pointer-events:none}
.hero-premium-home .hero-copy,.hero-premium-home .hero-ball{position:relative;z-index:1}

.hero-premium-home .hero-ball::after{display:none}
.hero-premium-home .hero-logo{position:relative;z-index:1;filter:drop-shadow(0 18px 35px rgba(0,0,0,.75)) drop-shadow(0 0 28px rgba(220,164,67,.18))}

.fixture.is-upcoming{position:relative;overflow:hidden;}
.fixture.is-upcoming::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#f0c52a;box-shadow:0 0 16px rgba(240,197,42,.32);}

/* Header scroll + language flag refinement */
.site-header{
  transform:translateY(0);
  opacity:1;
  transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease;
  will-change:transform,opacity;
}
.site-header.header-hidden{
  transform:translateY(calc(-100% - 28px));
  opacity:0;
  pointer-events:none;
}
.language-flag{
  position:relative;
  display:inline-block;
  width:20px;
  height:14px;
  flex:0 0 20px;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}
.language-flag.flag-hr{
  background:linear-gradient(to bottom,#ff1f3d 0 33.33%,#fff 33.33% 66.66%,#1717a8 66.66%);
}
.language-flag.flag-hr::after{
  content:"";
  position:absolute;
  left:7px;
  top:3px;
  width:6px;
  height:8px;
  border-radius:1px;
  background:linear-gradient(to bottom,#e5c35b 0 50%,#fff 50% 100%);
  box-shadow:0 0 0 1px rgba(120,70,20,.45);
}
.language-flag.flag-en{background:#fff;}
.language-flag.flag-en::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 0 40%,#c8102e 40% 60%,transparent 60%),linear-gradient(0deg,transparent 0 36%,#c8102e 36% 64%,transparent 64%);
}
.language-flag.flag-en::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 0 45%,#fff 45% 55%,transparent 55%),linear-gradient(0deg,transparent 0 41%,#fff 41% 59%,transparent 59%);
  opacity:.95;
}

/* News image links + final mobile polish */
.news-image-link{display:block;color:inherit;text-decoration:none;overflow:hidden}
.news-image-link .news-image{transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s ease}
.news-image-link:hover .news-image,.news-image-link:focus-visible .news-image{transform:scale(1.035);filter:brightness(1.08)}
.news-image-link:focus-visible{outline:2px solid var(--red);outline-offset:-2px}

@media(max-width:800px){
  .site-header{height:64px;margin:10px 3vw 0;padding:0 12px;border-radius:18px;top:10px}
  .brand{gap:7px;font-size:13px;white-space:nowrap}
  .club-logo{width:54px;height:54px}
  .language-toggle{margin-left:auto;margin-right:8px;min-width:62px;height:34px;padding:0 8px}
  .menu-toggle{font-size:23px;line-height:1;padding:6px}
  .nav{top:72px;left:0;right:0;padding:14px;border-radius:16px}
  .nav a{padding:11px 12px;font-size:12px}

  .hero.hero-premium-home{min-height:720px;padding:115px 7vw 55px;display:flex;align-items:flex-start;position:relative}
  .hero-premium-home .hero-copy{position:relative;z-index:2;width:100%}
  .hero-premium-home .hero-ball{position:absolute;right:-24%;bottom:-4%;width:90vw;height:90vw;max-width:500px;max-height:500px;opacity:.9;z-index:1}
  .hero-premium-home .hero-ball::before{width:125vw;height:125vw}
  .hero-premium-home .hero-logo{width:min(100%,500px);height:auto}
  .hero h1{font-size:clamp(54px,15vw,92px);line-height:.88}
  .lead{font-size:14px;line-height:1.45;max-width:320px;margin:20px 0}
  .actions{gap:9px}
  .btn{padding:13px 16px;font-size:11px}

  .ticker{grid-template-columns:1fr 1fr;padding:14px 5vw;gap:10px;font-size:9px}
  .ticker strong{grid-column:1 / -1;font-size:18px}
  .ticker div:nth-child(5){display:block;font-size:9px}

  .section{padding:58px 6vw}
  .section-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}
  h2{font-size:clamp(42px,12vw,64px)}
  .match-card{padding:22px 16px;gap:15px}
  .match-card strong{font-size:29px}
  .news-grid{gap:14px}
  .news-card{border-radius:0}
  .news-image,.featured .news-image{height:220px}
  .news-body{padding:20px}
  .news-body h3{font-size:25px}
  .news-body p{font-size:14px;line-height:1.55}
}

@media(max-width:420px){
  .brand span{font-size:12px}
  .club-logo{width:48px;height:48px}
  .language-toggle{min-width:58px}
  .hero.hero-premium-home{min-height:680px;padding-left:6vw;padding-right:6vw}
  .hero h1{font-size:clamp(50px,14vw,68px)}
  .hero-premium-home .hero-ball{right:-31%;bottom:-2%;width:100vw;height:100vw}
  .ticker strong{font-size:16px}
  .news-image,.featured .news-image{height:200px}
}

/* Mobile centering + tappable news images */
.news-image-link{display:block;width:100%;color:inherit;text-decoration:none}
.news-image-link .news-image{width:100%}
@media(max-width:800px){
  body{overflow-x:hidden}
  .site-header{left:0;right:0;margin-left:3vw;margin-right:3vw}
  .hero.hero-premium-home{padding-left:5vw;padding-right:5vw;text-align:center;align-items:center}
  .hero-premium-home .hero-copy{display:flex;flex-direction:column;align-items:center;transform:translateY(-155px)}
  .hero-premium-home .hero-ball{left:50%;right:auto;transform:translateX(-50%);bottom:-8%;}
  .hero-premium-home .hero-ball::before{left:50%;transform:translate(-50%,-50%)}
  .hero h1,.hero .lead,.hero .eyebrow{margin-left:auto;margin-right:auto}
  .actions{justify-content:center;align-items:center;flex-wrap:wrap}
  .ticker{text-align:center;justify-items:center}
  .section{text-align:center}
  .section-head{align-items:center;text-align:center}
  .match-card{width:100%;margin-left:auto;margin-right:auto}
  .news-grid{width:100%;justify-items:center}
  .news-card{width:100%;text-align:left}
  .news-image-link{cursor:pointer}
  .footer{align-items:center;text-align:center}
}
@media(max-width:420px){
  .hero.hero-premium-home{padding-left:4vw;padding-right:4vw}
  .hero-premium-home .hero-copy{transform:translateY(-130px)}
  .hero-premium-home .hero-ball{left:50%;right:auto;width:100vw;height:100vw;bottom:-8%}
  .section{padding-left:5vw;padding-right:5vw}
}