/*
Theme Name: HIMIT Block
Theme URI: https://www.himit.cn/
Author: HIMIT
Description: 海铭德科技内容型双语企业官网定制区块主题。
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: himit-block
*/

:root {
  --himit-radius: 18px;
  --himit-shadow: 0 18px 50px rgba(4, 32, 36, 0.09);
}

html {
  scroll-behavior: smooth;
}

body {
  text-wrap: pretty;
}

a {
  text-underline-offset: 0.18em;
}

.himit-site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.himit-hero {
  min-height: clamp(620px, 82vh, 900px);
  display: grid;
  align-items: end;
  overflow: hidden;
  position: relative;
}

.himit-hero::after {
  content: "";
  position: absolute;
  width: min(56vw, 760px);
  aspect-ratio: 1;
  right: -12%;
  top: 7%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-shadow:
    0 0 0 90px rgba(38, 202, 178, 0.04),
    0 0 0 180px rgba(38, 202, 178, 0.025);
  pointer-events: none;
}

.himit-eyebrow {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 700;
}

.himit-card {
  height: 100%;
  border: 1px solid color-mix(in srgb, currentColor 13%, transparent);
  border-radius: var(--himit-radius);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.himit-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--himit-shadow);
}

.himit-number {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.045em;
}

.himit-section {
  padding-block: clamp(4rem, 9vw, 8rem);
}

.himit-measure {
  max-width: 48rem;
}

@media (max-width: 781px) {
  .himit-site-header {
    position: relative;
  }

  .himit-hero {
    min-height: 540px;
  }
}