.elementor-381 .elementor-element.elementor-element-c173e4a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4b59439 *//* === Mobile dropdown FIX (full width, solid, tidy) === */
@media (max-width:1024px){
  /* menu sheet */
  #menuSheet{
    position:fixed;
    top:var(--navH,64px);
    left:0; right:0; width:100vw; margin:0;
    background:var(--paper, #fff) !important;   /* solid */
    border:0; border-bottom:2px solid var(--border, #1a1a1a);
    border-radius:0 0 14px 14px;
    box-shadow:0 14px 30px rgba(0,0,0,.2);
    padding:10px 12px;
    z-index:10000;
    max-height:calc(100dvh - var(--navH,64px));
    overflow:auto;

    /* smooth reveal */
    display:none; opacity:0; transform:translateY(-8px);
    transition:opacity .2s ease, transform .2s ease;
  }
  #menuSheet.open{ display:block; opacity:1; transform:translateY(0); }

  /* links */
  #menuSheet a{
    display:block;
    padding:14px 16px; margin:2px 0;
    font:20px/1.1 "Bangers", system-ui, sans-serif;
    color:var(--ink,#0e0e0e); text-decoration:none;
    background:#ffe7bf; border-radius:10px; border:2px solid transparent;
  }
  #menuSheet a:hover{ background:#ffd9b5; border-color:var(--border,#1a1a1a); }

  /* remove theme’s external-link icon or bullets inside the sheet */
  #menuSheet a::after{ content:none !important; }
  #menuSheet ul, #menuSheet li{ list-style:none; margin:0; padding:0; }
}

/* darkened backdrop so the panel sits above hero */
#menuBackdrop{ position:fixed; inset:0; background:rgba(0,0,0,.3); display:none; z-index:9999; }
#menuBackdrop.show{ display:block; }

/* keep hamburger from stretching */
.nav .hamburger{ flex:0 0 44px; width:44px; height:44px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c173e4a *//* ===== TOKENOMICS — supply tile + vertical align (desktop only) ===== */
@media (min-width:1025px){
  /* Lift the left column so it lines up with the mascot */
  .tok-left{
    transform: translateY(-450px);   /* tweak: -0px…-60px depending on taste */
  }

  /* Make the first tile wider and keep all tiles same height */
  .tok .tok-list{
    grid-template-columns: minmax(350px, 1.6fr) 1fr 1fr;  /* wider # of tokens */
    column-gap: 16px;
    align-items: stretch;
  }
  .tok .tok-item{
    display:flex; flex-direction:column; justify-content:center;
    min-height:20px;
  }
  .tok .tok-item:first-child .tok-v{
    white-space: nowrap;             /* keep digits on one line */
    font-size: clamp(22px, 2.0vw, 34px);
    line-height: 1.15;
  }
}

/* Optional fine-tune for ultra-wide screens */
@media (min-width:1440px){
  .tok-left{ transform: translateY(-72px); }
}/* End custom CSS */