/* KEN · Services Variant C (Heatherwick-style) — LIGHT (70% white / 30% black) */
:root {
  --gold: #b08442;
  --bone: #0e0e0e;          /* text on white */
  --ink-dark: #ffffff;      /* body background (name kept for compat) */
  --ink-soft: rgba(14,14,14,0.62);
  --rule: rgba(14,14,14,0.12);
  --side: clamp(24px, 5vw, 96px);
  --max: 1640px;
  --serif: "Playfair Display", "Times New Roman", serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}
body.srv3-body { background: var(--ink-dark); color: var(--bone); font-family: var(--ff); margin: 0; }

/* === Override main .hero__bar for srv3 light layout === */
body.srv3-body .hero__bar { background: transparent; backdrop-filter: none; border-color: transparent; transition: background .35s, color .35s, padding .35s, border-color .35s; }
body.srv3-body .hero__bar.is-scrolled { background: rgba(255,255,255,0.94); backdrop-filter: blur(14px) saturate(140%); border-bottom-color: rgba(0,0,0,0.06); }
body.srv3-body:not(.scrolled) .hero__bar { color: #ffffff; }
body.srv3-body:not(.scrolled) .hero__bar .logo,
body.srv3-body:not(.scrolled) .hero__bar .lang,
body.srv3-body:not(.scrolled) .hero__bar .icon-btn { color: #ffffff; }
body.srv3-body:not(.scrolled) .hero__bar .logo__rule { background: #ffffff; }
body.srv3-body:not(.scrolled) .hero__bar .icon-btn { border-color: rgba(255,255,255,.5); }

/* === Mobile animation polish === */
@media (max-width: 760px) {
  .srv3-sec, .srv3-block { transition-duration: .95s !important; transform: translateY(40px); }
  .srv3-sec__photo img, .srv3-block__photo img { transition-duration: 1.4s !important; transform: scale(1.08); }
  .srv3-sec__text > *, .srv3-block__text > * { transition-duration: .8s !important; transform: translateY(22px); }
  .srv3-close__title { transition-duration: 1.1s !important; }
  .srv3-hero__title, .srv3-hero__sub, .srv3-hero__eyebrow { animation-duration: 1.05s !important; }
  .srv3-hero__media, .srv3-hero__media-video { animation-duration: 16s !important; }
}
@media (prefers-reduced-motion: reduce) {
  .srv3-sec, .srv3-block, .srv3-sec__photo img, .srv3-block__photo img, .srv3-sec__text > *, .srv3-block__text > *, .srv3-close__title, .srv3-hero__title, .srv3-hero__sub, .srv3-hero__eyebrow, .srv3-card, .srv3-process__step { transition: opacity .3s ease !important; animation: none !important; transform: none !important; filter: none !important; }
  .srv3-hero__media, .srv3-hero__media-video { animation: none !important; transform: scale(1) !important; }
}

/* === Sticky sub-nav: light === */
.srv3-subnav-override-light, .srv3-subnav { background: rgba(255,255,255,0.96) !important; border-bottom-color: rgba(14,14,14,0.1) !important; }
.srv3-subnav a { color: rgba(14,14,14,0.55) !important; }
.srv3-subnav a small { color: rgba(14,14,14,0.4) !important; }
.srv3-subnav a:hover { color: #0e0e0e !important; }
.srv3-subnav a.is-on { color: var(--gold) !important; border-color: var(--gold) !important; }

/* === Process steps: light === */
.srv3-process { background: rgba(14,14,14,0.08) !important; }
.srv3-process__step { background: #ffffff !important; }
.srv3-process__step .srv3-process__title { color: #0e0e0e !important; }
.srv3-process__step .srv3-process__body { color: rgba(14,14,14,0.66) !important; }

/* === Close / CTA: white with dark border === */
.srv3-close { padding: clamp(60px, 8vw, 140px) var(--side) !important; }
.srv3-close__title { color: #0e0e0e !important; }
.srv3-close__cta { color: #0e0e0e !important; border-color: rgba(14,14,14,0.4) !important; }
.srv3-close__cta:hover { color: #ffffff !important; background: #0e0e0e !important; border-color: #0e0e0e !important; }

/* === Footer: light === */
.srv3-foot { color: rgba(14,14,14,0.55) !important; border-top-color: rgba(14,14,14,0.12) !important; }
.srv3-foot a { color: rgba(14,14,14,0.75) !important; }
.srv3-foot a:hover { color: var(--gold) !important; }

/* === PREMIUM ANIMATIONS (shared across all srv3 pages) === */
.srv3-hero__media, .srv3-hero__media-video { animation: srv3KenBurns 22s ease-out forwards; will-change: transform; }
@keyframes srv3KenBurns { 0% { transform: scale(1.16) translateY(-1.5%);} 100% { transform: scale(1.02) translateY(0);} }

.srv3-hero__title, .srv3-hero__sub, .srv3-hero__eyebrow { opacity: 0; transform: translateY(40px); animation: srv3HeroUp 1.4s cubic-bezier(.16,1,.3,1) forwards; }
.srv3-hero__eyebrow { animation-delay: .2s; }
.srv3-hero__title { animation-delay: .35s; }
.srv3-hero__sub { animation-delay: .55s; }
@keyframes srv3HeroUp { to { opacity: 1; transform: none; } }

.srv3-sec, .srv3-block { opacity: 0; transform: translateY(60px); transition: opacity 1.4s cubic-bezier(.16,1,.3,1), transform 1.4s cubic-bezier(.16,1,.3,1); }
.srv3-sec.is-in, .srv3-block.is-in { opacity: 1; transform: none; }

.srv3-sec__photo, .srv3-block__photo { overflow: hidden; }
.srv3-sec__photo img, .srv3-block__photo img { transform: scale(1.12); transition: transform 2s cubic-bezier(.16,1,.3,1); will-change: transform; }
.srv3-sec.is-in .srv3-sec__photo img, .srv3-block.is-in .srv3-block__photo img { transform: scale(1); }
.srv3-sec__photo:hover img, .srv3-block:hover .srv3-block__photo img { transform: scale(1.05); }

.srv3-sec__text > *, .srv3-block__text > * { opacity: 0; transform: translateY(32px); transition: opacity 1.1s cubic-bezier(.16,1,.3,1), transform 1.1s cubic-bezier(.16,1,.3,1); }
.srv3-sec.is-in .srv3-sec__text > *, .srv3-block.is-in .srv3-block__text > * { opacity: 1; transform: none; }
.srv3-sec.is-in .srv3-sec__text > *:nth-child(1), .srv3-block.is-in .srv3-block__text > *:nth-child(1) { transition-delay: .2s; }
.srv3-sec.is-in .srv3-sec__text > *:nth-child(2), .srv3-block.is-in .srv3-block__text > *:nth-child(2) { transition-delay: .35s; }
.srv3-sec.is-in .srv3-sec__text > *:nth-child(3), .srv3-block.is-in .srv3-block__text > *:nth-child(3) { transition-delay: .5s; }
.srv3-sec.is-in .srv3-sec__text > *:nth-child(4), .srv3-block.is-in .srv3-block__text > *:nth-child(4) { transition-delay: .65s; }
.srv3-sec.is-in .srv3-sec__text > *:nth-child(5), .srv3-block.is-in .srv3-block__text > *:nth-child(5) { transition-delay: .8s; }

.srv3-block__heading u, .srv3-h2 u { background-size: 0% 100% !important; transition: background-size 1.2s cubic-bezier(.16,1,.3,1); }
.srv3-block.is-in .srv3-block__heading u, .srv3-sec.is-in .srv3-h2 u { background-size: 100% 100% !important; }

.srv3-card { opacity: 0; transform: translateY(20px); transition: opacity 1s, transform 1s cubic-bezier(.16,1,.3,1); }
.srv3-grid.is-in .srv3-card, .srv3-grid--3.is-in .srv3-card { opacity: 1; transform: none; }
.srv3-grid.is-in .srv3-card:nth-child(2), .srv3-grid--3.is-in .srv3-card:nth-child(2) { transition-delay: .1s; }
.srv3-grid.is-in .srv3-card:nth-child(3), .srv3-grid--3.is-in .srv3-card:nth-child(3) { transition-delay: .2s; }
.srv3-grid.is-in .srv3-card:nth-child(4), .srv3-grid--3.is-in .srv3-card:nth-child(4) { transition-delay: .3s; }
.srv3-grid.is-in .srv3-card:nth-child(5), .srv3-grid--3.is-in .srv3-card:nth-child(5) { transition-delay: .4s; }
.srv3-grid.is-in .srv3-card:nth-child(6), .srv3-grid--3.is-in .srv3-card:nth-child(6) { transition-delay: .5s; }

.srv3-process__step { opacity: 0; transform: translateY(24px); transition: opacity .9s, transform .9s cubic-bezier(.16,1,.3,1); }
.srv3-process.is-in .srv3-process__step { opacity: 1; transform: none; }
.srv3-process.is-in .srv3-process__step:nth-child(2) { transition-delay: .12s; }
.srv3-process.is-in .srv3-process__step:nth-child(3) { transition-delay: .24s; }
.srv3-process.is-in .srv3-process__step:nth-child(4) { transition-delay: .36s; }
.srv3-process.is-in .srv3-process__step:nth-child(5) { transition-delay: .48s; }

.srv3-close__title { opacity: 0; transform: translateY(40px); filter: blur(8px); transition: opacity 1.5s, transform 1.5s, filter 1s; }
.srv3-close.is-in .srv3-close__title { opacity: 1; transform: none; filter: none; }
.srv3-close__cta { transition: gap .35s, background .25s, color .25s, border-color .25s; }
.srv3-close__cta:hover { gap: 26px !important; }

/* === Hero text stays WHITE over the dark hero photo === */
.srv3-hero__title { color: #ffffff !important; text-shadow: 0 6px 50px rgba(0,0,0,.45) !important; }
.srv3-hero__sub { color: rgba(255,255,255,0.86) !important; }
.srv3-hero__scroll { color: rgba(255,255,255,0.62) !important; }

/* === Block headings / body text on white === */
.srv3-block__heading, .srv3-h2 { color: #0e0e0e !important; }
.srv3-block__body, .srv3-p { color: rgba(14,14,14,0.7) !important; }
.srv3-block__num b, .srv3-card__title, .srv3-process__title { color: #0e0e0e !important; }
.srv3-block__cta { color: #0e0e0e !important; border-bottom-color: rgba(14,14,14,0.18) !important; }

/* === Deliverables / scope blocks: light === */
.srv3-deliv, .srv3-scope, .srv3-feed__block, .srv3-block, .srv3-card { background: #ffffff !important; color: #0e0e0e !important; }
.srv3-deliv ul li, .srv3-block p, .srv3-card p { color: rgba(14,14,14,0.72) !important; }

/* =============== TOP BAR =============== */
.srv3-bar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; padding: 22px var(--side);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(14,14,14,0.55), transparent);
}
.srv3-bar > * { pointer-events: auto; }
.srv3-bar__logo { color: var(--bone); text-decoration: none; display: flex; align-items: center; gap: 10px; font-family: var(--ff); letter-spacing: .04em; }
.srv3-bar__logo svg { width: 30px; height: 22px; color: var(--bone); }
.srv3-bar__logo b { font-weight: 500; font-size: 17px; }
.srv3-bar__crumb { font-family: var(--mono); font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: var(--ink-soft); text-align: center; }
.srv3-bar__crumb b { color: var(--gold); font-weight: 500; }
.srv3-bar__crumb a { color: var(--ink-soft); text-decoration: none; transition: color .2s ease; }
.srv3-bar__crumb a:hover { color: var(--gold); }
.srv3-bar__menu { justify-self: end; background: transparent; border: 0; cursor: pointer; color: var(--bone); display: flex; align-items: center; gap: 12px; font-family: var(--mono); font-size: 11px; letter-spacing: .28em; text-transform: uppercase; padding: 10px 6px; }
.srv3-bar__menu:hover { color: var(--gold); }
.srv3-bar__menu svg { width: 22px; height: 16px; }

/* =============== HERO =============== */
.srv3-hero { position: relative; height: 72vh; min-height: 540px; max-height: 760px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.srv3-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; transform: scale(1.04); filter: brightness(.62) contrast(1.04); }
.srv3-hero__media-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; filter: brightness(.62) contrast(1.04); }
.srv3-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(14,14,14,0) 0%, rgba(14,14,14,0.55) 80%, rgba(14,14,14,0.85) 100%), linear-gradient(180deg, rgba(14,14,14,0.55) 0%, rgba(14,14,14,0) 38%, rgba(14,14,14,0.55) 100%); z-index: 1; }
.srv3-hero__inner { position: relative; z-index: 2; text-align: center; padding: 0 var(--side); max-width: 1100px; }
.srv3-hero__eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var(--gold); display: inline-block; margin-bottom: clamp(22px, 2.4vw, 38px); }
.srv3-hero__title { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(56px, 11vw, 180px); line-height: 0.95; letter-spacing: -0.02em; color: var(--bone); margin: 0; text-shadow: 0 6px 50px rgba(0,0,0,.35); }
.srv3-hero__sub { margin: clamp(22px, 2.6vw, 40px) auto 0; font-family: var(--ff); font-weight: 300; font-size: clamp(15px, 1.1vw, 18px); letter-spacing: .02em; color: var(--ink-soft); max-width: 620px; line-height: 1.55; }
.srv3-hero__scroll { position: absolute; left: 50%; bottom: clamp(20px, 3vw, 46px); transform: translateX(-50%); z-index: 3; font-family: var(--mono); font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: var(--ink-soft); display: flex; flex-direction: column; align-items: center; gap: 10px; }
.srv3-hero__scroll::after { content: ""; width: 1px; height: 36px; background: linear-gradient(180deg, var(--gold), transparent); animation: srv3Pulse 2.4s ease-in-out infinite; }
@keyframes srv3Pulse { 0%,100% { opacity: .35; transform: scaleY(.6); transform-origin: top; } 50% { opacity: 1; transform: scaleY(1); } }

/* =============== STICKY SUB-NAV (only on sub-pages) =============== */
.srv3-subnav { position: sticky; top: 0; z-index: 40; background: rgba(14,14,14,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--rule); }
.srv3-subnav__inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--side); display: flex; align-items: center; gap: clamp(20px, 3vw, 50px); overflow-x: auto; scrollbar-width: none; }
.srv3-subnav__inner::-webkit-scrollbar { display: none; }
.srv3-subnav a { flex: 0 0 auto; display: inline-flex; align-items: baseline; gap: 10px; padding: 22px 0; font-family: var(--mono); font-size: 11px; letter-spacing: .26em; text-transform: uppercase; color: rgba(14,14,14,0.45); text-decoration: none; border-bottom: 1px solid transparent; transition: color .25s ease, border-color .25s ease; white-space: nowrap; }
.srv3-subnav a small { color: rgba(14,14,14,0.32); }
.srv3-subnav a:hover { color: var(--bone); }
.srv3-subnav a.is-on { color: var(--gold); border-color: var(--gold); }
.srv3-subnav a.is-on small { color: var(--gold); }

/* =============== FEED (index page) =============== */
.srv3-feed { padding: clamp(80px, 9vw, 160px) var(--side) clamp(40px, 6vw, 100px); max-width: var(--max); margin: 0 auto; display: grid; gap: clamp(80px, 10vw, 180px); }
.srv3-block { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 5vw, 110px); align-items: center; }
.srv3-block:nth-child(even) .srv3-block__text { order: 2; }
.srv3-block__text { padding-right: clamp(0px, 2vw, 24px); }
.srv3-block:nth-child(even) .srv3-block__text { padding-right: 0; padding-left: clamp(0px, 2vw, 24px); }
.srv3-block__num { font-family: var(--mono); font-size: 12px; letter-spacing: .34em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: clamp(18px, 1.8vw, 28px); }
.srv3-block__num b { color: var(--bone); font-weight: 500; margin-right: 10px; }
.srv3-block__heading { font-family: var(--serif); font-weight: 400; font-style: italic; font-size: clamp(38px, 5.6vw, 84px); line-height: 1.04; letter-spacing: -0.015em; color: var(--bone); margin: 0 0 clamp(22px, 2.4vw, 36px); }
.srv3-block__heading u { text-decoration: none; background-image: linear-gradient(transparent 78%, var(--gold) 78%, var(--gold) 92%, transparent 92%); background-size: 100% 100%; padding: 0 2px; }
.srv3-block__body { font-family: var(--ff); font-weight: 300; font-size: clamp(15px, 1.1vw, 19px); line-height: 1.7; color: var(--ink-soft); max-width: 540px; }
.srv3-block__body p + p { margin-top: 1.1em; }
.srv3-block__cta { display: inline-flex; align-items: center; gap: 14px; margin-top: clamp(26px, 2.6vw, 40px); font-family: var(--mono); font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: var(--bone); text-decoration: none; padding: 14px 0; border-bottom: 1px solid var(--rule); transition: color .25s ease, border-color .25s ease, gap .35s cubic-bezier(.16,1,.3,1); }
.srv3-block__cta:hover { color: var(--gold); border-color: var(--gold); gap: 22px; }
.srv3-block__cta svg { width: 16px; height: 11px; stroke: currentColor; }
.srv3-block__photo { position: relative; overflow: hidden; aspect-ratio: 4 / 5; }
.srv3-block__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 1.4s cubic-bezier(.16,1,.3,1); }
.srv3-block:hover .srv3-block__photo img { transform: scale(1.04); }
.srv3-block__photo-meta { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 20px; background: linear-gradient(0deg, rgba(0,0,0,0.65), transparent); font-family: var(--mono); font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: rgba(255,255,255,0.75); }
@media (max-width: 900px) {
  .srv3-block { grid-template-columns: 1fr; gap: 28px; }
  .srv3-block:nth-child(even) .srv3-block__text { order: 0; padding-left: 0; }
  .srv3-block__photo { aspect-ratio: 3/2; }
}

/* =============== SUB-PAGE SECTIONS =============== */
.srv3-sec { max-width: var(--max); margin: 0 auto; padding: clamp(80px, 9vw, 160px) var(--side); }
.srv3-sec--narrow { max-width: 1180px; }
.srv3-sec--split { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(40px, 5vw, 110px); align-items: center; }
.srv3-sec--reverse .srv3-sec__text { order: 2; }
@media (max-width: 900px) { .srv3-sec--split { grid-template-columns: 1fr; gap: 32px; } .srv3-sec--reverse .srv3-sec__text { order: 0; } }

.srv3-eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: clamp(20px, 2vw, 30px); }
.srv3-h2 { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(38px, 5.4vw, 76px); line-height: 1.05; letter-spacing: -0.015em; color: var(--bone); margin: 0 0 clamp(24px, 2.6vw, 40px); }
.srv3-h2 u { text-decoration: none; background-image: linear-gradient(transparent 78%, var(--gold) 78%, var(--gold) 92%, transparent 92%); background-size: 100% 100%; padding: 0 2px; }
.srv3-p { font-family: var(--ff); font-weight: 300; font-size: clamp(15px, 1.1vw, 19px); line-height: 1.7; color: var(--ink-soft); max-width: 600px; }
.srv3-p + .srv3-p { margin-top: 1.1em; }
.srv3-sec__photo { position: relative; overflow: hidden; aspect-ratio: 4/5; }
.srv3-sec__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* SCOPE / DELIVERABLES grid */
.srv3-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(28px, 3vw, 50px); margin-top: clamp(28px, 3vw, 44px); }
.srv3-grid--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .srv3-grid, .srv3-grid--3 { grid-template-columns: 1fr; } }
.srv3-card { padding: clamp(22px, 2.4vw, 36px) 0; border-top: 1px solid var(--rule); }
.srv3-card__num { font-family: var(--mono); font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; display: block; }
.srv3-card__title { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(22px, 2vw, 30px); line-height: 1.2; color: var(--bone); margin: 0 0 12px; }
.srv3-card__body { font-family: var(--ff); font-weight: 300; font-size: clamp(14px, 1vw, 17px); line-height: 1.65; color: var(--ink-soft); }

/* PROCESS — numbered horizontal/vertical steps */
.srv3-process { display: grid; gap: 1px; background: var(--rule); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.srv3-process__step { background: var(--ink-dark); padding: clamp(28px, 3vw, 48px) clamp(20px, 2.6vw, 40px); display: grid; grid-template-columns: 80px 1fr; gap: clamp(24px, 2.4vw, 40px); align-items: start; }
.srv3-process__n { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(40px, 4.6vw, 64px); line-height: 1; color: var(--gold); }
.srv3-process__title { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(22px, 2vw, 30px); line-height: 1.2; color: var(--bone); margin: 0 0 12px; }
.srv3-process__body { font-family: var(--ff); font-weight: 300; font-size: clamp(14px, 1vw, 17px); line-height: 1.65; color: var(--ink-soft); }
@media (max-width: 600px) { .srv3-process__step { grid-template-columns: 1fr; gap: 12px; } }

/* =============== CLOSING CTA =============== */
.srv3-close { padding: clamp(80px, 10vw, 180px) var(--side); text-align: center; border-top: 1px solid var(--rule); max-width: var(--max); margin: 0 auto; }
.srv3-close__eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: 22px; }
.srv3-close__title { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(42px, 7vw, 120px); line-height: 1.02; letter-spacing: -0.015em; color: var(--bone); margin: 0 auto clamp(28px, 3vw, 50px); max-width: 1100px; }
.srv3-close__cta { display: inline-flex; align-items: center; gap: 16px; padding: 18px 34px; border: 1px solid rgba(14,14,14,0.4); border-radius: 999px; color: var(--bone); text-decoration: none; font-family: var(--mono); font-size: 12px; letter-spacing: .3em; text-transform: uppercase; transition: color .25s ease, border-color .25s ease, background .25s ease; }
.srv3-close__cta:hover { color: var(--ink-dark); background: var(--gold); border-color: var(--gold); }

/* =============== FOOTER =============== */
.srv3-foot { padding: clamp(40px, 4vw, 70px) var(--side); border-top: 1px solid var(--rule); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; font-family: var(--mono); font-size: 11px; letter-spacing: .26em; text-transform: uppercase; color: rgba(14,14,14,0.55); }
.srv3-foot a { color: rgba(14,14,14,0.7); text-decoration: none; transition: color .2s ease; }
.srv3-foot a:hover { color: var(--gold); }
.srv3-foot__center { text-align: center; }
.srv3-foot__right { justify-self: end; display: flex; gap: 20px; }
@media (max-width: 720px) { .srv3-foot { grid-template-columns: 1fr; text-align:center; } .srv3-foot__right { justify-self: center; } }

/* 3-tab centered subnav + flipped split section */
.srv3-subnav__inner--center { justify-content: center; }
.srv3-sec--flip { direction: rtl; }
.srv3-sec--flip > * { direction: ltr; }