@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  * {
    transition:none!important
  }
}

/* The design intentionally clips the outer staff cards at the artboard edge. */
@media(min-width:1101px) {
  .team {
    overflow:hidden
  }
}

@media(min-width:1101px) {
  .about,.education,.environment {
    background:none
  }
  .about h3 {
    margin-top:calc(48 * var(--u))
  }
  .about-copy>p {
    margin-top:calc(59 * var(--u))
  }
}

@media(min-width:1101px) {
  .site-header {
    height:calc(108 * var(--u));
    backdrop-filter:blur(calc(9.54 * var(--u)))
  }
  .header-logo {
    width:calc(274 * var(--u));
    height:calc(108 * var(--u));
    justify-content:flex-start;
    padding-left:calc(29 * var(--u))
  }
  .header-logo img {
    height:calc(45 * var(--u));
    object-fit:fill;
    align-self:flex-start;
    margin-top:calc(31 * var(--u))
  }
  .site-header nav {
    font-family:YakuHanJP,'Source Han Sans JP',sans-serif;
    font-weight:400;
    gap:calc(30 * var(--u));
    padding-right:calc(32 * var(--u))
  }
  .recruit-link {
    width:calc(125 * var(--u));
    height:calc(42 * var(--u));
    padding:0;
    font-weight:400;
    box-shadow:0 0 5px #0002
  }
  .site-header nav a:not(.recruit-link) {
    transform:translateY(calc(-3 * var(--u)))
  }
  .site-header .recruit-link {
    transform:translateY(calc(-2 * var(--u)))
  }
  .hero-copy {
    padding-top:calc(255 * var(--u))
  }
  .hero h1 {
    -webkit-text-stroke:0;
    letter-spacing:0
  }
  .hero-copy p {
    margin-top:calc(52 * var(--u))
  }
  .hero-actions a {
    font-family:YakuHanJP,'Source Han Sans JP',sans-serif;
    font-weight:500;
    color:#000;
    background:#fff;
    border-radius:calc(10 * var(--u)) calc(10 * var(--u)) 0 0;
    box-shadow:0 0 calc(2.5 * var(--u)) #0000001d;
    width:calc(235 * var(--u))
  }
  .hero-actions [lang] {
    color:#e39caf;
    font-weight:600;
    letter-spacing:-.01em
  }
  .hero-actions {
    top:calc(770 * var(--u));
    width:calc(474 * var(--u));
    height:calc(60 * var(--u));
    gap:calc(4 * var(--u));
    background:none;
    border-radius:0
  }
  .hero-actions a+a {
    border-left:0
  }
  .hero-actions a {
    position:relative
  }
  .hero-actions [lang] {
    position:absolute;
    right:calc(135 * var(--u));
    top:calc(17 * var(--u));
    line-height:calc(22 * var(--u))
  }
  .hero-actions .hero-action-label {
    position:absolute;
    left:calc(113 * var(--u));
    top:calc(19 * var(--u));
    line-height:calc(20 * var(--u));
    white-space:nowrap
  }
  .hero-actions .hero-action-arrow {
    position:absolute;
    left:calc(195.37 * var(--u));
    top:calc(28.95 * var(--u));
    width:calc(3.13 * var(--u));
    height:calc(5.09 * var(--u));
    margin-left:0;
    color:#e39caf
  }
  .hero-actions a+a .hero-action-arrow {
    left:calc(171.37 * var(--u))
  }
}

.hero-action-arrow {
  width:3.13px;
  height:5.09px;
  flex-shrink:0;
  color:#e39caf
}

@media(min-width:1101px) {
  .education-visual .draft-tag {
    left:calc(42.5 * var(--u));
    top:calc(99.03 * var(--u));
    width:calc(129 * var(--u));
    height:calc(35 * var(--u));
    padding:0 calc(32 * var(--u)) 0 0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    background:#eb00ff;
    font-family:Montserrat,'Source Han Sans JP',sans-serif;
    font-weight:600;
    letter-spacing:-.03em;
    line-height:calc(15 * var(--u));
    white-space:nowrap
  }
  .about .draft-tag {
    position:absolute;
    width:calc(55 * var(--u));
    height:calc(22 * var(--u));
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fc7ee4;
    font-weight:600;
    letter-spacing:-.03em;
    line-height:calc(15 * var(--u))
  }
  .about-draft {
    left:calc(345 * var(--u));
    top:calc(14 * var(--u))
  }
  .about-draft-pair {
    left:calc(116 * var(--u));
    top:calc(72 * var(--u))
  }
  .about-draft-hospital {
    left:calc(345 * var(--u));
    top:calc(979 * var(--u))
  }
  .about-draft-team {
    left:calc(1361 * var(--u));
    top:calc(947 * var(--u))
  }
  .environment-icon {
    position:absolute;
    top:calc(44 * var(--u));
    left:calc(53 * var(--u));
    width:calc(108 * var(--u));
    height:calc(94 * var(--u));
    object-fit:cover
  }
}

@media(max-width:1100px) {
  .environment-card img {
    max-width:108px;
    max-height:94px
  }
  .environment-card {
    font-size:clamp(11px,1.95vw,15px)
  }
}