:root {
  --space: #050717;
  --navy: #0c1230;
  --ink: #fff8ff;
  --muted: rgba(255,248,255,.72);
  --hot: #ff4ca3;
  --hot2: #ff7fc7;
  --violet: #8c53ff;
  --blue: #42a8ff;
  --gold: #ffd86c;
  --card: rgba(11,15,46,.72);
  --card2: rgba(29,17,69,.7);
  --line: rgba(255,255,255,.18);
  --shadow: 0 24px 80px rgba(0,0,0,.36);
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 15% 8%, rgba(69,194,255,.38), transparent 26rem),
    radial-gradient(circle at 75% 18%, rgba(255,76,163,.36), transparent 30rem),
    radial-gradient(circle at 55% 45%, rgba(140,83,255,.28), transparent 30rem),
    linear-gradient(180deg, #06081b 0%, #0c1230 45%, #09071b 100%);
  min-height: 100vh;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(255,255,255,.55) 0 1px, transparent 1.6px);
  background-size: 44px 44px, 87px 87px;
  background-position: 0 0, 18px 25px;
  opacity: .52;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(ellipse at 50% 5%, transparent 0 45%, rgba(5,7,23,.5) 80%),
    linear-gradient(115deg, rgba(255,255,255,.08), transparent 28%, rgba(255,76,163,.07) 55%, transparent 74%);
  mix-blend-mode: screen;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.skip-link { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { left:1rem; top:1rem; width:auto; height:auto; background:#fff; color:#111; padding:.7rem 1rem; z-index:9999; border-radius:999px; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: .7rem 1rem .45rem;
  background: linear-gradient(180deg, rgba(5,7,23,.92), rgba(5,7,23,.68));
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.header-shell {
  width: min(1360px, 100%);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.brand { display:flex; align-items:center; gap:.75rem; min-width: 0; }
.brand-art {
  width: 112px;
  height: 62px;
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.45);
  box-shadow: 0 0 0 4px rgba(255,76,163,.16), 0 12px 34px rgba(0,0,0,.28);
  flex: 0 0 auto;
}
.brand-art img { width:100%; height:100%; object-fit:cover; object-position: center 42%; }
.brand-copy { display:grid; line-height:1; }
.brand-main {
  font-family: "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;
  font-weight: 1000;
  letter-spacing: -.04em;
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  color: #fff;
  text-shadow: 3px 3px 0 #09071b, 0 0 18px rgba(255,76,163,.7);
}
.brand-small { margin-top:.3rem; color: var(--hot2); font-weight:900; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.nav { display:none; margin-left:auto; gap:.35rem; align-items:center; }
.nav a { padding:.75rem .8rem; border-radius:999px; color:rgba(255,255,255,.82); font-weight:900; font-size:.9rem; }
.nav a:hover { background:rgba(255,255,255,.08); color:#fff; }
.header-actions { display:flex; align-items:center; gap:.6rem; margin-left:auto; position:relative; }
.social-row, .mobile-socials, .footer-socials { display:flex; align-items:center; gap:.45rem; }
.social-row { display:none; }
.social-icon {
  width:38px; height:38px; border-radius:999px; display:grid; place-items:center;
  background: linear-gradient(145deg, rgba(255,76,163,.95), rgba(140,83,255,.8));
  border:1px solid rgba(255,255,255,.24);
  box-shadow: 0 10px 26px rgba(255,76,163,.2);
  overflow:hidden;
}
.social-icon img { width: 24px; height:24px; object-fit:contain; }
.social-img[aria-label="Facebook"] img { width: 28px; height:28px; }
.social-img[aria-label="Instagram"] img { width: 26px; height:26px; }
.social-img[aria-label="TikTok"] img { width: 24px; height:24px; }
.follow-btn, .menu-btn, .mini-btn, button, .btn-primary, .btn-violet, .btn-blue, .btn-light, .btn-dark {
  font: inherit;
  font-weight: 1000;
  border:0;
  cursor:pointer;
  border-radius: 999px;
  padding: .9rem 1.15rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 12px 30px rgba(0,0,0,.28);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.follow-btn, .btn-primary, .mini-btn { background: linear-gradient(135deg, var(--hot), #ff7fc7); color:#fff; }
.btn-violet { background: linear-gradient(135deg, var(--violet), #c172ff); color:#fff; }
.btn-blue { background: linear-gradient(135deg, #277bff, var(--blue)); color:#fff; }
.btn-light { background: rgba(255,255,255,.92); color:#160e26; }
.btn-dark { background:#0b102e; color:#fff; border:1px solid rgba(255,255,255,.22); }
.follow-btn:hover, .menu-btn:hover, .mini-btn:hover, button:hover, .btn-primary:hover, .btn-violet:hover, .btn-blue:hover, .btn-light:hover, .btn-dark:hover { transform: translateY(-2px); filter: brightness(1.06); }
.menu-btn { background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.22); padding:.75rem 1rem; }
.mobile-panel {
  position:absolute; right:0; top:calc(100% + .75rem); width:min(290px, calc(100vw - 32px));
  display:none; padding:.75rem; border-radius: 22px; border:1px solid rgba(255,255,255,.18);
  background:rgba(7,9,31,.96); box-shadow: var(--shadow);
}
.mobile-panel.open { display:grid; gap:.25rem; }
.mobile-panel a { padding:.85rem 1rem; border-radius:16px; font-weight:900; color:rgba(255,255,255,.82); }
.mobile-panel a:hover { background:rgba(255,255,255,.08); color:#fff; }
.mobile-socials { justify-content:center; padding-top:.55rem; }
.hero { position:relative; padding: clamp(2.2rem, 5vw, 5.5rem) 0 2rem; overflow:hidden; }
.hero::after {
  content:"";
  position:absolute; left:0; right:0; bottom:-4rem; height:16rem;
  background: radial-gradient(ellipse at center, rgba(255,127,199,.4), transparent 65%);
  pointer-events:none;
}
.hero-grid { display:grid; gap:2rem; align-items:center; position:relative; z-index:1; }
.kicker, .eyebrow {
  display:inline-flex; align-items:center; gap:.4rem;
  color:#fff; background: rgba(255,76,163,.16); border:1px solid rgba(255,76,163,.38);
  border-radius:999px; padding:.45rem .75rem; font-size:.76rem; font-weight:1000; letter-spacing:.1em; text-transform:uppercase;
}
h1, h2, h3, p { margin-top:0; }
h1 {
  font-family: "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(3rem, 8.2vw, 6.9rem);
  line-height:.87;
  letter-spacing:-.08em;
  margin:.75rem 0 1rem;
  text-shadow: 5px 5px 0 #070819, 0 0 28px rgba(255,76,163,.38);
}
h1::first-line { color:#fff; }
.hero-copy h1 { max-width: 760px; }
h2 { font-size: clamp(2rem, 4vw, 3.4rem); line-height:1; letter-spacing:-.05em; margin:.5rem 0 1rem; }
h3 { font-size:1.35rem; line-height:1.08; letter-spacing:-.03em; margin:.2rem 0 .6rem; }
.lead { color:var(--muted); font-size: clamp(1.04rem, 1.6vw, 1.3rem); line-height:1.65; max-width: 680px; }
.hero-buttons { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.1rem; }
.race-strip {
  margin:1.5rem 0 1rem; padding:1rem; border-radius:22px;
  background: rgba(7,9,31,.78); border:1px solid rgba(255,255,255,.18); box-shadow: var(--shadow);
  max-width: 620px;
}
.race-names { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-weight:1000; color:#ff9ed1; text-transform:uppercase; font-size:.88rem; letter-spacing:.08em; }
.race-names span:last-child { color:#76bdff; }
.hero-race-meter, .meter {
  position:relative; height:26px; margin:.75rem 0; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; border:1px solid rgba(255,255,255,.16);
}
.hero-race-meter span, .meter span, .big-meter-fill { display:block; width:var(--w, 67%); height:100%; border-radius:999px; background:linear-gradient(90deg, var(--hot), var(--violet), var(--blue)); box-shadow:0 0 26px rgba(255,76,163,.5); }
.hero-race-meter b {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:52px; height:52px; border-radius:999px; background:#071026; border:2px solid rgba(255,255,255,.7);
  display:grid; place-items:center; font-size:.9rem; box-shadow:0 8px 20px rgba(0,0,0,.38);
}
.race-strip p { margin:0; text-align:center; color:#fff; letter-spacing:.08em; }
.hero-visual { position:relative; min-height: 420px; display:grid; place-items:center; }
.moon {
  position:absolute; width: min(72vw, 560px); aspect-ratio:1; border-radius:50%;
  background: radial-gradient(circle at 35% 35%, #fff, #d995ff 18%, #7748dc 55%, transparent 72%);
  opacity:.82; filter: blur(.2px); box-shadow:0 0 80px rgba(197,117,255,.45);
}
.couch-hero-img {
  position:relative; width:min(100%, 680px); border-radius:34px;
  box-shadow: 0 0 0 2px rgba(255,255,255,.28), 0 26px 100px rgba(0,0,0,.45);
  transform: rotate(.5deg);
}
.float-card {
  position:absolute; padding:.75rem 1rem; border-radius:18px; background:rgba(255,255,255,.92); color:#160e26;
  box-shadow:0 16px 40px rgba(0,0,0,.28); display:grid; gap:.1rem; font-weight:1000;
}
.float-card span { color:#9a2aff; font-size:.85rem; }
.float-one { left:3%; bottom:18%; transform:rotate(-4deg); }
.float-two { right:2%; top:18%; transform:rotate(5deg); }
.section { padding: clamp(2.4rem, 5vw, 5.5rem) 0; position:relative; }
.page-hero { padding: clamp(3rem, 6vw, 6.5rem) 0 3rem; background: radial-gradient(circle at 50% 0%, rgba(255,76,163,.28), transparent 34rem); }
.two-col { display:grid; gap:2rem; align-items:center; }
.section-head { text-align:center; max-width:850px; margin:0 auto 1.6rem; }
.section-head p { color:var(--muted); line-height:1.65; }
.panel-grid, .card-grid, .poster-grid, .chase-grid { display:grid; gap:1rem; }
.panel, .glass-card, .race-card, .boss-card, .update-card, .video-card, .poster-card, .action-card, .product-card {
  background: linear-gradient(145deg, rgba(13,18,55,.83), rgba(26,15,61,.78));
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--radius);
  padding:1.25rem;
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.panel::before, .glass-card::before, .race-card::before, .update-card::before, .video-card::before, .action-card::before, .product-card::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(circle at 12% 5%, rgba(255,127,199,.18), transparent 16rem);
}
.panel > *, .glass-card > *, .race-card > *, .update-card > *, .video-card > *, .action-card > *, .product-card > * { position:relative; }
.mission-panel { min-height:340px; }
.check-list { list-style:none; padding:0; margin:1rem 0; display:grid; gap:.45rem; color:var(--muted); }
.check-list li::before { content:"💗 "; }
.reel-row { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; margin:1rem 0; }
.reel-row a {
  min-height:150px; border-radius:18px; padding:.7rem; display:flex; flex-direction:column; justify-content:flex-end;
  background: linear-gradient(180deg, rgba(255,76,163,.24), rgba(9,8,28,.95)), radial-gradient(circle at 50% 20%, rgba(255,255,255,.25), transparent 45%);
  border:1px solid rgba(255,255,255,.16);
}
.reel-row span { font-size:2rem; }
.reel-row b { display:block; line-height:1.05; font-size:1.05rem; }
.reel-row em { font-style:normal; color:#ffe58c; font-size:.8rem; margin-top:.3rem; }
.download-mini { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin:1rem 0; }
.download-mini span {
  min-height:118px; display:grid; place-items:center; text-align:center; font-weight:1000; border-radius:16px; padding:.6rem;
  background:linear-gradient(145deg, rgba(255,76,163,.28), rgba(66,168,255,.18)); border:1px solid rgba(255,255,255,.18);
}
.product-row { display:flex; gap:.8rem; margin:1rem 0 1.1rem; }
.product-row span { font-size:3rem; width:30%; aspect-ratio:1; display:grid; place-items:center; background:rgba(255,255,255,.1); border-radius:20px; border:1px solid rgba(255,255,255,.15); }
.support-band { background: linear-gradient(90deg, rgba(255,76,163,.18), rgba(66,168,255,.12)); border-block: 1px solid rgba(255,255,255,.1); }
.support-grid { display:grid; gap:1.5rem; align-items:center; }
.support-cat img { width:100%; max-height:260px; object-fit:cover; border-radius:28px; box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.18); }
.big-meter { margin:1rem 0 1.3rem; }
.count-line { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; margin-bottom:.65rem; color:#ffd7ed; font-weight:900; }
.count-line strong { font-size:2rem; color:#fff; }
.big-meter-track { height:22px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); border-radius:999px; overflow:hidden; }
.small-muted { color:rgba(255,248,255,.62); font-size:.92rem; line-height:1.55; }
.support-icons { display:grid; gap:.8rem; }
.support-icons div { display:flex; gap:.75rem; align-items:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:20px; padding:1rem; }
.support-icons span { font-size:2rem; }
.update-card span, .update-list span { color:var(--hot2); font-weight:1000; font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; }
.update-card p, .video-card p, .action-card p, .product-card p, .timeline p, .boss-card p { color:var(--muted); line-height:1.6; }
.image-card img { border-radius:22px; }
.timeline { display:grid; gap:1rem; }
.timeline > div, .update-list article {
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:24px; padding:1.2rem;
}
.chase-grid { align-items:center; }
.race-card.big { text-align:center; }
.race-card.big p { text-transform:uppercase; color:var(--hot2); font-weight:1000; letter-spacing:.12em; }
.race-card.big strong { display:block; font-size:clamp(3rem, 8vw, 6rem); letter-spacing:-.08em; }
.versus { width:90px; height:90px; border-radius:999px; display:grid; place-items:center; margin:auto; background:var(--hot); color:#fff; font-weight:1000; font-size:1.4rem; box-shadow:var(--shadow); border:2px solid rgba(255,255,255,.5); }
.boss-card { margin-top:1rem; }
.video-card span, .action-card span, .product-card span { font-size:4rem; display:block; margin-bottom:.6rem; }
.poster-card {
  min-height:260px; display:flex; flex-direction:column; justify-content:space-between; text-align:center;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,232,246,.94)),
    linear-gradient(135deg, var(--hot), var(--blue));
  color:#171021;
  border:4px solid #171021;
  box-shadow: 8px 8px 0 rgba(255,76,163,.85), var(--shadow);
}
.poster-card b { font-size:clamp(1.8rem, 4vw, 2.7rem); line-height:.9; text-transform:uppercase; letter-spacing:-.06em; }
.poster-card span { color:#8c268d; font-weight:1000; text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; }
.contact-form { display:grid; gap:.85rem; }
.field { display:grid; gap:.45rem; }
.field label { font-weight:1000; color:#ffd7ed; font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; }
input, textarea, select {
  width:100%; border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:.9rem 1rem;
  background:rgba(255,255,255,.92); color:#130d24; font:inherit; font-weight:800;
}
textarea { min-height:130px; resize:vertical; }
.notice { display:none; padding:.85rem 1rem; border-radius:16px; background:rgba(109,255,198,.16); border:1px solid rgba(109,255,198,.3); color:#bcffe5; font-weight:900; }
.notice.show { display:block; }
.footer { padding:2rem 1rem; border-top:1px solid rgba(255,255,255,.12); background:rgba(4,5,18,.76); }
.footer-grid { width:min(1180px, 100%); margin:0 auto; display:grid; gap:1.5rem; }
.footer-blurb { margin:1rem 0 0; color:rgba(255,248,255,.68); line-height:1.7; max-width:620px; }
.footer-links { display:flex; flex-wrap:wrap; gap:.55rem; }
.footer-links a { padding:.55rem .75rem; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.78); font-weight:850; }
.footer-socials { margin-top:1rem; }
.admin-shell { min-height:100vh; padding:1rem; color:#fff; }
.admin-card { width:min(1180px, 100%); margin:0 auto 1rem; background:rgba(9,12,38,.88); border:1px solid rgba(255,255,255,.15); border-radius:26px; padding:1rem; box-shadow:var(--shadow); }
.admin-top { display:flex; gap:1rem; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.admin-tabs { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.admin-tabs button { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.16); }
.admin-tabs button.active { background:linear-gradient(135deg, var(--hot), var(--violet)); }
.admin-panel { display:none; }
.admin-panel.active { display:block; }
.admin-grid { display:grid; gap:1rem; }
.span-2 { grid-column:1 / -1; }
.admin-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.14); border-radius:20px; }
table { width:100%; border-collapse:collapse; min-width:780px; }
th,td { padding:.9rem; border-bottom:1px solid rgba(255,255,255,.12); text-align:left; vertical-align:top; }
th { color:#ffd7ed; text-transform:uppercase; font-size:.75rem; letter-spacing:.1em; }
.qr-card { background:rgba(255,255,255,.96); color:#130d24; border-radius:24px; padding:1rem; display:grid; gap:1rem; text-align:center; }
.qr-brand { display:grid; place-items:center; gap:.2rem; font-weight:1000; }
.qr-brand img { width:160px; height:90px; border-radius:16px; object-fit:cover; }
.qr-preview { display:grid; place-items:center; min-height:260px; background:linear-gradient(145deg, #fbe4ff, #e4f4ff); border-radius:20px; }
.qr-preview img { width:220px; height:220px; border:10px solid #fff; border-radius:16px; box-shadow:0 12px 30px rgba(0,0,0,.15); }
@media (min-width: 680px) {
  .panel-grid, .card-grid, .poster-grid { grid-template-columns:repeat(2,1fr); }
  .support-grid { grid-template-columns:.8fr 1.3fr; }
  .admin-grid { grid-template-columns:1fr 1fr; }
}
@media (min-width: 960px) {
  .hero-grid { grid-template-columns:1fr .96fr; }
  .nav { display:flex; }
  .social-row { display:flex; }
  .menu-btn, .mobile-socials { display:none; }
  .panel-grid { grid-template-columns:1fr 1fr 1fr 1fr; }
  .mission-panel, .reels-panel { grid-column: span 2; }
  .downloads-panel, .merch-panel { grid-column: span 2; }
  .card-grid.three { grid-template-columns:repeat(3,1fr); }
  .poster-grid { grid-template-columns:repeat(4,1fr); }
  .two-col { grid-template-columns:1fr 1fr; }
  .chase-grid { grid-template-columns:1fr auto 1fr; }
  .support-grid { grid-template-columns:.75fr 1fr .75fr; }
  .footer-grid { grid-template-columns:1.05fr .95fr; align-items:start; }
}
@media (max-width: 560px) {
  .site-header { padding:.55rem .75rem; }
  .brand-art { width:78px; height:46px; border-radius:14px; }
  .brand-main { font-size:1.08rem; }
  .brand-small { display:none; }
  .follow-btn { display:none; }
  .social-icon { width:34px; height:34px; }
  h1 { font-size:3.15rem; }
  .reel-row, .download-mini { grid-template-columns:1fr; }
  .float-card { display:none; }
  .hero-visual { min-height:300px; }
}


/* Final polish: real uploaded starry background and cleaner brand mark */
body {
  background:
    linear-gradient(180deg, rgba(5, 6, 23, .45), rgba(5, 6, 23, .72)),
    url("/assets/starry-background.webp") center top / cover fixed no-repeat;
}
.site-header {
  background: linear-gradient(180deg, rgba(3, 5, 20, .88), rgba(3, 5, 20, .55), transparent);
}
.header-shell {
  backdrop-filter: blur(18px);
}
.brand {
  min-width: 0;
}
.brand-art {
  width: clamp(78px, 10vw, 122px);
  height: clamp(54px, 7vw, 82px);
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 12px 34px rgba(255,76,163,.22);
}
.brand-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}
.brand-main {
  font-size: clamp(1.22rem, 2.1vw, 2rem);
  line-height: .9;
  text-shadow: 3px 3px 0 #050617, 0 0 18px rgba(255,76,163,.42);
}
.brand-small {
  display: none !important;
}
.hero,
.page-hero,
.support-band,
.footer {
  background-color: rgba(5, 6, 23, .22);
}
.star-panel {
  background:
    radial-gradient(circle at 72% 22%, rgba(255, 126, 199, .34), transparent 26rem),
    radial-gradient(circle at 24% 14%, rgba(66, 168, 255, .2), transparent 24rem);
}
.panel, .glass-card, .race-card, .boss-card, .update-card, .video-card, .poster-card, .action-card, .product-card,
.race-strip, .mobile-panel {
  background: linear-gradient(145deg, rgba(8, 11, 40, .86), rgba(25, 12, 57, .82));
  backdrop-filter: blur(12px);
}
.social-row .social-icon,
.mobile-socials .social-icon {
  background: rgba(255,255,255,.92);
}
.social-icon img {
  filter: none;
}
@media (max-width: 760px) {
  body {
    background-attachment: scroll;
  }
  .brand-art {
    width: 72px;
    height: 50px;
  }
  .brand-main {
    font-size: 1.12rem;
  }
}