/*
Theme Name: MAILAB Revamp
Theme URI: https://mailab.io/
Author: MAILAB
Description: Editable WordPress block theme for the Medical Artificial Intelligence Laboratory website revamp.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mailab-revamp
*/

:root {
  --mailab-radius: 18px;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a { text-underline-offset: .16em; }
.wp-site-blocks { min-height: 100vh; }

.mailab-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); }
.mailab-hero {
  background:
    radial-gradient(circle at 85% 20%, rgba(19,185,177,.18), transparent 28%),
    radial-gradient(circle at 10% 80%, rgba(80,64,178,.16), transparent 30%),
    linear-gradient(135deg,#071523 0%,#0b2032 52%,#0f3042 100%);
}
.mailab-eyebrow { letter-spacing: .16em; text-transform: uppercase; font-size: .78rem; font-weight: 700; }
.mailab-card { border: 1px solid rgba(18,45,64,.13); border-radius: var(--mailab-radius); overflow: hidden; }
.mailab-card:hover { transform: translateY(-2px); transition: transform .2s ease; }
.mailab-soft { background: #f4f8fa; }
.mailab-dark { background: #071523; color: #fff; }
.mailab-number { font-size: clamp(2rem, 5vw, 4.5rem); line-height: 1; font-weight: 750; }
.mailab-placeholder {
  min-height: 190px;
  border-radius: 14px;
  background: linear-gradient(145deg,#d9e5eb,#eef4f7);
  display:flex;align-items:center;justify-content:center;
  color:#60727e;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;
}
.mailab-project-feature { min-height: 260px; }
.mailab-section-title { max-width: 760px; }
.mailab-flow .wp-block-column { position: relative; }
.mailab-flow .wp-block-column:not(:last-child)::after {
  content:'→'; position:absolute; right:-18px; top:50%; transform:translateY(-50%); opacity:.35; font-size:1.4rem;
}
.mailab-pill { border-radius: 999px; }
.mailab-person .wp-block-image img { aspect-ratio: 1/1; object-fit: cover; }
.mailab-footer a { color: inherit; }
@media (max-width:781px){
  .mailab-flow .wp-block-column:not(:last-child)::after{display:none}
  .mailab-header{position:relative}
}