/**
 * Homepage layout and section styles (mejia-villegas-2026 theme).
 * Typography: home-typography.css
 * Hero finder: home-search.css
 */

.option-three {
  --o3-ink:var(--mv-color-ink);
  --o3-red:var(--mv-color-red);
  --o3-paper:var(--mv-color-paper);
  --o3-sand:var(--mv-color-sand);
  --o3-grey:var(--mv-color-muted);
  background:var(--o3-paper);
  color:var(--o3-ink);
  font-family:var(--mv-font-sans);
}

.option-three * {
  box-sizing:border-box;
}

.option-three a {
  text-decoration:none;
  color:inherit;
}

.o3-hero {
  height: min(850px, calc(100svh - 10px));
  min-height: 720px;
  position:relative;
  color:#fff;
  overflow:hidden;
}

.o3-hero-shade {
  position:absolute;
  inset:0;
  z-index: 2;
  background:linear-gradient(90deg,rgba(16,17,16,.75) 0%,rgba(16,17,16,.4) 48%,rgba(16,17,16,.12) 100%);
}

.o3-hero-content {
  position:absolute;
  z-index: 3;
  left:max(6vw,48px);
  top:20%;
  max-width:650px;
}

.o3-kicker {
  margin:0 0 16px;
  color:var(--o3-red);
  font-size:var(--mv-text-label, var(--mv-type-micro));
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.o3-hero .o3-kicker {
  color:#ff6b61;
}

.o3-hero h1,.o3-section-head h2,.o3-ways h2,.o3-proof h2,.o3-advisor h2 {
  font-family:'Playfair Display',Georgia,serif;
  font-weight:500;
}

.o3-hero h1 {
  font-size: var(--mv-text-h1, clamp(54px,5.2vw,82px));
  line-height:.98;
  letter-spacing:-.035em;
  margin:0 0 22px;
}

.o3-hero h1 em {
  font-style:italic;
}

.o3-hero h1 span,.o3-section-head h2 span,.o3-advisor h2 span {
  color:var(--o3-red);
}

.o3-hero-content>p:not(.o3-kicker) {
  max-width:490px;
  font-size:18px;
  line-height:1.55;
  margin:0 0 29px;
}

.o3-hero-actions {
  display:flex;
  align-items:center;
  gap:24px;
  margin-top: 24px;
}

.o3-button {
  min-height:52px;
  border:1px solid transparent;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  font:700 var(--mv-text-label, var(--mv-type-action)) 'DM Sans';
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
}

.o3-button-red {
  background:var(--o3-red);
  color:#fff;
}

.o3-button-red:hover {
  background:#bf201c;
}

.o3-button-dark {
  background:var(--o3-ink);
  color:#fff;
}

.o3-text-action {
  font-size:12px;
  font-weight:700;
  text-decoration:underline!important;
  text-underline-offset:5px;
}

.o3-more-filters {
  position:absolute;
  right:0;
  bottom:-38px;
  background:var(--o3-ink);
  color:#fff;
  border:0;
  padding:11px 18px;
  font:700 var(--mv-text-label, var(--mv-type-micro)) 'DM Sans';
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}

.o3-more-filters svg {
  margin-left:8px;
}

.o3-filter-extra {
  grid-column:1/-1;
  background:#fff;
  color:var(--o3-ink);
  padding:15px 24px;
  display:flex;
  gap:10px;
  align-items:center;
  font-size:12px; /* experiment -3px: 9px */
}

.o3-filter-extra button {
  border:1px solid #d8d3cb;
  background:transparent;
  padding:8px 12px;
  font:600 var(--mv-text-label, var(--mv-type-meta)) 'DM Sans';
  cursor:pointer;
}

.o3-notice {
  max-width:1280px;
  margin:25px auto 0;
  padding:0 2px;
  color:var(--o3-red);
  font-size:13px; /* experiment -3px: 10px */
}

.o3-trust>div:not(.o3-trust-logo) {
  display:flex;
  flex-direction:column;
}

.o3-trust strong {
  font:500 23px 'Playfair Display';
}

.o3-trust span {
  font-size:12px; /* experiment -3px: 9px */
  color:var(--o3-grey);
  margin-top:4px;
}

.o3-trust>a,.o3-all-projects,.o3-guides>.o3-section-head>a {
  color:var(--o3-red);
  font-size:var(--mv-text-label, var(--mv-type-meta));
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  display:flex;
  align-items:center;
  gap:11px;
}

.o3-projects {
  max-width:1320px;
  margin:0 auto;
  padding:112px 2vw;
}

.o3-section-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:35px;
  margin-bottom:42px;
}

.o3-section-head h2 {
  font-size:var(--mv-text-h2, clamp(42px,4.4vw,64px));
  letter-spacing:-.04em;
  line-height:1.01;
  margin:0;
}

.o3-section-head>p {
  max-width:300px;
  line-height:1.65;
  color:var(--o3-grey);
  font-size:14px;
  margin:0 0 5px;
}

.o3-project-card {
  background:#fff;
  border:1px solid #e4dfd7;
}

.o3-card-image {
  height:285px;
  position:relative;
  overflow:hidden;
}

.o3-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}

.o3-project-card:hover img {
  transform:scale(1.045);
}

.o3-card-image span {
  position:absolute;
  left:15px;
  top:15px;
  padding:6px 9px;
  background:#fff;
  font-size:var(--mv-text-label, var(--mv-type-micro));
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.o3-card-body {
  padding:20px 21px 23px;
}

.o3-city {
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--o3-grey);
  font-size:var(--mv-text-label, var(--mv-type-meta));
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0;
}

.o3-city svg {
  color:var(--o3-red);
}

.o3-card-body h3 {
  font:500 var(--mv-text-h3, 31px) var(--mv-font-display);
  margin:10px 0 8px;
}

.o3-price {
  margin:0 0 19px;
  font-size:13px;
  font-weight:700;
}

.o3-facts {
  border-top:1px solid #e9e4dc;
  border-bottom:1px solid #e9e4dc;
  padding:12px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  font-size:12px;
}

.o3-facts small {
  display:block;
  color:var(--o3-grey);
  font-size:var(--mv-text-label, var(--mv-type-micro));
  margin-bottom:3px;
}

.o3-card-body>a {
  display:flex;
  justify-content:space-between;
  color:var(--o3-red);
  margin-top:18px;
  font-size:var(--mv-text-label, var(--mv-type-meta));
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.04em;
}

.o3-all-projects {
  justify-content:center;
  margin:38px auto 0;
  width:max-content;
}

.o3-ways {
  background:#252726;
  color:#fff;
  padding:110px max(5vw,30px);
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:70px;
}

.o3-ways .o3-kicker {
  color:#fa6a61;
}

.o3-ways h2 {
  font-size:var(--mv-text-h2, clamp(48px,5.2vw,76px));
  line-height:.96;
  margin:0 0 22px;
}

.o3-ways-copy>p:not(.o3-kicker) {
  max-width:350px;
  color:#d1d0cc;
  line-height:1.65;
  font-size:15px;
  margin:0 0 28px;
}

.o3-way-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
  align-items:end;
}

.o3-way-grid>a {
  min-height:390px;
  position:relative;
  overflow:hidden;
  background:#171817;
}

.o3-way-grid img {
  width:100%;
  height:100%;
  position:absolute;
  object-fit:cover;
  opacity:.64;
  transition:transform .6s ease,opacity .4s ease;
}

.o3-way-grid>a:hover img {
  opacity:.82;
  transform:scale(1.05);
}

.o3-way-grid div {
  position:absolute;
  inset:auto 18px 18px;
  right: 16px;
  left: 16px;
}

.o3-way-grid span {
  font-size:var(--mv-text-label, var(--mv-type-micro));
  color:#fb6a61;
}

.o3-way-grid h3 {
  font:500 var(--mv-text-h3, 32px)/1.03 'Playfair Display';
  margin:9px 0;
}

.o3-way-grid p {
  font-size:12px;
  line-height:1.45;
  min-height: 0;
  color:#e0ded9;
  margin-bottom: 16px;
}

.o3-way-grid svg {
  width: 18px;
  height: 18px;
  color:#ff675d;
}

.o3-proof {
  max-width:1320px;
  margin:0 auto;
  padding:122px 2vw;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:9vw;
  align-items:center;
}

.o3-proof-image {
  position:relative;
  overflow: hidden;
}

.o3-proof-image img {
  width:100%;
  height:570px;
  object-fit:cover;
  display:block;
  transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}

@media (hover: hover) {
  .o3-proof-image:hover img {
    transform: scale(1.045);
  }
}

.o3-proof-image span {
  position:absolute;
  bottom:0;
  left:0;
  max-width:245px;
  padding:17px;
  background:var(--o3-red);
  color:#fff;
  font:500 18px/1.25 'Playfair Display'; /* experiment -3px: 500 15px */
}

.o3-proof h2,.o3-advisor h2 {
  font-size:var(--mv-text-h2, clamp(43px,4.3vw,64px));
  line-height:1.03;
  letter-spacing:-.04em;
  margin:0 0 22px;
}

.o3-proof-copy>p:not(.o3-kicker) {
  color:var(--o3-grey);
  line-height:1.7;
  font-size:15px; /* experiment -3px: 12px */
  max-width:475px;
}

.o3-proof ul {
  padding:0;
  margin:27px 0;
  list-style:none;
  display:grid;
  gap:13px;
  font-size:14px; /* experiment -3px: 11px */
}

.o3-proof li {
  display:flex;
  gap:10px;
  align-items:center;
}

.o3-proof li svg {
  color:var(--o3-red);
  font-size:17px;
}

.o3-advisor {
  padding:96px max(6vw,30px);
  background:#e6dfd4;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:8vw;
}

.o3-advisor>div>p:not(.o3-kicker) {
  max-width:420px;
  color:#5d5a54;
  line-height:1.65;
}

.o3-advisor-links {
  display:grid;
  gap:11px;
  margin-top:31px;
}

.o3-advisor-links a {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px; /* experiment -3px: 10px */
  font-weight:700;
}

.o3-advisor-links svg {
  color:var(--o3-red);
}

.o3-advisor form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.o3-advisor form label {
  font-size:var(--mv-text-label, var(--mv-type-micro));
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
}

.o3-advisor input,.o3-advisor select {
  width:100%;
  height:51px;
  border:1px solid #c8c0b4;
  background:#f7f4ef;
  color:var(--o3-ink);
  font:14px 'DM Sans';
  margin-top:7px;
  padding:0 14px;
}

.o3-advisor form .o3-button {
  grid-column:1/-1;
  justify-self:start;
  margin-top:7px;
}

.o3-form-sent {
  grid-column:1/-1;
  margin:0;
  color:#2d6a48;
  font-size:13px; /* experiment -3px: 10px */
  display:flex;
  gap:8px;
  align-items:center;
}

.o3-socials {
  display:flex;
  gap:8px;
}

.o3-socials a {
  width:31px;
  height:31px;
  display:grid!important;
  place-items:center;
  border:1px solid #777;
  border-radius:50%;
  margin:0!important;
}

.o3-pay {
  margin-top:18px!important;
  color:#fff!important;
  text-transform:uppercase;
  font-size:var(--mv-text-label, var(--mv-type-micro))!important;
  font-weight:700!important;
}

@keyframes o3-pan {
  from{transform:scale(1.04) translate3d(-.8%,.4%,0)}to{transform:scale(1.1) translate3d(.7%,-.6%,0)};
}

.o3-hero > img,
.o3-hero-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: none;
  pointer-events: none;
  transition: opacity 0.85s ease;
}

.o3-hero-image.is-leaving {
  z-index: 0;
  opacity: 0;
}

.o3-hero-image.is-active {
  z-index: 1;
  opacity: 1;
}

.o3-hero-image.o3-hero-slide-0 {
  animation: o3-cinematic-one 6.5s ease-out both;
}

.o3-hero-image.o3-hero-slide-1 {
  animation: o3-cinematic-two 6.5s ease-out both;
}

.o3-hero-image.o3-hero-slide-2 {
  animation: o3-cinematic-three 6.5s ease-out both;
}

.o3-hero-image.o3-hero-slide-3 {
  animation: o3-cinematic-four 6.5s ease-out both;
}

.o3-hero-image.o3-hero-slide-4 {
  animation: o3-cinematic-five 6.5s ease-out both;
}

@keyframes o3-cinematic-one {
  from { transform: scale(1.08) translate3d(-1.4%, .8%, 0); }
  to { transform: scale(1.02) translate3d(.4%, -.4%, 0); }
}

@keyframes o3-cinematic-two {
  from { transform: scale(1.08) translate3d(1.2%, .7%, 0); }
  to { transform: scale(1.02) translate3d(-.5%, -.4%, 0); }
}

@keyframes o3-cinematic-three {
  from { transform: scale(1.1) translate3d(-.4%, 1.3%, 0); }
  to { transform: scale(1.03) translate3d(.7%, -.6%, 0); }
}

@keyframes o3-cinematic-four {
  from { transform: scale(1.09) translate3d(1%, -.7%, 0); }
  to { transform: scale(1.02) translate3d(-.6%, .4%, 0); }
}

@keyframes o3-cinematic-five {
  from { transform: scale(1.1) translate3d(-1.1%, -.4%, 0); }
  to { transform: scale(1.02) translate3d(.3%, .7%, 0); }
}

.o3-button-outline {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, .85);
}

.o3-button-outline:hover {
  background: rgba(255, 255, 255, .14);
  border-color: #fff;
}

.o3-hero-progress {
  position: absolute;
  right: max(5vw, 30px);
  bottom: 210px;
  z-index: 4;
  color: #fff;
  font-size: var(--mv-text-label, 11px);
  font-weight: 700;
  letter-spacing: .1em;
}

.o3-hero-controls {
  position: absolute;
  right: max(5vw, 30px);
  bottom: 150px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 6px;
}

.o3-hero-controls button {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

.o3-hero-controls button::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .82);
  background: transparent;
  transition: background-color var(--mv-motion-fast), border-color var(--mv-motion-fast), transform var(--mv-motion-fast);
}

.o3-hero-controls button.is-active::before {
  background: #fff;
  border-color: #fff;
  transform: scale(1.15);
}

@media (hover: hover) {
  .o3-hero-controls button:hover::before {
    border-color: #fff;
    background: rgba(255, 255, 255, .45);
  }
}

.o3-scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity .72s ease, transform .85s cubic-bezier(.2, .7, .2, 1);
}

.o3-scroll-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.o3-whatsapp-float {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 30;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
  transform: scale(1);
  transition: transform var(--mv-motion-fast), box-shadow var(--mv-motion-fast);
}

@media (hover: hover) {
  .o3-whatsapp-float:hover {
    transform: scale(1.06);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .3);
  }
}

.o3-about {
  max-width: 1320px;
  margin: 0 auto;
  padding: 115px 5vw;
}

.o3-about-head h2 {
  margin: 0;
  font: 500 var(--mv-text-h2, clamp(43px, 5vw, 70px)) / .98 "Playfair Display";
}

.o3-about-layout {
  display: grid;
  grid-template-columns: 82px minmax(0, 1.6fr) .72fr;
  gap: 28px;
  align-items: start;
}

.o3-about-thumbs {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.o3-about-thumbs button {
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  opacity: .45;
  cursor: pointer;
  transition: opacity .25s ease, transform .25s ease;
}

.o3-about-thumbs button:hover,
.o3-about-thumbs button.selected {
  opacity: 1;
  transform: translateX(4px);
}

.o3-about-thumbs img {
  width: 80px;
  height: 68px;
  display: block;
  object-fit: cover;
}

.o3-about-main {
  position: relative;
  margin: 0;
  height: 500px;
  overflow: hidden;
  background: #242524;
}

.o3-about-main > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

@media (hover: hover) {
  .o3-about-main:hover > img {
    transform: scale(1.045);
  }
}

.o3-about-main figcaption {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  padding: 5px 7px;
  background: rgba(20, 21, 20, .56);
  color: #fff;
  font-size: 10px; /* experiment -3px: 7px */
}

.o3-about-copy {
  padding: 25px 0 0;
}

.o3-about-copy h3 {
  margin: 0 0 20px;
  font: 500 var(--mv-text-h3, 34px) / 1.05 "Playfair Display";
}

.o3-about-copy > p:not(.o3-kicker) {
  margin: 0 0 28px;
  color: #56524e;
}

.o3-about-copy .o3-text-action {
  color: var(--o3-red, var(--mv-color-red));
}

.o3-deliveries {
  max-width: 1320px;
  margin: 0 auto;
  padding: 20px 2vw 116px;
}

.o3-deliveries > div:last-of-type {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.o3-deliveries > div:last-of-type > a {
  position: relative;
  height: 330px;
  overflow: hidden;
  color: #fff;
  background: #222;
}

.o3-deliveries img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.o3-deliveries > div:last-of-type > a:hover img {
  transform: scale(1.06);
}

.o3-deliveries > div:last-of-type > a:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .76));
}

.o3-deliveries > div:last-of-type > a > span,
.o3-deliveries > div:last-of-type > a > h3 {
  position: absolute;
  z-index: 2;
  left: 20px;
  color: #fff;
}

.o3-deliveries > div:last-of-type > a > span {
  top: 18px;
  font: 500 10px "DM Sans";
  letter-spacing: .12em;
}

.o3-deliveries > div:last-of-type > a > h3 {
  right: 18px;
  bottom: 18px;
  margin: 0;
  font: 500 var(--mv-text-h3, 27px) "Playfair Display";
}

.o3-deliveries-link {
  display: flex;
  width: max-content;
  margin-top: 28px;
  color: var(--o3-red, var(--mv-color-red));
  gap: 10px;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
}

@media(max-width:920px) {
  .o3-ways {
    grid-template-columns:1fr;
    gap:40px;
  }

  .o3-way-grid>a {
    min-height:310px;
  }

  .o3-proof {
    gap:45px;
  }

  .o3-proof-image img {
    height:470px;
  }

}

@media(max-width:680px) {
  .o3-hero {
    height:auto;
    min-height:870px;
  }

  .o3-hero-content {
    top:84px;
    left:24px;
    right:24px;
  }

  .o3-hero h1 {
    font-size:var(--mv-text-h1, 48px);
  }

  .o3-hero-content>p:not(.o3-kicker) {
    font-size:var(--mv-text-lead, 15px);
    max-width:320px;
  }

  .o3-more-filters {
    bottom:-35px;
  }

  .o3-filter-extra {
    display:grid;
    padding:15px;
  }

  .o3-projects {
    padding:78px 24px;
  }

  .o3-section-head {
    display:block;
  }

  .o3-section-head>p {
    margin-top:18px;
  }

  .o3-ways {
    padding:78px 24px;
  }

  .o3-way-grid {
    grid-template-columns:1fr;
  }

  .o3-way-grid>a {
    min-height:270px;
  }

  .o3-proof {
    padding:78px 24px;
    grid-template-columns:1fr;
  }

  .o3-proof-image img {
    height:360px;
  }

  .o3-advisor {
    padding:75px 24px;
    display:grid;
    grid-template-columns:1fr;
    gap:43px;
  }

  .o3-advisor form {
    grid-template-columns:1fr;
  }

  .o3-advisor form .o3-button {
    width:100%;
  }

  .o3-hero-actions {
    gap:16px;
    align-items:flex-start;
    flex-direction:column;
  }

}

@media(prefers-reduced-motion:reduce) {
  .o3-card-image img,.o3-way-grid img {
    transition:none;
  }

  .o3-project-card:hover img,.o3-way-grid>a:hover img {
    transform:none;
  }

}

@media (max-width: 680px) {
  .o3-whatsapp-float {
    right: 18px;
    bottom: 18px;
  }

  .o3-deliveries {
    padding: 8px 24px 78px;
  }

  .o3-deliveries > div:last-of-type {
    grid-template-columns: 1fr;
  }

  .o3-deliveries > div:last-of-type > a {
    height: 280px;
  }

  .o3-way-grid {
    grid-template-columns: 1fr;
  }

  .o3-way-grid h3 {
    font-size: var(--mv-text-h3, 30px);
  }

}

@media (prefers-reduced-motion: reduce) {
  .o3-hero-image {
    transition: none;
  }

  .o3-hero-image.o3-hero-slide-0,
  .o3-hero-image.o3-hero-slide-1,
  .o3-hero-image.o3-hero-slide-2,
  .o3-hero-image.o3-hero-slide-3,
  .o3-hero-image.o3-hero-slide-4 {
    animation: none;
    transform: scale(1.02);
  }

  .o3-scroll-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

}

@media (max-width: 760px) {
  .o3-about {
    padding: 80px 24px;
  }

  .o3-about-layout {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
  }

  .o3-about-thumbs img {
    width: 56px;
    height: 51px;
  }

  .o3-about-copy {
    grid-column: 1 / -1;
    padding-top: 0;
  }

  .o3-about-main {
    height: 380px;
  }

}

@media (max-width: 520px) {
  .o3-about-layout {
    grid-template-columns: 1fr;
  }

  .o3-about-thumbs {
    flex-direction: row;
    order: 2;
  }

  .o3-about-main {
    order: 1;
    height: 300px;
  }

  .o3-about-copy {
    order: 3;
  }

}

/* Keep 2-col only above the single-column mobile breakpoint (680). */
@media (max-width: 920px) and (min-width: 681px) {
  .o3-deliveries > div:last-of-type {
    grid-template-columns: repeat(2, 1fr);
  }

  .o3-deliveries > div:last-of-type > a > h3 {
    font-size: clamp(16px, 3.4vw, 27px);
    line-height: 1.08;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}