/* About page redesign (2026-10-09): photo led sections under the hero and trust band.
   Builds on goldkey-home.css (tokens, .gk-shell, .gk-h2, .gk-eyebrow, .gk-btn) and pages.css. */

#gk-wp-root .gka-story,
#gk-wp-root .gka-people,
#gk-wp-root .gka-creds,
#gk-wp-root .gka-community,
#gk-wp-root .gka-offices {
  --gk-fg: var(--gk-black);
  --gk-muted: var(--gk-stone-600);
  --gk-accent-text: var(--gk-gold-700);
  --gk-line: var(--gk-line-on-light);
  --gk-focus: var(--gk-black);
  color: var(--gk-fg) !important;
  padding-block: clamp(72px, 9vw, 152px);
}
#gk-wp-root .gka-story,
#gk-wp-root .gka-creds,
#gk-wp-root .gka-offices { background: var(--gk-paper) !important; }
#gk-wp-root .gka-people,
#gk-wp-root .gka-community { background: var(--gk-white) !important; }
#gk-wp-root .gka-values,
#gk-wp-root .gka-faces,
#gk-wp-root .gka-roofus,
#gk-wp-root .gka-careers { padding-block: clamp(72px, 9vw, 152px); position: relative; }

/* Shared type */
#gk-wp-root .gk-page .gka-title { margin-bottom: clamp(18px, 2vw, 28px) !important; max-width: 18ch; }
#gk-wp-root .gka-lead {
  font-size: clamp(1.125rem, 1rem + .5vw, 1.4rem) !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
  max-width: 40ch;
}
#gk-wp-root :is(.gka-story, .gka-values, .gka-people, .gka-faces, .gka-roofus, .gka-creds, .gka-community, .gka-careers, .gka-offices) p:not(.gk-eyebrow):not(.gka-lead):not(.gka-seal) {
  font-size: var(--gk-body) !important;
  line-height: 1.65 !important;
  max-width: 62ch;
}
#gk-wp-root :is(.gka-story, .gka-values, .gka-roofus, .gka-people, .gka-creds, .gka-community, .gka-careers, .gka-offices) p + p { margin-top: 14px !important; }
#gk-wp-root .gka-head { max-width: 900px; margin-bottom: clamp(36px, 4vw, 64px) !important; }
#gk-wp-root :is(.gka-creds, .gka-community, .gka-offices) a:not(.gk-btn) {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  text-decoration-color: var(--gk-yellow);
  font-weight: 600;
}
#gk-wp-root :is(.gka-creds, .gka-community, .gka-offices) a:not(.gk-btn):hover { text-decoration-color: currentColor; }

/* Photos with the brand's black offset block */
#gk-wp-root .gka-photo { position: relative; margin: 0 10px 10px 0 !important; }
#gk-wp-root .gka-photo::before {
  content: "";
  position: absolute;
  inset: 10px -10px -10px 10px;
  background: var(--gk-black) !important;
}
#gk-wp-root .gka-photo img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--gk-paper-200);
}

/* Reveal on scroll (only once about.js has run) */
.gka-js #gk-wp-root [data-gka-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s var(--gk-ease-reveal), transform .9s var(--gk-ease-reveal);
}
.gka-js #gk-wp-root [data-gka-reveal].is-in { opacity: 1; transform: none; }

/* 1. Story */
#gk-wp-root .gka-story__grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  gap: clamp(40px, 6vw, 112px);
  align-items: center;
}
#gk-wp-root .gka-story .gk-scribble-word { padding-inline: .08em; }
#gk-wp-root .gka-story .gka-title { margin-bottom: clamp(28px, 3vw, 40px) !important; }
#gk-wp-root .gka-story .gk-scribble { stroke: var(--gk-yellow); stroke-width: 5px; }
#gk-wp-root .gka-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 clamp(16px, 2vw, 32px);
  margin-top: clamp(28px, 3vw, 44px) !important;
  max-width: 560px;
}
#gk-wp-root .gka-facts div { border-top: 3px solid var(--gk-black); padding-top: 14px; }
#gk-wp-root .gka-facts dt {
  font-family: var(--gk-font-display) !important;
  font-weight: 800 !important;
  font-stretch: 125% !important;
  font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem) !important;
  line-height: 1 !important;
  letter-spacing: -.02em;
}
#gk-wp-root .gka-facts dd {
  margin: 8px 0 0 !important;
  font-size: .9375rem !important;
  font-weight: 600 !important;
  color: var(--gk-muted) !important;
}
#gk-wp-root .gka-story__photos {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  grid-template-rows: 1fr 1fr;
  gap: 20px;
}
#gk-wp-root .gka-story__banner { grid-row: 1 / 3; aspect-ratio: 4 / 5; }
#gk-wp-root .gka-story__sign,
#gk-wp-root .gka-story__trucks { min-height: 0; }
#gk-wp-root .gka-seal {
  position: absolute;
  left: -28px;
  top: -28px;
  z-index: 3;
  display: grid;
  place-content: center;
  text-align: center;
  width: clamp(112px, 10vw, 148px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--gk-yellow) !important;
  color: var(--gk-black) !important;
  border: 3px solid var(--gk-black);
  box-shadow: 5px 5px 0 var(--gk-black);
  transform: rotate(-10deg);
  line-height: 1.05 !important;
}
#gk-wp-root .gka-seal span {
  font-size: .625rem !important;
  font-weight: 800 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-stretch: 118% !important;
}
#gk-wp-root .gka-seal strong {
  font-family: var(--gk-font-display) !important;
  font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem) !important;
  font-weight: 800 !important;
  font-stretch: 125% !important;
  margin-block: 2px !important;
}

/* 2. Values */
#gk-wp-root .gka-values { overflow: hidden; }
#gk-wp-root .gka-values__media {
  position: absolute;
  inset: 0 auto 0 0;
  width: 40%;
}
#gk-wp-root .gka-values__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(16 24 32 / 0) 55%, var(--gk-black) 100%);
}
#gk-wp-root .gka-values__media img { width: 100%; height: 100%; object-fit: cover; }
#gk-wp-root .gka-values__grid { padding-left: calc(40% - var(--gk-gutter) + clamp(32px, 5vw, 96px)); }
#gk-wp-root .gka-values__head { margin-bottom: clamp(28px, 3vw, 48px) !important; }
#gk-wp-root .gka-values__head p:not(.gk-eyebrow) { color: var(--gk-muted) !important; }
#gk-wp-root .gka-values__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(24px, 3vw, 56px); counter-reset: none; }
#gk-wp-root .gka-values__list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 18px;
  padding: 22px 0;
  border-top: 1px solid var(--gk-line);
}
#gk-wp-root .gka-values__num {
  grid-row: span 2;
  font-family: var(--gk-font-display) !important;
  font-weight: 800 !important;
  font-stretch: 125% !important;
  font-size: 1.125rem !important;
  color: var(--gk-yellow) !important;
  line-height: 1.4 !important;
}
#gk-wp-root .gka-values__list h3 {
  font-family: var(--gk-font-display) !important;
  font-size: clamp(1.125rem, 1rem + .5vw, 1.5rem) !important;
  font-weight: 800 !important;
  font-stretch: 125% !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
  color: var(--gk-paper) !important;
}
#gk-wp-root .gka-values__list p { color: var(--gk-stone-300) !important; }

/* 3. People mosaic */
#gk-wp-root .gka-mosaic {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: clamp(140px, 13.5vw, 250px);
  gap: 22px;
}
#gk-wp-root .gka-mosaic .gka-photo { grid-row: span 2; margin: 0 10px 10px 0 !important; }
#gk-wp-root .gka-mosaic__feature { grid-column: span 2; }
#gk-wp-root .gka-mosaic__wide { grid-column: span 2; }
#gk-wp-root .gka-sticker,
#gk-wp-root .gka-tag {
  position: absolute;
  z-index: 1;
  font-family: var(--gk-font-display) !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  font-stretch: 118% !important;
  letter-spacing: .02em;
  line-height: 1.15 !important;
  font-style: normal !important;
}
#gk-wp-root .gka-sticker {
  top: 18px;
  left: -10px;
  padding: 10px 16px;
  font-size: .8125rem !important;
  background: var(--gk-black) !important;
  color: var(--gk-yellow) !important;
  transform: rotate(-3deg);
}
#gk-wp-root .gka-tag {
  bottom: 14px;
  left: 14px;
  right: 14px;
  width: fit-content;
  padding: 8px 12px;
  font-size: .6875rem !important;
  background: var(--gk-white) !important;
  color: var(--gk-black) !important;
  box-shadow: 3px 3px 0 var(--gk-black);
}
#gk-wp-root .gka-people .gka-head {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: 0 clamp(40px, 6vw, 112px);
  align-items: end;
  max-width: none;
}
#gk-wp-root .gka-people .gka-head .gk-eyebrow { grid-column: 1 / -1; }
#gk-wp-root .gka-people .gka-head .gka-title { margin-bottom: 0 !important; }
#gk-wp-root .gka-people .gka-head .gka-lead { margin-bottom: 0 !important; }
#gk-wp-root .gka-mosaic__note {
  grid-row: span 2;
  display: grid;
  align-content: end;
  gap: 12px;
  padding: clamp(20px, 2vw, 32px);
  background: var(--gk-yellow) !important;
  color: var(--gk-black) !important;
  margin: 0 10px 10px 0 !important;
  box-shadow: 10px 10px 0 var(--gk-black);
  max-width: none !important;
}
#gk-wp-root .gka-mosaic__note strong {
  font-family: var(--gk-font-display) !important;
  font-size: clamp(1.125rem, .95rem + .6vw, 1.5rem) !important;
  font-weight: 800 !important;
  font-stretch: 118% !important;
  text-transform: uppercase;
  line-height: 1.1 !important;
}
#gk-wp-root .gka-mosaic__note span { font-size: .9375rem !important; line-height: 1.5 !important; font-weight: 500 !important; }

/* 4. Faces */
#gk-wp-root .gka-faces__head { margin-bottom: clamp(28px, 3vw, 48px) !important; }
#gk-wp-root .gka-marquee { overflow-x: auto; scrollbar-width: none; }
#gk-wp-root .gka-marquee::-webkit-scrollbar { display: none; }
#gk-wp-root .gka-marquee__track { display: flex; gap: 18px; width: max-content; padding-inline: var(--gk-gutter); }
#gk-wp-root .gka-marquee__track li { width: clamp(170px, 16vw, 250px); flex: none; }
#gk-wp-root .gka-marquee__track img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: var(--gk-black-800);
  filter: grayscale(.2);
  transition: filter var(--gk-dur-ui) var(--gk-ease);
}
#gk-wp-root .gka-marquee__track li:hover img { filter: none; }
#gk-wp-root .gka-marquee.is-running { overflow: hidden; }
#gk-wp-root .gka-marquee.is-running .gka-marquee__track { padding-inline: 0; animation: gka-marquee 60s linear infinite; }
#gk-wp-root .gka-marquee.is-running:hover .gka-marquee__track { animation-play-state: paused; }
@keyframes gka-marquee { to { transform: translateX(calc(-50% - 9px)); } }
#gk-wp-root .gka-team__title {
  margin: clamp(48px, 5vw, 80px) 0 8px !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-stretch: 118% !important;
  color: var(--gk-gold) !important;
}
#gk-wp-root .gka-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(24px, 3vw, 56px); }
#gk-wp-root .gka-team li { display: grid; gap: 4px; padding: 22px 0; border-top: 1px solid var(--gk-line); align-content: start; }
#gk-wp-root .gka-team strong {
  font-family: var(--gk-font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  font-stretch: 118% !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
}
#gk-wp-root .gka-team__role { color: var(--gk-yellow) !important; font-weight: 700 !important; font-size: .9375rem !important; }
#gk-wp-root .gka-team li > span:last-child:not(.gka-team__role) { color: var(--gk-stone-300) !important; font-size: .9375rem !important; line-height: 1.55 !important; }

/* 5. Roofus */
#gk-wp-root .gka-roofus { overflow: hidden; }
#gk-wp-root .gka-roofus__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(40px, 6vw, 112px);
  align-items: center;
}
#gk-wp-root .gka-roofus .gka-lead { font-weight: 700 !important; }
#gk-wp-root .gka-roofus__photos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 24px);
  margin-top: clamp(28px, 3vw, 48px) !important;
  max-width: 680px;
}
#gk-wp-root .gka-roofus__photos li {
  background: var(--gk-white) !important;
  padding: 6px;
  border: 2px solid var(--gk-black);
  box-shadow: 4px 4px 0 var(--gk-black);
  transform: rotate(-3deg);
  transition: transform var(--gk-dur-ui) var(--gk-ease);
}
#gk-wp-root .gka-roofus__photos li:nth-child(2n) { transform: rotate(2.5deg) translateY(10px); }
#gk-wp-root .gka-roofus__photos li:hover { transform: rotate(0) scale(1.06); z-index: 1; }
#gk-wp-root .gka-roofus__photos img { width: 100%; aspect-ratio: 1; object-fit: cover; }
#gk-wp-root .gka-roofus__film { position: relative; margin: 0 12px 12px 0 !important; }
#gk-wp-root .gka-roofus__frame { position: relative; aspect-ratio: 4 / 5; border: 3px solid var(--gk-black); box-shadow: 12px 12px 0 var(--gk-black); background: var(--gk-black) !important; }
#gk-wp-root .gka-roofus__frame video { width: 100%; height: 100%; object-fit: cover; display: block; }
#gk-wp-root .gka-video-toggle {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background: rgb(16 24 32 / .74) !important;
  color: var(--gk-paper) !important;
}
#gk-wp-root .gka-video-toggle:hover { background: var(--gk-black) !important; color: var(--gk-yellow) !important; }
#gk-wp-root .gka-video-toggle[hidden] { display: none; }
#gk-wp-root .gka-video-toggle .gk-icon { width: 18px; height: 18px; fill: currentColor; stroke: none; }
#gk-wp-root .gka-bubble {
  position: absolute;
  z-index: 2;
  top: 9%;
  right: calc(100% - 40px);
  display: grid;
  justify-items: center;
  padding: 12px 18px;
  white-space: nowrap;
  text-align: center;
  border: 2px solid var(--gk-black);
  border-radius: 18px !important;
  background: var(--gk-white) !important;
  color: var(--gk-black) !important;
  box-shadow: 4px 4px 0 var(--gk-black);
  font-weight: 700 !important;
  font-size: .875rem !important;
  line-height: 1.2 !important;
  transform: rotate(-4deg);
  font-style: normal !important;
}
#gk-wp-root .gka-bubble strong {
  font-family: var(--gk-font-display) !important;
  font-size: 1.75rem !important;
  font-weight: 800 !important;
  font-stretch: 125% !important;
  letter-spacing: -.01em;
}
#gk-wp-root .gka-bubble span { font-size: .5625rem !important; letter-spacing: .14em; text-transform: uppercase; font-stretch: 118% !important; }
#gk-wp-root .gka-bubble::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 40%;
  width: 16px;
  height: 16px;
  background: var(--gk-white) !important;
  border-right: 2px solid var(--gk-black);
  border-bottom: 2px solid var(--gk-black);
  transform: rotate(-45deg);
}

/* 6. Credentials */
#gk-wp-root .gka-creds__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(40px, 6vw, 112px);
  align-items: center;
}
#gk-wp-root .gka-creds__photo { aspect-ratio: 4 / 5; }
#gk-wp-root .gka-creds__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(24px, 3vw, 40px) !important; }
#gk-wp-root .gka-creds__list li {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 20px 22px;
  background: var(--gk-white) !important;
  border-top: 4px solid var(--gk-yellow);
}
#gk-wp-root .gka-creds__label {
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-stretch: 118% !important;
  color: var(--gk-muted) !important;
}
#gk-wp-root .gka-creds__list strong {
  font-family: var(--gk-font-display) !important;
  font-size: clamp(1.125rem, 1rem + .4vw, 1.375rem) !important;
  font-weight: 800 !important;
  font-stretch: 118% !important;
  line-height: 1.25 !important;
}
#gk-wp-root .gka-creds__list li > span:not(.gka-creds__label),
#gk-wp-root .gka-creds__list a { font-size: .9375rem !important; }
#gk-wp-root .gka-creds__shield { grid-template-columns: 76px 1fr; align-items: center; column-gap: 16px !important; }
#gk-wp-root .gka-creds__shield img { width: 76px; height: auto; }
#gk-wp-root .gka-creds__shield > span { display: grid; gap: 4px; }
#gk-wp-root .gka-creds__wide { grid-column: 1 / -1; }
#gk-wp-root .gka-creds__more { margin-top: 24px !important; }

/* 7. Community */
#gk-wp-root .gka-community__grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  gap: clamp(32px, 4vw, 72px) clamp(40px, 6vw, 112px);
  align-items: center;
}
#gk-wp-root .gka-community__photo { aspect-ratio: 4 / 3; }
#gk-wp-root .gka-causes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); margin-top: clamp(16px, 2vw, 32px) !important; }
#gk-wp-root .gka-causes li { display: grid; align-content: start; gap: 10px; padding-top: 20px; border-top: 3px solid var(--gk-black); }
#gk-wp-root .gka-causes h3 {
  font-family: var(--gk-font-display) !important;
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  font-stretch: 118% !important;
  text-transform: uppercase;
  line-height: 1.25 !important;
}
#gk-wp-root .gka-causes p { color: var(--gk-muted) !important; font-size: 1rem !important; }
#gk-wp-root .gka-causes a { display: inline-flex; align-items: center; gap: 6px; width: fit-content; }
#gk-wp-root .gka-causes .gk-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }

/* 8. Careers */
#gk-wp-root .gka-careers { overflow: hidden; isolation: isolate; padding-block: clamp(96px, 12vw, 200px); }
#gk-wp-root .gka-careers__media { position: absolute; inset: 0; z-index: -1; }
#gk-wp-root .gka-careers__media img { width: 100%; height: 100%; object-fit: cover; }
#gk-wp-root .gka-careers__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(16 24 32 / .92) 0%, rgb(16 24 32 / .78) 45%, rgb(16 24 32 / .25) 100%);
}
#gk-wp-root .gka-careers__inner > p:not(.gk-eyebrow) { max-width: 52ch !important; margin-bottom: 28px !important; color: var(--gk-paper) !important; }
#gk-wp-root .gka-careers .gk-eyebrow { color: var(--gk-yellow) !important; }

/* 9. Offices */
#gk-wp-root .gka-offices__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); }
#gk-wp-root .gka-office { display: grid; align-content: start; gap: 14px; padding: clamp(24px, 3vw, 40px); background: var(--gk-white) !important; border-top: 6px solid var(--gk-black); }
#gk-wp-root .gka-office h3 {
  font-family: var(--gk-font-display) !important;
  font-size: clamp(1.375rem, 1.1rem + .8vw, 1.875rem) !important;
  font-weight: 800 !important;
  font-stretch: 125% !important;
  text-transform: uppercase;
  line-height: 1.1 !important;
}
#gk-wp-root .gka-office address { font-style: normal; line-height: 1.7 !important; font-size: var(--gk-body) !important; }
#gk-wp-root .gka-office p { color: var(--gk-muted) !important; }
#gk-wp-root .gka-office__directions { display: inline-flex; align-items: center; gap: 8px; width: fit-content; }
#gk-wp-root .gka-office__directions .gk-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
#gk-wp-root .gka-office .gkr-map { height: 260px; margin: 8px 0 0 !important; }

/* Tablet */
@media (max-width: 1099.98px) {
  #gk-wp-root .gka-values__list,
  #gk-wp-root .gka-team { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #gk-wp-root .gka-roofus__photos { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 420px; }
}
@media (max-width: 899.98px) {
  #gk-wp-root .gka-people .gka-head { grid-template-columns: minmax(0, 1fr); }
  #gk-wp-root .gka-people .gka-head .gka-title { margin-bottom: clamp(18px, 2vw, 28px) !important; }
  #gk-wp-root .gka-mosaic__note { grid-column: span 2; grid-row: span 1; }
  #gk-wp-root .gka-mosaic__cat { grid-column: span 2; }
  #gk-wp-root .gka-mosaic__cat img { object-position: 50% 30%; }
  #gk-wp-root .gka-story__grid,
  #gk-wp-root .gka-roofus__grid,
  #gk-wp-root .gka-creds__grid,
  #gk-wp-root .gka-community__grid { grid-template-columns: minmax(0, 1fr); }
  #gk-wp-root .gka-story__photos { max-width: 560px; margin-left: 24px !important; }
  #gk-wp-root .gka-values { padding-top: 0; }
  #gk-wp-root .gka-values__media { position: relative; width: auto; aspect-ratio: 16 / 10; margin-bottom: clamp(40px, 6vw, 64px) !important; }
  #gk-wp-root .gka-values__media::after { background: linear-gradient(180deg, rgb(16 24 32 / 0) 55%, var(--gk-black) 100%); }
  #gk-wp-root .gka-values__grid { padding-left: 0; }
  #gk-wp-root .gka-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(120px, 30vw, 240px); gap: 18px; }
  #gk-wp-root .gka-roofus__film { max-width: 460px; justify-self: center; width: calc(100% - 40px); margin-left: 40px !important; }
  #gk-wp-root .gka-creds__photo { max-width: 420px; }
  #gk-wp-root .gka-causes { grid-template-columns: minmax(0, 1fr); }
  #gk-wp-root .gka-offices__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Phone */
@media (max-width: 669.98px) {
  #gk-wp-root .gka-facts dd { font-size: .8125rem !important; }
  #gk-wp-root .gka-story__photos { margin-left: 18px !important; gap: 14px; }
  #gk-wp-root .gka-seal { left: -18px; top: -22px; }
  #gk-wp-root .gka-values__list,
  #gk-wp-root .gka-team,
  #gk-wp-root .gka-creds__list { grid-template-columns: minmax(0, 1fr); }
  #gk-wp-root .gka-mosaic { gap: 14px; }
  #gk-wp-root .gka-mosaic__note { grid-row: span 2; }
  #gk-wp-root .gka-mosaic .gka-photo { margin: 0 8px 8px 0 !important; }
  #gk-wp-root .gka-mosaic .gka-photo::before { inset: 8px -8px -8px 8px; }
  #gk-wp-root .gka-sticker { font-size: .6875rem !important; padding: 8px 12px; top: 12px; }
  #gk-wp-root .gka-tag { font-size: .5625rem !important; left: 8px; bottom: 8px; padding: 6px 8px; }
  #gk-wp-root .gka-roofus__photos { max-width: none; }
  #gk-wp-root .gka-bubble { padding: 8px 12px; font-size: .75rem !important; top: -30px; left: -30px; right: auto; }
  #gk-wp-root .gka-bubble::after { right: auto; left: 46%; bottom: -10px; transform: rotate(45deg); }
  #gk-wp-root .gka-bubble strong { font-size: 1.25rem !important; }
  #gk-wp-root .gka-careers__media::after { background: rgb(16 24 32 / .8); }
}

@media (prefers-reduced-motion: reduce) {
  .gka-js #gk-wp-root [data-gka-reveal] { opacity: 1; transform: none; transition: none; }
  #gk-wp-root .gka-marquee.is-running .gka-marquee__track { animation: none; }
  #gk-wp-root .gka-marquee.is-running { overflow-x: auto; }
  #gk-wp-root .gka-roofus__photos li,
  #gk-wp-root .gka-roofus__photos li:hover { transition: none; }
}