/* ===== v172 footer-code-clean: white cards -> full dark code panels ===== */
html body .site-footer-code-mode,
html body.masakari-shared-page .site-footer-code-mode{
  background:transparent !important;
}

html body .site-footer-code-mode .footer-shell-code,
html body.masakari-shared-page .site-footer-code-mode .footer-shell-code{
  background:#050705 !important;
  border:1px solid rgba(18,253,0,.24) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.26), 0 0 0 1px rgba(18,253,0,.08) inset !important;
}

html body .site-footer-code-mode .footer-shell-code__body,
html body.masakari-shared-page .site-footer-code-mode .footer-shell-code__body{
  background:transparent !important;
}

html body .site-footer-code-mode .footer-code-panel,
html body .site-footer-code-mode .footer-code-panel.footer-branding,
html body .site-footer-code-mode .footer-code-panel.footer-social-panel,
html body .site-footer-code-mode .footer-code-panel.footer-nav-panel,
html body .site-footer-code-mode .footer-code-panel.footer-code-card,
html body .site-footer-code-mode .footer-bottom-code,
html body.masakari-shared-page .site-footer-code-mode .footer-code-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-code-panel.footer-branding,
html body.masakari-shared-page .site-footer-code-mode .footer-code-panel.footer-social-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-code-panel.footer-nav-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-code-panel.footer-code-card,
html body.masakari-shared-page .site-footer-code-mode .footer-bottom-code{
  overflow:hidden !important;
  background:
    radial-gradient(circle at 0 0, rgba(18,253,0,.13), transparent 34%),
    linear-gradient(180deg, rgba(7,13,5,.98) 0%, rgba(3,5,3,.98) 100%) !important;
  border:1px solid rgba(18,253,0,.20) !important;
  border-radius:24px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22), 0 0 0 1px rgba(18,253,0,.07) inset !important;
  color:#eef5ed !important;
}

html body .site-footer-code-mode .footer-code-panel::before,
html body .site-footer-code-mode .footer-bottom-code::before{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  opacity:.32 !important;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) !important;
  background-size:32px 32px !important;
  z-index:0 !important;
}

html body .site-footer-code-mode .footer-code-panel > *,
html body .site-footer-code-mode .footer-bottom-code > *{
  position:relative !important;
  z-index:1 !important;
}

html body .site-footer-code-mode .footer-code-minihead,
html body.masakari-shared-page .site-footer-code-mode .footer-code-minihead{
  background:rgba(0,0,0,.32) !important;
  border-bottom:1px solid rgba(18,253,0,.16) !important;
  color:rgba(255,255,255,.78) !important;
}

html body .site-footer-code-mode .footer-brand-row,
html body .site-footer-code-mode .footer-brand-copy-block,
html body .site-footer-code-mode .footer-code-meta,
html body .site-footer-code-mode .footer-social,
html body .site-footer-code-mode .footer-nav-minimal,
html body .site-footer-code-mode .code-card-screen{
  background:transparent !important;
}

html body .site-footer-code-mode .footer-brand-logo-only,
html body .site-footer-code-mode .footer-brand-logo-only::before,
html body .site-footer-code-mode .footer-brand-logo-only::after{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  content:none !important;
}

html body .site-footer-code-mode .real-footer-logo,
html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
  width:min(100%, 280px) !important;
  height:auto !important;
  opacity:.95 !important;
  filter:drop-shadow(0 0 22px rgba(18,253,0,.18)) !important;
  mix-blend-mode:normal !important;
}

html body .site-footer-code-mode .footer-lead,
html body.masakari-shared-page .site-footer-code-mode .footer-lead{
  color:#f8fff6 !important;
  text-shadow:0 0 18px rgba(18,253,0,.16) !important;
}

html body .site-footer-code-mode .footer-brand-subcopy,
html body .site-footer-code-mode .footer-code-meta p,
html body .site-footer-code-mode .footer-bottom-code p,
html body .site-footer-code-mode .code-card-screen p,
html body.masakari-shared-page .site-footer-code-mode .footer-brand-subcopy,
html body.masakari-shared-page .site-footer-code-mode .footer-code-meta p,
html body.masakari-shared-page .site-footer-code-mode .footer-bottom-code p,
html body.masakari-shared-page .site-footer-code-mode .code-card-screen p{
  color:rgba(238,248,236,.84) !important;
}

html body .site-footer-code-mode .footer-code-meta span,
html body .site-footer-code-mode .footer-bottom-code span,
html body .site-footer-code-mode .code-card-screen span,
html body .site-footer-code-mode .code-card-screen a,
html body.masakari-shared-page .site-footer-code-mode .footer-code-meta span,
html body.masakari-shared-page .site-footer-code-mode .footer-bottom-code span,
html body.masakari-shared-page .site-footer-code-mode .code-card-screen span,
html body.masakari-shared-page .site-footer-code-mode .code-card-screen a{
  color:#12fd00 !important;
  text-shadow:0 0 12px rgba(18,253,0,.22) !important;
}

html body .site-footer-code-mode .footer-social .masakari-social-link,
html body.masakari-shared-page .site-footer-code-mode .footer-social .masakari-social-link{
  background:linear-gradient(180deg, rgba(12,18,10,.94), rgba(5,8,5,.94)) !important;
  border:1px solid rgba(18,253,0,.22) !important;
  color:#f8fff6 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20), 0 0 0 1px rgba(18,253,0,.06) inset !important;
}

html body .site-footer-code-mode .footer-social .masakari-social-link::before{
  content:'import ' !important;
  display:inline-block !important;
  color:#12fd00 !important;
  font:800 12px/1 'SFMono-Regular','Consolas','Menlo',monospace !important;
  letter-spacing:.03em !important;
  margin-right:2px !important;
  opacity:.85 !important;
}

html body .site-footer-code-mode .footer-social .social-capsule,
html body.masakari-shared-page .site-footer-code-mode .footer-social .social-capsule{
  background:rgba(18,253,0,.10) !important;
  border:1px solid rgba(18,253,0,.20) !important;
  border-radius:12px !important;
  box-shadow:0 0 18px rgba(18,253,0,.12) inset !important;
}

html body .site-footer-code-mode .footer-social .capsule-half,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-half{
  display:none !important;
}

html body .site-footer-code-mode .footer-social .capsule-icon,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-icon{
  color:#12fd00 !important;
  position:static !important;
  transform:none !important;
  margin:auto !important;
}

html body .site-footer-code-mode .footer-nav-minimal a,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal a{
  background:linear-gradient(180deg, rgba(12,18,10,.94), rgba(5,8,5,.94)) !important;
  color:#f5fff1 !important;
  border:1px solid rgba(18,253,0,.22) !important;
  border-radius:14px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), 0 0 0 1px rgba(18,253,0,.06) inset !important;
}

html body .site-footer-code-mode .footer-nav-minimal a::before{
  content:'route.' !important;
  color:#12fd00 !important;
  opacity:.92 !important;
  margin-right:2px !important;
}

html body .site-footer-code-mode .footer-nav-minimal a:hover,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal a:hover,
html body .site-footer-code-mode .footer-social .masakari-social-link:hover,
html body.masakari-shared-page .site-footer-code-mode .footer-social .masakari-social-link:hover{
  border-color:rgba(18,253,0,.48) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22), 0 0 24px rgba(18,253,0,.16) !important;
  transform:translateY(-1px) !important;
}

html body .site-footer-code-mode .footer-bottom-code,
html body.masakari-shared-page .site-footer-code-mode .footer-bottom-code{
  background:
    radial-gradient(circle at 100% 0, rgba(18,253,0,.10), transparent 32%),
    linear-gradient(180deg, rgba(7,13,5,.98) 0%, rgba(3,5,3,.98) 100%) !important;
}

@media (max-width:740px){
  html body .site-footer-code-mode .footer-code-panel,
  html body .site-footer-code-mode .footer-bottom-code{
    border-radius:20px !important;
  }
  html body .site-footer-code-mode .real-footer-logo{
    width:min(100%, 220px) !important;
  }
}


/* ===== v176 footer-brushup-density-icon-fix ===== */
html body .site-footer-code-mode,
html body.masakari-shared-page .site-footer-code-mode{
  padding:24px 0 34px !important;
}
html body .site-footer-code-mode .footer-shell-code__body,
html body.masakari-shared-page .site-footer-code-mode .footer-shell-code__body{
  padding:16px !important;
}
html body .site-footer-code-mode .footer-top-code-grid,
html body.masakari-shared-page .site-footer-code-mode .footer-top-code-grid{
  gap:12px !important;
  align-items:start !important;
}
html body .site-footer-code-mode .footer-code-panel,
html body .site-footer-code-mode .footer-bottom-code,
html body.masakari-shared-page .site-footer-code-mode .footer-code-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-bottom-code{
  border-radius:22px !important;
}
html body .site-footer-code-mode .footer-branding-code,
html body.masakari-shared-page .site-footer-code-mode .footer-branding-code{
  padding:0 0 10px !important;
}
html body .site-footer-code-mode .footer-brand-row,
html body.masakari-shared-page .site-footer-code-mode .footer-brand-row{
  padding:14px 16px 4px !important;
}
html body .site-footer-code-mode .footer-brand-copy-block,
html body.masakari-shared-page .site-footer-code-mode .footer-brand-copy-block{
  padding:0 16px 4px !important;
}
html body .site-footer-code-mode .footer-code-meta,
html body.masakari-shared-page .site-footer-code-mode .footer-code-meta{
  padding:10px 16px 0 !important;
}
html body .site-footer-code-mode .real-footer-logo,
html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
  width:min(100%, 238px) !important;
}
html body .site-footer-code-mode .footer-social-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-social-panel{
  padding-bottom:10px !important;
}
html body .site-footer-code-mode .footer-social,
html body.masakari-shared-page .site-footer-code-mode .footer-social{
  padding:12px 14px 14px !important;
  gap:10px !important;
}
html body .site-footer-code-mode .footer-social::before,
html body.masakari-shared-page .site-footer-code-mode .footer-social::before{
  content:"const socials = ['instagram', 'youtube'];" !important;
  display:block !important;
  width:100% !important;
  margin:0 0 2px !important;
  color:rgba(238,248,236,.68) !important;
  font:700 12px/1.8 'SFMono-Regular','Consolas','Menlo',monospace !important;
  letter-spacing:.02em !important;
}
html body .site-footer-code-mode .footer-social .masakari-social-link,
html body.masakari-shared-page .site-footer-code-mode .footer-social .masakari-social-link{
  min-height:50px !important;
  padding:10px 14px !important;
  gap:10px !important;
}
html body .site-footer-code-mode .footer-social .masakari-social-link::before,
html body.masakari-shared-page .site-footer-code-mode .footer-social .masakari-social-link::before{
  content:none !important;
  display:none !important;
}
html body .site-footer-code-mode .footer-social .social-capsule,
html body.masakari-shared-page .site-footer-code-mode .footer-social .social-capsule{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(156,219,27,.28), rgba(104,146,18,.20)) !important;
  border:1px solid rgba(18,253,0,.24) !important;
  box-shadow:0 0 18px rgba(18,253,0,.10) inset, 0 4px 14px rgba(0,0,0,.20) !important;
}
html body .site-footer-code-mode .footer-social .social-capsule::before,
html body .site-footer-code-mode .footer-social .social-capsule::after,
html body.masakari-shared-page .site-footer-code-mode .footer-social .social-capsule::before,
html body.masakari-shared-page .site-footer-code-mode .footer-social .social-capsule::after{
  content:none !important;
  display:none !important;
}
html body .site-footer-code-mode .footer-social .capsule-half--left,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-half--left{
  display:none !important;
}
html body .site-footer-code-mode .footer-social .capsule-half--right,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-half--right{
  display:contents !important;
  background:none !important;
}
html body .site-footer-code-mode .footer-social .capsule-icon,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-icon{
  position:static !important;
  display:grid !important;
  place-items:center !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  transform:none !important;
  color:#f6ffd7 !important;
}
html body .site-footer-code-mode .footer-social .capsule-icon svg,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}
html body .site-footer-code-mode .footer-social .social-label,
html body.masakari-shared-page .site-footer-code-mode .footer-social .social-label{
  font-size:15px !important;
  letter-spacing:.02em !important;
}
html body .site-footer-code-mode .footer-code-card .code-card-screen,
html body.masakari-shared-page .site-footer-code-mode .footer-code-card .code-card-screen{
  padding:14px 16px 14px !important;
}
html body .site-footer-code-mode .footer-nav-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-panel{
  margin-top:12px !important;
}
html body .site-footer-code-mode .footer-nav-minimal,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal{
  padding:12px 14px 14px !important;
  gap:10px !important;
}
html body .site-footer-code-mode .footer-nav-minimal::before,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal::before{
  content:'const routes = [aboutUs(), mainPlan(), works(), service(), column()];' !important;
  display:block !important;
  width:100% !important;
  margin:0 0 2px !important;
  color:rgba(238,248,236,.68) !important;
  font:700 12px/1.8 'SFMono-Regular','Consolas','Menlo',monospace !important;
  letter-spacing:.02em !important;
}
html body .site-footer-code-mode .footer-nav-minimal::after,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal::after{
  content:'export default routes;' !important;
  display:block !important;
  width:100% !important;
  color:#12fd00 !important;
  font:700 12px/1.8 'SFMono-Regular','Consolas','Menlo',monospace !important;
  letter-spacing:.02em !important;
}
html body .site-footer-code-mode .footer-nav-minimal a,
html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal a{
  min-height:38px !important;
  padding:0 12px !important;
  border-radius:12px !important;
}
html body .site-footer-code-mode .footer-bottom-code,
html body.masakari-shared-page .site-footer-code-mode .footer-bottom-code{
  margin-top:12px !important;
  padding:12px 16px !important;
}
@media (max-width:1100px){
  html body .site-footer-code-mode .footer-top-code-grid,
  html body.masakari-shared-page .site-footer-code-mode .footer-top-code-grid{
    grid-template-columns:1fr 1fr !important;
  }
}
@media (max-width:740px){
  html body .site-footer-code-mode,
  html body.masakari-shared-page .site-footer-code-mode{
    padding:20px 0 28px !important;
  }
  html body .site-footer-code-mode .footer-shell-code__body,
  html body.masakari-shared-page .site-footer-code-mode .footer-shell-code__body{
    padding:14px !important;
  }
  html body .site-footer-code-mode .footer-social::before,
  html body .site-footer-code-mode .footer-nav-minimal::before,
  html body .site-footer-code-mode .footer-nav-minimal::after,
  html body.masakari-shared-page .site-footer-code-mode .footer-social::before,
  html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal::before,
  html body.masakari-shared-page .site-footer-code-mode .footer-nav-minimal::after{
    white-space:normal !important;
  }
}


/* ===== v177 youtube-icon-clean-fix ===== */
html body .site-footer-code-mode .footer-social .capsule-icon--youtube::before,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-icon--youtube::before{
  content:none !important;
  display:none !important;
}
html body .site-footer-code-mode .footer-social .capsule-icon--youtube svg,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-icon--youtube svg{
  display:block !important;
  width:16px !important;
  height:16px !important;
  transform:none !important;
}
html body .site-footer-code-mode .footer-social .capsule-icon--youtube,
html body.masakari-shared-page .site-footer-code-mode .footer-social .capsule-icon--youtube{
  color:#f6ffd7 !important;
}


/* ===== v178 social-card-top-align ===== */
html body .site-footer-code-mode .footer-social-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-social-panel{
  align-self:start !important;
  margin-top:0 !important;
  padding-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  transform:none !important;
}
html body .site-footer-code-mode .footer-social-panel .footer-code-minihead,
html body.masakari-shared-page .site-footer-code-mode .footer-social-panel .footer-code-minihead{
  margin:0 !important;
  position:relative !important;
  top:0 !important;
}
html body .site-footer-code-mode .footer-social-panel .footer-social,
html body.masakari-shared-page .site-footer-code-mode .footer-social-panel .footer-social{
  margin-top:0 !important;
  padding-top:8px !important;
}
html body .site-footer-code-mode .footer-top-code-grid > .footer-social-panel,
html body.masakari-shared-page .site-footer-code-mode .footer-top-code-grid > .footer-social-panel{
  translate:none !important;
}


/* ===== v184 footer-mobile-1col + pastel-footer-logo ===== */
html body .site-footer-code-mode .real-footer-logo,
html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
  width:min(100%, 280px) !important;
  opacity:1 !important;
  filter:drop-shadow(0 6px 18px rgba(255,255,255,.08)) !important;
}

@media (max-width: 900px){
  html body .site-footer-code-mode .footer-top-code-grid,
  html body.masakari-shared-page .site-footer-code-mode .footer-top-code-grid{
    grid-template-columns:1fr !important;
  }

  html body .site-footer-code-mode .footer-branding,
  html body .site-footer-code-mode .footer-social-panel,
  html body .site-footer-code-mode .footer-code-card,
  html body.masakari-shared-page .site-footer-code-mode .footer-branding,
  html body.masakari-shared-page .site-footer-code-mode .footer-social-panel,
  html body.masakari-shared-page .site-footer-code-mode .footer-code-card{
    grid-column:auto !important;
    width:100% !important;
  }
}

@media (max-width: 740px){
  html body .site-footer-code-mode .real-footer-logo,
  html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
    width:min(100%, 235px) !important;
  }
}


/* ===== v186 footer-logo-larger ===== */
html body .site-footer-code-mode .real-footer-logo,
html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
  width:min(100%, 420px) !important;
  max-width:100% !important;
}

html body .site-footer-code-mode .footer-brand-row,
html body.masakari-shared-page .site-footer-code-mode .footer-brand-row{
  padding-bottom:10px !important;
}

@media (max-width: 740px){
  html body .site-footer-code-mode .real-footer-logo,
  html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
    width:min(100%, 300px) !important;
  }
}


/* ===== v194 footer-logo-wide-adjust ===== */
html body .site-footer-code-mode .real-footer-logo,
html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
  width:min(100%, 520px) !important;
  height:auto !important;
}
@media (max-width: 740px){
  html body .site-footer-code-mode .real-footer-logo,
  html body.masakari-shared-page .site-footer-code-mode .real-footer-logo{
    width:min(100%, 320px) !important;
  }
}