:root {
  --enta-navy: #092b50;
  --enta-deep: #061d37;
  --enta-teal: #0aa897;
  --enta-green: #477b4b;
  --enta-gold: #b88a3b;
  --enta-ink: #14273b;
  --enta-muted: #5b7083;
  --enta-line: #dce6ed;
  --enta-bg: #f4f7fa;
}

* { box-sizing: border-box; }
body.ents-about-page {
  margin: 0;
  color: var(--enta-ink);
  background: var(--enta-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.68;
}
.ents-about-shell { width: min(1160px, calc(100% - 36px)); margin-inline: auto; }
.ents-about-header { color: #fff; background: linear-gradient(110deg, var(--enta-deep), var(--enta-navy)); }
.ents-about-header__inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.ents-about-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.ents-about-brand span { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid #75dfce; border-radius: 50%; color: #75dfce; font: 800 1.45rem Georgia, serif; }
.ents-about-back { color: #d8ebe9; font-weight: 750; text-decoration: none; }
.ents-about-kicker { margin: 0 0 9px; color: var(--enta-teal); font-size: .76rem; font-weight: 850; letter-spacing: .14em; }
.ents-about-hero { overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 35%, rgba(18,184,166,.22), transparent 30%), linear-gradient(125deg, #0b3158, #071f3a); }
.ents-about-hero__grid { min-height: 455px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 45px; align-items: center; }
.ents-about-hero .ents-about-kicker { color: #76e3d3; }
.ents-about-hero h1 { margin: 0; font-size: clamp(2.7rem,6vw,5.1rem); line-height: 1; letter-spacing: -.055em; }
.ents-about-hero h1 em { color: #76e3d3; font-family: Georgia, serif; font-weight: 400; }
.ents-about-hero__copy > p:last-child { max-width: 650px; margin-top: 25px; color: #d6e5ee; font-size: 1.08rem; }
.ents-about-hero__visual { position: relative; display: grid; place-items: center; min-height: 390px; }
.ents-about-hero__halo { position: absolute; width: 330px; height: 330px; border: 1px solid rgba(118,227,211,.35); border-radius: 50%; box-shadow: 0 0 0 34px rgba(118,227,211,.05), 0 0 0 68px rgba(118,227,211,.025); }
.ents-about-hero__visual img { position: relative; z-index: 1; display: block; width: min(100%,410px); max-height: 360px; object-fit: contain; filter: drop-shadow(0 22px 34px rgba(0,0,0,.24)); }
.ents-about-story { display: grid; grid-template-columns: 1.25fr .75fr; gap: 58px; align-items: start; padding-block: 76px; }
.ents-about-main h2, .ents-about-digital h2, .ents-about-independent h2, .ents-about-community h2 { margin: 0 0 22px; color: var(--enta-navy); font-size: clamp(1.9rem,4vw,2.8rem); line-height: 1.12; letter-spacing: -.04em; }
.ents-about-main > p:not(.ents-about-kicker), .ents-about-independent p, .ents-about-digital p { color: var(--enta-muted); }
.ents-about-main blockquote { margin: 30px 0 0; padding: 22px 25px; border-left: 4px solid var(--enta-teal); border-radius: 0 16px 16px 0; color: #28516a; background: #e8f6f4; font: 1.08rem/1.65 Georgia, serif; }
.ents-about-values { display: grid; gap: 13px; }
.ents-about-values div { display: grid; grid-template-columns: 48px 1fr; column-gap: 14px; padding: 18px; border: 1px solid var(--enta-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(9,43,80,.06); }
.ents-about-values span { grid-row: 1 / span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #fff; background: var(--enta-navy); font-size: .75rem; font-weight: 850; }
.ents-about-values strong { color: var(--enta-navy); }
.ents-about-values small { color: var(--enta-muted); }
.ents-about-digital { color: #d8e5ee; background: linear-gradient(115deg,var(--enta-deep),#0b345c); }
.ents-about-digital__grid { display: grid; grid-template-columns: 270px 1fr; gap: 66px; align-items: center; padding-block: 68px; }
.ents-about-digital h2 { color: #fff; }
.ents-about-digital .ents-about-kicker { color: #72dfce; }
.ents-about-digital p { color: #c7d8e4; }
.ents-about-digital__icon { display: grid; place-items: center; width: 230px; height: 230px; border: 1px solid rgba(114,223,206,.38); border-radius: 50%; background: rgba(255,255,255,.035); }
.ents-about-digital__icon span { grid-area: 1/1; color: #72dfce; font-size: 7rem; font-weight: 200; }
.ents-about-digital__icon b { grid-area: 1/1; margin-top: 120px; color: #fff; letter-spacing: .45em; }
.ents-about-independent { display: grid; grid-template-columns: 190px 1fr; gap: 54px; align-items: center; padding-block: 70px; }
.ents-about-independent__badge { display: grid; place-items: center; width: 170px; height: 170px; border: 2px solid #b28a48; border-radius: 50%; color: #b28a48; background: #fff9ed; font-size: 4rem; line-height: 1; transform: rotate(-6deg); }
.ents-about-independent__badge span { display: block; margin-top: -45px; padding: 4px 10px; color: #fff; background: #b28a48; font-size: .75rem; font-weight: 900; letter-spacing: .15em; }
.ents-about-community { padding-block: 70px 78px; text-align: center; background: #eaf4ee; }
.ents-about-community p:not(.ents-about-kicker) { max-width: 780px; margin-inline: auto; color: #557064; }
.ents-about-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; }
.ents-about-social span { padding: 10px 17px; border: 1px solid #a9cbbb; border-radius: 999px; color: #38634f; background: rgba(255,255,255,.64); font-weight: 800; }
.ents-about-social small { flex-basis: 100%; margin-top: 7px; color: #6d8177; }
.ents-about-footer { color: #a9bdcd; background: var(--enta-deep); }
.ents-about-footer .ents-about-shell { min-height: 90px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ents-about-footer strong { color: #fff; }

@media (max-width: 820px) {
  .ents-about-hero__grid, .ents-about-story { grid-template-columns: 1fr; }
  .ents-about-hero__copy { padding-top: 50px; }
  .ents-about-hero__visual { min-height: 300px; }
  .ents-about-digital__grid { grid-template-columns: 180px 1fr; gap: 34px; }
  .ents-about-digital__icon { width: 170px; height: 170px; }
}
@media (max-width: 560px) {
  .ents-about-shell { width: min(100% - 28px, 520px); }
  .ents-about-header__inner { min-height: 72px; }
  .ents-about-hero__grid { gap: 5px; }
  .ents-about-hero__visual { min-height: 250px; }
  .ents-about-hero__visual img { max-height: 240px; }
  .ents-about-hero__halo { width: 220px; height: 220px; }
  .ents-about-story { gap: 40px; padding-block: 50px; }
  .ents-about-digital__grid, .ents-about-independent { grid-template-columns: 1fr; gap: 30px; }
  .ents-about-digital__grid { padding-block: 50px; }
  .ents-about-digital__icon, .ents-about-independent__badge { width: 140px; height: 140px; }
  .ents-about-digital__icon span { font-size: 5rem; }
  .ents-about-independent { padding-block: 52px; }
  .ents-about-community { padding-block: 54px; }
  .ents-about-footer .ents-about-shell { display: grid; justify-content: start; align-content: center; gap: 2px; }
}