@font-face {
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/albert-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/albert-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  --ink: #080808;
  --paper: #fff;
  --mist: #c6cdd5;
  --line: #d5d5d3;
  --muted: #555751;
  --edge: clamp(20px, 4.1vw, 78px);
  --space: clamp(72px, 9vw, 160px);
  --round: 12px;
  --display: clamp(3rem, 5.75vw, 7.1rem);
  --wide-content-max: 1920px;
}
html { scroll-behavior: smooth; scroll-padding-top: 25px; }
.voia, .voia *, .voia *::before, .voia *::after { box-sizing: border-box; }
.voia { margin: 0; min-width: 0; color: var(--ink); background: var(--paper); font: 400 16px/1.45 "Albert Sans",Arial,sans-serif; -webkit-font-smoothing: antialiased; }
.voia main, .voia nav, .voia h1, .voia h2, .voia h3, .voia p, .voia figure, .voia dl, .voia dd { margin: 0; }
.voia main > *, .voia > .footer { max-width: var(--content-max); margin-inline: auto; }
.voia main > :is(.hero, .hero + .intro), .voia > .footer { max-width: var(--wide-content-max); }
.voia p, .voia figcaption, .voia #lightbox-description { white-space: pre-line; }
.voia a { color: inherit; text-decoration: none; }
.voia button, .voia select, .voia input, .voia textarea { font: inherit; }
.voia button { cursor: pointer; }
.voia [hidden] { display: none !important; }
.voia img { display: block; max-width: 100%; height: auto; }
.voia :focus-visible { outline: 3px solid #1679cc; outline-offset: 4px; }
.voia .hero {
  --hero-h: clamp(430px, min(53vw, 73svh), 890px);
  --photo-top: clamp(65px, 7.8vw, 150px);
  --photo-width: 100%;
  --hero-pad: clamp(20px, 2.65vw, 56px);
  isolation: isolate; position: relative; overflow: hidden; width: 100%;
  color: white; background: linear-gradient(90deg,#4e81da,#4b7ed5 24%,#5184d9 45%,#6493dd 72%,#79a3e1);
}
.voia .hero-frame { position: relative; isolation: isolate; height: var(--hero-h); overflow: hidden; }
.voia .hero-overview { display: flex; align-items: center; gap: clamp(20px,3vw,60px); padding: 24px var(--hero-pad) 28px; color: var(--ink); background: #f7f6f1; border-bottom: 1px solid var(--line); }
.voia .hero-specs { flex: 1; min-width: 0; display: grid; grid-template-columns: 1fr 1fr 1.4fr 1fr; }
.voia .hero-specs > div { min-width: 0; padding-inline: clamp(12px,1.6vw,32px); border-inline-start: 1px solid #d5d5cc; }
.voia .hero-specs > div:first-child { border: 0; padding-inline-start: 0; }
.voia .hero-specs dt { color: #4c4f47; text-transform: uppercase; letter-spacing: .095em; font-size: .65rem; font-weight: 650; }
.voia .hero-specs strong { display: block; margin-top: 5px; font-weight: 580; font-size: clamp(1.12rem,1.7vw,2rem); letter-spacing: -.045em; line-height: 1.14; }
.voia .hero-specs small { display: block; margin-top: 4px; font-size: clamp(.76rem,.92vw,.94rem); line-height: 1.3; color: #41443c; }
.voia .hero-asking strong { white-space: nowrap; }
.voia .exchange-options {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2px;
  margin-top: 4px;
  color: var(--muted);
  font-size: .8125rem;
  font-weight: 550;
  line-height: 1.25;
  text-align: left;
}
.voia .hero-asking .exchange-options::before {
  content: "";
  width: 56px;
  margin-bottom: 3px;
  border-top: 1px solid #9a9b94;
}
.voia .exchange-options-label { font-size: .625rem; font-weight: 700; letter-spacing: .025em; }
@media (min-width:701px) and (max-width:1030px) {
  .voia .hero-overview { flex-wrap: wrap; gap: 16px; }
  .voia .hero-specs { flex-basis: 100%; }
}
@media (max-width:700px) {
  .voia .hero-overview { display: grid; gap: 15px; padding: 15px var(--hero-pad) 19px; }
  .voia .hero-specs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .voia .hero-specs > div { padding: 0 9px 9px 0; border: 0; }
  .voia .hero-specs > .hero-asking { grid-area: 1 / 2; }
  .voia .hero-specs > div:nth-child(n+3) { padding-inline: 12px 0; border-left: 1px solid #d5d5cc; }
  .voia .hero-specs > div:is(:nth-child(2), :nth-child(3)) {
    padding-block: 9px 0;
    border-top: 1px solid #d5d5cc;
  }
  .voia .hero-specs strong { font-size: clamp(1rem,4.4vw,1.32rem); margin-top: 2px; }
  .voia .hero-specs small { font-size: .74rem; margin-top: 2px; }
  .voia .hero-specs .hero-asking strong { font-size: clamp(1.4rem,5.7vw,1.9rem); }
  .voia .hero-overview .pill { justify-self: start; }
}
.voia .hero-frame::before, .voia .hero-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.voia .hero-frame::before { z-index: 4; background: linear-gradient(180deg, rgb(10 18 21 / 29%), transparent 25%); }
.voia .hero-frame::after { z-index: 4; background: linear-gradient(0deg, rgb(10 13 8 / 70%), rgb(10 13 8 / 20%) 16%, transparent 37%); }
.voia .hero .hero-photo, .voia .hero .hero-cutout {
  position: absolute; max-width: none; width: var(--photo-width); height: auto; aspect-ratio: 4 / 3;
  top: var(--photo-top); left: 50%; transform: translateX(-50%); object-fit: cover; object-position: center center;
}
.voia .hero .hero-photo { z-index: 0; mask-image: linear-gradient(to bottom,transparent,black 1.1%); }
.voia .hero .hero-cutout {
  z-index: 3; pointer-events: none;
  /* Same photograph, traced at its native 4:3 proportions. */
  clip-path: polygon(0.00% 37.89%,1.17% 37.11%,3.81% 38.02%,4.98% 37.50%,6.54% 38.28%,7.03% 40.62%,8.30% 41.54%,8.89% 45.05%,9.77% 44.92%,9.96% 37.89%,10.84% 38.54%,11.33% 36.85%,12.01% 36.72%,12.01% 35.68%,13.09% 35.68%,13.09% 27.21%,12.30% 26.95%,12.30% 26.69%,14.65% 26.82%,14.65% 26.17%,42.48% 20.83%,42.38% 9.77%,42.19% 9.51%,42.19% 8.59%,42.87% 8.33%,43.07% 7.68%,43.46% 7.42%,43.85% 7.68%,44.04% 8.07%,44.24% 8.20%,44.43% 9.24%,44.82% 10.29%,44.82% 17.84%,46.29% 17.58%,51.86% 18.75%,77.73% 13.93%,77.83% 31.38%,82.42% 31.51%,82.62% 38.93%,82.62% 39.97%,83.40% 40.10%,84.47% 39.19%,86.33% 39.06%,87.60% 38.41%,89.55% 38.41%,90.92% 37.37%,92.77% 38.02%,94.14% 38.02%,95.70% 39.84%,96.68% 39.06%,98.05% 38.28%,99.32% 39.32%,100.00% 38.93%,100.00% 100.00%,0.00% 100.00%);
}
.voia .hero.is-alternate .hero-photo {
  width: 100%; height: 100%; aspect-ratio: auto; top: 0; mask-image: none;
}
.voia .hero.is-alternate .hero-frame::before { background: linear-gradient(180deg, rgb(5 8 7 / 52%), transparent 49%); }
.voia .topbar {
  position: absolute; inset: 0 var(--hero-pad) auto; z-index: 7; min-height: clamp(66px, 5.6vw, 108px);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px;
  font-size: clamp(.875rem, .95vw, 1.08rem); font-weight: 520; letter-spacing: -.025em;
}
.voia .monogram { display: inline-flex; align-items: center; width: fit-content; min-height: 44px; gap: 10px; }
.voia .monogram svg, .voia .monogram img { width: clamp(33px, 2.7vw, 48px); height: auto; }
.voia .menu { display: flex; align-items: center; gap: clamp(24px, 3.8vw, 76px); }
.voia .menu a, .voia .top-contact { display: inline-flex; align-items: center; min-height: 44px; }
.voia .menu a:hover, .voia .top-contact:hover, .voia .footer-links a:hover { text-decoration: underline; text-underline-offset: .3em; }
.voia .top-contact { justify-self: end; font-variant-numeric: tabular-nums; gap: 8px; }
.voia .menu-toggle { display: none; }
.voia .topbar.has-language-switcher { grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(12px, 2vw, 28px); }
.voia .topbar-actions { display: flex; align-items: center; gap: clamp(8px, 1.3vw, 20px); }
.voia .language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 999px;
  background: rgb(9 16 24 / 28%);
  color: #fff;
}
.voia .language-switcher a {
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  min-height: 36px;
  padding-inline: 6px;
  border-radius: 999px;
  font-size: .8125rem;
  font-weight: 650;
  letter-spacing: .015em;
}
.voia .language-switcher a:hover { background: rgb(255 255 255 / 18%); }
.voia .language-switcher a[aria-current="page"] { background: #fff; color: #151b20; }
@media (min-width: 701px) {
  .voia .has-language-switcher .menu { justify-content: center; gap: clamp(10px, 2.2vw, 40px); }
  .voia .has-language-switcher .menu a { white-space: nowrap; }
}
.voia .hero-title {
  position: absolute; z-index: 2; top: clamp(83px, 7.6vw, 150px); left: 2.25%; right: 2.25%;
  display: flex; justify-content: space-between; align-items: start; white-space: nowrap; pointer-events: none;
  font-size: 18.8vw; line-height: .76; font-weight: 550; text-transform: uppercase; letter-spacing: -.075em;
}
.voia .hero-title span:last-child { padding-right: .045em; }
.voia .hero-caption {
  position: absolute; z-index: 5; inset: auto var(--hero-pad) clamp(24px, 3vw, 54px);
  text-align: center; text-wrap: balance; color: white; text-shadow: 0 2px 9px rgb(0 0 0 / 40%);
  font-size: clamp(1.75rem, 3.4vw, 3.8rem); font-weight: 750; line-height: 1.06; letter-spacing: -.045em;
}
.voia .lightbox button {
  appearance: none; display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0;
  border: 1px solid rgb(255 255 255 / 48%); border-radius: 100%; background: rgb(15 20 16 / 40%); color: white; font-size: 19px; line-height: 1;
}
.voia .lightbox button:hover { border-color: white; background: rgb(8 8 8 / 74%); }
.voia .count { min-width: 4.1em; white-space: nowrap; text-align: center; font-size: .75rem; font-variant-numeric: tabular-nums; letter-spacing: .035em; }
.voia .pill { --button-surface: var(--ink); --button-ink: white; display: inline-flex; align-items: stretch; width: max-content; max-width: 100%; min-height: 52px; color: var(--button-ink); font-size: .9375rem; font-weight: 550; letter-spacing: -.025em; line-height: 1; }
.voia .pill > span, .voia .pill > i { background: var(--button-surface); color: var(--button-ink); display: inline-flex; justify-content: center; align-items: center; border-radius: 45px; }
.voia .pill > span { padding: 14px clamp(19px, 2.2vw, 39px); }
.voia .pill > i { position: relative; font-style: normal; width: 52px; border-radius: 100%; margin-left: 2px; font-size: 1.3em; transition: transform .2s ease; }
.voia .pill:hover > i { transform: translate(3px,-2px); }
.voia .eyebrow, .voia .intro-copy small, .voia .feature-heading > small {
  display: block; color: var(--muted); margin-bottom: 16px; font-size: .7rem; line-height: 1.3; font-weight: 600; text-transform: uppercase; letter-spacing: .13em;
}
.voia .sunset-film { position: relative; width: 100%; max-width: var(--content-max); margin-inline: auto; background: #393a48; }
.voia .sunset-film video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 4; }
.voia .sunset-control {
  position: absolute; right: var(--edge); bottom: clamp(10px, 1.5vw, 22px); display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0; border: 1px solid rgb(255 255 255 / 65%); border-radius: 50%; background: rgb(10 14 16 / 64%); color: white;
}
.voia .sunset-control .sunset-pause, .voia .sunset-control.is-playing .sunset-play { display: none; }
.voia .sunset-control.is-playing .sunset-pause { display: block; }
.voia .intro-copy { text-align: center; max-width: 860px; margin-inline: auto; padding: clamp(50px, 6vw, 100px) var(--edge) var(--space); }
.voia .intro-copy h2, .voia .section-head h2, .voia .feature-heading h2, .voia .contact h2, .voia .faq > h2, .voia .page-title {
  font-size: var(--display); line-height: .98; font-weight: 490; letter-spacing: -.072em; text-wrap: balance;
}
.voia .intro-copy h2 { font-size: clamp(2.4rem, 4.75vw, 5.4rem); }
.voia .intro-copy p { max-width: 39ch; margin: 20px auto 0; color: var(--muted); line-height: 1.45; font-size: clamp(.95rem, 1.05vw, 1.18rem); letter-spacing: -.02em; }
.voia .intro-with-gallery { padding-bottom: var(--space); }
.voia .intro-with-gallery .intro-copy { padding-bottom: clamp(22px, 4vw, 50px); }
.voia .intro-with-gallery .intro-jumps { padding-inline: var(--edge); }
.voia .intro-photo-gallery { max-width: var(--content-max); margin-inline: auto; }
.voia .intro-gallery-track {
  --slide-width: 65%;
  --overlap: .25;
  --stride: 1;
  position: relative; display: flex; align-items: center; padding-block: 8px;
  overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory;
  scrollbar-width: none; cursor: grab; user-select: none;
}
.voia .intro-gallery-track::-webkit-scrollbar { display: none; }
.voia .intro-gallery-track::before, .voia .intro-gallery-track::after {
  content: ""; flex: 0 0 calc((100% - var(--slide-width)) / 2);
}
.voia .intro-gallery-track.is-dragging { scroll-snap-type: none; cursor: grabbing; }
.voia .intro-gallery-slide {
  --side: 1;
  --photo-scale: .8;
  --photo-blur: 1.8px;
  --photo-shift: calc((.5 + (.5 - var(--overlap)) * var(--photo-scale) - var(--stride)) * 100%);
  position: relative; z-index: 1; pointer-events: none;
  flex: 0 0 var(--slide-width); min-width: 0; aspect-ratio: 4 / 3;
  scroll-snap-align: center; scroll-snap-stop: always; cursor: inherit;
}
.voia .intro-gallery-slide.is-before { --side: -1; }
.voia .intro-gallery-slide img {
  width: 100%; height: 100%; object-fit: contain; border-radius: var(--round);
  pointer-events: auto;
  transform: translateX(calc(var(--side) * var(--photo-shift))) scale(var(--photo-scale));
  filter: blur(var(--photo-blur));
  transition: transform .26s ease, filter .26s ease;
}
.voia .intro-gallery-slide[aria-current="true"] { z-index: 3; }
.voia .intro-gallery-slide[aria-current="true"] img { transform: none; filter: none; }
.voia .intro-gallery-track.is-repositioning img { transition: none; }
.voia .intro-gallery-slide:focus-visible { outline: none; }
.voia .intro-gallery-slide:focus-visible img { outline: 3px solid #1679cc; outline-offset: 4px; }
.voia .intro-gallery-controls [data-intro-count] { min-width: 6ch; text-align: center; font-variant-numeric: tabular-nums; }
.voia [data-intro-autoplay] .intro-play, .voia [data-intro-autoplay].is-paused .intro-pause { display: none; }
.voia [data-intro-autoplay].is-paused .intro-play { display: block; }
@media (min-width: 761px) {
  .voia .intro-gallery-track { --slide-width: 20%; --stride: calc(1 / 1.9); --neighbor-scale: .474; }
  /* Move the images inside equally spaced snap points. Each outside image tucks under its neighbor. */
  .voia .intro-gallery-slide {
    --photo-shift: 0%;
    --photo-scale: .276;
    --photo-blur: 8px;
    display: flex; align-items: center; justify-content: center; aspect-ratio: 40 / 57;
  }
  .voia .intro-gallery-slide.is-outer {
    --photo-shift: calc((.5 + (1 - var(--overlap)) * var(--neighbor-scale) + (.5 - var(--overlap)) * var(--photo-scale) - 2 * var(--stride)) * 100%);
  }
  .voia .intro-gallery-slide.is-neighbor {
    --photo-shift: calc((.5 + (.5 - var(--overlap)) * var(--photo-scale) - var(--stride)) * 100%);
    --photo-scale: var(--neighbor-scale);
    --photo-blur: 2.8px;
    z-index: 2;
  }
  .voia .intro-gallery-slide img {
    flex: none; width: 190%; max-width: none; height: auto; aspect-ratio: 4 / 3;
  }
  .voia .intro-gallery-track.is-short .intro-gallery-slide:not(.is-neighbor):not([aria-current="true"]) img { visibility: hidden; }
}
.voia .section { margin: 0 auto; padding: var(--space) var(--edge) 0; }
.voia .section-head { display: flex; align-items: end; justify-content: space-between; gap: clamp(24px, 7vw, 160px); margin-bottom: clamp(28px, 4vw, 65px); }
.voia .section-head > :first-child { flex: 0 1 auto; }
.voia .section-head :is(h1,h2) { max-width: 15ch; }
.voia .section-head p { max-width: 37ch; color: var(--muted); font-size: clamp(1rem, 1.14vw, 1.25rem); letter-spacing: -.025em; }
.voia .section-head .eyebrow { margin-bottom: 15px; }
.voia .feature-photo {
  display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
  align-items: center; gap: clamp(30px,6vw,100px); padding-inline: var(--edge);
}
.voia .feature-image { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border-radius: var(--round); }
.voia .feature-heading h2 { font-size: clamp(2.25rem,3.6vw,3.7rem); }
.voia .feature-heading p { margin: 16px 0 0; max-width: 36ch; line-height: 1.5; color: var(--muted); }
.voia .feature-facts { margin-top: clamp(20px,3vw,38px); }
.voia .feature-facts > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-block: 8px; border-top: 1px solid var(--line); }
.voia .feature-facts small { color: var(--muted); font-size: .875rem; }
.voia .feature-facts strong { font-size: clamp(1.25rem,2.2vw,1.9rem); font-weight: 500; line-height: 1.1; letter-spacing: -.05em; white-space: nowrap; }
.voia .facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr)); border-top: 1px solid var(--line); gap: 18px; }
.voia .facts .fact { padding: 20px 0; min-width: 0; }
.voia .facts .fact small, .voia .facts .fact dt { display: block; font-size: .85rem; color: var(--muted); }
.voia .facts .fact strong, .voia .facts .fact dd { display: block; margin: 9px 0 0; font-size: clamp(1.75rem, 3vw, 3.7rem); line-height: 1; font-weight: 500; letter-spacing: -.06em; }
.voia .tour-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); align-items: start; gap: clamp(23px, 3.5vw, 62px) clamp(15px, 2vw, 38px); }
.voia .tour-card { display: block; text-align: start; padding: 0; background: transparent; border: 0; color: inherit; min-width: 0; grid-column: span 4; }
.voia .tour-card img { width: 100%; aspect-ratio: 1.43; object-fit: cover; border-radius: var(--round); transition: filter .24s ease; }
.voia .tour-card:first-child { grid-column: span 6; grid-row: span 2; }
.voia .tour-card:first-child img { aspect-ratio: 1.05; }
.voia .tour-card:nth-child(2), .voia .tour-card:nth-child(3) { grid-column: span 3; }
.voia .tour-card:nth-child(4) { grid-column: span 6; }
.voia .tour-card:nth-child(4) img { aspect-ratio: 2.7; }
.voia .tour-card:hover img { filter: brightness(.93); }
.voia .card-caption { position: relative; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 3px; padding: 13px 39px 0 0; min-height: 55px; }
.voia .card-caption small { font-size: .75rem; line-height: 1.3; color: var(--muted); }
.voia .card-caption strong { font-size: clamp(1.13rem, 1.57vw, 1.85rem); font-weight: 510; letter-spacing: -.044em; line-height: 1.08; }
.voia .card-caption i, .voia .card-caption > svg { position: absolute; right: 1px; top: 14px; color: var(--ink); font-style: normal; font-size: 19px; transition: transform .18s ease; }
.voia .tour-card:hover .card-caption i, .voia .tour-card:hover .card-caption > svg { transform: translate(2px,-2px); }
.voia .faq { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(24px,7vw,140px); align-items: start; }
.voia .faq .section-head { display: block; }
.voia .faq .section-head p { margin-top: 20px; }
.voia .faq-list { width: 100%; }
.voia .faq details { border-top: 1px solid var(--line); }
.voia .faq details:last-child { border-bottom: 1px solid var(--line); }
.voia .faq summary {
  position: relative; padding: 20px 40px 20px 0; cursor: pointer; display: block; list-style: none; font-size: clamp(1rem,1.35vw,1.55rem); font-weight: 500; letter-spacing: -.035em;
}
.voia .faq summary::-webkit-details-marker { display: none; }
.voia .faq summary::after { content: "↗"; position: absolute; top: 50%; right: 2px; transform: translateY(-50%); line-height: 1; font-size: 1.12em; }
.voia .faq details[open] summary::after { content: "−"; }
.voia .faq summary:hover { color: #545651; }
.voia .faq details p { max-width: 60ch; margin: 0 32px 22px 0; font-size: 1rem; line-height: 1.55; color: var(--muted); }
.voia .contact { display: flex; justify-content: space-between; align-items: end; gap: 36px; padding-bottom: var(--space); }
.voia .contact :is(h1,h2) { max-width: 12ch; }
.voia .contact p { max-width: 43ch; color: var(--muted); margin-top: 19px; font-size: clamp(1rem, 1.15vw, 1.25rem); }
.voia .contact-actions { display: flex; align-items: end; flex-direction: column; gap: 14px; }
.voia .contact .contact-invite { align-self: stretch; max-width: 32ch; margin-top: 0; }
.voia .contact-actions > a:not(.pill) { text-decoration: underline; text-underline-offset: 4px; }
.voia .footer { container-type: inline-size; position: relative; overflow: hidden; background: var(--ink); color: white; padding: clamp(38px,4.3vw,85px) var(--edge) 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 25px; }
.voia .footer-links { display: flex; flex-wrap: wrap; gap: 11px 24px; }
.voia .footer-links a { font-size: .875rem; }
.voia .lightbox { color: #fff; background: #101110; border: none; padding: 0; overflow: hidden; }
.voia .lightbox[open] { display: flex; flex-direction: column; width: min(var(--content-max), 96vw); height: min(90dvh, 1000px); max-width: 100vw; max-height: 100dvh; border-radius: var(--round); }
.voia .lightbox.is-fullscreen[open] {
  inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; border-radius: 0;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.voia .lightbox.is-fullscreen #lightbox-room { display: none; }
.voia .lightbox.is-fullscreen .lightbox-close { margin-inline-start: auto; }
.voia .lightbox::backdrop { background: rgb(5 5 5 / 85%); }
.voia .lightbox-bar, .voia .lightbox-controls { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 18px; }
.voia .lightbox-bar strong { font-size: clamp(1.05rem, 2vw, 1.55rem); line-height: 1.1; font-weight: 500; letter-spacing: -.035em; }
.voia .lightbox-stage { flex: 1; display: grid; place-items: center; min-width: 0; min-height: 0; background: #090909; overflow: hidden; }
.voia .lightbox-stage img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.voia .lightbox .count { font-size: .85rem; }
.voia button:disabled { cursor: default; opacity: .4; }
.voia .skip { position: fixed; z-index: 30; top: 12px; left: 15px; transform: translateY(-180%); padding: 10px 19px; border-radius: 30px; background: white; color: var(--ink); }
.voia .skip:focus { transform: none; }
.voia .menu .mobile-contact { display: none; }
.voia .tour-item { min-width: 0; grid-column: span 4; scroll-margin-top: 30px; }
.voia .tour-item:first-child { grid-column: span 6; grid-row: span 2; }
.voia .tour-item:first-child .tour-card img { aspect-ratio: 1.05; }
.voia .tour-item:nth-child(2), .voia .tour-item:nth-child(3) { grid-column: span 3; }
.voia .tour-item:nth-child(4) { grid-column: span 6; }
.voia .tour-item:nth-child(4) .tour-card img { aspect-ratio: 2.7; }
.voia .tour-item .tour-card img { aspect-ratio: 1.43; }
.voia .card-caption small, .voia .card-caption strong { display: block; }
.voia .card-caption small { margin-bottom: 5px; }
.voia .tour-note, .voia .photo-credit { margin: 13px 0 0; color: var(--muted); font-size: .92rem; line-height: 1.45; }
.voia .tour-index { margin: 0 0 28px; border-block: 1px solid var(--line); }
.voia .tour-index summary { padding: 15px 0; cursor: pointer; font-weight: 550; }
.voia .tour-index nav { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(205px,100%),1fr)); gap: 3px 20px; padding-bottom: 15px; }
.voia .tour-index nav a { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.voia .tour-index nav small { color: var(--muted); }
.voia .tour-index nav a:hover { text-decoration: underline; }
.voia .photo-credit { margin-top: 2.25rem; font-size: .76rem; }
.voia .text-link { display: inline-flex; align-items: center; gap: 11px; min-height: 44px; font-size: 1rem; font-weight: 530; letter-spacing: -.035em; text-underline-offset: 5px; }
.voia .text-link:hover { text-decoration: underline; }
.voia .plan-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(14px,2vw,38px); }
.voia .plan-card { display: block; min-width: 0; }
.voia .plan-card img { width: 100%; aspect-ratio: 1.24; object-fit: contain; background: #f7f7f5; border: 1px solid var(--line); border-radius: var(--round); }
.voia .plan-card > span { display: grid; grid-template-columns: 1fr auto; gap: 3px 9px; margin: 12px 0 0; }
.voia .plan-card small { grid-column: 1; font-size: .75rem; color: var(--muted); }
.voia .plan-card strong { display: block; grid-column: 1; font-weight: 530; font-size: 1rem; letter-spacing: -.025em; }
.voia .plan-card > span svg { grid-column: 2; grid-row: 1 / span 2; margin-top: 4px; }
.voia .plan-card:hover img { border-color: var(--ink); }
.voia .detail-copy { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(22px,4vw,80px); margin-top: 40px; }
.voia .detail-copy article { border-top: 1px solid var(--line); padding: 15px 0 0; }
.voia .detail-copy h3 { margin: 0 0 9px; font-size: clamp(1.3rem,2vw,2.2rem); font-weight: 500; letter-spacing: -.05em; }
.voia .detail-copy p { color: var(--muted); }
.voia .faq summary i { display: none; }
.voia .location-section .section-head { margin-bottom: 0; border-top: 1px solid var(--line); padding-top: 38px; align-items: start; }
.voia .location-section .section-head .text-link { margin-top: 10px; }
.voia .contact { margin: var(--space) auto 0; padding: clamp(40px,5.5vw,92px) var(--edge) clamp(45px,7.5vw,140px); border-top: 1px solid var(--line); }
.voia .contact-offer { align-self: stretch; text-align: left; }
.voia .contact-price { display: block; font-size: clamp(1.2rem,1.7vw,2rem); letter-spacing: -.04em; }
.voia .contact .exchange-options-label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: center;
}
.voia .contact .exchange-options-label::before,
.voia .contact .exchange-options-label::after {
  content: "";
  flex: 1;
  min-width: 8px;
  border-top: 1px solid #9a9b94;
}
.voia.brand-view .contact .exchange-options > span:last-child { align-self: center; text-align: center; }
.voia .contact-methods { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; gap: 0 18px; max-width: 380px; }
.voia .contact-methods a { display: inline-flex; align-items: center; min-height: 44px; gap: 5px; font-size: .875rem; }
.voia .contact-methods a:hover { text-decoration: underline; text-underline-offset: 4px; }
.voia.brand-view .contact-price {
  font-size: clamp(2.25rem, 3.6vw, 3.625rem);
  line-height: 1.05;
  font-weight: 600;
  text-align: center;
}
.voia.brand-view .contact-actions { min-width: min(100%, 13.5rem); }
.voia.brand-view .contact .contact-methods {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-self: stretch;
  max-width: 100%;
  gap: 10px;
}
.voia.brand-view .contact .contact-methods a[data-contact-link] {
  min-height: 56px;
  padding: 10px 20px;
  font-size: 1.0625rem;
}
.voia .footer-brand { display: contents; }
.voia .footer-brand a { display: block; order: 5; width: 100%; margin: clamp(26px,4vw,75px) 0 -.075em; font-size: 18.9cqw; line-height: .78; font-weight: 550; letter-spacing: -.072em; text-transform: uppercase; white-space: nowrap; }
.voia .footer-brand p { order: 1; margin: 0; font-size: clamp(1.1rem,1.75vw,2rem); line-height: 1.16; font-weight: 440; letter-spacing: -.035em; text-transform: none; white-space: normal; }
.voia .footer-links { order: 2; justify-content: flex-end; gap: clamp(24px,5vw,88px); }
.voia .footer-links nav { display: grid; justify-items: start; gap: 5px; }
.voia .footer-links nav a, .voia .footer-links nav button { display: flex; min-height: 27px; align-items: center; color: #e6e6e4; font: inherit; font-size: .88rem; background: none; padding: 0; border: 0; }
.voia .footer-links nav button:hover { text-decoration: underline; }
.voia .walk-jumps { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); margin-top: 21px; padding-top: 12px; }
.voia .walk-jumps a { display: grid; align-content: center; min-height: 44px; line-height: 1.3; }
.voia .walk-jumps small { color: var(--muted); font-size: .72rem; }
.voia .walk-jumps a:last-child:not(:first-child), .voia .walk-sequence > :first-child .walk-jumps a { text-align: right; margin-left: auto; }
.voia .walk-jumps a:hover span { text-decoration: underline; }
.voia .guided-tour .section-head p { max-width: 40ch; }
.voia .walk-index { margin-bottom: clamp(20px,4vw,65px); }
.voia .walk-room { max-width: 980px; margin: 0 auto; min-width: 0; scroll-margin-top: 20px; }
.voia .walk-room + .walk-room { margin-top: clamp(60px,8vw,125px); }
.voia .walk-heading { margin-bottom: clamp(15px,2.4vw,27px); }
.voia .walk-heading .eyebrow { margin-bottom: 6px; }
.voia .walk-details { display: flex; flex-wrap: wrap; gap: 0 1.1rem; margin-top: 6px; }
.voia .walk-details .text-link { min-height: 44px; font-size: .9rem; }
.voia .walk-details .text-link svg { width: 14px; }
.voia .walk-heading h3 { font-size: clamp(1.8rem,3.5vw,3.6rem); font-weight: 510; line-height: 1.05; letter-spacing: -.055em; }
.voia .walk-heading p, .voia .walk-caption { margin-top: 9px; color: var(--muted); font-size: clamp(1rem,1.1vw,1.15rem); line-height: 1.45; }
.voia .walk-stage { position: relative; }
.voia .walk-zoom { position: relative; display: grid; place-items: center; border-radius: var(--round); background: #f3f3f1; overflow: hidden; touch-action: pan-y; }
.voia .walk-stage .walk-image { width: 100%; height: min(68svh,690px); object-fit: contain; }
.voia .walk-zoom-hint { position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 32px; color: white; background: #101610bf; font-size: .77rem; }
.voia .walk-zoom-hint svg { width: 14px; }
.voia :is(.walk-controls, .intro-gallery-controls) { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 11px; }
.voia :is(.walk-controls, .intro-gallery-controls) button { border: 1px solid var(--line); background: white; color: var(--ink); display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; }
.voia :is(.walk-controls, .intro-gallery-controls) button:disabled { opacity: .32; }
.voia :is(.walk-controls, .intro-gallery-controls) button:not(:disabled):is(:hover,:focus-visible) { background: var(--ink); color: white; }
.voia .walk-count small { display: block; color: var(--muted); font-size: .72rem; }
.voia .walk-count { min-width: 9em; text-align: center; font-size: .85rem; font-variant-numeric: tabular-nums; }
.voia .walk-caption, .voia .walk-note { text-align: center; }
.voia .walk-description { margin: 6px 0 0; text-align: center; color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.voia .walk-room .walk-thumbs { position: relative; margin: 13px auto 0; width: min(100%,508px); gap: 7px; overscroll-behavior-x: contain; }
.voia.brand-view :is(.walk-thumbs,.lightbox-thumbs) { justify-content: safe center; }
.voia .walk-room .walk-thumbs a { flex: 0 0 calc((100% - 35px)/6); min-width: 45px; height: auto; aspect-ratio: 4/3; padding: 2px; border: 2px solid transparent; border-radius: 6px; opacity: .7; }
.voia .walk-thumbs a[aria-current=true] { border-color: var(--ink); opacity: 1; }
@media (max-width: 700px) {
 .voia .walk-stage .walk-image { height: auto; aspect-ratio: 4/3; }
 .voia .walk-room .walk-thumbs { width: min(100%,410px); }
}
.voia .inner-bar { position: relative; inset: auto; min-height: 78px; padding-inline: var(--edge); color: var(--ink); border-bottom: 1px solid var(--line); }
.voia .inner-bar .monogram img { filter: invert(1); }
.voia .inner-intro { margin: 0 auto; padding: 32px var(--edge) 0; font-size: .82rem; color: var(--muted); }
.voia .inner-intro a:hover { text-decoration: underline; }
.voia .inner-intro + .section { padding-top: clamp(34px,4vw,74px); }
.voia .inner-intro + .contact { border: 0; margin-top: 0; min-height: 42vh; }
.voia .room-thumbs { display: flex; gap: 6px; overflow-x: auto; margin-top: 13px; padding: 3px 3px 8px; scrollbar-width: thin; scrollbar-color: #777868 #ededeb; }
.voia .room-thumbs a { flex: none; width: 62px; height: 45px; }
.voia .room-thumbs img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.voia .room-thumbs a:hover img { opacity: .74; }
.voia .tour-grid:has(.room-thumbs) { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.voia .tour-grid:has(.room-thumbs) .tour-item { grid-row: auto; grid-column: auto; }
.voia .tour-grid:has(.room-thumbs) .tour-item .tour-card img { aspect-ratio: 1.6; }
.voia .lightbox-bar small { color: #bdbfb9; font-size: .72rem; }
.voia #lightbox-room { margin-left: auto; max-width: min(38vw,260px); min-height: 44px; color: white; background: #202220; border: 1px solid #6a6e64; border-radius: 7px; font: inherit; font-size: .84rem; padding: 6px; }
.voia .lightbox-bar h2 { font-size: clamp(1.2rem,2vw,1.75rem); line-height: 1.1; font-weight: 510; letter-spacing: -.045em; }
.voia .lightbox-info { gap: 14px; }
.voia #lightbox-caption { font-size: clamp(.875rem,1.2vw,1.15rem); }
.voia #lightbox-description { color: #c6c6c6; font-size: .875rem; margin-top: 3px; }
.voia .lightbox-photo-description { flex: 0 0 auto; max-height: 22dvh; padding: 4px 12px 0; text-align: center; overflow-y: auto; overflow-wrap: anywhere; }
.voia.brand-view .lightbox-info { justify-content: center; }
.voia.brand-view .lightbox-info .lightbox-controls { align-self: center; }
.voia.gallery-open { overflow: hidden; }
.voia .lightbox-controls { padding: 0; gap: 12px; }
.voia #lightbox-count { flex: none; min-width: 4.2em; text-align: center; font-size: .8rem; font-variant-numeric: tabular-nums; }
.voia .lightbox-thumbs { flex: none; display: flex; gap: 7px; padding: 2px 18px 12px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #82857f #292b29; }
.voia .lightbox-thumbs button { border: 2px solid transparent; padding: 0; width: 66px; height: 48px; border-radius: 4px; flex: none; overflow: hidden; }
.voia .lightbox-thumbs button[aria-current="true"], .voia .lightbox-thumbs button.active { border-color: white; }
.voia .lightbox-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.voia .intro-jumps { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 22px; margin-top: 12px; }
.voia-home .intro + .property-story { padding-top: 0; }
.voia-home .property-story + .feature-photo { margin-top: var(--space); }
.voia .property-story > .section-head p { max-width: 43ch; }
.voia .story-chapter { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); grid-template-areas: "image copy"; align-items: center; gap: clamp(30px,6vw,100px); margin-top: clamp(36px,7vw,105px); }
.voia .story-chapter:nth-of-type(2) { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); grid-template-areas: "copy image"; }
.voia .story-chapter figure { grid-area: image; }
.voia .story-chapter img { width: 100%; border-radius: var(--round); }
.voia .story-chapter figcaption { margin-top: 9px; color: var(--muted); font-size: .8rem; }
.voia .story-prose { grid-area: copy; }
.voia .story-prose h2, .voia .story-materials h2 { font-size: clamp(1.8rem,3.2vw,3.7rem); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; text-wrap: balance; }
.voia .story-subheading { margin: clamp(24px,3vw,40px) 0 0; font-size: clamp(1.4rem,2.3vw,2.35rem); line-height: 1.1; letter-spacing: -.04em; font-weight: 550; text-wrap: balance; }
.voia .story-prose p, .voia .story-materials p { max-width: 54ch; font-size: clamp(1.03rem,1.25vw,1.22rem); line-height: 1.55; color: var(--muted); }
.voia .story-prose p { margin-top: 18px; }
.voia .story-prose .text-link { margin-top: 12px; }
.voia .story-prose .story-contact { justify-content: flex-start; margin-top: 20px; }
.voia .story-materials { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: clamp(25px,6vw,100px); padding-block: clamp(28px,4vw,64px); border-block: 1px solid var(--line); }
.voia .story-source { display: block; margin-top: 12px; font-size: .8rem; color: var(--muted); }
.voia .plan-section > .text-link { margin-top: 14px; }
.voia .energy-sheet { max-width: 1160px; margin: clamp(40px,6vw,90px) auto 0; padding: clamp(20px,4.5vw,62px); color: #1e2c26; background: #f5f4ed; border-radius: var(--round); }
.voia .energy-kicker, .voia .energy-total dt { display: block; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.voia .energy-kicker { color: #184f3b; }
.voia .energy-sheet h2 { margin: 12px 0 5px; font-size: clamp(2rem,4vw,3.5rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.voia .energy-sheet header > p, .voia .energy-details, .voia .energy-note, .voia .scale-ends { color: #4d5f55; }
.voia .energy-total { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.8fr); margin-top: clamp(20px,2.7vw,34px); padding: clamp(18px,3.2vw,40px); color: white; background: #174a38; border-radius: var(--round); }
.voia .energy-total > div { display: flex; flex-direction: column; justify-content: space-between; }
.voia .energy-total > div + div { border-left: 1px solid #517462; padding-left: clamp(16px,4vw,58px); }
.voia .energy-total dt { color: #c6e3d2; font-size: clamp(.61rem,1vw,.82rem); letter-spacing: .08em; }
.voia .energy-total dd { display: flex; flex-direction: column; flex: 1; justify-content: space-between; gap: clamp(14px,3vw,32px); }
.voia .energy-total dd > span { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.voia .energy-total strong { display: inline-block; margin-top: 7px; font-size: clamp(2.65rem,8.3vw,7.6rem); line-height: 1; font-weight: 720; letter-spacing: -.045em; }
.voia .energy-unit { font-size: clamp(.78rem,2.2vw,1.55rem); white-space: nowrap; }
.voia .energy-total dd > small { font-size: clamp(.72rem,1.4vw,1rem); line-height: 1.4; color: #deeee2; }
.voia .energy-scale { margin-block: clamp(20px,2.6vw,32px); }
.voia .energy-sheet h3 { margin: 0; font-size: 1rem; font-weight: 700; }
.voia .energy-scale ol { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: clamp(1px,.4vw,5px); margin: 11px 0 0; padding: 0; list-style: none; }
.voia .energy-scale li { position: relative; padding-bottom: 5px; }
.voia .energy-scale li span { display: grid; place-items: center; min-height: clamp(28px,3.3vw,42px); background: var(--grade-color); color: #173524; font-weight: 750; font-size: clamp(.85rem,1.8vw,1.35rem); clip-path: polygon(0 0,93% 0,100% 50%,93% 100%,0 100%,7% 50%); }
.voia .energy-scale li:first-child span { clip-path: polygon(0 0,93% 0,100% 50%,93% 100%,0 100%); }
.voia .energy-scale li:is(:first-child,:last-child) span { color: white; }
.voia .energy-scale li[aria-current]::after { content: ""; position: absolute; left: 4%; right: 6%; bottom: 0; height: 3px; background: #174a38; }
.voia .scale-ends { display: flex; justify-content: space-between; margin-top: 3px; font-size: .75rem; }
.voia .energy-uses { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(8px,1.5vw,18px); }
.voia .energy-use { min-width: 0; border: 1px solid #dce2d7; background: #fff; border-radius: var(--round); padding: clamp(12px,1.6vw,20px); }
.voia .energy-use-head { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.voia .energy-use-head svg { flex-shrink: 0; padding: 4px; width: 28px; height: 28px; color: #174a38; background: #ecf2e9; border-radius: 6px; }
.voia .energy-use-head span { margin-left: auto; padding: 3px 9px; background: #edf2e6; color: #174a38; border-radius: 20px; white-space: nowrap; font-size: .73rem; font-weight: 650; }
.voia .energy-use p b, .voia .energy-use p small { display: block; }
.voia .energy-use p b { margin-block: 11px 7px; font-size: clamp(2rem,4vw,3.5rem); line-height: 1.05; letter-spacing: -.035em; }
.voia .energy-use p small { color: #4d5f55; font-size: .87rem; }
.voia .energy-details { margin-top: 20px; font-size: .9rem; }
.voia .energy-note { margin-top: 12px; padding-top: 12px; border-top: 1px solid #ccd5c9; font-size: .83rem; }
@media (max-width: 650px) {
  .voia .energy-total { grid-template-columns: minmax(0,.9fr) minmax(0,1.3fr); gap: 10px; }
  .voia .energy-uses { grid-template-columns: minmax(0,1fr); }
  .voia .energy-use { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
  .voia .energy-use-head { display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 5px 8px; }
  .voia .energy-use-head svg { width: 25px; height: 25px; }
  .voia .energy-use-head span { grid-column: 2; justify-self: start; margin: 0; }
  .voia .energy-use p { text-align: right; }
  .voia .energy-use p b { margin: 0; }
}
@media (max-width: 700px) {
  .voia .story-chapter, .voia .story-chapter:nth-of-type(2) { grid-template-columns: minmax(0,1fr); grid-template-areas: "image" "copy"; gap: 21px; }
  .voia .story-materials { grid-template-columns: minmax(0,1fr); gap: 14px; }
}
@media (max-width: 900px) {
  .voia .hero { --hero-h: clamp(520px,65.5vw,590px); }
  .voia .section-head { gap: 30px; }
  .voia .contact-methods { gap: 0 12px; }
  .voia .plan-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 15px; }
}
@media (max-width: 700px) {
  :root { --edge: 20px; --space: 72px; --round: 9px; --display: clamp(2.65rem,9.8vw,4.3rem); }
  .voia .hero {
    --hero-h: min(88svh, calc(150vw + 96px)); --hero-pad: 19px;
    --mobile-title-top: clamp(76px, calc(var(--hero-h) - 142vw), 154px);
    --mobile-title-size: min(28vw,172px);
    --photo-top: calc(var(--mobile-title-top) + 1.025 * var(--mobile-title-size));
    --photo-width: 150vw;
  }
  .voia .hero-frame { height: calc(min(var(--hero-h), var(--photo-top) + 112.5vw) - 50px); }
  .voia .hero:not(.is-alternate) :is(.hero-photo,.hero-cutout) { left: 49.2%; }
  .voia .hero { background: linear-gradient(90deg,#4b7ed5,#5184d9 48%,#6493dd); }
  .voia .hero .hero-photo { mask-image: linear-gradient(to bottom,transparent,black 8%); }
  .voia .hero.is-alternate .hero-photo { mask-image: none; }
  .voia .hero-frame::before { background: linear-gradient(180deg,rgb(5 9 10 / 24%),transparent 25%); }
  .voia .hero-frame::after { background: linear-gradient(0deg,rgb(8 12 9 / 82%),rgb(8 12 9 / 33%) 21%,transparent 47%); }
  .voia .hero-title { top: var(--mobile-title-top); left: 4%; right: 4%; display: flex; flex-direction: column; font-size: var(--mobile-title-size); line-height: .8; letter-spacing: -.077em; }
  .voia .hero-title span:last-child { align-self: end; }
  .voia .pill { min-height: 45px; font-size: .85rem; }
  .voia .pill > span { padding-inline: 17px; }
  .voia .pill > i { width: 45px; }
  .voia .topbar { display: flex; justify-content: space-between; gap: 12px; min-height: 66px; }
  .voia .top-contact { display: none; }
  .voia .menu-toggle { z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; width: 44px; height: 44px; padding: 0; color: inherit; background: transparent; border: none; }
  .voia .menu-toggle span { display: block; width: 24px; height: 1.5px; background: currentColor; transition: transform .16s ease; }
  .voia .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.25px) rotate(45deg); }
  .voia .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }
  .voia .menu { display: none; position: absolute; top: 61px; left: 0; right: 0; background: #fff; color: var(--ink); border-radius: var(--round); padding: 12px; box-shadow: 0 9px 40px rgb(0 0 0 / 18%); }
  .voia .menu.is-open, .voia .menu[data-open="true"], .voia .topbar:has(.menu-toggle[aria-expanded="true"]) .menu { display: grid; gap: 0; }
  .voia .menu a, .voia .menu .mobile-contact { display: flex; min-height: 45px; padding: 0 10px; font-size: 1rem; }
  .voia .menu a + a { border-top: 1px solid #ededeb; }
  .voia .intro-copy h2 { font-size: clamp(2.35rem,9.35vw,4rem); line-height: .96; }
  .voia .intro-copy p { margin-top: 14px; font-size: .95rem; }
  .voia .eyebrow, .voia .intro-copy small { margin-bottom: 11px; font-size: .65rem; }
  .voia .feature-photo {
    position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 0;
    width: calc(100% - 24px); aspect-ratio: 4 / 3; padding: clamp(12px,3.6vw,23px); border-radius: var(--round); color: white; background: #30352e;
  }
  .voia .feature-image { position: absolute; inset: 0; z-index: -2; height: 100%; object-fit: cover; }
  .voia .feature-photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(160deg,rgb(6 10 9 / 72%),transparent 56%),linear-gradient(0deg,rgb(4 8 7 / 70%),transparent 23%); }
  .voia .feature-copy { display: contents; }
  .voia .feature-heading h2 { font-size: clamp(1.55rem, 6.8vw, 3rem); }
  .voia .feature-heading p { margin-top: 7px; font-size: clamp(.78rem, 2.9vw, .95rem); line-height: 1.4; color: inherit; }
  .voia .feature-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 10px; margin: 0; }
  .voia .feature-facts > div { flex-direction: column; align-items: start; justify-content: start; gap: 5px; padding: 0; border: 0; }
  .voia .feature-facts small { font-size: .64rem; line-height: 1.25; letter-spacing: -.02em; color: inherit; }
  .voia .feature-facts strong { font-size: clamp(1.18rem,4.6vw,2.1rem); line-height: .98; letter-spacing: -.065em; }
  .voia .section-head { display: block; margin-bottom: 25px; }
  .voia .section-head :is(h1,h2) { max-width: 17ch; }
  .voia.brand-view #poveste > .section-head h2 {
    max-width: none; margin-inline: auto; font-size: calc(var(--display) * 1.5); text-align: center;
  }
  .voia .section-head > p, .voia .section-head > div + div { margin: 14px 0 0; }
  .voia .section-head > .text-link { margin-top: 7px; }
  .voia .tour-grid, .voia .tour-grid:has(.room-thumbs) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 12px; }
  .voia .tour-grid > :nth-child(n) { grid-column: auto; grid-row: auto; }
  .voia .tour-grid > :first-child, .voia .tour-grid > :nth-child(4) { grid-column: 1 / -1; }
  .voia .tour-grid .tour-card img, .voia .tour-grid > .tour-card img { aspect-ratio: 1.33; }
  .voia .tour-grid > :first-child .tour-card img, .voia .tour-grid > :nth-child(4) .tour-card img { aspect-ratio: 1.46; }
  .voia .tour-grid:has(.room-thumbs) { grid-template-columns: minmax(0,1fr); }
  .voia .tour-grid:has(.room-thumbs) .tour-item .tour-card img { aspect-ratio: 1.48; }
  .voia .card-caption { padding: 9px 23px 0 0; }
  .voia .card-caption i { top: 10px; }
  .voia .card-caption strong { font-size: 1.08rem; }
  .voia .card-caption small { font-size: .68rem; }
  .voia .photo-credit { margin-top: 23px; font-size: .71rem; }
  .voia .facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 17px; border: none; }
  .voia .facts .fact { border-top: 1px solid var(--line); padding: 13px 0 24px; }
  .voia .facts .fact dd { font-size: clamp(1.4rem,6vw,2.5rem); }
  .voia .detail-copy { grid-template-columns: 1fr; gap: 22px; }
  .voia .faq { display: block; }
  .voia .faq .section-head { margin-bottom: 23px; }
  .voia .faq summary { padding-block: 17px; }
  .voia .contact { display: block; }
  .voia .contact :is(h1,h2) { max-width: 15ch; }
  .voia .contact-actions { align-items: start; margin-top: 27px; gap: 13px; }
  .voia .contact-methods { justify-content: start; gap: 0 20px; }
  .voia.brand-view .contact-actions { align-items: stretch; }
  .voia.brand-view .contact .contact-invite { max-width: none; text-align: center; }
  .voia.brand-view .contact .contact-price {
    width: 100%;
    font-size: clamp(3.375rem, 18vw, 5.4375rem);
    overflow-wrap: anywhere;
  }
  .voia.brand-view .contact .exchange-options {
    align-items: center;
    font-size: clamp(.75rem, 3.35vw, .875rem);
    text-align: center;
  }
  .voia.brand-view .contact .exchange-options-label {
    font-size: inherit;
    letter-spacing: normal;
  }
  .voia .footer-links { width: 100%; justify-content: start; gap: 20px 28px; }
  .voia .footer-links a, .voia .footer-links nav button { min-height: 30px; }
  .voia .inner-bar { padding-inline: var(--edge); }
  .voia .inner-bar .menu { left: var(--edge); right: var(--edge); }
  .voia .inner-intro { padding-top: 23px; }
  .voia .lightbox[open] { padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom); width: 100vw; height: 100dvh; border-radius: 0; margin: 0; }
  .voia .lightbox-bar { padding: 12px; }
  .voia .lightbox-info { align-items: start; flex-direction: column; }
  .voia .lightbox-controls { align-self: end; }
  .voia .lightbox-thumbs { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .voia *, .voia *::before, .voia *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}
@media (forced-colors: active) {
  .voia .pill, .voia .lightbox button { border: 1px solid ButtonText; }
  .voia .hero-title { forced-color-adjust: none; }
}

/* Preserve the inline brand names on desktop. */
.voia .hero-brand-lead b, .voia .hero-brand-lead small { font: inherit; }
.voia:is(.brand-tuya,.brand-view) .hero-title { font-size: 14.3vw; }
.voia:is(.brand-tuya,.brand-view) .footer-brand a { font-size: 14.5cqw; }
.voia .desktop-view-wordmark { display: none; }
.voia.brand-view .desktop-view-wordmark, .voia.brand-view .footer-mobile-wordmark,
.voia.brand-view .hero-brand-lead b, .voia.brand-view .hero-brand-name { font-weight: 900; }
.voia.brand-view .footer-mobile-wordmark small { font: inherit; font-weight: 550; }
@media (min-width: 701px) {
  .voia.brand-view .hero-title { justify-content: center; font-size: min(14.8vw, calc(var(--wide-content-max) * .148)); }
  .voia.brand-view .footer-brand a { text-align: center; }
  .voia.brand-view :is(.hero-brand-lead,.hero-brand-name,.footer-mobile-wordmark) { display: none; }
  .voia.brand-view .desktop-view-wordmark { display: inline; }
  .voia.brand-view .desktop-view-wordmark small { font: inherit; font-weight: 550; opacity: .72; }
}
@media (max-width: 700px) {
  .voia:is(.brand-tuya,.brand-view) .hero { --mobile-title-size: min(31.5vw,155px); }
  /* At weight 550 the name's cap height is .7em and the C overshoots to .707em. */
  .voia:is(.brand-tuya,.brand-view) .hero-title {
    --name-size: .84em; --name-overhang: .07em; --cu-rise: -1.393em;
    left: 50%; right: auto; transform: translateX(-50%); width: 2.471em;
    display: grid; grid-template-columns: max-content 1fr; align-items: baseline;
    font-size: var(--mobile-title-size); font-kerning: none; letter-spacing: -.077em;
  }
  .voia .hero-brand-lead { display: contents; }
  .voia .hero-brand-lead b { grid-column: 1 / -1; justify-self: start; margin-inline-start: -.039em; }
  .voia .hero-brand-lead small { grid-column: 1; margin-inline-start: -.039em; font-size: .28em; letter-spacing: -.04em; transform: translateY(var(--cu-rise)); }
  .voia .hero-title > .hero-brand-name:last-child { grid-column: 2; justify-self: end; align-self: baseline; padding: 0; margin-inline-end: var(--name-overhang); font-size: var(--name-size); letter-spacing: -.077em; }
  /* Albert Sans 900: match the ink bounds of both rows, with the lighter CU inside the V. */
  .voia.brand-view .hero-title { width: 2.684em; grid-template-columns: max-content; }
  .voia.brand-view .hero-brand-lead b { margin-inline-start: -.028em; }
  .voia.brand-view .hero-brand-lead small,
  .voia.brand-view .hero-title > .hero-brand-name:last-child { grid-area: 2 / 1; justify-self: start; }
  .voia.brand-view .hero-title > .hero-brand-name:last-child { font-size: 1.02em; letter-spacing: -.009542em; margin-inline: -.018em 0; }
  .voia.brand-view .hero-brand-lead small { font-size: .1683em; font-weight: 550; margin-inline: 0; transform: translate(1.4783em,-3.4506em); }
}

.voia .plan-list { max-width: 980px; margin-inline: auto; grid-template-columns: repeat(2,minmax(0,1fr)); }
.voia .plan-card img { aspect-ratio: .8; background: #fff; }
.voia .plan-viewer { width: min(860px,95vw); max-height: 94dvh; border: 0; border-radius: 12px; padding: 0; color: var(--ink); background: #fff; }
.voia .plan-viewer::backdrop { background: rgb(11 18 14 / 76%); }
.voia .plan-viewer header,.voia .plan-viewer footer { display: flex; align-items: center; gap: 14px; padding: 10px 16px; }
.voia .plan-viewer header { justify-content: space-between; }
.voia .plan-viewer footer { justify-content: center; }
.voia .plan-viewer h2 { font-size: clamp(1rem,2vw,1.35rem); }
.voia .plan-viewer button { min-width: 42px; min-height: 42px; border: 1px solid #c8cbc2; border-radius: 9px; background: #fafaf7; color: var(--ink); }
.voia .plan-viewer button:disabled { opacity: .4; }
.voia .plan-viewer output { min-width: 4ch; text-align: center; font-variant-numeric: tabular-nums; }
.voia .plan-scroll { max-height: calc(92dvh - 130px); overflow: auto; overscroll-behavior: contain; background: #faf9f4; }
.voia .plan-scroll img { margin-inline: auto; max-width: none; }
@media (max-width:560px) {
  .voia .plan-list { grid-template-columns: 1fr; gap: 26px; }
  .voia .plan-viewer { width: 96vw; }
}

/* Longer owner story: readable columns and photographs that keep their full frame. */
.voia .narrative-chapter { align-items: start; }
.voia .narrative-chapter:nth-of-type(even) { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); grid-template-areas: "copy image"; }
.voia .narrative-chapter figure { position: sticky; top: 24px; }
.voia .narrative-chapter .story-prose > p:first-child { margin-top: 0; }
@media(max-width:700px) {
 .voia .narrative-chapter, .voia .narrative-chapter:nth-of-type(even) { grid-template-columns: minmax(0,1fr); grid-template-areas: "copy" "image"; gap: 24px; }
 .voia .narrative-chapter figure { position: static; }
}