:root {
  --ola-ink: oklch(15% 0.008 48);
  --ola-ink-soft: oklch(21% 0.01 48);
  --ola-paper: oklch(96% 0.012 75);
  --ola-paper-deep: oklch(91% 0.018 70);
  --ola-orange: oklch(67% 0.18 42);
  --ola-orange-dark: oklch(53% 0.16 39);
  --ola-line: color-mix(in oklch, var(--ola-paper) 16%, transparent);
  --ola-line-dark: color-mix(in oklch, var(--ola-ink) 18%, transparent);
  --ola-text-muted: color-mix(in oklch, var(--ola-paper) 66%, transparent);
  --ola-display: "Bodoni Moda", Georgia, serif;
  --ola-sans: "Manrope", sans-serif;
  --ola-ease: cubic-bezier(.22, 1, .36, 1);
  --ola-space-xs: .25rem;
  --ola-space-sm: .5rem;
  --ola-space-md: .75rem;
  --ola-space-lg: 1rem;
  --ola-space-xl: 1.5rem;
  --ola-space-2xl: 2rem;
  --ola-space-3xl: 3rem;
  --ola-space-4xl: 4rem;
  --ola-space-6xl: 6rem;
  --ola-space-8xl: 8rem;
  --ola-container: min(100% - 3rem, 86rem);
  --ola-z-nav: 20;
  --ola-z-overlay: 15;
}

html { scroll-behavior: smooth; }
body.ola-site {
  margin: 0;
  background: var(--ola-paper);
  color: var(--ola-ink);
  font-family: var(--ola-sans);
  font-size: 1rem;
  line-height: 1.7;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}
body.ola-site.menu-open { overflow: hidden; }
body.ola-site *, body.ola-site *::before, body.ola-site *::after { box-sizing: border-box; }
body.ola-site img, body.ola-site video { display: block; max-width: 100%; }
body.ola-site a { color: inherit; }
body.ola-site button, body.ola-site input, body.ola-site textarea, body.ola-site select { font: inherit; }
.ola-skip {
  position: fixed; left: var(--ola-space-lg); top: var(--ola-space-lg); z-index: 100;
  transform: translateY(-150%); padding: .75rem 1rem; background: var(--ola-orange); color: var(--ola-ink);
  text-decoration: none; font-weight: 800;
}
.ola-skip:focus { transform: translateY(0); }

.ola-shell { width: var(--ola-container); margin-inline: auto; }
.ola-section { padding-block: clamp(5rem, 9vw, 9rem); }
.ola-section--ink { background: var(--ola-ink); color: var(--ola-paper); }
.ola-section--paper { background: var(--ola-paper); color: var(--ola-ink); }
.ola-section--orange { background: var(--ola-orange); color: var(--ola-ink); }
.ola-kicker {
  display: inline-flex; align-items: center; gap: .75rem; margin: 0 0 1.25rem;
  font-size: .7rem; font-weight: 800; letter-spacing: .2em; line-height: 1.2; text-transform: uppercase;
}
.ola-kicker::before { content: ""; width: 2.75rem; height: 1px; background: var(--ola-orange); }
.ola-section--orange .ola-kicker::before { background: var(--ola-ink); }
.ola-display, .ola-h1, .ola-h2, .ola-h3 {
  margin: 0; font-family: var(--ola-display); font-weight: 500; letter-spacing: -.045em;
}
.ola-h1 { font-size: clamp(3.5rem, 7.8vw, 8.3rem); line-height: .91; max-width: 10.4ch; }
.ola-h2 { font-size: clamp(2.8rem, 5.8vw, 6.2rem); line-height: .95; max-width: 12ch; }
.ola-h3 { font-size: clamp(1.75rem, 2.7vw, 2.7rem); line-height: 1; }
.ola-copy { max-width: 66ch; font-size: clamp(1rem, 1.2vw, 1.16rem); }
.ola-copy p { margin: 0 0 1.35em; }
.ola-copy p:last-child { margin-bottom: 0; }
.ola-lede { max-width: 56ch; font-size: clamp(1.06rem, 1.55vw, 1.32rem); line-height: 1.65; }
.ola-muted { color: color-mix(in oklch, currentColor 66%, transparent); }
.ola-rule { width: 100%; height: 1px; background: currentColor; opacity: .18; }
.ola-accent { color: var(--ola-orange); font-style: italic; }

.ola-btn {
  display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; gap: 1rem;
  padding: .65rem .65rem .65rem 1.45rem; border: 0; border-radius: 99rem;
  background: var(--ola-orange); color: var(--ola-ink); text-decoration: none;
  font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  transition: transform .55s var(--ola-ease), background-color .55s var(--ola-ease), color .55s var(--ola-ease);
  cursor: pointer;
}
.ola-btn__icon {
  display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%;
  background: color-mix(in oklch, var(--ola-ink) 12%, transparent); font-size: 1rem;
  transition: transform .55s var(--ola-ease);
}
.ola-btn:hover { transform: translateY(-2px); background: var(--ola-paper); color: var(--ola-ink); }
.ola-btn:hover .ola-btn__icon { transform: translate(.18rem, -.12rem); }
.ola-btn:active { transform: scale(.98); }
.ola-btn--light { background: var(--ola-paper); }
.ola-btn--outline { background: transparent; color: var(--ola-paper); box-shadow: inset 0 0 0 1px var(--ola-line); }
.ola-btn--outline:hover { background: var(--ola-paper); }
.ola-btn:focus-visible, .ola-nav a:focus-visible, .ola-menu-toggle:focus-visible, .ola-field:focus-visible {
  outline: 3px solid var(--ola-orange); outline-offset: 4px;
}

.ola-header { position: absolute; inset: 0 0 auto; z-index: var(--ola-z-nav); padding-top: 1.1rem; color: var(--ola-paper); }
.ola-nav {
  width: min(100% - 2rem, 88rem); min-height: 5rem; margin-inline: auto; padding: .65rem .8rem .65rem 1.3rem;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.25rem;
  background: color-mix(in oklch, var(--ola-ink) 88%, transparent); border-radius: 1.1rem;
  box-shadow: inset 0 0 0 1px var(--ola-line); backdrop-filter: blur(16px);
}
.ola-nav__group { display: flex; align-items: center; gap: clamp(1rem, 2vw, 2rem); }
.ola-nav__group--right { justify-content: flex-end; }
.ola-nav__link {
  position: relative; text-decoration: none; font-size: .71rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase;
}
.ola-nav__link::after { content: ""; position: absolute; left: 0; bottom: -.42rem; width: 100%; height: 1px; background: var(--ola-orange); transform: scaleX(0); transform-origin: right; transition: transform .5s var(--ola-ease); }
.ola-nav__link:hover::after { transform: scaleX(1); transform-origin: left; }
.ola-nav__logo { width: clamp(9.5rem, 13vw, 12.5rem); height: 3.65rem; overflow: hidden; border-radius: .35rem; }
.ola-nav__logo img { width: 100%; height: 100%; object-fit: cover; }
.ola-menu-toggle {
  display: none; width: 3.35rem; height: 3.35rem; border: 0; border-radius: 50%;
  background: var(--ola-orange); color: var(--ola-ink); cursor: pointer;
}
.ola-menu-toggle span { display: block; width: 1.15rem; height: 1px; margin: .26rem auto; background: currentColor; transition: transform .45s var(--ola-ease), opacity .3s var(--ola-ease); }
.menu-open .ola-menu-toggle span:first-child { transform: translateY(.27rem) rotate(45deg); }
.menu-open .ola-menu-toggle span:nth-child(2) { opacity: 0; }
.menu-open .ola-menu-toggle span:last-child { transform: translateY(-.27rem) rotate(-45deg); }
.ola-menu-overlay {
  position: fixed; inset: 0; z-index: var(--ola-z-overlay); display: grid; place-items: center; padding: 7rem 1.5rem 2rem;
  background: var(--ola-ink); color: var(--ola-paper); opacity: 0; visibility: hidden;
  transform: translateY(-1.5rem); transition: opacity .55s var(--ola-ease), transform .55s var(--ola-ease), visibility 0s .55s;
}
.menu-open .ola-menu-overlay { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; }
.ola-menu-overlay__nav { display: grid; gap: .7rem; width: min(100%, 44rem); }
.ola-menu-overlay__nav a { font-family: var(--ola-display); font-size: clamp(2.35rem, 8vw, 5.2rem); line-height: .92; text-decoration: none; }
.ola-menu-overlay__meta { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--ola-line); font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; }

.ola-hero { position: relative; min-height: 100svh; background: var(--ola-ink); color: var(--ola-paper); overflow: hidden; }
.ola-hero__media { position: absolute; inset: 0; }
.ola-hero__media video, .ola-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.ola-hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in oklch, var(--ola-ink) 94%, transparent) 0%, color-mix(in oklch, var(--ola-ink) 66%, transparent) 52%, color-mix(in oklch, var(--ola-ink) 35%, transparent) 100%); }
.ola-hero__grid {
  position: relative; z-index: 2; width: var(--ola-container); min-height: 100svh; margin-inline: auto;
  display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(22rem, .65fr); gap: clamp(2rem, 5vw, 6rem); align-items: end;
  padding-top: 9rem; padding-bottom: clamp(2rem, 4vw, 4rem);
}
.ola-hero__content { align-self: center; padding-block: 4rem; }
.ola-hero__content .ola-kicker { color: var(--ola-orange); }
.ola-hero__content .ola-lede { margin: 2rem 0 2.5rem; color: var(--ola-text-muted); }
.ola-hero__portrait-shell { align-self: end; padding: .55rem; background: color-mix(in oklch, var(--ola-paper) 10%, transparent); border-radius: 16rem 16rem .85rem .85rem; box-shadow: inset 0 0 0 1px var(--ola-line); }
.ola-hero__portrait { position: relative; min-height: min(65svh, 47rem); overflow: hidden; border-radius: calc(16rem - .55rem) calc(16rem - .55rem) .5rem .5rem; background: var(--ola-ink-soft); }
.ola-hero__portrait img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; object-position: 50% 23%; filter: saturate(.83) contrast(1.04); }
.ola-hero__portrait::after { content: "OLA VAN ZYL"; position: absolute; left: 1rem; right: 1rem; bottom: 1rem; padding: .85rem 1rem; background: var(--ola-orange); color: var(--ola-ink); text-align: center; font-size: .68rem; font-weight: 850; letter-spacing: .22em; }
.ola-hero__index { position: absolute; left: max(1.5rem, calc((100vw - 86rem)/2)); bottom: 1.1rem; font-size: .64rem; letter-spacing: .18em; text-transform: uppercase; }

.ola-thesis { display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(2rem, 7vw, 8rem); align-items: start; }
.ola-thesis__quote { max-width: 19ch; font-family: var(--ola-display); font-size: clamp(2.6rem, 5.3vw, 6rem); line-height: .96; letter-spacing: -.045em; }
.ola-thesis__aside { display: grid; gap: 2rem; max-width: 37rem; justify-self: end; }

.ola-metrics { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ola-line); border-bottom: 1px solid var(--ola-line); }
.ola-metric { padding: clamp(2rem, 5vw, 4.5rem) clamp(1rem, 3vw, 3rem); }
.ola-metric + .ola-metric { border-left: 1px solid var(--ola-line); }
.ola-metric strong { display: block; font-family: var(--ola-display); font-size: clamp(3rem, 7vw, 7rem); line-height: .85; font-weight: 500; color: var(--ola-orange); }
.ola-metric strong sup { position: relative; top: -.38em; margin-left: .06em; font-family: var(--ola-sans); font-size: .3em; font-weight: 800; }
.ola-metric span { display: block; margin-top: 1rem; font-size: .68rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: var(--ola-text-muted); }

.ola-services-head { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3rem; align-items: end; margin-bottom: clamp(3rem, 6vw, 6rem); }
.ola-services-head .ola-copy { justify-self: end; }
.ola-assets { display: grid; grid-template-columns: repeat(10, 1fr); gap: .75rem; }
.ola-asset { position: relative; min-height: 34rem; overflow: hidden; text-decoration: none; background: var(--ola-ink); color: var(--ola-paper); }
.ola-asset:nth-child(1) { grid-column: span 4; }
.ola-asset:nth-child(2) { grid-column: span 3; }
.ola-asset:nth-child(3) { grid-column: span 3; }
.ola-asset:nth-child(4), .ola-asset:nth-child(5) { grid-column: span 5; min-height: 29rem; }
.ola-asset img { width: 100%; height: 100%; object-fit: cover; opacity: .76; transition: transform 1s var(--ola-ease), opacity .7s var(--ola-ease); }
.ola-asset::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, color-mix(in oklch, var(--ola-ink) 92%, transparent), transparent 62%); }
.ola-asset__label { position: absolute; z-index: 1; left: 1.4rem; right: 1.4rem; bottom: 1.4rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.ola-asset__label strong { font-family: var(--ola-display); font-size: clamp(2rem, 3.5vw, 3.8rem); line-height: .95; font-weight: 500; }
.ola-asset__label span { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--ola-orange); color: var(--ola-ink); }
.ola-asset:hover img { transform: scale(1.035); opacity: .92; }

.ola-advisor { display: grid; grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 8vw, 8rem); align-items: center; }
.ola-advisor__image-shell { padding: .55rem; background: color-mix(in oklch, var(--ola-ink) 8%, transparent); border-radius: .85rem; box-shadow: inset 0 0 0 1px var(--ola-line-dark); }
.ola-advisor__image { overflow: hidden; border-radius: .5rem; aspect-ratio: 4/5; }
.ola-advisor__image img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.ola-advisor__body { display: grid; gap: 2rem; }
.ola-advisor__body .ola-h2 { max-width: 10ch; }

.ola-market { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: stretch; }
.ola-market__copy { display: flex; flex-direction: column; justify-content: space-between; gap: 3rem; padding-block: 1.5rem; }
.ola-market__visual { display: grid; grid-template-columns: .7fr 1.3fr; gap: .75rem; min-height: 44rem; }
.ola-market__visual img { width: 100%; height: 100%; object-fit: cover; }
.ola-market__visual img:first-child { margin-top: 7rem; height: calc(100% - 7rem); }

.ola-process { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 7vw, 8rem); }
.ola-process__list { counter-reset: ola-process; }
.ola-process__item { counter-increment: ola-process; display: grid; grid-template-columns: 3rem 1fr; gap: 1.25rem; padding: 2rem 0; border-top: 1px solid var(--ola-line); }
.ola-process__item:last-child { border-bottom: 1px solid var(--ola-line); }
.ola-process__item::before { content: counter(ola-process, decimal-leading-zero); color: var(--ola-orange); font-size: .72rem; font-weight: 850; letter-spacing: .15em; }
.ola-process__item h3 { margin: 0 0 .65rem; font-family: var(--ola-display); font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 500; }
.ola-process__item p { margin: 0; max-width: 54ch; color: var(--ola-text-muted); }

.ola-cta { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; align-items: end; }
.ola-cta .ola-h2 { max-width: 11ch; }
.ola-cta__action { justify-self: end; display: grid; gap: 1rem; }
.ola-cta__action a:not(.ola-btn) { font-size: clamp(1.2rem, 2vw, 2rem); text-decoration-thickness: 1px; text-underline-offset: .3em; }

.ola-page-hero { position: relative; min-height: 72svh; display: flex; align-items: end; background: var(--ola-ink); color: var(--ola-paper); overflow: hidden; }
.ola-page-hero__media { position: absolute; inset: 0; }
.ola-page-hero__media img { width: 100%; height: 100%; object-fit: cover; opacity: .47; }
.ola-page-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in oklch, var(--ola-ink) 94%, transparent), color-mix(in oklch, var(--ola-ink) 46%, transparent)); }
.ola-page-hero__content { position: relative; z-index: 1; padding: 12rem 0 5rem; }
.ola-page-hero .ola-h1 { max-width: 11ch; }
.ola-page-hero .ola-lede { margin-top: 2rem; color: var(--ola-text-muted); }
.ola-intro-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.ola-intro-grid .ola-h2 { position: sticky; top: 7rem; }
.ola-detail-list { display: grid; }
.ola-detail { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 2rem 0; border-top: 1px solid var(--ola-line-dark); }
.ola-detail:last-child { border-bottom: 1px solid var(--ola-line-dark); }
.ola-detail__number { color: var(--ola-orange-dark); font-size: .7rem; font-weight: 850; letter-spacing: .14em; }
.ola-detail h3 { margin: 0 0 .65rem; font-family: var(--ola-display); font-size: clamp(1.75rem, 3vw, 2.8rem); font-weight: 500; }
.ola-detail p { margin: 0; max-width: 58ch; color: color-mix(in oklch, var(--ola-ink) 68%, transparent); }

.ola-contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(3rem, 8vw, 8rem); }
.ola-contact-meta { display: grid; align-content: start; gap: 2rem; }
.ola-contact-meta a { font-family: var(--ola-display); font-size: clamp(1.55rem, 2.4vw, 2.5rem); text-underline-offset: .25em; }
.ola-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.ola-form__full { grid-column: 1 / -1; }
.ola-label { display: grid; gap: .5rem; font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.ola-field { width: 100%; min-height: 3.6rem; padding: .9rem 1rem; border: 0; border-radius: .3rem; background: color-mix(in oklch, var(--ola-paper) 7%, transparent); color: var(--ola-paper); box-shadow: inset 0 0 0 1px var(--ola-line); }
textarea.ola-field { min-height: 10rem; resize: vertical; }
.ola-field::placeholder { color: var(--ola-text-muted); }
.ola-form__status { min-height: 1.5rem; margin: 0; color: var(--ola-orange); font-weight: 700; }

.ola-footer { background: oklch(12% 0.008 48); color: var(--ola-paper); }
.ola-footer__top { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(3rem, 8vw, 8rem); padding-block: clamp(5rem, 9vw, 8rem); }
.ola-footer__brand { display: grid; gap: 2rem; }
.ola-footer__logo { width: min(100%, 31rem); border-radius: .4rem; }
.ola-footer__tagline { max-width: 38ch; font-family: var(--ola-display); font-size: clamp(2rem, 4vw, 4rem); line-height: 1; }
.ola-footer__navs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.ola-footer__nav { display: grid; align-content: start; gap: .8rem; }
.ola-footer__nav h2 { margin: 0 0 .8rem; color: var(--ola-orange); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; }
.ola-footer__nav a { text-decoration: none; }
.ola-footer__nav a:hover { color: var(--ola-orange); }
.ola-footer__bottom { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 0 2rem; border-top: 1px solid var(--ola-line); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ola-text-muted); }
.ola-footer__bottom p { margin: 0; }

/* The cloned theme ships strong legacy heading colors. These selectors deliberately
   lock the Ola palette at the final cascade layer without changing its architecture. */
body.ola-site .ola-section--ink .ola-h1,
body.ola-site .ola-section--ink .ola-h2,
body.ola-site .ola-section--ink .ola-h3,
body.ola-site .ola-section--ink .ola-copy,
body.ola-site .ola-section--ink .ola-lede,
body.ola-site .ola-section--ink .ola-process__item h3,
body.ola-site .ola-section--ink .ola-detail h3,
body.ola-site .ola-footer__tagline,
body.ola-site .ola-footer__bottom p,
body.ola-site .ola-asset__label strong { color: var(--ola-paper) !important; }
body.ola-site .ola-section--ink .ola-kicker { color: var(--ola-paper) !important; }
body.ola-site .ola-section--ink .ola-copy.ola-muted,
body.ola-site .ola-section--ink .ola-process__item p,
body.ola-site .ola-section--ink .ola-detail p { color: var(--ola-text-muted) !important; }
body.ola-site .ola-section--ink .ola-detail { border-color: var(--ola-line); }
body.ola-site .ola-footer__bottom p { color: var(--ola-text-muted) !important; }

[data-ola-reveal] { opacity: 0; transform: translateY(2rem); transition: opacity .85s var(--ola-ease), transform .85s var(--ola-ease); }
[data-ola-reveal].is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .ola-nav { grid-template-columns: auto 1fr auto; }
  .ola-nav__group { display: none; }
  .ola-nav__logo { justify-self: center; }
  .ola-menu-toggle { display: block; justify-self: end; }
  .ola-hero__grid { grid-template-columns: 1.1fr .9fr; }
  .ola-hero__portrait { min-height: 56svh; }
  .ola-assets { grid-template-columns: repeat(2, 1fr); }
  .ola-asset, .ola-asset:nth-child(n) { grid-column: span 1; min-height: 28rem; }
  .ola-asset:last-child { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  :root { --ola-container: min(100% - 2rem, 86rem); }
  .ola-section { padding-block: 5rem; }
  .ola-header { padding-top: .6rem; }
  .ola-nav { width: calc(100% - 1rem); min-height: 4.4rem; border-radius: .8rem; }
  .ola-nav__logo { width: 8.8rem; height: 3.05rem; }
  .ola-menu-toggle { width: 3rem; height: 3rem; }
  .ola-hero { min-height: auto; }
  .ola-hero__grid { grid-template-columns: 1fr; min-height: auto; padding-top: 8rem; padding-bottom: 1rem; gap: 1rem; }
  .ola-hero__content { padding-block: 3.25rem 2rem; }
  .ola-hero__portrait { min-height: 33rem; }
  .ola-hero__veil { background: color-mix(in oklch, var(--ola-ink) 78%, transparent); }
  .ola-h1 { font-size: clamp(3.35rem, 17vw, 5.2rem); }
  .ola-h2 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
  .ola-thesis, .ola-services-head, .ola-advisor, .ola-market, .ola-process, .ola-cta, .ola-intro-grid, .ola-contact-grid, .ola-footer__top { grid-template-columns: 1fr; }
  .ola-thesis__aside, .ola-services-head .ola-copy, .ola-cta__action { justify-self: start; }
  .ola-metrics { grid-template-columns: 1fr; }
  .ola-metric + .ola-metric { border-left: 0; border-top: 1px solid var(--ola-line); }
  .ola-assets { grid-template-columns: 1fr; }
  .ola-asset, .ola-asset:nth-child(n), .ola-asset:last-child { grid-column: 1; min-height: 25rem; }
  .ola-market__visual { min-height: 30rem; }
  .ola-intro-grid .ola-h2 { position: static; }
  .ola-form { grid-template-columns: 1fr; }
  .ola-form__full { grid-column: 1; }
  .ola-footer__navs { grid-template-columns: 1fr 1fr; }
  .ola-footer__bottom { flex-direction: column; }
  .ola-page-hero { min-height: 78svh; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-ola-reveal] { opacity: 1; transform: none; }
}