:root { --compliance-ink: #102832; --compliance-deep: #071b23; --compliance-paper: #f4f1ea; --compliance-line: rgba(27,45,51,.16); }
.compliance-page main { margin-top: 0; }.compliance-page .site-main-frame > .compliance-hero,.compliance-page .site-main-frame > .compliance-commitment,.compliance-page .site-main-frame > .compliance-pillars,.compliance-page .site-main-frame > .compliance-certifications,.compliance-page .site-main-frame > .compliance-process,.compliance-page .site-main-frame > .compliance-values,.compliance-page .site-main-frame > .compliance-cta { margin-block:0; }.compliance-shell { width:100%; max-width:var(--site-width); margin-inline:auto; padding-inline:var(--edge-pad); }.compliance-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.compliance-kicker { margin: 0 0 8px; color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .15em; }.compliance-hero { position: relative; isolation: isolate; display: grid; min-height: clamp(250px,23vw,370px); place-items: center; overflow: hidden; color: var(--white); background: linear-gradient(90deg,rgba(4,18,24,.83),rgba(4,18,24,.44),rgba(4,18,24,.72)),image-set(url("../images/hero/resolutions/wide-range/960/5-wide-range-v2-960.927fb56a32ff.webp") 1x, url("../images/hero/resolutions/wide-range/1920/5-wide-range-v2-1920.477ce62df19f.webp") 2x) center 57% / cover no-repeat; }.compliance-hero::before { position: absolute; z-index: -1; inset: 0; content:""; opacity:.42; background-image: radial-gradient(circle at 48% 48%,rgba(203,172,99,.42) 0 1px,transparent 2px),radial-gradient(circle at 56% 36%,rgba(203,172,99,.34) 0 1px,transparent 2px); background-size: 70px 58px,93px 75px; }.compliance-hero__content { padding-top: 32px; padding-bottom: 26px; font-family:"Roboto",Arial,Helvetica,sans-serif; text-align:left; }.compliance-hero h1 { margin: 0; font-family:"Roboto",Arial,Helvetica,sans-serif; font-size: clamp(34px,3vw,52px); font-style:normal; font-weight:600; letter-spacing: -.025em; }.compliance-hero__content > p:not(.compliance-kicker) { margin: 5px 0 18px; font-size: clamp(13px,1.2vw,17px); line-height: 1.45; }.compliance-breadcrumb { display: flex; justify-content:flex-start; gap: 10px; color: rgba(255,255,255,.77); font-size: 11px; }.compliance-breadcrumb span:last-child { color: var(--gold-2); }
.compliance-commitment { color: var(--compliance-ink); background: linear-gradient(108deg,#fbf9f4,#e9e2d7); }.compliance-commitment__grid { display:grid; grid-template-columns:minmax(285px,.78fr) minmax(0,1.4fr) 254px; align-items:center; gap:clamp(24px,3vw,46px); min-height:260px; padding-top:24px; padding-bottom:24px; }.commitment-visual { min-height:208px; margin:0; overflow:hidden; background:#10232b; }.commitment-visual img { width:100%; height:100%; min-height:208px; object-fit:cover; object-position:42% center; filter:saturate(.78) contrast(1.04); }.commitment-copy { max-width:760px; }.commitment-copy h2,.certifications-copy h2,.compliance-process h2,.compliance-values h2 { margin:0; font-size:clamp(19px,1.6vw,27px); font-weight:600; line-height:1.16; }.commitment-copy h2::after,.certifications-copy h2::after,.compliance-process h2::after,.compliance-values h2::after { display:block; width:32px; height:2px; margin-top:11px; content:""; background:var(--gold); }.commitment-copy p:not(.compliance-kicker) { max-width:740px; margin:12px 0 0; color:#33454b; font-size:11.5px; line-height:1.55; }.commitment-mark { width:254px; height:254px; justify-self:end; fill:none; stroke:#c8b48d; stroke-width:.55; opacity:.55; }
.compliance-pillars { color:var(--white); background:linear-gradient(108deg,#081c24,#102f3b); }.compliance-pillars__grid { display:grid; grid-template-columns:repeat(6,1fr); padding-top:16px; padding-bottom:16px; }.compliance-pillars article { min-height:152px; padding:10px 17px; text-align:center; border-left:1px solid rgba(214,188,124,.34); }.compliance-pillars article:first-child { border-left:0; }.compliance-pillars svg { width:52px; height:52px; fill:none; stroke:var(--gold-2); stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }.compliance-pillars h2 { margin:8px 0 6px; color:var(--gold-2); font-size:10px; font-weight:600; line-height:1.25; }.compliance-pillars p { margin:0; color:rgba(255,255,255,.78); font-size:10px; line-height:1.43; }
.compliance-certifications { color:var(--compliance-ink); background:#f7f4ef; }.certifications-layout { display:grid; grid-template-columns:minmax(250px,.86fr) minmax(0,2.2fr); align-items:stretch; gap:clamp(20px,2.8vw,38px); padding-top:10px; padding-bottom:10px; }.certifications-copy { display:flex; flex-direction:column; justify-content:center; padding:0; }.certifications-copy p { max-width:330px; margin:9px 0 0; color:#3e4d51; font-size:10.5px; line-height:1.45; }.certifications-gallery { position:relative; min-width:0; min-height:0; height:var(--certificate-copy-height,auto); }.certifications-carousel { height:calc(100% - 12px); overflow-x:auto; overscroll-behavior-inline:contain; padding:0; scrollbar-width:none; scroll-behavior:auto; scroll-snap-type:none; touch-action:pan-y; cursor:grab; }.certifications-carousel:active { cursor:grabbing; }.certifications-carousel:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }.certifications-carousel::-webkit-scrollbar { display:none; }.certifications-track { display:flex; gap:8px; width:100%; min-width:100%; height:100%; margin:0; padding:0; list-style:none; }.certifications-track > li { display:grid; flex:0 0 calc((100% - 32px) / 5); min-width:0; height:100%; place-items:center; }.certificate-card { display:block; width:auto; max-width:100%; height:100%; min-height:0; margin:0; padding:0; aspect-ratio:1; }.certificate-card img { display:block; width:100%; height:100%; max-width:none; }.certifications-control { position:absolute; z-index:2; top:calc((100% - 12px) / 2); display:grid; width:30px; height:36px; place-items:center; padding:0; border:0; background:transparent; color:rgba(255,255,255,.48); cursor:pointer; transform:translateY(-50%); transition:color 160ms ease; }.certifications-control--previous { left:0; }.certifications-control--next { right:0; }.certifications-control:hover,.certifications-control:focus-visible { background:transparent; color:rgba(255,255,255,.82); outline:none; }.certifications-control svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.compliance-process { color:var(--white); background:linear-gradient(110deg,#071b23,#102e38); }.compliance-process > .compliance-shell { padding-top:24px; padding-bottom:23px; }.compliance-process h2 { color:var(--white); }.process-steps { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:0; margin:22px 0 0; padding:0; list-style:none; }.process-steps > li:not(.process-arrow) { position:relative; min-width:0; }.process-steps > li:not(.process-arrow) > svg { width:54px; height:54px; fill:none; stroke:var(--gold-2); stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }.process-number { position:absolute; top:1px; left:45px; display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:var(--gold); color:var(--compliance-deep); font-size:10px; font-weight:700; }.process-steps h3 { margin:8px 0 4px; color:var(--gold-2); font-size:9.5px; font-weight:600; line-height:1.25; }.process-steps p { margin:0; color:rgba(255,255,255,.74); font-size:9.5px; line-height:1.42; }.process-arrow { display:grid; place-items:start center; padding-top:18px; }.process-arrow svg { width:34px; height:22px; fill:none; stroke:rgba(255,255,255,.7); stroke-width:1.15; stroke-linecap:round; stroke-linejoin:round; }
.compliance-values { position:relative; isolation:isolate; overflow:hidden; color:var(--compliance-ink); background:linear-gradient(105deg,#f9f7f2,#ede7de); }.values-visual { position:absolute; z-index:0; top:0; right:0; bottom:0; width:min(44vw,610px); margin:0; overflow:hidden; pointer-events:none; -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.88) 45%,#000 76%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.88) 45%,#000 76%); }.values-visual::after { position:absolute; z-index:3; inset:0; content:""; background:linear-gradient(90deg,rgba(247,244,238,.1),rgba(247,244,238,.02) 58%,rgba(247,244,238,.12)); }.values-visual-scene { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:74% center; opacity:.52; filter:grayscale(.42) saturate(.72) contrast(1.12); }.values-visual-map { position:absolute; z-index:1; top:9%; right:-2%; width:90%; height:74%; object-fit:contain; opacity:.72; filter:brightness(1.45) grayscale(1) contrast(1.18); mix-blend-mode:screen; }.values-network { position:absolute; z-index:2; top:13%; right:1%; width:86%; height:66%; overflow:visible; }.values-network__routes { fill:none; stroke:#d9bd76; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; opacity:.58; }.values-network__nodes circle { fill:#f8e7bb; stroke:#fff7df; stroke-width:1.2; filter:drop-shadow(0 0 4px rgba(228,185,102,.95)); }.compliance-values > .compliance-shell { position:relative; z-index:1; padding-top:25px; padding-bottom:24px; }.values-grid { display:grid; grid-template-columns:repeat(5,1fr); margin-top:19px; }.values-grid article { padding:0 19px; text-align:center; border-left:1px solid var(--compliance-line); }.values-grid article:first-child { padding-left:0; border-left:0; }.values-grid svg { width:52px; height:52px; fill:none; stroke:#25343a; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }.values-grid h3 { margin:8px 0 5px; font-size:9.5px; font-weight:600; }.values-grid p { max-width:145px; margin:0 auto; color:#3d4c50; font-size:9.5px; line-height:1.4; }
.compliance-cta { position:relative; isolation:isolate; overflow:hidden; color:var(--white); background:linear-gradient(90deg,#09202a 0%,rgba(9,32,42,.94) 48%,rgba(9,32,42,.58)),image-set(url("../images/hero/resolutions/wide-range/960/6-wide-range-v2-960.9e70bbece086.webp") 1x, url("../images/hero/resolutions/wide-range/1920/6-wide-range-v2-1920.fe0ddee34e00.webp") 2x) center / cover no-repeat; }.compliance-cta__inner { display:grid; grid-template-columns:76px minmax(0,1fr) auto; align-items:center; gap:20px; min-height:116px; padding-top:18px; padding-bottom:18px; }.compliance-cta__inner > svg { width:66px; height:66px; fill:none; stroke:var(--gold-2); stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }.compliance-cta h2 { margin:0; font-size:clamp(18px,1.5vw,25px); font-weight:600; }.compliance-cta p:not(.compliance-kicker) { max-width:650px; margin:7px 0 0; color:rgba(255,255,255,.84); font-size:10.5px; line-height:1.5; }.compliance-button { display:inline-flex; min-height:36px; align-items:center; justify-content:center; padding:0 18px; border:1px solid rgba(214,188,124,.7); background:linear-gradient(100deg,#a67c37,#d4b971); color:var(--compliance-deep); font-size:10px; font-weight:700; white-space:nowrap; }.compliance-button:hover { filter:brightness(1.08); }

/* Geographic country network shown over the Values map. */
.values-visual { right:0; width:min(56vw,980px); }
.values-visual-map,.values-network { top:9%; right:-2%; width:90%; height:74%; }
.values-network__routes { stroke-width:1.45; opacity:.64; }
.values-network__nodes circle { stroke-width:1.1; }
@media (max-width:1100px) { .compliance-commitment__grid { grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr) 254px; gap:22px; }.commitment-mark { width:254px; height:254px; }.compliance-pillars__grid { grid-template-columns:repeat(3,1fr); }.compliance-pillars article:nth-child(4) { border-left:0; }.certifications-layout { grid-template-columns:minmax(220px,.82fr) minmax(0,1.72fr); gap:20px; }.certifications-track > li { flex-basis:calc((100% - 24px) / 4); }.process-steps { grid-template-columns:repeat(5,1fr); gap:18px; }.process-arrow { display:none; }.values-grid article { padding-inline:11px; } }
@media (max-width:760px) { .compliance-hero { min-height:280px; background-position:62% center; }.compliance-commitment__grid { grid-template-columns:1fr; gap:14px; }.commitment-mark { width:min(24vw, 30vh); height:min(24vw, 30vh); justify-self:start; }.compliance-pillars__grid { grid-template-columns:repeat(2,1fr); }.compliance-pillars article:nth-child(odd) { border-left:0; }.certifications-layout { grid-template-columns:1fr; gap:10px; padding-top:10px; padding-bottom:10px; }.certifications-copy p { max-width:510px; }.certifications-gallery { height:auto; }.certifications-carousel { height:auto; }.certifications-track { height:auto; }.certifications-track > li { flex-basis:calc((100% - 8px) / 2); height:auto; }.certificate-card { width:min(100%,180px); height:auto; }.certifications-control { top:50%; width:29px; height:34px; }.process-steps { grid-template-columns:repeat(2,1fr); }.values-visual { width:100%; }.values-visual-scene { opacity:.24; }.values-visual-map { opacity:.4; }.values-network { opacity:.62; }.values-grid { grid-template-columns:repeat(2,1fr); gap:18px 0; }.values-grid article:nth-child(odd) { border-left:0; }.values-grid article:last-child { grid-column:1 / -1; }.compliance-cta__inner { grid-template-columns:54px minmax(0,1fr); }.compliance-cta__inner > svg { width:50px; height:50px; }.compliance-button { grid-column:1 / -1; width:100%; } }
@media (max-width:460px) { .compliance-pillars article { padding-inline:10px; }.certifications-track > li { flex-basis:100%; }.certifications-control { width:28px; height:33px; }.process-steps { grid-template-columns:1fr; }.process-steps > li:not(.process-arrow) { display:grid; grid-template-columns:50px minmax(0,1fr); column-gap:12px; }.process-steps h3 { align-self:end; margin:0; }.process-steps p { grid-column:2; margin-top:3px; }.process-number { left:35px; }.values-grid { grid-template-columns:1fr; }.values-grid article,.values-grid article:last-child { grid-column:auto; padding:0; border-left:0; }.values-grid p { max-width:240px; } }

/* Certificate carousel: the original card itself expands on hover. */
.compliance-certifications { position:relative; z-index:3; overflow:visible; }
.certifications-gallery { --certificate-progress-position:0; padding-bottom:12px; overflow:visible; }
.certifications-carousel { padding-inline:5px; }
.certificate-card { position:relative; margin:0; transform:scale(1); transform-origin:center; cursor:default; transition:transform 720ms cubic-bezier(.2,.72,.12,1); will-change:transform; }
.certificate-card img { aspect-ratio:1; border-radius:50%; object-fit:contain; }
.certifications-track > li { position:relative; }
.certifications-track > li.is-expanded-certificate { z-index:10; }
.certifications-carousel.is-certificate-expanded { overflow:visible; cursor:default; }
.certifications-carousel.is-certificate-expanded .certifications-track > li:not(.is-expanded-certificate) { visibility:visible; pointer-events:auto; }
.certificate-card.is-expanded { transform:scale(1.8); }
.certifications-control { z-index:20; width:38px; height:38px; border:1px solid rgba(199,169,97,.88); border-radius:50%; background:rgba(7,30,35,.96); color:#e2c778; box-shadow:0 4px 11px rgba(5,22,28,.28); }
.certifications-control--previous { left:7px; }
.certifications-control--next { right:7px; }
.certifications-control:hover,.certifications-control:focus-visible { border-color:#f0d78f; background:#0b3440; color:#fff1bf; box-shadow:0 6px 15px rgba(5,22,28,.34); }
.certifications-control:focus-visible { outline:2px solid #d9bd76; outline-offset:3px; }
.certifications-control svg { width:19px; height:19px; stroke-width:2; }
.certifications-progress { position:absolute; right:5px; bottom:0; left:5px; height:3px; background:rgba(16,40,50,.18); }
.certifications-progress > span { position:absolute; top:0; left:var(--certificate-progress-position); display:block; width:clamp(46px,9%,72px); height:3px; background:var(--gold-2); box-shadow:0 0 7px rgba(203,172,99,.5); transition:left 120ms linear; }
@media (max-width:760px) { .certifications-gallery { padding-bottom:11px; }.certifications-control { width:36px; height:36px; }.certificate-card.is-expanded { transform:none; } }
@media (prefers-reduced-motion:reduce) { .certificate-card,.certifications-progress > span { transition:none; } }

/* Static certification row without slider controls. */
.certifications-layout { align-items:center; }
.certifications-copy { align-self:center; }
.certifications-copy h2 { font-size:clamp(23px,1.9vw,31px); }
.certifications-copy p { max-width:350px; font-size:clamp(11px,.82vw,13px); line-height:1.55; }
.certifications-gallery { height:auto; padding-bottom:0; align-self:center; overflow:visible; }
.certifications-carousel { height:auto; overflow:visible; padding-inline:0; cursor:default; }
.certifications-carousel:active { cursor:default; }
.certifications-track { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; width:100%; min-width:0; height:auto; }
.certifications-track > li { display:grid; min-width:0; height:auto; place-items:center; }
.certificate-card { width:100%; max-width:none; height:auto; aspect-ratio:1; }
.certificate-card img { width:100%; height:auto; }

@media (max-width:1100px) {
  .certifications-copy h2 { font-size:clamp(21px,2.2vw,27px); }
  .certifications-copy p { font-size:11px; }
  .certifications-track { gap:5px; }
}

/* Final inner-page hero invariant. */
.compliance-page .compliance-hero {
  height:var(--inner-hero-height);
  min-height:var(--inner-hero-height);
  max-height:var(--inner-hero-height);
}

.compliance-page .compliance-hero__content {
  height:100%;
  min-height:0;
}

@media (max-width:760px) {
  .certifications-copy { align-items:center; text-align:center; }
  .certifications-copy h2::after { margin-inline:auto; }
  .certifications-copy p { max-width:560px; }
  .certifications-track { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .certificate-card { width:min(100%,180px); }
}

@media (max-width:460px) {
  .certifications-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Unified spacing and visual rhythm across the compliance sections. */
.compliance-page {
  --compliance-section-pad:clamp(18px,1.8vw,28px);
  --compliance-card-icon:46px;
  --compliance-copy-color:#425158;
}

.commitment-copy h2,
.certifications-copy h2,
.compliance-process h2,
.compliance-values h2 {
  font-size:clamp(22px,1.75vw,29px);
  line-height:1.18;
  letter-spacing:-.018em;
}

.commitment-copy h2::after,
.certifications-copy h2::after,
.compliance-process h2::after,
.compliance-values h2::after {
  width:36px;
  margin-top:12px;
}

.compliance-hero__content {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding-top:30px;
  padding-bottom:26px;
}

.compliance-hero h1 { line-height:1.04; }
.compliance-hero__content > p:not(.compliance-kicker) { margin:8px 0 15px; }

.compliance-commitment__grid {
  gap:clamp(22px,2.6vw,38px);
  min-height:0;
  padding-top:var(--compliance-section-pad);
  padding-bottom:var(--compliance-section-pad);
}

.commitment-visual {
  min-height:190px;
  border:1px solid rgba(179,148,88,.28);
  box-shadow:0 14px 32px rgba(14,33,40,.1);
}
.commitment-visual img { min-height:190px; }

.commitment-copy { align-self:center; }
.commitment-copy p:not(.compliance-kicker) {
  margin-top:10px;
  color:var(--compliance-copy-color);
  font-size:11.5px;
  line-height:1.62;
}

.commitment-mark {
  display:block;
  align-self:center;
  object-fit:contain;
  opacity:.38;
  filter:drop-shadow(0 4px 8px rgba(116,73,7,.08));
}

.compliance-pillars__grid {
  align-items:stretch;
  padding-top:14px;
  padding-bottom:14px;
}

.compliance-pillars article {
  display:flex;
  min-height:142px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:14px 14px 12px;
  text-align:center;
}

.compliance-pillars svg,
.values-grid svg {
  width:var(--compliance-card-icon);
  height:var(--compliance-card-icon);
  flex:0 0 auto;
}

.compliance-pillars h2 {
  display:flex;
  min-height:24px;
  align-items:center;
  justify-content:center;
  margin:8px 0 5px;
  font-size:10px;
  line-height:1.3;
}

.compliance-pillars p {
  max-width:176px;
  margin-inline:auto;
  font-size:10px;
  line-height:1.5;
}

.certifications-layout {
  gap:clamp(24px,2.6vw,38px);
  padding-top:12px;
  padding-bottom:12px;
}

.certifications-copy p {
  margin-top:10px;
  color:var(--compliance-copy-color);
  line-height:1.58;
}

.certifications-track { gap:8px; }
.certificate-card img { filter:none; }

.compliance-process > .compliance-shell {
  padding-top:var(--compliance-section-pad);
  padding-bottom:var(--compliance-section-pad);
}

.process-steps {
  grid-template-columns:minmax(0,1fr) minmax(24px,.3fr) minmax(0,1fr) minmax(24px,.3fr) minmax(0,1fr) minmax(24px,.3fr) minmax(0,1fr) minmax(24px,.3fr) minmax(0,1fr);
  align-items:start;
  gap:8px;
  margin-top:19px;
}

.process-steps > li:not(.process-arrow) {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.process-steps > li:not(.process-arrow) > svg {
  width:var(--compliance-card-icon);
  height:var(--compliance-card-icon);
}

.process-number {
  top:-2px;
  left:calc(50% + 14px);
  width:21px;
  height:21px;
  box-shadow:0 3px 9px rgba(0,0,0,.22);
}

.process-steps h3 {
  display:flex;
  min-height:23px;
  align-items:center;
  justify-content:center;
  margin:8px 0 5px;
  font-size:9.5px;
  line-height:1.3;
}

.process-steps p {
  max-width:160px;
  margin-inline:auto;
  font-size:9.5px;
  line-height:1.5;
}

.process-arrow {
  align-self:start;
  padding-top:14px;
}

.compliance-values > .compliance-shell {
  padding-top:var(--compliance-section-pad);
  padding-bottom:var(--compliance-section-pad);
}

.values-grid {
  align-items:stretch;
  margin-top:18px;
}

.values-grid article {
  display:flex;
  min-height:108px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:2px 16px 0;
  text-align:center;
}

.values-grid h3 {
  display:flex;
  min-height:23px;
  align-items:center;
  justify-content:center;
  margin:8px 0 5px;
  font-size:9.5px;
  line-height:1.3;
}

.values-grid p {
  max-width:160px;
  font-size:9.5px;
  line-height:1.5;
}

.compliance-cta__inner {
  --compliance-cta-icon-size:clamp(84px,6vw,92px);
  grid-template-columns:var(--compliance-cta-icon-size) minmax(0,1fr) auto;
  gap:20px;
  min-height:110px;
  padding-top:16px;
  padding-bottom:16px;
}

.compliance-cta__inner > svg {
  width:var(--compliance-cta-icon-size);
  height:var(--compliance-cta-icon-size);
}
.compliance-cta h2 { font-size:clamp(20px,1.6vw,27px); line-height:1.18; letter-spacing:-.015em; }
.compliance-cta p:not(.compliance-kicker) { margin-top:8px; font-size:11px; line-height:1.58; }
.compliance-button {
  min-height:40px;
  padding-inline:20px;
  box-shadow:0 8px 20px rgba(3,17,23,.2);
  letter-spacing:.025em;
  transition:filter 180ms ease,transform 180ms ease,box-shadow 180ms ease;
}
.compliance-button:hover { box-shadow:0 11px 24px rgba(3,17,23,.25); transform:translateY(-2px); }
.compliance-cta__actions { display:flex; flex-direction:column; align-items:center; gap:7px; }
.compliance-email { color:rgba(255,255,255,.88); font-size:10px; line-height:1.2; }
.compliance-email:hover { color:var(--gold-2); }

@media (max-width:1100px) {
  .compliance-pillars article { min-height:138px; }
  .process-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
  .values-grid article { padding-inline:12px; }
}

@media (max-width:760px) {
  .compliance-page { --compliance-section-pad:20px; --compliance-card-icon:44px; }
  .compliance-commitment__grid { gap:15px; }
  .commitment-copy { text-align:center; }
  .commitment-copy h2::after { margin-inline:auto; }
  .commitment-copy p:not(.compliance-kicker) { max-width:580px; margin-inline:auto; }
  .commitment-mark { justify-self:center; }
  .compliance-pillars__grid { gap:0; }
  .compliance-pillars article { min-height:136px; padding:13px 12px; }
  .certifications-layout { padding-top:var(--compliance-section-pad); padding-bottom:var(--compliance-section-pad); }
  .compliance-process h2,.compliance-values h2 { text-align:center; }
  .compliance-process h2::after,.compliance-values h2::after { margin-inline:auto; }
  .process-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
  .values-grid { gap:18px 0; }
  .values-grid article { min-height:104px; padding-inline:12px; }
  .compliance-cta__inner { gap:15px; padding-top:20px; padding-bottom:20px; }
  .compliance-cta__actions { grid-column:1 / -1; width:100%; }
}

@media (max-width:460px) {
  .compliance-pillars__grid,.process-steps,.values-grid { grid-template-columns:1fr; }
  .compliance-pillars article { min-height:0; padding:18px 16px; border-left:0; border-top:1px solid rgba(214,188,124,.26); }
  .compliance-pillars article:first-child { border-top:0; }
  .process-steps > li:not(.process-arrow) { display:flex; }
  .process-steps h3 { align-self:center; }
  .process-steps p,.values-grid p { max-width:260px; }
  .values-grid article,.values-grid article:last-child { min-height:0; padding:4px 0 14px; }
  .compliance-cta__inner { grid-template-columns:1fr; text-align:center; }
  .compliance-cta__inner > svg { justify-self:center; }
}

@media (prefers-reduced-motion:reduce) {
  .compliance-button { transition:none; }
}

/* Shared inner-page hero height. */
.compliance-hero { min-height:var(--inner-hero-height); }

/* Compliance panorama hero. */
.compliance-hero {
  background:
    url("../images/compliance/hero/compliance-hero-v6-source.b80e3ce24f08.webp") center / cover no-repeat;
}

.compliance-hero::before {
  z-index:0;
  opacity:1;
  background:
    radial-gradient(ellipse at center, rgba(4,28,40,.02) 0%, rgba(3,24,35,.1) 62%, rgba(2,18,28,.28) 100%),
    linear-gradient(180deg, rgba(4,27,39,.1) 0%, rgba(4,27,39,.02) 52%, rgba(2,19,29,.2) 100%);
}

.compliance-hero__content {
  position:relative;
  z-index:1;
  align-items:center;
  padding-top:24px;
  padding-bottom:22px;
  text-align:center;
}

.compliance-hero h1 {
  margin:0 0 14px;
  color:#f7f7f4;
  font-size:clamp(34px,3vw,52px);
  font-weight:700;
  letter-spacing:.018em;
  line-height:1;
  text-shadow:0 2px 3px rgba(0,0,0,.8), 0 0 1px rgba(255,255,255,.8);
}

.compliance-hero__content > p:not(.compliance-kicker) {
  margin:0 0 clamp(28px,3.1vw,48px);
  color:rgba(255,255,255,.94);
  font-size:clamp(16px,1.25vw,24px);
  font-weight:500;
  line-height:1.38;
  letter-spacing:.005em;
  text-shadow:0 2px 3px rgba(0,0,0,.82);
}

.compliance-breadcrumb {
  justify-content:center;
  gap:12px;
  color:rgba(255,255,255,.9);
  font-size:clamp(12px,.86vw,16px);
  font-weight:500;
  text-shadow:0 1px 3px rgba(0,0,0,.9);
}

.compliance-breadcrumb a,
.compliance-breadcrumb span:last-child { color:inherit; }

/* Keep certification artwork square and show the complete source image. */
.certificate-card {
  overflow:visible;
  border-radius:0;
}

.certificate-card::after {
  position:absolute;
  z-index:1;
  inset:1.87%;
  content:"";
  background:
    linear-gradient(#012538 0 0) top / 100% 1.5% no-repeat,
    linear-gradient(#012538 0 0) bottom / 100% 1.5% no-repeat,
    linear-gradient(#012538 0 0) left / 1.5% 100% no-repeat,
    linear-gradient(#012538 0 0) right / 1.5% 100% no-repeat;
  pointer-events:none;
}

.certificate-card picture {
  display:block;
  width:100%;
  height:100%;
}

.certificate-card img {
  width:100%;
  height:100%;
  aspect-ratio:1;
  border-radius:0;
  object-fit:contain;
  object-position:center;
  clip-path:none;
  -webkit-mask-image:none;
  mask-image:none;
}

.commitment-mark { opacity:.38; }

@media (max-width:760px) {
  .compliance-hero {
    min-height:300px;
    background-image:url("../images/compliance/hero/compliance-hero-v6-768.d465a346547c.webp");
    background-position:88% center;
  }

  .compliance-hero::before {
    background:rgba(3,25,37,.3);
  }

  .compliance-hero h1 {
    margin-bottom:12px;
    font-size:clamp(32px,5vw,34px);
  }

  .compliance-hero__content > p:not(.compliance-kicker) {
    margin-bottom:30px;
    font-size:clamp(14px,4vw,18px);
  }
}

/* Reference-screen alignment for the compliance content sections. */
@media (min-width:761px) {
  .compliance-page { --compliance-card-icon:48px; }

  .compliance-cta__inner {
    grid-template-columns:var(--compliance-cta-icon-size) minmax(0,1fr) 20%;
    padding-right:calc(28% + 12px);
  }

  .compliance-commitment__grid {
    grid-template-columns:minmax(300px,340px) minmax(0,1fr) 170px;
    align-items:start;
    gap:clamp(18px,2.2vw,34px);
    min-height:0;
    padding-top:12px;
    padding-bottom:12px;
  }

  .commitment-visual,
  .commitment-visual img {
    width:100%;
    height:176px;
    min-height:176px;
  }

  .commitment-copy {
    align-self:start;
    padding-top:2px;
  }

  .commitment-copy h2 {
    font-size:clamp(18px,1.35vw,22px);
    line-height:1.15;
  }

  .commitment-copy h2::after {
    width:28px;
    margin-top:7px;
  }

  .commitment-copy p:not(.compliance-kicker) {
    margin-top:8px;
    color:#26373d;
    font-size:10.5px;
    line-height:1.48;
  }

  .commitment-mark {
    width:160px;
    height:160px;
    align-self:center;
    justify-self:end;
  }

  .compliance-pillars__grid {
    padding-top:6px;
    padding-bottom:6px;
  }

  .compliance-pillars article {
    min-height:0;
    align-self:center;
    padding:0 13px;
  }

  .compliance-pillars svg {
    width:56px;
    height:56px;
  }

  .compliance-pillars h2 {
    min-height:24px;
    margin:5px 0 3px;
    font-size:11px;
    line-height:1.3;
  }

  .compliance-pillars p {
    font-size:10.5px;
    line-height:1.42;
  }

  .certifications-layout {
    grid-template-columns:minmax(325px,.9fr) minmax(0,2fr);
    align-items:stretch;
    gap:18px;
    padding-top:10px;
    padding-bottom:10px;
  }

  .certifications-copy {
    align-self:stretch;
    justify-content:center;
  }

  .certifications-copy h2 {
    white-space:nowrap;
    font-size:clamp(18px,1.35vw,22px);
  }

  .certifications-copy h2::after {
    width:28px;
    margin-top:7px;
  }

  .certifications-copy p {
    max-width:330px;
    margin-top:7px;
    color:#26373d;
    font-size:10px;
    line-height:1.42;
  }

  .standards-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:12px;
    min-height:132px;
  }

  .standard-card {
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:9px 7px 8px;
    border:1px solid rgba(179,148,88,.42);
    text-align:center;
  }

  .standard-card svg {
    width:58px;
    height:58px;
    fill:none;
    stroke:#1a2b32;
    stroke-width:1.15;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .standard-card svg text {
    fill:#1a2b32;
    stroke:none;
    font-size:6.5px;
    font-weight:700;
  }

  .standard-card svg text:nth-of-type(2) { font-size:5px; }

  .standard-card p {
    margin:7px 0 0;
    color:#27383e;
    font-size:9.5px;
    line-height:1.35;
  }

  .compliance-process > .compliance-shell {
    padding-top:8px;
    padding-bottom:8px;
  }

  .compliance-process h2 {
    font-size:clamp(20px,1.45vw,24px);
  }

  .compliance-process h2::after {
    width:28px;
    margin-top:7px;
  }

  .process-steps {
    align-items:start;
    margin-top:5px;
    transform:translateX(clamp(-45px,-3.2vw,-35px));
  }

  .process-steps > li:not(.process-arrow) {
    align-items:stretch;
    text-align:left;
  }

  .process-steps > li:not(.process-arrow) > svg {
    width:56px;
    height:56px;
    align-self:center;
  }

  .process-number {
    top:-4px;
    left:calc(50% + 19px);
    width:24px;
    height:24px;
    border:1px solid rgba(240,211,145,.92);
    background:linear-gradient(145deg,#d8b765 0%,#a97d35 100%);
    color:#fff;
    font-size:11px;
    line-height:1;
    text-shadow:0 1px 2px rgba(35,20,2,.58);
    box-shadow:0 2px 7px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.32);
  }

  .process-steps h3 {
    width:min(100%,155px);
    min-height:0;
    align-self:center;
    justify-content:flex-start;
    margin:4px 0 2px;
    font-size:11px;
    line-height:1.3;
    text-align:left;
    transform:translateX(15px);
  }

  .process-steps > li:not(.process-arrow):last-child h3 {
    width:min(100%,155px);
    max-width:155px;
    white-space:normal;
  }

  .process-steps p {
    width:min(100%,155px);
    max-width:155px;
    align-self:center;
    margin:0;
    font-size:10.5px;
    line-height:1.42;
    text-align:left;
    transform:translateX(15px);
  }

  .process-arrow { padding-top:15px; }

  .compliance-values { min-height:166px; }

  .values-visual {
    right:max(var(--edge-pad),calc((100% - var(--site-width)) / 2 + var(--edge-pad)));
    width:36%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.68) 42%,#000 68%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.68) 42%,#000 68%);
  }

  .values-visual::after {
    background:linear-gradient(90deg,rgba(247,244,238,.45),transparent 46%);
  }

  .values-visual-scene {
    width:100%;
    height:100%;
    object-position:right center;
    opacity:1;
    filter:saturate(.72) contrast(.94);
  }

  .values-visual-map,
  .values-network { display:none; }

  .compliance-values > .compliance-shell {
    padding-top:12px;
    padding-right:calc(28% + 12px);
    padding-bottom:12px;
  }

  .compliance-values h2 {
    font-size:clamp(18px,1.35vw,22px);
  }

  .compliance-values h2::after {
    width:28px;
    margin-top:7px;
  }

  .values-grid {
    grid-template-columns:repeat(5,minmax(0,1fr));
    margin-top:8px;
  }

  .values-grid article {
    min-height:101px;
    padding:0 11px;
  }

  .values-grid article:first-child { padding-inline:11px; }

  .values-grid svg {
    width:44px;
    height:44px;
  }

  .values-grid h3 {
    min-height:19px;
    margin:4px 0 3px;
    font-size:9px;
  }

  .values-grid p {
    max-width:145px;
    font-size:9px;
    line-height:1.36;
  }
}

@media (min-width:1540px) {
  .compliance-values > .compliance-shell,
  .compliance-cta__inner {
    padding-right:min(calc(28% - 95px),440px);
  }
}

@media (max-width:760px) {
  .compliance-line-break { display:none; }
  .standards-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .standard-card { display:flex; min-height:132px; flex-direction:column; align-items:center; justify-content:center; padding:10px; border:1px solid rgba(179,148,88,.42); text-align:center; }
  .standard-card svg { width:58px; height:58px; fill:none; stroke:#1a2b32; stroke-width:1.15; }
  .standard-card svg text { fill:#1a2b32; stroke:none; font-size:6.5px; font-weight:700; }
  .standard-card svg text:nth-of-type(2) { font-size:5px; }
  .standard-card p { margin:7px 0 0; font-size:10px; line-height:1.35; }
  .values-visual-map,.values-network { display:none; }
  .values-visual-scene { opacity:.3; }
}

/* Keep the four primary compliance content bands at the certificate band's height. */
@media (min-width:1101px) {
  .compliance-pillars,
  .compliance-certifications,
  .compliance-process,
  .compliance-values {
    height:184px;
    min-height:184px;
  }

  .compliance-pillars__grid,
  .certifications-layout,
  .compliance-process > .compliance-shell,
  .compliance-values > .compliance-shell {
    height:100%;
    min-height:100%;
  }
}

/* Reference panorama for the responsibility/contact band. */
.compliance-cta {
  background:#071f29;
  clip-path:inset(0);
}

.compliance-cta::before {
  position:absolute;
  z-index:-1;
  top:0;
  right:18%;
  bottom:0;
  left:34%;
  content:"";
  background:
    linear-gradient(rgba(4,19,26,.12),rgba(4,19,26,.28)),
    url("../images/compliance/compliance-responsibility-panorama-v4.348e4fcfb833.png") center 54% / cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%);
}

@media (max-width:760px) {
  .compliance-cta::before {
    right:0;
    left:22%;
    opacity:.58;
  }
}

.compliance-page .site-main-frame > .compliance-hero {
  height:var(--inner-hero-height);
  min-height:var(--inner-hero-height);
  max-height:var(--inner-hero-height);
}

.compliance-page .site-main-frame > .compliance-hero > .compliance-hero__content {
  height:var(--inner-hero-height);
  min-height:var(--inner-hero-height);
  max-height:var(--inner-hero-height);
}

@media (min-width:761px) {
  .compliance-page main.site-main-frame {
    margin-top:45px;
  }
}

/* Compliance page refinements: wider commitment visual and balanced content rhythm. */
@media (min-width:761px) {
  .compliance-commitment__grid {
    grid-template-columns:minmax(410px,465px) minmax(0,1fr) 142px;
    column-gap:clamp(28px,2.8vw,44px);
  }

  .commitment-visual,
  .commitment-visual img {
    height:184px;
    min-height:184px;
  }

  .commitment-visual img {
    filter:brightness(1.12) saturate(.8) contrast(1.02);
  }

  .commitment-copy { padding-top:0; }

  .commitment-copy h2 { font-size:clamp(21px,1.55vw,26px); }

  .commitment-copy p:not(.compliance-kicker) {
    font-size:clamp(12.5px,.9vw,13px);
    line-height:1.52;
  }

  .certifications-copy p {
    max-width:none;
    font-size:clamp(12.5px,.9vw,13px);
    line-height:1.52;
  }

  .certifications-layout {
    grid-template-columns:minmax(410px,1fr) minmax(0,2fr);
  }

  .certifications-copy p span {
    display:block;
    white-space:nowrap;
  }

  .commitment-mark {
    width:138px;
    height:138px;
  }

  .compliance-process h2 { font-size:clamp(18px,1.35vw,22px); }

  .process-steps {
    grid-template-columns:minmax(0,1fr) minmax(36px,.42fr) minmax(0,1fr) minmax(36px,.42fr) minmax(0,1fr) minmax(36px,.42fr) minmax(0,1fr) minmax(36px,.42fr) minmax(0,1fr);
    gap:4px;
  }

  .process-number { left:calc(50% + 32px); }
  .process-arrow svg { width:56px; }

  .compliance-cta__inner {
    grid-template-columns:var(--compliance-cta-icon-size) minmax(0,1fr) 36vw;
    column-gap:28px;
    padding-right:var(--edge-pad);
  }

  .compliance-cta__actions {
    width:100%;
    justify-self:center;
  }

  .values-grid {
    width:100%;
    transform:none;
  }

  .values-grid h3 {
    margin:3px 0 1.5px;
    font-size:9.5px;
  }

  .values-grid p {
    font-size:9.5px;
    line-height:1.32;
  }

  .values-visual {
    width:auto;
  }

  .values-visual-scene { object-position:86% center; }
}

@media (min-width:761px) and (max-width:1539px) {
  .values-visual { left:calc(78.7% - 19px); }
}

@media (min-width:1540px) {
  .values-visual { left:calc(50% + 429px); }
}

/* Share the Values visual's horizontal axis with the Compliance CTA. */
@media (min-width:761px) {
  .compliance-cta__inner { position:relative; }

  .compliance-cta__actions {
    position:absolute;
    top:50%;
    right:var(--edge-pad);
    left:calc(78.7% - 19px);
    width:auto;
    transform:translateY(-50%);
  }
}

@media (min-width:1200px) and (max-width:1539px) {
  .values-visual,
  .compliance-cta__actions {
    left:calc(75% - (var(--edge-pad) / 2) + 21px);
  }
}

@media (min-width:1540px) {
  .values-visual {
    left:calc(50% + 421px - (var(--edge-pad) / 2));
  }

  .compliance-cta__actions {
    left:calc(75% - (var(--edge-pad) / 2) + 21px);
  }
}

.compliance-cta__icon {
  width:var(--compliance-cta-icon-size);
  height:var(--compliance-cta-icon-size);
  object-fit:contain;
}

.compliance-cta__actions { gap:13px; }
.compliance-button { color:#fff; }

.compliance-button {
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.015) 55%,rgba(255,255,255,.06)) padding-box,
    linear-gradient(100deg,#a67c37,#d4b971) padding-box,
    linear-gradient(90deg,#8e681e,#f1d16f) border-box;
  -webkit-backdrop-filter:blur(4px) saturate(1.06);
  backdrop-filter:blur(4px) saturate(1.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(79,52,9,.13),0 8px 20px rgba(3,17,23,.18);
}

.compliance-cta::before {
  right:auto;
  left:50%;
  width:min(100%,1825px);
  height:100%;
  transform:translateX(-50%);
  background:
    linear-gradient(rgba(4,19,26,.08),rgba(4,19,26,.24)),
    url("../images/compliance/compliance-sunset-integrated-v11.57367b459d1a.webp") center 52% / 1825px auto no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  pointer-events:none;
}

@media (max-width:760px) {
  .compliance-cta::before {
    right:auto;
    left:50%;
    width:100%;
    background-size:1825px auto;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
  }

  .compliance-cta__icon {
    width:50px;
    height:50px;
  }

  .certifications-copy p { font-size:11.5px; }

  .certifications-copy p span {
    display:inline;
    white-space:normal;
  }

  .certifications-copy p span + span::before { content:" "; }
}

/* Align the commitment band to the six-column separator rhythm below it. */
@media (min-width:1200px) {
  .compliance-commitment__grid {
    grid-template-columns:repeat(6,minmax(0,1fr));
    column-gap:0;
  }

  .commitment-visual {
    z-index:1;
    grid-column:1 / 3;
    width:calc(100% + clamp(14px,1.25vw,22px));
  }

  .commitment-copy {
    grid-column:3 / 6;
    width:100%;
    max-width:none;
    padding-left:clamp(38px,3.2vw,56px);
  }

  .commitment-copy p:not(.compliance-kicker) {
    max-width:none;
  }

  .commitment-copy p:not(.compliance-kicker) + p:not(.compliance-kicker) {
    margin-top:clamp(12px,.8vw,16px);
  }

  .commitment-copy p:not(.compliance-kicker) + p:not(.compliance-kicker):last-child {
    margin-top:clamp(16px,1.15vw,21px);
  }

  .commitment-mark {
    grid-column:6;
    grid-row:1;
    justify-self:center;
  }
}

@media (min-width:761px) and (max-width:1199px) {
  .commitment-copy .compliance-line-break { display:none; }
}

/* Keep the renewed commitment image balanced within its band. */
@media (min-width:761px) {
  .compliance-hero__content {
    transform:translateX(clamp(-56px,-3.55vw,-33px));
  }

  .commitment-visual {
    align-self:stretch;
    height:auto;
    min-height:0;
  }

  .commitment-visual img {
    display:block;
    height:100%;
    min-height:0;
    object-fit:cover;
  }

  .commitment-copy {
    padding-bottom:14px;
  }
}

/* Keep all five safeguard stages centred when compact layouts hide the arrows. */
@media (min-width:761px) and (max-width:1100px) {
  .compliance-process .process-steps {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(10px,1.6vw,16px);
    transform:none;
  }

  .compliance-process .process-arrow { display:none; }

  .compliance-process .process-steps > li:not(.process-arrow) {
    align-items:center;
    text-align:center;
  }

  .compliance-process .process-steps h3 {
    width:100%;
    max-width:170px;
    align-self:center;
    justify-content:center;
    text-align:center;
    transform:none;
  }

  .compliance-process .process-steps p {
    width:100%;
    max-width:170px;
    align-self:center;
    text-align:center;
    transform:none;
  }
}

/* Keep the CTA copy readable when browser zoom-out creates a very wide CSS viewport. */
@media (min-width:1540px) {
  .compliance-cta__inner {
    grid-template-columns:var(--compliance-cta-icon-size) minmax(320px,1fr) minmax(300px,560px);
  }
}

/* Full-width certificate band, retaining the original artwork dimensions and gaps.
   Only horizontal overflow is clipped; enlarged cards can cross adjacent bands. */
.certifications-carousel[data-certificates-carousel] {
  width:100%;
  overflow:visible;
  clip-path:inset(-240px 0);
  touch-action:pan-y;
}
[data-certificates-carousel] .certifications-track {
  display:flex;
  gap:var(--certificate-gap,8px);
  height:var(--certificate-size,auto);
  will-change:transform;
}
[data-certificates-carousel] .certifications-track > li {
  flex:0 0 var(--certificate-size);
  width:var(--certificate-size);
  height:var(--certificate-size);
}
[data-certificates-carousel] .certificate-card {
  width:100%;
  height:100%;
  transition:transform 280ms ease;
}
@media (hover:hover) and (pointer:fine) {
  [data-certificates-carousel] .certificate-card.is-expanded { transform:scale(1.8); }
}
@media (prefers-reduced-motion:reduce) {
  [data-certificates-carousel] .certificate-card { transition:none; }
}



/* 22 October 2026 — operator visual review candidate; not published. */

@media (max-width:760px) {
  .compliance-page .compliance-pillars__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
  .compliance-page .compliance-pillars article { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:46px minmax(40px,auto) auto; align-content:start; justify-items:center; row-gap:10px; padding:20px 12px; border:0; border-bottom:1px solid rgba(181,142,72,.3); }
  .compliance-page .compliance-pillars article:nth-child(odd) { border-right:1px solid rgba(181,142,72,.3); }
  .compliance-page .compliance-pillars article:nth-last-child(-n+2) { border-bottom:0; }
  .compliance-page .compliance-pillars svg { width:44px; height:44px; margin:0; }
  .compliance-page .compliance-pillars h2 { margin:0; min-height:40px; font-size:12px; line-height:1.4; text-align:center; align-content:center; overflow-wrap:normal; }
  .compliance-page .compliance-pillars p { margin:0; width:100%; font-size:12px; line-height:1.6; text-align:center; }
  .compliance-page .compliance-pillars p br { display:none; }
  .compliance-page .compliance-cta { min-height:0; padding:0; }
  .compliance-page .compliance-cta::before { inset:0; width:100%; height:100%; transform:none; background-size:cover; background-position:center; -webkit-mask-image:none; mask-image:none; }
  .compliance-page .compliance-cta__inner { display:flex; flex-direction:column; align-items:center; gap:18px; min-height:0; padding:32px 22px; text-align:center; }
  .compliance-page .compliance-cta__icon { align-self:center; margin:0; }
  .compliance-page .compliance-cta__inner > div { width:100%; }
  .compliance-page .compliance-cta h2 { margin-top:0; }
  .compliance-page .compliance-cta__actions { position:static; padding:0; margin:0; justify-content:center; transform:none; }
  .compliance-page .compliance-cta__actions a { width:auto; max-width:100%; }
}
/* The translated process copy must fit inside its own desktop band. */
@media (min-width:761px) {
  .compliance-page .compliance-process { height:auto; min-height:184px; padding-bottom:24px; }
}


/* The source panorama includes dark canvas above/below its scene; crop that canvas on mobile. */
@media(max-width:760px) { .compliance-page .compliance-cta::before { background-size:auto 650%; background-position:center 51%; } }


/* Visual review round 3 — local candidate, awaiting publication approval. */

.compliance-page .values-grid h3 { font-size:11px; line-height:1.4; }
.compliance-page .values-grid p { font-size:10.5px; line-height:1.6; }
.certifications-mobile-stage,.certifications-mobile-controls { display:none; }
@media(max-width:760px) {
 .compliance-page .values-grid h3 { font-size:12px; line-height:1.4; }
 .compliance-page .values-grid p { font-size:12px; line-height:1.6; max-width:300px; }
 .compliance-page .process-steps { gap:28px; }
 .compliance-page .process-steps > li:not(.process-arrow) { position:relative; }
 .compliance-page .process-steps > li:not(.process-arrow):not(:last-child)::after { content:''; display:block; position:absolute; bottom:-21px; left:22px; width:7px; height:14px; background:#b58b47; clip-path:polygon(40% 0,60% 0,60% 65%,100% 65%,50% 100%,0 65%,40% 65%); }
 [data-certificates-carousel] > .certifications-track { display:none; }
 .certifications-mobile-stage { display:block; position:relative; height:var(--certificate-size); overflow:hidden; }
 .certifications-mobile-panel { position:absolute; inset:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; will-change:transform; }
 .certifications-mobile-panel .certificate-card { width:100%; height:100%; margin:0; }
 .certifications-mobile-panel img { width:100%; height:100%; object-fit:contain; }
 .certifications-mobile-panel.is-moving { transition:transform 1000ms cubic-bezier(.45,0,.2,1); }
 .certifications-mobile-controls { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:12px; }
 .certifications-mobile-controls button { display:grid; place-items:center; width:32px; height:32px; border:1px solid #94743d; border-radius:50%; background:transparent; color:#765723; font:16px Arial; cursor:pointer; }
 .certifications-mobile-controls button:focus-visible { outline:2px solid #94743d; outline-offset:3px; }
 .certifications-mobile-controls span { min-width:32px; font-size:12px; text-align:center; color:#233b46; }
 .certifications-mobile-controls svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.6; }
}
@media(prefers-reduced-motion:reduce) { .certifications-mobile-panel.is-moving { transition:none; } }


@media(max-width:460px) { .compliance-page .process-steps > li:not(.process-arrow):not(:last-child)::after { left:50%; transform:translateX(-50%); } }
@media(min-width:461px) and (max-width:760px) { .compliance-page .process-steps > li:not(.process-arrow):not(:last-child)::after { display:none; } }

/* 27 October: retain the band minimum, allow longer EN/TR copy to fit. */
@media(min-width:1101px) {
 .compliance-page .compliance-values { height:auto; min-height:184px; }
 .compliance-page .compliance-values > .compliance-shell { height:auto; min-height:184px; }
}


/* Give tablet copy its own usable column instead of reserving desktop artwork widths. */
@media (min-width:761px) and (max-width:1199px) {
 .compliance-page .compliance-commitment__grid { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 86px; column-gap:20px; align-items:center; }
 .compliance-page .commitment-copy { min-width:0; padding-left:0; }
 .compliance-page .commitment-copy h2 { white-space:normal; overflow-wrap:normal; }
 .compliance-page .commitment-mark { width:86px; height:86px; }
}
