/* Shared composition from the photographic hero to the contact mark.
   The original copy reveal, project imagery, accordion and logo motion remain. */
body.agency-concept-page {
  --raio-paper: #f1f2f0;
  --raio-accent: #8f969b;
  --raio-flow-bg: #080808;
  --raio-flow-text: #f5f5f2;
  --raio-flow-muted: #aaa9ad;
  --raio-flow-line: #ffffff24;
  --raio-flow-space: clamp(80px, 8vw, 128px);
  --raio-flow-title: clamp(36px, 3vw, 56px);
  --raio-grain-opacity: .085;
}
/* Static monochrome grain, shared by the page's light and dark surfaces. */
body.agency-concept-page::after {
  position: fixed;
  z-index: 950;
  inset: 0;
  background-image: url('../images/raio-grain.svg');
  background-repeat: repeat;
  background-size: 256px 256px;
  opacity: var(--raio-grain-opacity);
  pointer-events: none;
  content: "";
}
#raio-hero-module .raio-hero-background { filter: grayscale(1); }
#site-wrap { margin-bottom: 0; }
#raio-hero-module::after {
  position: absolute;
  z-index: 1;
  inset: auto 0 -1px;
  height: 24%;
  background: linear-gradient(180deg, transparent, var(--raio-flow-bg));
  pointer-events: none;
  content: "";
}

/* A short introduction, on the same grid as the project descriptions. */
#raio-monolith-section {
  --raio-flow-bg: #f1f2f0;
  --raio-flow-text: #151719;
  --raio-flow-muted: #656b70;
  min-height: 0;
  padding: var(--raio-flow-space) var(--raio-gutter);
  background: var(--raio-flow-bg);
  color: var(--raio-flow-text);
  text-align: left;
}
.raio-agency-about__top,
.raio-capabilities__intro {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 0;
  align-items: start;
}
.raio-agency-about__eyebrow,
.raio-capabilities__eyebrow {
  grid-column: 1 / 5;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 0;
  color: var(--raio-flow-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: none;
}
.raio-agency-about__eyebrow::before,
.raio-capabilities__eyebrow::before { content: none; }
.raio-agency-about__copy,
.raio-capabilities__header { grid-column: 5 / -1; min-width: 0; }
.raio-agency-about__headline {
  color: var(--raio-flow-text);
  display: block;
  max-width: 24ch;
  font-size: clamp(40px, 4.4vw, 72px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.035em;
}
.raio-agency-about__detail {
  max-width: 53ch;
  margin: 28px 0 0;
  color: var(--raio-flow-text);
  opacity: 0;
  font-size: clamp(20px, 1.55vw, 26px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -.015em;
}
.raio-agency-about__line { display: inline; white-space: normal; }
.raio-agency-about__accent { color: #565d63; }

/* Two substantial cases, followed by a lighter project index. */
#projects.raio-portfolio-section {
  --raio-flow-bg: #f1f2f0;
  --raio-flow-text: #151416;
  --raio-flow-muted: #66616b;
  --raio-flow-line: #15141626;
  border-top: 0;
  background: var(--raio-flow-bg);
  color: var(--raio-flow-text);
}
#projects .raio-featured { padding: 48px var(--raio-gutter) 64px; }
#projects .raio-featured__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
#projects .raio-featured__heading {
  max-width: none;
  color: inherit;
  font-size: var(--raio-flow-title);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.035em;
}
#projects .raio-featured__categories {
  justify-content: flex-end;
  margin: 0 0 4px;
  gap: 8px 20px;
}
#projects .raio-featured__category {
  height: auto;
  padding: 0;
  border: 0;
  color: var(--raio-flow-muted);
  font-weight: 400;
  line-height: 18px;
}
#projects .raio-featured__grid {
  margin-top: 40px;
  grid-template-columns: 1fr;
  gap: 64px;
}
#projects .raio-featured-card:first-child,
#projects .raio-featured-card:last-child { grid-column: auto; width: auto; }
#projects .raio-featured-card__link {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  align-items: center;
}
#projects .raio-featured-card__media { grid-column: 1 / 9; }
#projects .raio-featured-card__body {
  grid-column: 9 / -1;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 clamp(0px, 1.6vw, 24px);
  gap: 0;
}
#projects .raio-featured-card__title {
  color: var(--raio-flow-text);
  font-size: clamp(28px, 2.6vw, 42px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -.035em;
}
#projects .raio-featured-card__description {
  max-width: 29ch;
  margin-top: 20px;
  color: var(--raio-flow-muted);
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -.015em;
}
#projects .raio-featured-card__tags {
  justify-content: flex-start;
  gap: 6px 14px;
  margin-top: 24px;
}
#projects .raio-featured-card__tag {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--raio-flow-muted);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
}
#projects .raio-featured-card__visit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  font-size: 14px;
  line-height: 20px;
}
.raio-work-arrow { width: 22px; height: 22px; flex: none; }
#projects .raio-featured-card__link:focus-visible,
.raio-work-row__link:focus-visible { outline: 2px solid #6f7579; outline-offset: 6px; }
.raio-work-more { margin-top: 72px; }
.raio-work-more__heading {
  margin: 0 0 24px;
  color: var(--raio-flow-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.raio-work-row { border-top: 1px solid var(--raio-flow-line); }
.raio-work-row:last-child { border-bottom: 1px solid var(--raio-flow-line); }
.raio-work-row__link {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) minmax(200px, .6fr) 24px;
  gap: 32px;
  align-items: center;
  padding: 20px 0;
  color: inherit;
  text-decoration: none;
}
.raio-work-row__image { display: block; width: 112px; aspect-ratio: 16 / 9; object-fit: cover; }
.raio-work-row__title {
  margin: 0;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.025em;
}
.raio-work-row__scope { margin: 0; color: var(--raio-flow-muted); font-size: 14px; line-height: 20px; }
.raio-work-row__link .raio-work-arrow { transition: transform .4s cubic-bezier(.16,1,.3,1); }
@media (hover: hover) and (pointer: fine) {
  .raio-work-row__link:hover .raio-work-arrow { transform: translate(3px, -3px); }
}

/* ICOMAT Highlights: original Lay Grotesk, 12-column grid and viewport scale.
   Reference: https://www.icomat.co.uk/ — .Highlights_wrapper / .Highlights_items. */
#raio-capabilities {
  --raio-font-family: RaioHeroLay, Arial, sans-serif;
  --raio-heading-font: var(--raio-font-family);
  --raio-body-font: var(--raio-font-family);
  --service-vr: var(--raio-hero-vr);
  --service-gap: calc(20 * var(--service-vr));
  --service-margin: calc(20 * var(--service-vr));
  width: 100%;
  padding: calc(190 * var(--service-vr)) var(--service-margin) 0;
  background: #080808;
  color: #cfd9e0;
  text-align: left;
}
#raio-capabilities .raio-capabilities__intro {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--service-gap);
  padding: 0;
  margin: 0 0 calc(50 * var(--service-vr));
  border: 0;
  align-items: end;
}
#raio-capabilities .raio-capabilities__title {
  grid-column: 1 / 7;
  margin: 0;
  color: #f8f8f8;
  font-size: calc(48 * var(--service-vr));
  font-weight: 400;
  line-height: .98;
  letter-spacing: calc(-.48 * var(--service-vr));
}
#raio-capabilities .raio-capabilities__statement {
  grid-column: 9 / -1;
  max-width: none;
  margin: 0;
  color: #aeb6bc;
  font-size: calc(18 * var(--service-vr));
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
  text-wrap: pretty;
}
#raio-capabilities .raio-capabilities__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--service-gap);
  align-items: start;
}
.raio-service { min-width: 0; }
.raio-service__media {
  position: relative;
  width: 100%;
  aspect-ratio: 453 / 278;
  overflow: hidden;
  border-radius: calc(10 * var(--service-vr));
  margin: 0;
  background: #1c1c1c;
}
.raio-service__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.raio-service__media--software,
.raio-service__media--website { aspect-ratio: 1672 / 941; }
.raio-service__media--software img,
.raio-service__media--website img { object-fit: contain; }
.raio-service__media--social { aspect-ratio: auto; }
.raio-service__media--social img { height: auto; }
.raio-service__trigger {
  display: flex;
  min-height: 44px;
  padding: calc(9 * var(--service-vr)) 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
  color: #aeb6bc;
  transition: color .25s;
}
.raio-service__trigger::-webkit-details-marker { display: none; }
.raio-service__name {
  margin: 0;
  font-size: calc(18 * var(--service-vr));
  font-weight: 400;
  line-height: 1.03;
  letter-spacing: 0;
}
.raio-service__arrow { width: 20px; height: 20px; flex: none; transition: transform .3s; }
.raio-service__details[open] .raio-service__trigger { color: #f8f8f8; }
.raio-service__details[open] .raio-service__arrow { transform: rotate(180deg); }
.raio-service__body { padding: 18px 0 0; }
.raio-service__description {
  max-width: 36ch;
  margin: 0 0 24px;
  color: #cfd9e0;
  font-size: calc(18 * var(--service-vr));
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}
.raio-service__services {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #aeb6bc;
  font-size: calc(16 * var(--service-vr));
  line-height: 1.4;
}
.raio-service__services li + li { margin-top: 8px; }
body.agency-concept-page #raio-capabilities .raio-service__link {
  display: inline-flex;
  min-height: 44px;
  padding: 12px 22px;
  margin-top: 28px;
  align-items: center;
  gap: 24px;
  border: 1px solid #cfd9e0;
  border-radius: 99px;
  color: #cfd9e0;
  font-family: RaioHeroMono, monospace !important;
  font-size: calc(11 * var(--service-vr));
  line-height: 1.1;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .25s, color .25s;
}
.raio-service__link svg { width: 18px; height: 18px; }
.raio-service__trigger:focus-visible,
.raio-service__link:focus-visible { outline: 2px solid #cfd9e0; outline-offset: 5px; }
#raio-capabilities ::selection { background: #cfd9e0; color: #080808; }
@media (hover: hover) and (pointer: fine) {
  .raio-service__trigger:hover { color: #f8f8f8; }
  body.agency-concept-page #raio-capabilities .raio-service__link:hover { background: #cfd9e0; color: #080808; }
}
@media (max-width: 768px) {
  #raio-capabilities { padding: calc(100 * var(--service-vr)) var(--service-margin) 0; }
  #raio-capabilities .raio-capabilities__intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: calc(30 * var(--service-vr)); }
  #raio-capabilities .raio-capabilities__title { grid-column: 1; font-size: calc(35 * var(--service-vr)); letter-spacing: 0; }
  #raio-capabilities .raio-capabilities__statement { grid-column: 1; max-width: 32ch; }
  #raio-capabilities .raio-capabilities__list { grid-template-columns: 1fr; gap: calc(50 * var(--service-vr)); }
  .raio-service__trigger { padding-top: calc(8 * var(--service-vr)); }
}
@media (prefers-reduced-motion: reduce) {
  .raio-service__trigger, .raio-service__arrow, .raio-service__link { transition: none; }
}

/* New content follows ICOMAT's type scale and 12 / 6-column spacing. */
.raio-process,
.raio-next {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --raio-font-family: RaioHeroLay, Arial, sans-serif;
  --raio-heading-font: var(--raio-font-family);
  --raio-body-font: var(--raio-font-family);
  --closing-vr: var(--raio-hero-vr);
  --closing-margin: calc(20 * var(--closing-vr));
  --closing-gap: calc(20 * var(--closing-vr));
  scroll-margin-top: 90px;
  text-align: left;
}
.raio-process {
  /* Clip the fluid without creating a scroll container for the sticky screen. */
  overflow: clip;
  background: #f8f8f8;
  color: #080808;
}
.raio-process__transition { position: relative; }
.raio-process__screen {
  position: relative;
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--closing-margin);
  background: #f8f8f8;
}
.raio-process__wash {
  display: none;
  position: absolute;
  inset: 0 0 auto;
  height: 300%;
  background:
    radial-gradient(ellipse 90% 60% at 50% 100%, #f8f8f8 0% 66%, #f8f8f800 88%),
    url('../hero.png') center / 100% 100%;
  mask-image: radial-gradient(ellipse 90% 60% at 50% 100%, #000 0% 88%, #0000 100%);
  pointer-events: none;
}
.raio-process.has-color-transition .raio-process__transition { height: 160svh; }
.raio-process.has-color-transition .raio-process__screen { position: sticky; top: 0; background: #080808; }
.raio-process.has-color-transition .raio-process__wash { display: block; will-change: transform; }
.raio-process.has-color-transition .raio-process__title { color: #f8f8f8; }
.raio-process__fluid { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.raio-process.has-fluid-transition .raio-process__wash { display: none; }
.raio-process__body {
  padding: calc(40 * var(--closing-vr)) var(--closing-margin) calc(160 * var(--closing-vr));
}
.raio-process__title {
  position: relative;
  margin: 0;
  font-size: calc(74 * var(--closing-vr));
  font-weight: 400;
  line-height: .96;
  letter-spacing: calc(-1.11 * var(--closing-vr));
  text-align: center;
  text-wrap: balance;
}
.raio-process__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--closing-gap);
  padding: 0;
  margin: 0;
  list-style: none;
}
.raio-process__step { min-width: 0; border-top: 1px solid #08080833; }
.raio-process__number {
  display: block;
  margin: calc(20 * var(--closing-vr)) 0 calc(40 * var(--closing-vr));
  color: #5b6267;
  font-family: RaioHeroMono, monospace;
  font-size: calc(11 * var(--closing-vr));
  line-height: 1.1;
  letter-spacing: .02em;
}
.raio-process__name {
  margin: 0 0 calc(18 * var(--closing-vr));
  font-size: calc(28 * var(--closing-vr));
  font-weight: 400;
  line-height: 1;
  letter-spacing: calc(-.4 * var(--closing-vr));
}
.raio-process__copy {
  max-width: 32ch;
  margin: 0;
  color: #5b6267;
  font-size: calc(18 * var(--closing-vr));
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.raio-next {
  display: flex;
  min-height: 90svh;
  padding: calc(200 * var(--closing-vr)) var(--closing-margin);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  color: #080808;
  text-align: center;
}
.raio-next__burst {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
.raio-next__burst-glow {
  position: absolute;
  left: var(--burst-x, 50%);
  top: var(--burst-y, 70%);
  width: min(440px, 100vw);
  height: 230px;
  background:
    radial-gradient(ellipse at 33% 55%, #fda96938, #fda96900 60%),
    radial-gradient(ellipse at 68% 45%, #74d3ee2b, #74d3ee00 58%);
  filter: blur(12px);
  transform: translate(-50%, -50%) scale(var(--burst-scale, .45));
}
.raio-next__burst-wave {
  position: absolute;
  left: var(--burst-x, 50%);
  top: var(--burst-y, 70%);
  width: calc(var(--burst-button-width, 200px) + 22px);
  height: calc(var(--burst-button-height, 64px) + 22px);
  border: 1px solid #8b85804d;
  border-radius: 999px;
  opacity: var(--burst-wave-opacity, 0);
  transform: translate(-50%, -50%) scale(var(--burst-wave-scale, .88));
}
.raio-next__title, .raio-next__copy, .raio-next__cta { position: relative; z-index: 1; }
.raio-next__cta .raio-create-surface,
.raio-next__cta .raio-create-disc,
.raio-next__cta .raio-create-label { translate: 0 var(--burst-lift, 0px); }
.raio-next__title {
  max-width: calc(820 * var(--closing-vr));
  margin: 0;
  font-size: calc(74 * var(--closing-vr));
  font-weight: 400;
  line-height: .96;
  letter-spacing: calc(-1.11 * var(--closing-vr));
}
.raio-next__copy {
  margin: calc(30 * var(--closing-vr)) 0 calc(50 * var(--closing-vr));
  color: #595c60;
  font-size: calc(18 * var(--closing-vr));
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.raio-next ::selection { background: #080808; color: #f8f8f8; }
@media (max-width: 768px) {
  .raio-process__body { padding-top: calc(20 * var(--closing-vr)); padding-bottom: calc(100 * var(--closing-vr)); }
  .raio-process__title { max-width: 11ch; font-size: calc(35 * .9 * var(--closing-vr)); line-height: .98; letter-spacing: 0; }
  .raio-process__steps { grid-template-columns: 1fr; gap: calc(40 * var(--closing-vr)); }
  .raio-process__number { margin-bottom: 24px; }
  .raio-process__name { font-size: 28px; }
  .raio-process__copy { max-width: 33ch; font-size: 17px; }
  .raio-next { min-height: 75svh; padding-top: calc(140 * var(--closing-vr)); padding-bottom: calc(140 * var(--closing-vr)); }
  .raio-next__title { max-width: 100%; font-size: calc(35 * var(--closing-vr)); line-height: .98; letter-spacing: 0; }
  .raio-next__copy { margin: 24px 0 40px; font-size: 17px; }
}

/* Contact details, then the approved adaptive white logo. */
.raio-site-footer {
  --raio-font-family: RaioHeroLay, Arial, sans-serif;
  --raio-heading-font: var(--raio-font-family);
  --raio-body-font: var(--raio-font-family);
  position: relative;
  height: auto;
  min-height: 85svh;
  padding: clamp(80px, 6vw, 96px) var(--raio-hero-margin) 24px;
  background: #000;
  color: var(--raio-flow-text);
}
.raio-site-footer__top {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.raio-site-footer__lead { grid-column: 1 / 10; max-width: none; }
.raio-site-footer__title {
  max-width: 23ch;
  margin: 0;
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.02em;
}
.raio-site-footer__cta { margin-top: 24px; --raio-create-height: 48px; }
.raio-site-footer__details {
  grid-column: 10 / -1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 4px;
}
.raio-site-footer__label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.raio-site-footer__link,
.raio-site-footer__address,
.raio-site-footer__copyright { font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0; }
.raio-site-footer__label,
.raio-site-footer__nav,
.raio-site-footer__address { font-family: RaioHeroMono, monospace; }
.raio-site-footer__nav { gap: 8px; }
.raio-site-footer__address { color: var(--raio-flow-muted); }
.raio-site-footer__wordmark { flex: 1; padding: 96px 0 24px; }
.raio-site-footer__brand-full { height: clamp(54px, 7.33vw, 120px); }
.raio-site-footer__brand-label { font-size: clamp(16px, 1.3vw, 20px); }
.raio-site-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.raio-site-footer__copyright { color: var(--raio-flow-muted); }

@media (max-width: 1000px) {
  #projects .raio-featured-card__media { grid-column: 1 / 8; }
  #projects .raio-featured-card__body { grid-column: 8 / -1; padding-left: 0; }
  .raio-site-footer__lead { grid-column: 1 / 9; }
  .raio-site-footer__details { grid-column: 9 / -1; }
  .raio-site-footer__title { font-size: clamp(24px, 2.6vw, 28px); }
}
@media (max-width: 768px) {
  body.agency-concept-page { --raio-flow-space: 64px; --raio-flow-title: clamp(30px, 7.4vw, 40px); }
  #raio-monolith-section { padding: 64px var(--raio-gutter); }
  .raio-agency-about__top,
  .raio-capabilities__intro { grid-template-columns: 1fr; column-gap: 0; }
  .raio-agency-about__eyebrow,
  .raio-capabilities__eyebrow { grid-column: 1; margin: 0 0 24px; }
  .raio-agency-about__copy,
  .raio-capabilities__header { grid-column: 1; }
  .raio-agency-about__headline { font-size: clamp(36px, 8.6vw, 56px); line-height: 1.08; }
  .raio-agency-about__detail { margin-top: 24px; font-size: 19px; }
  #projects .raio-featured { padding: 32px var(--raio-gutter) 48px; }
  #projects .raio-featured__header { flex-direction: column; align-items: flex-start; gap: 16px; }
  #projects .raio-featured__categories { margin: 0; justify-content: flex-start; }
  #projects .raio-featured__grid { margin-top: 28px; gap: 48px; }
  #projects .raio-featured-card__link { grid-template-columns: 1fr; gap: 24px; }
  #projects .raio-featured-card__media,
  #projects .raio-featured-card__body { grid-column: 1; }
  #projects .raio-featured-card__title { font-size: 30px; }
  #projects .raio-featured-card__description { max-width: 42ch; margin-top: 12px; font-size: 18px; }
  #projects .raio-featured-card__tags { margin-top: 16px; }
  #projects .raio-featured-card__visit { margin-top: 24px; }
  .raio-work-more { margin-top: 48px; }
  .raio-work-row__link { grid-template-columns: 88px minmax(0, 1fr) 20px; gap: 4px 16px; padding: 18px 0; }
  .raio-work-row__image { grid-column: 1; grid-row: 1 / 3; width: 88px; }
  .raio-work-row__title { grid-column: 2; grid-row: 1; font-size: 20px; align-self: end; }
  .raio-work-row__scope { grid-column: 2; grid-row: 2; font-size: 12px; line-height: 17px; align-self: start; }
  .raio-work-row__link .raio-work-arrow { grid-column: 3; grid-row: 1 / 3; width: 20px; }
  .raio-site-footer { padding-top: 64px; }
  .raio-site-footer__top { grid-template-columns: 1fr; gap: 40px; }
  .raio-site-footer__lead,
  .raio-site-footer__details { grid-column: 1; }
  .raio-site-footer__title { font-size: clamp(24px, 6.4vw, 28px); }
  .raio-site-footer__cta { margin-top: 24px; --raio-create-height: 46px; }
  .raio-site-footer__details { display: grid; grid-template-columns: 1fr auto; gap: 24px; padding-top: 0; }
  .raio-site-footer__details .raio-site-footer__address { grid-column: 1 / -1; }
  .raio-site-footer__wordmark { flex: 1; padding: 64px 0 28px; }
  .raio-site-footer__brand-full { height: auto; aspect-ratio: 177 / 25.08; }
  .raio-site-footer__brand-label { font-size: 12px; }
  .raio-site-footer__bottom { gap: 16px; }
  .raio-site-footer__copyright { white-space: normal; }
}
#contact .raio-site-footer__bottom {
  border-top: 1px solid #ffffff24;
  padding-top: 18px;
}
#contact .raio-site-footer__bottom p,
#contact .raio-site-footer__bottom a {
  font-family: RaioHeroMono, monospace !important;
  font-size: 11px;
  line-height: 1.4;
}
@media (prefers-reduced-motion: reduce) {
  .raio-work-row__link .raio-work-arrow { transition: none; }
}