/* Approved Expert Market home — exact office-led visual gate.
   Loaded by /expert/ only; shared routes keep the established product system. */

body[data-expert-page="home"] {
  --em-max: 1860px;
  --em-gutter: clamp(18px, 1.85vw, 36px);
  --em-approved-bg: #050708;
  --em-approved-panel: #0d0f10;
  --em-approved-panel-2: #141413;
  --em-approved-ink: #e3ded5;
  --em-approved-muted: #979894;
  --em-approved-dim: #676a6c;
  --em-approved-line: rgba(209, 179, 122, .145);
  --em-approved-line-soft: rgba(226, 216, 196, .085);
  background: var(--em-approved-bg);
}

body[data-expert-page="home"] .em-demo-bar {
  min-height: 18px;
  padding: 3px var(--em-gutter) 2px;
  border-color: rgba(209, 179, 122, .08);
  background: #080a0a;
  color: #686a68;
  font-size: 9px;
  letter-spacing: .12em;
}

body[data-expert-page="home"] .em-header {
  position: relative;
  background: rgba(5, 7, 8, .97);
  border-color: var(--em-approved-line-soft);
  backdrop-filter: blur(16px);
}

body[data-expert-page="home"] .em-header__inner {
  min-height: 58px;
  gap: clamp(20px, 2vw, 38px);
}

body[data-expert-page="home"] .em-header .em-brand::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  background: url("../../../favicon.svg") center / contain no-repeat;
}

body[data-expert-page="home"] .em-brand__chippex { font-size: 24px; }
body[data-expert-page="home"] .em-brand__division { font-size: 8px; letter-spacing: .2em; }
body[data-expert-page="home"] .em-nav { gap: clamp(18px, 2.4vw, 46px); }
body[data-expert-page="home"] .em-nav a { font-size: 11px; letter-spacing: .02em; }
body[data-expert-page="home"] .em-nav a::after { bottom: -19px; }
body[data-expert-page="home"] .em-icon-btn { width: 38px; height: 38px; border-radius: 50%; }
body[data-expert-page="home"] .em-count { transform: scale(.8); }
body[data-expert-page="home"] .em-footer { background: #060808; border-color: var(--em-approved-line-soft); }

.em-approved-home {
  padding: 12px var(--em-gutter) 18px;
  overflow: clip;
  background:
    radial-gradient(circle at 54% 1%, rgba(188, 145, 77, .045), transparent 28%),
    var(--em-approved-bg);
  color: var(--em-approved-ink);
}

.em-approved-home h1,
.em-approved-home h2,
.em-approved-home h3 { text-wrap: balance; }

.em-approved-home .em-btn {
  min-height: 43px;
  padding-inline: 19px;
  border-color: rgba(220, 199, 157, .23);
  border-radius: 22px;
  background: rgba(8, 9, 9, .46);
  font-size: 11px;
  letter-spacing: .01em;
}

.em-approved-home .em-btn svg,
.em-approved-home a > svg { width: 14px; height: 14px; }

.em-approved-home .em-btn--primary {
  border-color: #c0a16b;
  background: linear-gradient(180deg, #d1b782 0%, #b4935d 100%);
  color: #15110b;
  box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 7px 24px rgba(0, 0, 0, .2);
}

.em-approved-home .em-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(220, 187, 126, .6);
}

.em-approved-home .em-editorial-card {
  border-radius: inherit;
  box-shadow: none;
  transform: none;
}

.em-approved-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.74fr) minmax(440px, 1fr);
  gap: clamp(9px, .85vw, 16px);
  height: clamp(320px, 21.9vw, 420px);
}

.em-approved-hero__scene,
.em-approved-featured {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--em-approved-line);
  border-radius: 13px;
  background: var(--em-approved-panel);
}

.em-approved-hero__office {
  position: absolute;
  inset: 0;
}

.em-approved-hero__office img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 55% 53%;
  filter: saturate(.82) contrast(1.04) brightness(.82);
  animation: emApprovedOfficeIn 1.1s cubic-bezier(.2, .7, .2, 1) both;
}

.em-approved-hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #080b0d 0%, rgba(8, 11, 13, .97) 21%, rgba(8, 11, 13, .78) 32%, rgba(8, 11, 13, .2) 54%, transparent 70%),
    linear-gradient(0deg, rgba(5, 7, 8, .55), transparent 43%, rgba(5, 7, 8, .18));
}

.em-approved-hero__copy {
  position: absolute;
  z-index: 2;
  inset: 0 auto 0 0;
  display: flex;
  width: clamp(290px, 31.5%, 360px);
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 2vw, 36px) 0 clamp(24px, 2vw, 36px) clamp(22px, 2vw, 38px);
}

.em-approved-rule {
  display: block;
  width: 18px;
  height: 1px;
  margin-bottom: 14px;
  background: #c5a568;
}

.em-approved-hero h1 {
  max-width: 330px;
  margin: 0;
  font: 500 clamp(42px, 2.7vw, 52px) / .92 var(--em-serif);
  letter-spacing: -.038em;
}

.em-approved-hero__copy > p {
  max-width: 330px;
  margin: clamp(15px, 1.4vw, 24px) 0 0;
  color: #b1afaa;
  font-size: clamp(11px, .76vw, 14px);
  line-height: 1.55;
}

.em-approved-hero__actions {
  display: flex;
  gap: 9px;
  margin-top: clamp(18px, 1.8vw, 28px);
}

.em-approved-hero__actions .em-btn { white-space: nowrap; }

.em-approved-hero__stats {
  position: absolute;
  z-index: 3;
  left: 41%;
  bottom: clamp(17px, 1.45vw, 26px);
  display: grid;
  width: min(47%, 470px);
  min-width: 360px;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid rgba(226, 216, 196, .1);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(16, 16, 15, .88), rgba(8, 9, 9, .92));
  box-shadow: 0 20px 48px rgba(0, 0, 0, .28);
  backdrop-filter: blur(14px);
}

.em-approved-stat {
  min-width: 0;
  padding: clamp(13px, 1.1vw, 20px) clamp(12px, 1.2vw, 22px);
  border-left: 1px solid rgba(226, 216, 196, .09);
}

.em-approved-stat:first-child { border-left: 0; }
.em-approved-stat strong { display: block; font: 500 clamp(24px, 1.7vw, 32px) / 1 var(--em-serif); }
.em-approved-stat span { display: block; margin-top: 7px; color: var(--em-approved-muted); font-size: 10px; }

.em-approved-featured__media,
.em-approved-featured__media .em-editorial-picture {
  position: absolute;
  inset: 0;
  height: 100%;
  border: 0;
  border-radius: 0;
}

.em-approved-featured__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% center;
  filter: saturate(.78) brightness(.88) contrast(1.04);
  transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .35s ease;
}

.em-approved-featured__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #101112 0%, rgba(16, 17, 18, .97) 39%, rgba(16, 17, 18, .58) 59%, rgba(8, 9, 10, .06) 100%),
    linear-gradient(0deg, rgba(7, 8, 8, .9), transparent 45%);
}

.em-approved-featured__copy {
  position: relative;
  z-index: 2;
  display: flex;
  width: 61%;
  height: 100%;
  flex-direction: column;
  padding: clamp(24px, 2vw, 38px);
}

.em-approved-featured .em-kicker { margin-bottom: 10px; font-size: 10px; }
.em-approved-featured h2 { margin: 0; font: 500 clamp(23px, 1.55vw, 30px) / .99 var(--em-serif); letter-spacing: -.025em; }
.em-approved-featured h2 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.em-approved-featured__copy > p:not(.em-kicker) { margin: 13px 0 0; color: var(--em-approved-muted); font-size: clamp(10px, .68vw, 13px); line-height: 1.48; }
.em-approved-featured__tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; }
.em-approved-featured__tags span { padding: 5px 7px; border-radius: 4px; background: rgba(255, 255, 255, .045); color: #a9a6a0; font-size: 10px; }

.em-approved-featured__author {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
}

.em-approved-featured__author .em-editorial-picture {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(209, 179, 122, .35);
  border-radius: 50%;
}

.em-approved-featured__author img { width: 100%; height: 100%; object-fit: cover; filter: brightness(1.12) saturate(.9); }
.em-approved-featured__author strong,
.em-approved-featured__author small { display: block; }
.em-approved-featured__author strong { font-size: 10px; font-weight: 550; }
.em-approved-featured__author small { margin-top: 2px; color: var(--em-approved-muted); font-size: 10px; }

.em-approved-featured__footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 13px;
}

.em-approved-featured__footer > strong { font: 500 clamp(20px, 1.4vw, 27px) / 1 var(--em-serif); }
.em-approved-featured__footer .em-btn { position: relative; z-index: 3; min-height: 37px; padding-inline: 14px; font-size: 10px; }
.em-approved-featured:hover .em-approved-featured__media img { transform: scale(1.025); filter: saturate(.84) brightness(.94) contrast(1.06); }

.em-approved-ecosystem {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.09fr) minmax(0, .92fr);
  gap: clamp(22px, 2.5vw, 48px);
  min-height: clamp(260px, 17.2vw, 330px);
  padding: clamp(13px, 1.05vw, 19px) 0 7px;
}

.em-approved-module {
  position: relative;
  min-width: 0;
}

.em-approved-module + .em-approved-module::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 calc(clamp(22px, 2.5vw, 48px) / -2);
  width: 1px;
  background: var(--em-approved-line-soft);
}

.em-approved-module__head {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
}

.em-approved-module__head h2 { margin: 0; font: 500 clamp(21px, 1.4vw, 27px) / 1 var(--em-serif); }
.em-approved-module__head h2 span { display: inline-flex; margin-left: 6px; padding: 4px 7px; border-radius: 12px; background: rgba(192, 161, 107, .1); color: #b89a67; font: 500 10px/1 var(--em-mono); vertical-align: middle; }
.em-approved-module__head > a,
.em-approved-module__all { display: inline-flex; align-items: center; gap: 5px; color: #b69761; font-size: 10px; white-space: nowrap; }

.em-approved-requests,
.em-approved-experts { display: grid; gap: 5px; }

.em-approved-request {
  display: grid;
  min-height: clamp(62px, 4.25vw, 81px);
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 11px;
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(21, 21, 20, .88), rgba(11, 12, 12, .72));
  transition: border-color .25s ease, background .25s ease;
}

.em-approved-request:hover { border-color: rgba(209, 179, 122, .3); background: #121312; }
.em-approved-request__icon { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; background: rgba(192, 161, 107, .11); color: #c5a669; font-size: 15px; }
.em-approved-request__copy,
.em-approved-request__value { min-width: 0; }
.em-approved-request__copy strong,
.em-approved-request__copy small,
.em-approved-request__value strong,
.em-approved-request__value small { display: block; }
.em-approved-request__copy strong { overflow: hidden; font: 500 clamp(11px, .72vw, 14px) / 1.2 var(--em-serif); text-overflow: ellipsis; white-space: nowrap; }
.em-approved-request__copy small { overflow: hidden; margin-top: 5px; color: var(--em-approved-dim); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.em-approved-request__value { text-align: right; }
.em-approved-request__value strong { color: #ddd6ca; font: 500 clamp(10px, .65vw, 13px) / 1 var(--em-serif); white-space: nowrap; }
.em-approved-request__value small { margin-top: 5px; color: var(--em-approved-dim); font-size: 10px; }
.em-approved-module__all { width: 100%; min-height: 30px; justify-content: center; margin-top: 5px; border: 1px solid var(--em-approved-line-soft); border-radius: 7px; background: rgba(192, 161, 107, .07); }

.em-approved-missions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, .8vw, 15px);
}

.em-approved-mission {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: clamp(206px, 13.4vw, 258px);
  flex-direction: column;
  padding: clamp(12px, 1.15vw, 20px);
  overflow: hidden;
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0, rgba(192, 161, 107, .075), transparent 38%),
    linear-gradient(145deg, #121312, #0b0d0d);
}

.em-approved-mission__meta { display: flex; justify-content: space-between; gap: 7px; color: #b79863; font: 600 10px/1.2 var(--em-mono); letter-spacing: .1em; text-transform: uppercase; }
.em-approved-mission__meta small { max-width: 55%; color: var(--em-approved-dim); font-size: 10px; line-height: 1.2; letter-spacing: 0; text-align: right; text-transform: none; }
.em-approved-mission h3 { margin: clamp(15px, 1.2vw, 22px) 0 0; font: 500 clamp(13px, .9vw, 17px) / 1.18 var(--em-serif); }
.em-approved-mission h3 a::after { content: ""; position: absolute; inset: 0; }
.em-approved-mission__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; }
.em-approved-mission__facts small,
.em-approved-mission__facts strong { display: block; }
.em-approved-mission__facts small { color: var(--em-approved-dim); font-size: 10px; }
.em-approved-mission__facts strong { margin-top: 5px; font: 500 clamp(11px, .72vw, 14px) / 1 var(--em-serif); }
.em-approved-mission__progress { height: 3px; margin-top: 17px; overflow: hidden; border-radius: 3px; background: rgba(255, 255, 255, .06); }
.em-approved-mission__progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #a88651, #e0c27f); }
.em-approved-mission__link { position: relative; z-index: 2; display: none; align-items: center; justify-content: center; gap: 5px; min-height: 30px; margin-top: 12px; border: 1px solid rgba(192, 161, 107, .45); color: #c6a66a; font-size: 10px; }
.em-approved-mission:last-child .em-approved-mission__link { display: flex; }

.em-approved-expert {
  display: grid;
  min-height: clamp(60px, 3.95vw, 76px);
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(21, 21, 20, .88), rgba(11, 12, 12, .72));
}

.em-approved-expert__portrait,
.em-approved-expert__portrait .em-editorial-picture { width: 43px; height: 43px; overflow: hidden; border: 0; border-radius: 50%; }
.em-approved-expert__portrait img { width: 100%; height: 100%; object-fit: cover; filter: brightness(1.16) saturate(.9); }
.em-approved-expert__copy strong,
.em-approved-expert__copy small,
.em-approved-expert__copy span,
.em-approved-expert__metric strong,
.em-approved-expert__metric small { display: block; }
.em-approved-expert__copy strong { font: 500 clamp(11px, .7vw, 14px) / 1 var(--em-serif); }
.em-approved-expert__copy strong b { color: #c6a66a; font: 600 10px/1 var(--em-sans); }
.em-approved-expert__copy small { overflow: hidden; margin-top: 4px; color: var(--em-approved-dim); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.em-approved-expert__copy span { margin-top: 4px; color: #b99a66; font-size: 10px; }
.em-approved-expert__metric { text-align: right; }
.em-approved-expert__metric strong { font: 500 clamp(17px, 1.05vw, 21px) / 1 var(--em-serif); }
.em-approved-expert__metric small { margin-top: 4px; color: var(--em-approved-dim); font-size: 10px; }

.em-approved-earn {
  display: grid;
  min-height: clamp(100px, 6.9vw, 132px);
  grid-template-columns: minmax(190px, .8fr) minmax(0, 3.6fr) minmax(150px, .72fr);
  gap: clamp(20px, 2vw, 38px);
  align-items: center;
  margin-top: 7px;
  padding: clamp(16px, 1.55vw, 28px);
  border: 1px solid var(--em-approved-line);
  border-radius: 11px;
  background:
    linear-gradient(90deg, rgba(192, 161, 107, .045), transparent 34%),
    #090b0b;
}

.em-approved-earn__title h2 { margin: 0; font: 500 clamp(23px, 1.55vw, 30px) / 1 var(--em-serif); }
.em-approved-earn__title > span { display: block; width: 18px; height: 1px; margin-top: 13px; background: #b99961; }
.em-approved-earn ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(12px, 1.5vw, 28px); margin: 0; padding: 0; list-style: none; }
.em-approved-earn li { display: grid; grid-template-columns: 27px minmax(0, 1fr); gap: 8px; align-items: start; }
.em-approved-earn li > span { color: #b9965b; font: 500 10px/1 var(--em-mono); }
.em-approved-earn li strong,
.em-approved-earn li small { display: block; }
.em-approved-earn li strong { font-size: clamp(10px, .62vw, 12px); line-height: 1.25; }
.em-approved-earn li small { margin-top: 5px; color: var(--em-approved-dim); font-size: clamp(10px, .54vw, 11px); line-height: 1.4; }
.em-approved-earn__action { display: grid; justify-items: center; gap: 10px; }
.em-approved-earn__action .em-btn { min-height: 38px; padding-inline: 15px; font-size: 10px; }
.em-approved-earn__action > a:last-child { color: #b99961; font-size: 10px; }

.em-approved-trust {
  display: grid;
  min-height: clamp(50px, 3.15vw, 61px);
  grid-template-columns: minmax(125px, .8fr) repeat(7, minmax(90px, 1fr));
  align-items: center;
  margin-top: 8px;
  padding-inline: clamp(15px, 1.6vw, 28px);
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 9px;
  color: #555957;
  background: #070909;
}

.em-approved-trust > span { color: #737571; font-size: 10px; }
.em-approved-trust a { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: clamp(10px, .58vw, 11px); white-space: nowrap; }
.em-approved-trust b { display: inline-grid; width: 17px; height: 17px; place-items: center; border: 1px solid #4c514e; border-radius: 50%; font-size: 10px; }
.em-approved-trust a:hover { color: #aaa69e; }

.em-approved-continuation {
  margin-top: 12px;
  border-top: 1px solid var(--em-approved-line-soft);
}

.em-approved-section {
  padding: clamp(80px, 5vw, 96px) clamp(6px, 1.5vw, 28px);
  border-bottom: 1px solid var(--em-approved-line-soft);
}

.em-approved-section__head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr) auto;
  gap: clamp(24px, 3vw, 52px);
  align-items: end;
  margin-bottom: clamp(28px, 2.3vw, 38px);
}

.em-approved-section__head h2,
.em-approved-quality h2,
.em-approved-business h2,
.em-approved-cta h2 { margin: 0; font: 500 clamp(48px, 2.7vw, 58px) / .98 var(--em-serif); letter-spacing: -.035em; }
.em-approved-section__head > p { max-width: 510px; margin: 0; color: var(--em-approved-muted); font-size: 13px; }
.em-approved-section__head > a,
.em-approved-collection__copy > a,
.em-approved-product footer > a { display: inline-flex; align-items: center; gap: 6px; color: #c0a16a; font-size: 10px; white-space: nowrap; }

.em-approved-collections {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, .72fr);
  grid-template-rows: repeat(2, minmax(198px, 1fr));
  gap: 12px;
}

.em-approved-collection {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 12px;
  background: var(--em-approved-panel);
}

.em-approved-collection--1 { grid-row: 1 / 3; min-height: 430px; }
.em-approved-collection__media,
.em-approved-collection__media .em-editorial-picture { position: absolute; inset: 0; height: 100%; border: 0; border-radius: 0; }
.em-approved-collection__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) brightness(.58); transition: transform .65s ease; }
.em-approved-collection::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6, 8, 8, .97), rgba(6, 8, 8, .22) 72%); pointer-events: none; }
.em-approved-collection__copy { position: absolute; z-index: 2; inset: auto 0 0; padding: clamp(18px, 2vw, 31px); }
.em-approved-collection__meta { display: flex; flex-wrap: wrap; gap: 6px; }
.em-approved-collection__meta span { padding: 5px 7px; border: 1px solid rgba(192, 161, 107, .22); border-radius: 999px; color: #c5a66e; background: rgba(6, 8, 8, .62); font: 600 9px/1 var(--em-mono); text-transform: uppercase; }
.em-approved-collection__copy h3 { max-width: 700px; margin: 11px 0 0; font: 500 clamp(24px, 1.9vw, 35px) / 1 var(--em-serif); }
.em-approved-collection__result { max-width: 670px; margin: 9px 0 13px; color: var(--em-approved-muted); font-size: 11px; line-height: 1.45; }
.em-approved-collection__result b { display: block; margin-bottom: 3px; color: var(--em-approved-dim); font: 600 8px/1 var(--em-mono); letter-spacing: .1em; text-transform: uppercase; }
.em-approved-collection--2 .em-approved-collection__result,
.em-approved-collection--3 .em-approved-collection__result { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.em-approved-collection--2 .em-approved-collection__copy h3,
.em-approved-collection--3 .em-approved-collection__copy h3 { font-size: clamp(20px, 1.45vw, 26px); }
.em-approved-collection:hover img { transform: scale(1.03); }

.em-approved-products {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .72fr);
  grid-template-rows: repeat(2, minmax(230px, auto));
  gap: 12px;
}

.em-approved-product {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(145px, .72fr) minmax(0, 1.28fr);
  overflow: hidden;
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 12px;
  background: var(--em-approved-panel);
}

.em-approved-product--1 { grid-row: 1 / 3; min-height: 450px; grid-template-columns: 1fr; }
.em-approved-product--1 .em-approved-product__media { position: absolute; inset: 0; }
.em-approved-product__media,
.em-approved-product__media .em-editorial-picture { min-width: 0; height: 100%; border: 0; border-radius: 0; }
.em-approved-product__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) brightness(.63); transition: transform .65s ease; }
.em-approved-product__copy { position: relative; z-index: 2; display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(16px, 1.6vw, 27px); background: linear-gradient(90deg, rgba(11, 13, 13, .98), rgba(11, 13, 13, .84)); }
.em-approved-product--1 .em-approved-product__copy { justify-content: end; margin-top: 0; background: linear-gradient(0deg, rgba(6, 8, 8, .98), rgba(6, 8, 8, .14)); }
.em-approved-product__badges { display: flex; flex-wrap: wrap; gap: 6px; }
.em-approved-product__badges span { padding: 5px 7px; border: 1px solid rgba(192, 161, 107, .2); border-radius: 999px; color: #c2a26a; background: rgba(6, 8, 8, .5); font: 600 8px/1 var(--em-mono); text-transform: uppercase; }
.em-approved-product__copy h3 { margin: 11px 0 0; font: 500 clamp(20px, 1.45vw, 27px) / 1 var(--em-serif); }
.em-approved-product--1 .em-approved-product__copy h3 { max-width: 760px; font-size: clamp(30px, 2.25vw, 41px); }
.em-approved-product__copy > p { margin: 8px 0 0; color: var(--em-approved-muted); font-size: 10px; line-height: 1.45; }
.em-approved-product:not(.em-approved-product--1) .em-approved-product__copy h3,
.em-approved-product:not(.em-approved-product--1) .em-approved-product__copy > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.em-approved-product__author { display: flex; align-items: center; gap: 7px; margin-top: 11px; color: var(--em-approved-dim); font-size: 9px; }
.em-approved-product__author strong { color: #c4beb4; font-weight: 500; }
.em-approved-product__copy footer { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 13px; }
.em-approved-product__copy footer strong { display: block; }
.em-approved-product__copy footer strong { font: 500 22px/1 var(--em-serif); }
.em-approved-product:hover img { transform: scale(1.025); }

.em-approved-quality {
  display: grid;
  grid-template-columns: minmax(390px, .75fr) minmax(0, 1.25fr);
  gap: clamp(34px, 4vw, 70px);
  align-items: center;
}

.em-approved-quality__passport > p:not(.em-kicker),
.em-approved-business__copy > p:not(.em-kicker),
.em-approved-cta > p { max-width: 620px; margin: 16px 0 0; color: var(--em-approved-muted); }
.em-approved-quality__passport .em-btn { margin-top: 20px; }
.em-approved-quality__ledger { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--em-approved-line-soft); border-radius: 12px; background: #090b0b; }
.em-approved-quality__ledger > div { position: relative; min-width: 0; min-height: 164px; padding: 20px 17px; border-left: 1px solid var(--em-approved-line-soft); }
.em-approved-quality__ledger > div:first-child { border-left: 0; }
.em-approved-quality__ledger > div > span { color: #b79761; font: 500 9px/1 var(--em-mono); }
.em-approved-quality__ledger p { margin: 27px 0 0; }
.em-approved-quality__ledger small,
.em-approved-quality__ledger strong { display: block; }
.em-approved-quality__ledger small { color: var(--em-approved-dim); font-size: 10px; text-transform: uppercase; }
.em-approved-quality__ledger strong { margin-top: 6px; font: 500 17px/1.05 var(--em-serif); }
.em-approved-quality__ledger b { position: absolute; top: 17px; right: 15px; display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid rgba(192, 161, 107, .35); border-radius: 50%; color: #c3a36b; font-size: 9px; }

.em-approved-business {
  display: grid;
  height: 510px;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--em-approved-line-soft);
  border-radius: 14px;
  background: #090b0b;
  padding: 0;
  overflow: hidden;
}

.em-approved-business__media,
.em-approved-business__media .em-editorial-picture { height: 100%; min-height: 460px; border: 0; border-radius: 0; }
.em-approved-business__media { min-width: 0; height: 100%; }
.em-approved-business__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) brightness(.7); }
.em-approved-business__copy { min-width: 0; padding: clamp(30px, 2.1vw, 35px); }
.em-approved-business__scenarios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 16px 0 14px; border-top: 1px solid var(--em-approved-line-soft); border-left: 1px solid var(--em-approved-line-soft); }
.em-approved-business__scenarios a { position: relative; display: grid; min-width: 0; min-height: 82px; grid-template-columns: 23px minmax(0, 1fr) 15px; gap: 7px; align-content: center; padding: 12px; border-right: 1px solid var(--em-approved-line-soft); border-bottom: 1px solid var(--em-approved-line-soft); }
.em-approved-business__scenarios span { color: #b79761; font: 500 9px/1 var(--em-mono); }
.em-approved-business__scenarios strong { font: 500 16px/1 var(--em-serif); }
.em-approved-business__scenarios small { grid-column: 2 / 4; color: var(--em-approved-dim); font-size: 9px; line-height: 1.4; }
.em-approved-business__scenarios svg { width: 13px; color: #b99961; transition: transform .2s ease; }
.em-approved-business__scenarios a:hover svg { transform: translateX(2px); }

.em-approved-cta {
  display: grid;
  grid-template-columns: minmax(460px, 1.1fr) minmax(270px, .75fr) auto;
  gap: clamp(24px, 3vw, 50px);
  align-items: center;
  margin-top: 12px;
  padding: clamp(32px, 3vw, 46px);
  border: 1px solid var(--em-approved-line);
  border-radius: 14px;
  background:
    radial-gradient(circle at 82% 50%, rgba(192, 161, 107, .11), transparent 28%),
    #090b0b;
}

.em-approved-cta > p { margin: 0; }
.em-approved-cta__actions { display: flex; gap: 8px; }

body[data-expert-page="home"] .em-footer { padding: 30px 0 18px; }
body[data-expert-page="home"] .em-footer__grid { gap: clamp(24px, 2.5vw, 38px); }
body[data-expert-page="home"] .em-footer__grid > :first-child p { max-width: 360px !important; margin: 13px 0 0; font-size: 10px !important; line-height: 1.55; }
body[data-expert-page="home"] .em-footer h3 { margin-bottom: 9px; }
body[data-expert-page="home"] .em-footer a { margin: 4px 0; }
body[data-expert-page="home"] .em-footer__bottom { margin-top: 20px; padding-top: 12px; }

@keyframes emApprovedOfficeIn {
  from { opacity: .45; transform: scale(1.025); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 1500px) {
  .em-approved-mission__meta { display: grid; justify-content: start; }
  .em-approved-mission__meta small { max-width: none; text-align: left; }
}

@media (max-width: 1320px) {
  body[data-expert-page="home"] .em-header__inner { gap: 18px; }
  body[data-expert-page="home"] .em-nav { gap: 20px; }
  .em-approved-hero { grid-template-columns: minmax(0, 1.62fr) minmax(390px, 1fr); }
  .em-approved-hero__copy { width: 305px; }
  .em-approved-hero__stats { left: 37%; width: 55%; }
  .em-approved-featured__copy { width: 68%; padding: 24px; }
  .em-approved-featured__tags span:last-child { display: none; }
  .em-approved-module__head > a { display: none; }
  .em-approved-request { grid-template-columns: 26px minmax(0, 1fr); }
  .em-approved-request__value { display: none; }
  .em-approved-mission__facts { grid-template-columns: 1fr; }
  .em-approved-mission__facts > span:last-child { display: none; }
  .em-approved-earn { grid-template-columns: 190px 1fr 145px; }
  .em-approved-earn li { grid-template-columns: 20px minmax(0, 1fr); }
  .em-approved-trust { grid-template-columns: 120px repeat(4, 1fr); }
  .em-approved-trust a:nth-of-type(n + 5) { display: none; }
}

@media (max-width: 1100px) {
  .em-approved-home { padding-top: 10px; }
  .em-approved-hero { height: auto; grid-template-columns: 1fr; }
  .em-approved-hero__scene { min-height: 420px; }
  .em-approved-featured { min-height: 330px; }
  .em-approved-hero__copy { width: 42%; min-width: 300px; }
  .em-approved-hero__stats { left: auto; right: 18px; width: 48%; }
  .em-approved-featured__copy { width: 58%; }
  .em-approved-ecosystem { grid-template-columns: 1fr 1fr; min-height: 0; }
  .em-approved-module--experts { grid-column: 1 / 3; }
  .em-approved-module--experts::before { display: none; }
  .em-approved-experts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .em-approved-expert { grid-template-columns: 42px minmax(0, 1fr); }
  .em-approved-expert__metric { display: none; }
  .em-approved-earn { grid-template-columns: 1fr; }
  .em-approved-earn ol { gap: 16px; }
  .em-approved-earn__action { grid-template-columns: auto auto; justify-content: end; align-items: center; }
  .em-approved-section:not(.em-approved-business) { padding-block: 68px; }
  .em-approved-section__head { grid-template-columns: 1fr auto; }
  .em-approved-section__head > p { grid-column: 1 / 3; grid-row: 2; }
  .em-approved-section__head h2,
  .em-approved-quality h2,
  .em-approved-business h2,
  .em-approved-cta h2 { font-size: 44px; }
  .em-approved-products { grid-template-columns: minmax(0, 1.16fr) minmax(290px, .84fr); grid-template-rows: repeat(2, 210px); }
  .em-approved-product--1 { grid-row: 1 / 3; min-height: 420px; }
  .em-approved-product:not(.em-approved-product--1) { min-height: 0; grid-template-columns: minmax(118px, .65fr) minmax(0, 1.35fr); }
  .em-approved-product__copy { padding: 17px; }
  .em-approved-product__copy > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .em-approved-quality { gap: 28px; }
  .em-approved-quality__ledger { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .em-approved-quality__ledger > div { padding-inline: 13px; }
  .em-approved-quality__ledger > div:nth-child(4) { border-left: 0; }
  .em-approved-quality__ledger > div:nth-child(n + 4) { border-top: 1px solid var(--em-approved-line-soft); }
  .em-approved-quality__ledger strong { font-size: 15px; }
  .em-approved-business { height: auto; padding: 0; }
  .em-approved-business__copy { padding: 30px; }
  .em-approved-business__scenarios a { padding: 12px; }
  .em-approved-cta { grid-template-columns: minmax(0, 1fr) auto; gap: 18px 24px; }
  .em-approved-cta > p { grid-column: 1 / 3; grid-row: 2; }
}

@media (max-width: 900px) and (min-width: 761px) {
  .em-approved-products { grid-template-columns: 1fr; grid-template-rows: auto; }
  .em-approved-product--1 { grid-row: auto; min-height: 420px; }
  .em-approved-product:not(.em-approved-product--1) {
    min-height: 220px;
    grid-template-columns: minmax(170px, .72fr) minmax(0, 1.28fr);
  }
  .em-approved-cta { grid-template-columns: 1fr; }
  .em-approved-cta > p { grid-column: auto; grid-row: auto; }
  .em-approved-cta__actions { justify-self: start; }
}

@media (max-width: 760px) {
  body[data-expert-page="home"] { --em-gutter: 16px; }
  body[data-expert-page="home"] .em-demo-bar { min-height: 24px; padding-block: 5px; font-size: 10px; }
  body[data-expert-page="home"] .em-header__inner { min-height: 62px; gap: 10px; }
  body[data-expert-page="home"] .em-account-btn,
  body[data-expert-page="home"] .em-account-menu { display: none; }
  body[data-expert-page="home"] .em-header .em-brand::before { width: 21px; height: 21px; }
  body[data-expert-page="home"] .em-brand__chippex { font-size: 22px; }
  body[data-expert-page="home"] .em-brand__division { font-size: 8px; }
  .em-approved-home { padding-bottom: 12px; }
  .em-approved-hero { gap: 8px; }
  .em-approved-hero__scene { min-height: 600px; }
  .em-approved-hero__office img { object-position: 68% 50%; }
  .em-approved-hero__shade {
    background:
      linear-gradient(0deg, rgba(6, 8, 8, .96) 0%, rgba(6, 8, 8, .42) 48%, rgba(6, 8, 8, .2) 100%),
      linear-gradient(90deg, rgba(6, 8, 8, .94) 0%, rgba(6, 8, 8, .72) 62%, rgba(6, 8, 8, .2));
  }
  .em-approved-hero__copy { inset: 0 0 auto; width: 100%; min-width: 0; padding: 28px 24px; }
  .em-approved-hero h1 { max-width: 290px; font-size: clamp(42px, 12vw, 47px); }
  .em-approved-hero__copy > p { max-width: 310px; font-size: 12px; }
  .em-approved-hero__actions { flex-wrap: wrap; }
  .em-approved-hero__actions .em-btn { flex: 1 1 140px; padding-inline: 13px; }
  .em-approved-hero__stats { left: 14px; right: 14px; bottom: 14px; width: auto; min-width: 0; }
  .em-approved-stat { padding: 13px 10px; }
  .em-approved-stat strong { font-size: 23px; }
  .em-approved-stat span { font-size: 10px; }
  .em-approved-featured { min-height: 440px; }
  .em-approved-featured__media img { object-position: 58% center; }
  .em-approved-featured__shade { background: linear-gradient(0deg, rgba(8, 9, 9, .98) 0%, rgba(8, 9, 9, .9) 48%, rgba(8, 9, 9, .12) 100%); }
  .em-approved-featured__copy { width: 100%; justify-content: end; padding: 22px; }
  .em-approved-featured__copy > p:not(.em-kicker) { font-size: 11px; }
  .em-approved-featured__tags { margin-top: 13px; }
  .em-approved-ecosystem { grid-template-columns: 1fr; gap: 18px; padding-top: 20px; }
  .em-approved-module { padding-bottom: 4px; }
  .em-approved-module + .em-approved-module::before { inset: -9px 0 auto; width: auto; height: 1px; }
  .em-approved-module--experts { grid-column: auto; }
  .em-approved-module--experts::before { display: block; }
  .em-approved-module__head > a { display: inline-flex; }
  .em-approved-request { min-height: 72px; grid-template-columns: 28px minmax(0, 1fr) auto; }
  .em-approved-request__value { display: block; }
  .em-approved-missions { display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .em-approved-mission { min-height: 255px; flex: 0 0 min(82vw, 320px); scroll-snap-align: start; }
  .em-approved-mission__facts { grid-template-columns: 1fr 1fr; }
  .em-approved-mission__facts > span:last-child { display: block; }
  .em-approved-experts { grid-template-columns: 1fr; }
  .em-approved-expert { min-height: 70px; grid-template-columns: 48px minmax(0, 1fr) auto; }
  .em-approved-expert__metric { display: block; }
  .em-approved-earn { gap: 20px; padding: 23px 20px; }
  .em-approved-earn ol { grid-template-columns: 1fr 1fr; gap: 16px 12px; }
  .em-approved-earn li:last-child { grid-column: 1 / 3; }
  .em-approved-earn__action { grid-template-columns: 1fr; justify-items: stretch; }
  .em-approved-earn__action > a { text-align: center; }
  .em-approved-trust { grid-template-columns: 1fr 1fr; gap: 0; padding-block: 10px; }
  .em-approved-trust > span { grid-column: 1 / 3; padding: 4px 7px 10px; }
  .em-approved-trust a { min-height: 37px; justify-content: flex-start; padding: 0 7px; border-top: 1px solid var(--em-approved-line-soft); white-space: normal; }
  .em-approved-section { padding: 48px 0; }
  .em-approved-section__head { grid-template-columns: 1fr; gap: 14px; margin-bottom: 24px; }
  .em-approved-section__head h2,
  .em-approved-quality h2,
  .em-approved-business h2,
  .em-approved-cta h2 { font-size: clamp(32px, 8.8vw, 36px); line-height: 1; }
  .em-approved-section__head > p,
  .em-approved-section__head > a { grid-column: auto; grid-row: auto; }
  .em-approved-collections { grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; }
  .em-approved-collection,
  .em-approved-collection--1 { grid-row: auto; min-height: 300px; }
  .em-approved-collection--2,
  .em-approved-collection--3 { min-height: 215px; }
  .em-approved-collection__copy { padding: 19px; }
  .em-approved-collection__copy h3,
  .em-approved-collection--2 .em-approved-collection__copy h3,
  .em-approved-collection--3 .em-approved-collection__copy h3 { font-size: 25px; }
  .em-approved-collection__result { margin-bottom: 10px; }
  .em-approved-products { grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; }
  .em-approved-product { min-height: 220px; grid-template-columns: minmax(120px, 42%) minmax(0, 58%); }
  .em-approved-product--1 { min-height: 380px; grid-row: auto; grid-template-columns: 1fr; }
  .em-approved-product__media { position: relative; inset: auto; }
  .em-approved-product--1 .em-approved-product__media { position: absolute; inset: 0; }
  .em-approved-product__copy { justify-content: center; margin-top: 0; padding: 17px; background: linear-gradient(90deg, rgba(6, 8, 8, .98), rgba(6, 8, 8, .82)); }
  .em-approved-product--1 .em-approved-product__copy { justify-content: end; margin-top: 40%; background: linear-gradient(0deg, rgba(6, 8, 8, .98), rgba(6, 8, 8, .15)); }
  .em-approved-product__copy h3 { font-size: 21px; }
  .em-approved-product--1 .em-approved-product__copy h3 { font-size: 31px; }
  .em-approved-product__author { margin-top: 8px; }
  .em-approved-product__copy footer { padding-top: 10px; }
  .em-approved-product__copy footer strong { font-size: 19px; }
  .em-approved-quality { grid-template-columns: 1fr; gap: 24px; }
  .em-approved-quality__passport > p:not(.em-kicker) { margin-top: 13px; font-size: 12px; line-height: 1.6; }
  .em-approved-quality__ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .em-approved-quality__ledger > div { min-height: 100px; padding: 12px 11px; border-bottom: 1px solid var(--em-approved-line-soft); }
  .em-approved-quality__ledger > div:nth-child(odd) { border-left: 0; }
  .em-approved-quality__ledger > div:nth-child(4) { border-left: 1px solid var(--em-approved-line-soft); }
  .em-approved-quality__ledger > div:last-child { grid-column: 1 / 3; min-height: 84px; border-bottom: 0; border-left: 0; }
  .em-approved-quality__ledger p { margin-top: 15px; }
  .em-approved-quality__ledger strong { font-size: 14px; }
  .em-approved-quality__ledger b { top: 9px; right: 9px; }
  .em-approved-business { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .em-approved-business__media { width: 100%; min-width: 0; height: 240px; }
  .em-approved-business__media,
  .em-approved-business__media .em-editorial-picture { min-height: 240px; }
  .em-approved-business__copy { width: 100%; min-width: 0; padding: 21px 18px 23px; }
  .em-approved-business__copy > p:not(.em-kicker) { margin-top: 12px; font-size: 12px; line-height: 1.55; }
  .em-approved-business__scenarios { margin: 16px 0; }
  .em-approved-business__scenarios a { min-height: 100px; grid-template-columns: 19px minmax(0, 1fr) 12px; padding: 9px; }
  .em-approved-business__scenarios strong { font-size: 13px; }
  .em-approved-business__scenarios small { font-size: 9px; }
  .em-approved-cta { grid-template-columns: 1fr; gap: 18px; padding: 27px 20px; }
  .em-approved-cta > p { grid-column: auto; grid-row: auto; }
  .em-approved-cta > p { margin: 0; font-size: 11px; }
  .em-approved-cta__actions { flex-direction: column; }
  body[data-expert-page="home"] .em-footer { padding: 32px 0 20px; }
  body[data-expert-page="home"] .em-footer__grid { gap: 22px 24px; }
  body[data-expert-page="home"] .em-footer__grid > :last-child { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; }
  body[data-expert-page="home"] .em-footer__grid > :last-child h3 { grid-column: 1 / -1; }
  body[data-expert-page="home"] .em-footer a { margin: 5px 0; }
  body[data-expert-page="home"] .em-footer__bottom { margin-top: 22px; padding-top: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .em-approved-home *,
  .em-approved-home *::before,
  .em-approved-home *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
