/* Young Corporation — homepage/divisions.css
   Extracted from style.css. Depends on global/global.css tokens. */

/* ---- Divisions / services ---- */
.services { padding: clamp(3.5rem, 8vw, 6rem) 0; background: var(--bg); }
.services__head {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--gap);
  align-items: end; margin-bottom: clamp(2rem, 5vw, 3.5rem);
}
.services__head .h2 { margin: .4rem 0 0; }
.services__aside p { color: var(--muted); margin: 0 0 1.2rem; }

.btn--dark {
  display: inline-flex; align-items: center; gap: .5rem;
  background: var(--navy); color: #fff; padding: .8rem 1.4rem; border-radius: 999px;
  font-weight: 600; font-size: .92rem; transition: background .2s var(--ease), transform .2s var(--ease);
}
.btn--dark:hover { background: var(--navy-700); transform: translateY(-1px); }
.btn__ico { font-size: 1.05em; line-height: 1; }

.srv {
  display: grid; grid-template-columns: 1fr 1.15fr; gap: var(--gap);
  align-items: center; padding: clamp(2rem, 4vw, 3rem) 0; border-top: 1px solid var(--line);
}
.services .srv:last-child { border-bottom: 1px solid var(--line); }
.srv__num { font-family: var(--font-display); font-weight: 700; color: var(--sky-ink); font-size: .85rem; letter-spacing: .08em; }
.srv__title { font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.1rem); color: var(--navy); margin: .5rem 0 1.6rem; line-height: 1.1; }
.srv__foot { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: start; }
.srv__foot p { color: var(--muted); margin: 0; }
.rnd {
  flex: none; width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center; font-size: 1.15rem;
  border: 1px solid var(--navy); color: var(--navy);
  transition: background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);
}
.rnd:hover { background: var(--navy); color: #fff; transform: translateY(-2px); }

.srv__media { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1rem; perspective: 1200px; }
.flip { height: clamp(260px, 34vw, 420px); cursor: pointer; }
.flip__inner {
  position: relative; width: 100%; height: 100%;
  transform-style: preserve-3d; transition: transform .7s var(--ease);
}
.flip:hover .flip__inner { transform: rotateY(180deg); }
.srv__img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  border-radius: var(--radius); display: block; box-shadow: var(--shadow-sm);
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
.srv__img--back { transform: rotateY(180deg); }

@media (prefers-reduced-motion: reduce) {
  .flip__inner, .flip:hover .flip__inner { transition: none; transform: none; }
}
@media (max-width: 900px) {
  .services__head { grid-template-columns: 1fr; align-items: start; }
  .srv { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .srv__media { grid-template-columns: 1fr; }
  .srv__img { height: clamp(220px, 60vw, 320px); }
}