:root{
  --ink:#060806;
  --black:#080907;
  --charcoal:#101510;
  --panel:#111a13;
  --panel2:#172217;
  --cream:#f8f3e8;
  --paper:#fffaf1;
  --muted:#b9c3b4;
  --soft:#d8dccd;
  --green:#0e5a36;
  --green2:#167a49;
  --green3:#20a363;
  --gold:#c9a84c;
  --gold2:#f1d77a;
  --gold3:#8c6a18;
  --red:#9e2222;
  --line:rgba(241,215,122,.22);
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius:24px;
  --radius2:16px;
  --max:1180px;
  --nav:78px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif:Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(32,163,99,.18),transparent 34rem),linear-gradient(180deg,#050705,#0a0c09 42%,#f8f3e8 42.1%,#f8f3e8 100%);color:var(--cream);font-family:var(--font);line-height:1.58;min-height:100vh}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.skip{position:absolute;left:-999px;top:0;background:var(--gold2);color:#111;padding:10px;z-index:999}.skip:focus{left:10px;top:10px}
.nav{position:sticky;top:0;z-index:99;height:var(--nav);backdrop-filter:blur(18px);background:rgba(7,10,7,.84);border-bottom:1px solid rgba(241,215,122,.16)}.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}.brand-logo{width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(241,215,122,.62),0 0 28px rgba(201,168,76,.32);background:#111}.brand strong{font-family:var(--serif);font-size:1.08rem;letter-spacing:.03em}.brand span{display:block;font-size:.72rem;color:var(--muted);margin-top:-3px}.links{display:flex;align-items:center;gap:4px}.links a,.dropbtn{padding:10px 12px;border-radius:999px;color:rgba(255,250,241,.82);text-decoration:none;font-weight:700;font-size:.86rem;border:0;background:transparent;cursor:pointer}.links a:hover,.links a.active,.dropbtn:hover{background:rgba(241,215,122,.12);color:#fff}.nav-cta{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111!important;box-shadow:0 10px 28px rgba(201,168,76,.22)}.drop{position:relative}.dropmenu{display:none;position:absolute;right:0;top:44px;width:270px;background:#0a0e0a;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--shadow)}.drop:hover .dropmenu{display:grid}.dropmenu a{border-radius:12px;padding:10px 12px}.hamb{display:none;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;padding:10px 12px;font-size:1rem}
.hero{position:relative;overflow:hidden;padding:78px 0 58px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 12%,rgba(241,215,122,.24),transparent 19rem),radial-gradient(circle at 12% 26%,rgba(32,163,99,.24),transparent 23rem);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(241,215,122,.12);border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--gold2);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.h1{font-family:var(--serif);font-size:clamp(2.9rem,8vw,6.7rem);line-height:.92;margin:18px 0 18px;letter-spacing:-.055em}.h1 .gold{display:block;background:linear-gradient(120deg,#fff7cf,#d9af42 48%,#fff0a8);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.03rem,1.8vw,1.28rem);color:#e7eadf;max-width:720px}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;font-weight:900;text-decoration:none;border:1px solid transparent;transition:.18s transform,.18s box-shadow,.18s background}.btn:hover{transform:translateY(-2px)}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#10140d;box-shadow:0 16px 38px rgba(201,168,76,.22)}.btn.green{background:linear-gradient(135deg,var(--green3),var(--green));color:#fff}.btn.dark{background:rgba(255,255,255,.07);border-color:var(--line);color:#fff}.btn.light{background:var(--cream);color:#0e150e}.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:32px;padding:22px;box-shadow:var(--shadow);position:relative}.hero-card .logo-big{width:290px;margin:0 auto 10px;filter:drop-shadow(0 34px 60px rgba(0,0,0,.5))}.dash{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:15px}.stat b{display:block;font-size:1.78rem;line-height:1;color:var(--gold2)}.stat span{font-size:.82rem;color:var(--muted);font-weight:700}.progress{height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:18px 0 8px}.bar{height:100%;width:40%;background:linear-gradient(90deg,var(--green3),var(--gold2));border-radius:999px}.micro{font-size:.8rem;color:var(--muted)}.section{padding:74px 0}.cream{background:var(--cream);color:#141914}.darksection{background:#070907;color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:0;letter-spacing:-.035em}.section-head p{max-width:620px;color:#586254;margin:0}.darksection .section-head p{color:var(--muted)}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{border-radius:var(--radius);background:rgba(255,255,255,.75);border:1px solid rgba(9,19,9,.08);box-shadow:0 20px 50px rgba(7,11,7,.08);padding:24px}.darksection .card,.card.dark{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);color:#fff}.card h3{margin:0 0 8px;font-size:1.18rem}.card p{margin:0;color:#5d6758}.darksection .card p,.card.dark p{color:var(--muted)}.icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(241,215,122,.22),rgba(32,163,99,.18));border:1px solid var(--line);font-size:1.25rem;margin-bottom:12px}.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.flow .step{background:#fff;border:1px solid rgba(9,19,9,.08);border-radius:18px;padding:16px;text-align:center}.flow .step b{display:block;color:var(--green);font-size:.82rem;margin-bottom:5px}.sponsor{border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#11180f,#0d3625 52%,#11180f);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr .55fr;min-height:252px}.sponsor-text{padding:32px}.sponsor small{display:inline-block;color:var(--gold2);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.sponsor h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3.2rem);margin:0 0 10px;line-height:1}.sponsor p{color:#e8eddd;margin:0 0 18px}.sponsor-art{position:relative;background:radial-gradient(circle at center,rgba(241,215,122,.32),transparent 16rem),linear-gradient(135deg,rgba(32,163,99,.3),rgba(0,0,0,.2));display:flex;align-items:center;justify-content:center;padding:26px}.meal-card{background:rgba(0,0,0,.28);border:1px solid rgba(241,215,122,.32);border-radius:26px;padding:22px;max-width:340px}.meal-card b{display:block;font-size:1.18rem;color:var(--gold2)}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:rgba(14,90,54,.1);border:1px solid rgba(14,90,54,.18);color:var(--green);font-weight:800;font-size:.8rem}.darksection .pill{background:rgba(241,215,122,.12);border-color:var(--line);color:var(--gold2)}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}.table th,.table td{text-align:left;padding:14px 15px;border-bottom:1px solid rgba(0,0,0,.08)}.table th{background:#0e5a36;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.table tr:last-child td{border-bottom:0}.notice{background:#fff8df;border:1px solid rgba(201,168,76,.42);color:#34270a;border-radius:18px;padding:18px}.darksection .notice{background:rgba(241,215,122,.1);color:#fff;border-color:var(--line)}.footer{padding:38px 0;background:#050705;color:#dce2d6;border-top:1px solid rgba(241,215,122,.12)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:24px}.footer a{display:block;color:#cbd4c5;text-decoration:none;margin:7px 0;font-size:.92rem}.footer a:hover{color:var(--gold2)}.fine{font-size:.78rem;color:#9aa494;max-width:860px;margin-top:24px}.hero-subpage{padding:62px 0 34px;background:#070907;color:#fff;border-bottom:1px solid rgba(241,215,122,.14)}.hero-subpage h1{font-family:var(--serif);font-size:clamp(2.4rem,6vw,5.2rem);line-height:.96;margin:16px 0}.hero-subpage p{max-width:760px;color:#e3e8dd;font-size:1.12rem}.kyo-launch{position:fixed;right:20px;bottom:20px;z-index:200;border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 18px 42px rgba(0,0,0,.34);cursor:pointer;display:flex;align-items:center;gap:8px}.kyo-panel{position:fixed;right:20px;bottom:82px;z-index:201;width:min(390px,calc(100vw - 30px));height:min(620px,calc(100vh - 110px));background:#071007;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);display:none;overflow:hidden}.kyo-panel.open{display:flex;flex-direction:column}.kyo-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0b281a,#071007)}.kyo-head img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#111}.kyo-head b{display:block}.kyo-head span{font-size:.78rem;color:var(--muted)}.kyo-close{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;border-radius:12px;padding:8px 10px;cursor:pointer}.kyo-body{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px;flex:1}.bubble{padding:11px 13px;border-radius:18px;max-width:86%;font-size:.92rem}.bot{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);align-self:flex-start}.user{background:linear-gradient(135deg,var(--green3),var(--green));align-self:flex-end}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);background:rgba(241,215,122,.08);color:#f6e8a5;border-radius:999px;padding:8px 10px;font-size:.78rem;cursor:pointer}.kyo-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.kyo-form input{flex:1;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:12px 14px}.kyo-form button{border:0;background:var(--gold2);color:#111;border-radius:999px;padding:0 15px;font-weight:900;cursor:pointer}.profile-card{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:center}.avatar{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--gold));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini{font-size:.78rem;color:#697365}.darksection .mini{color:var(--muted)}.admin-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-stat b{font-size:2rem;color:var(--gold2)}
@media (max-width:980px){.links{display:none;position:absolute;left:14px;right:14px;top:calc(var(--nav) - 4px);background:#071007;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.links.open{display:flex}.dropmenu{position:static;width:100%;box-shadow:none;margin:4px 0;background:rgba(255,255,255,.04)}.hamb{display:block}.hero-grid,.sponsor,.footer-grid{grid-template-columns:1fr}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:10px}.hero-card .logo-big{width:220px}}@media (max-width:620px){:root{--nav:70px}.brand span{display:none}.brand-logo{width:46px;height:46px}.hero{padding:48px 0}.grid.cols-4,.grid.cols-3,.grid.cols-2,.flow{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.h1{font-size:3.1rem}.card{padding:20px}.sponsor-text{padding:24px}.kyo-launch{right:14px;bottom:14px}.kyo-panel{right:10px;bottom:74px}.footer-grid{gap:12px}.nav .wrap{padding:0 14px}.hero-card{padding:16px}}


/* =========================================================
   ODC FINAL DESIGN PATCH
   Homepage + Nav + KYO + Dime Diners Sponsorship Banner
========================================================= */

:root {
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Inter", Arial, sans-serif;
}

body {
  font-family: var(--sans);
}

h1,
h2,
.hero-subpage h1,
.section-head h2,
.brand strong {
  font-family: var(--serif);
}

/* Center headers and subheaders */
.section-head,
.section-head.center {
  display: block;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 34px;
}

.section-head p,
.section-head.center p {
  margin: 12px auto 0;
  max-width: 720px;
}

.eyebrow {
  margin-left: auto;
  margin-right: auto;
}

.hero-subpage {
  text-align: center;
}

.hero-subpage p {
  margin-left: auto;
  margin-right: auto;
}

/* Modern text-first navigation */
.nav {
  background: rgba(5, 8, 5, 0.92);
  backdrop-filter: blur(20px);
}

.links {
  gap: 6px;
}

.links a,
.dropbtn {
  font-family: var(--sans);
  font-size: 0.79rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.nav-cta {
  background: linear-gradient(135deg, #f8df7b, #c9a84c);
  color: #10140d !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 28px rgba(201, 168, 76, 0.28);
}

.hamb {
  font-family: var(--sans);
  font-weight: 800;
}

/* Remove amateur emoji card icon feel */
.icon {
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold2);
}

/* Dime Diners animated top sponsorship banner */
.meal-sponsor-strip {
  position: relative;
  z-index: 80;
  background:
    linear-gradient(90deg, rgba(6, 12, 8, 0.96), rgba(10, 68, 45, 0.96), rgba(6, 12, 8, 0.96));
  border-bottom: 1px solid rgba(241, 215, 122, 0.22);
  overflow: hidden;
}

.meal-sponsor-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.12) 45%, transparent 70%);
  transform: translateX(-100%);
  animation: sponsorShine 5.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sponsorShine {
  0%, 35% { transform: translateX(-120%); }
  60%, 100% { transform: translateX(120%); }
}

.meal-sponsor-inner {
  width: min(1180px, calc(100% - 28px));
  margin: 0 auto;
  min-height: 104px;
  display: grid;
  grid-template-columns: 1fr auto 260px;
  align-items: center;
  gap: 20px;
  color: #fff;
  text-decoration: none;
  padding: 14px 0;
}

.meal-sponsor-copy {
  display: grid;
  gap: 4px;
}

.sponsor-kicker {
  color: #f8df7b;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.meal-sponsor-copy strong {
  font-family: var(--serif);
  font-size: clamp(1.25rem, 2.4vw, 2.2rem);
  line-height: 1;
}

.meal-sponsor-copy span:last-child {
  color: rgba(255,255,255,.78);
  font-size: .9rem;
  font-weight: 600;
}

.meal-sponsor-cta {
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(248, 223, 123, .3);
  border-radius: 18px;
  padding: 10px 14px;
  text-align: center;
  white-space: nowrap;
}

.meal-sponsor-cta span {
  display: block;
  color: rgba(255,255,255,.68);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.meal-sponsor-cta b {
  color: #f8df7b;
  font-size: 1.1rem;
}

.meal-sponsor-inner img {
  width: 260px;
  height: 86px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(0,0,0,.35);
}

/* O.U.R. D.I.M.E. system */
.our-dime-section {
  position: relative;
}

.our-dime-hero-card {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
  align-items: center;
  border-radius: 34px;
  padding: clamp(24px, 4vw, 42px);
  background:
    radial-gradient(circle at 20% 20%, rgba(248,223,123,.28), transparent 28rem),
    linear-gradient(135deg, #071007, #0e5a36);
  color: #fff;
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
  border: 1px solid rgba(248,223,123,.22);
  margin-bottom: 22px;
}

.system-label {
  color: #f8df7b;
  font-family: var(--serif);
  font-size: clamp(2rem, 5vw, 4.4rem);
  line-height: 1;
  font-weight: 900;
  letter-spacing: .04em;
}

.our-dime-hero-card h3 {
  font-family: var(--serif);
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  line-height: 1;
  margin: 8px 0 12px;
}

.our-dime-hero-card p {
  color: rgba(255,255,255,.82);
  max-width: 680px;
}

.our-dime-mini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.our-dime-mini span {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(248,223,123,.22);
  border-radius: 22px;
  padding: 24px 14px;
  text-align: center;
  font-weight: 900;
  color: #f8df7b;
}

.dime-grid-modern {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.dime-unit {
  background: #fff;
  border: 1px solid rgba(9,19,9,.09);
  border-radius: 28px;
  padding: 26px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(7,11,7,.08);
}

.dime-unit .dime-letter {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0e5a36, #20a363);
  color: #fff;
  font-family: var(--serif);
  font-size: 2rem;
  font-weight: 900;
}

.dime-unit h3 {
  font-family: var(--serif);
  font-size: 1.55rem;
}

.dime-unit p {
  color: #586254;
}

.gold-unit {
  background: linear-gradient(145deg, #f8df7b, #c9a84c);
}

.gold-unit .dime-letter {
  background: #071007;
  color: #f8df7b;
}

.gold-unit p {
  color: rgba(7,16,7,.78);
}

.safe-note {
  margin-top: 22px;
  text-align: center;
}

/* Modern member operating flow */
.member-flow-section {
  position: relative;
}

.flow-grid-modern {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

.flow-card {
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  border: 1px solid rgba(248,223,123,.18);
  border-radius: 24px;
  padding: 22px 18px;
  text-align: center;
  min-height: 190px;
  display: grid;
  align-content: start;
  gap: 10px;
  box-shadow: 0 18px 44px rgba(0,0,0,.2);
}

.flow-card span {
  color: #f8df7b;
  font-family: var(--serif);
  font-size: 2rem;
  font-weight: 900;
}

.flow-card h3 {
  font-family: var(--serif);
  color: #fff;
  font-size: 1.22rem;
  line-height: 1;
}

.flow-card p {
  color: rgba(255,255,255,.72);
  font-size: .9rem;
}

/* KYO floating greeter */
.kyo-greeter {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 220;
}

.kyo-launch {
  position: static;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 9px 14px 9px 9px;
  background: linear-gradient(135deg, #f8df7b, #c9a84c);
  color: #10140d;
  box-shadow: 0 18px 42px rgba(0,0,0,.34);
}

.kyo-launch img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  background: #111;
}

.kyo-launch strong,
.kyo-launch small {
  display: block;
  text-align: left;
  line-height: 1.05;
}

.kyo-launch small {
  font-size: .72rem;
  opacity: .78;
  font-weight: 800;
}

.kyo-launch.attention {
  animation: kyoPulse 1.8s ease-in-out 3;
}

@keyframes kyoPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 18px 42px rgba(0,0,0,.34); }
  50% { transform: scale(1.04); box-shadow: 0 22px 54px rgba(248,223,123,.35); }
}

.kyo-panel {
  right: 20px;
  bottom: 92px;
}

.kyo-close {
  font-family: var(--sans);
  font-weight: 800;
}

@media (max-width: 1120px) {
  .links a,
  .dropbtn {
    font-size: 0.73rem;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 980px) {
  .meal-sponsor-inner {
    grid-template-columns: 1fr 180px;
  }

  .meal-sponsor-cta {
    display: none;
  }

  .meal-sponsor-inner img {
    width: 180px;
  }

  .our-dime-hero-card,
  .dime-grid-modern,
  .flow-grid-modern {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .meal-sponsor-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .meal-sponsor-inner img {
    width: 100%;
    height: 150px;
  }

  .our-dime-hero-card,
  .our-dime-mini,
  .dime-grid-modern,
  .flow-grid-modern {
    grid-template-columns: 1fr;
  }

  .kyo-greeter {
    right: 12px;
    bottom: 12px;
  }

  .kyo-launch span {
    display: none;
  }

  .kyo-panel {
    right: 10px;
    bottom: 74px;
  }
}