/*!
 * Amoha Group website — brand layer: palette, type and section refinements
 * Designed and developed by Jatin Dhir <jatindhir.dev@gmail.com>
 */

/* ---------- primitives ---------- */
:root {
  --c-paper: #f4f1e8;
  --c-sage:  #cfdbc4;
  --c-leaf:  #1f4d33;
  --c-root:  #10201a;
  --c-chalk: #f7f5ee;
  --c-bloom: #c2307a;
  --c-bloom-ink: #a8205f;
  --c-gold:  #c39a5e;
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-accent:  "Fraunces", Georgia, serif;
  --font-body:    "Manrope", "Helvetica Neue", Arial, sans-serif;
  --accent-scale: 0.82;
}
/* ---------- theme roles ---------- */
:root, .t-light { --fg: var(--c-root); --bg: var(--c-paper); --inv: var(--c-paper);
  --fg-80: rgba(16, 32, 26, .7); --fg-40: rgba(16, 32, 26, .36); --fg-line: rgba(16, 32, 26, .14); --fg-tint: rgba(16, 32, 26, .06); }
.t-brand { --fg: var(--c-root); --bg: var(--c-sage); --inv: var(--c-paper);
  --fg-80: rgba(16, 32, 26, .7); --fg-40: rgba(16, 32, 26, .36); --fg-line: rgba(16, 32, 26, .14); --fg-tint: rgba(16, 32, 26, .06); }
.t-color { --fg: var(--c-chalk); --bg: var(--c-leaf); --inv: var(--c-root);
  --fg-80: rgba(247, 245, 238, .78); --fg-40: rgba(247, 245, 238, .42); --fg-line: rgba(247, 245, 238, .22); --fg-tint: rgba(247, 245, 238, .1); }
.t-dark { --fg: var(--c-chalk); --bg: var(--c-root); --inv: var(--c-root);
  --fg-80: rgba(247, 245, 238, .66); --fg-40: rgba(247, 245, 238, .34); --fg-line: rgba(247, 245, 238, .14); --fg-tint: rgba(247, 245, 238, .06); }
body { background: var(--c-paper); }

/* ---------- accent ---------- */
.link_line { background: var(--c-bloom); height: 1px; }

.ui-nav__list .link_label .h6 { line-height: 1.32; }
.ui-nav__list .link_label .split-line { padding-bottom: .06em; width: fit-content; margin-left: auto; }
.ui-nav .nav-item .l2 { font-size: max(13px, calc(11 * var(--px))); }
.pag_progress_fill { background: var(--c-bloom); }
.btn_bg_fill { background: var(--c-bloom); }
.btn:hover .btn_label, .btn:focus-visible .btn_label, .btn:hover .btn_label .l1 { color: var(--c-chalk); }
.btn-circle_bg .arc { stroke: var(--c-bloom); }
.other-card__ico .ico { color: var(--c-bloom); }
.amen__tabs-hilight { background: var(--c-bloom); }

.field input:focus, .field textarea:focus { border-color: var(--c-bloom); }

/* ---------- type ---------- */
.h1, .h2, .h3, .h4, .h5, .h6, .c1 { text-transform: none; font-weight: 400; font-optical-sizing: auto; font-variation-settings: "SOFT" 50; }
.h1 { letter-spacing: -0.03em; line-height: 0.95; }
.h2 { letter-spacing: -0.025em; line-height: 0.98; }
.h3 { letter-spacing: -0.02em; line-height: 1.02; }
.h4 { letter-spacing: -0.015em; line-height: 1.08; }
.h5, .h6 { letter-spacing: -0.005em; line-height: 1.15; }
.c1 { font-style: italic; letter-spacing: 0; }
.a1, .a2, .a3 { font-style: italic; font-weight: 300; margin-top: 0; margin-bottom: 0; }
.l1, .l2 { text-transform: none; letter-spacing: 0; font-weight: 600; }
.l1.reg, .l2.reg { font-weight: 400; }
.l1 { font-size: calc(var(--fs-p1) * 0.92); }
.p1, .p2 { line-height: 1.55; letter-spacing: 0; }

.h1, .h2, .h3, .h4, .h5, .h6, .l1, .c1, .a2 { text-wrap-style: balance; }
.p1 { text-wrap-style: pretty; }
.ui-logo__ring text { letter-spacing: .22em; text-transform: uppercase; }
.loc-path__map text, .loc-path__map text.sub { text-transform: none; letter-spacing: 0; font-weight: 600; }
.loc-path__map text.sub { font-weight: 400; }

/* ---------- landing ---------- */
.hero__area { height: calc(var(--vh) * 3 + var(--arch-r)); }
.hero__field { position: relative; height: var(--vh); min-height: 0; aspect-ratio: auto; background: var(--c-leaf); overflow: clip; }
.hero__glow { position: absolute; inset: -12% 0 0; z-index: 0; pointer-events: none;
  background: radial-gradient(120% 80% at 50% 110%, rgba(207, 219, 196, var(--glow-a, .2)), transparent 60%); }
.hero__photo { position: absolute; inset: 0 0 -26%; z-index: 0; overflow: clip; }
.hero__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; }
.hero__photo::after { content: ""; position: absolute; inset: 0;
  background: radial-gradient(26% 44% at 50% 0%, rgba(16, 32, 26, .6), transparent),
    linear-gradient(180deg, rgba(28, 25, 20, .62) 0%, rgba(22, 29, 23, .58) 45%, rgba(16, 32, 26, .74) 100%); }
.hero__photo ~ .hero__glow { --glow-a: .1; }
.hero.has-photo .hero__kicker, .hero.has-photo .hero__sub { color: var(--c-chalk); }
.hero__field::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: radial-gradient(34% 44% at 0% 0%, rgba(16, 32, 26, .5), transparent), radial-gradient(34% 44% at 100% 0%, rgba(16, 32, 26, .5), transparent); }
.hero__flower { position: absolute; z-index: 1; width: calc(var(--u-40) * 10); height: auto; pointer-events: none; }
.hero__flower.is-l { top: calc(var(--u-80) * -1); left: calc(var(--u-96) * -1); }
.hero__flower.is-r { top: calc(var(--u-64) * -1); right: calc(var(--u-120) * -1); }
.hero__flower.is-r > * { transform: scaleX(-1); }

.hero__flower.is-r { display: none; }
@media (min-width: 992px) { .hero__flower { width: var(--fl); } }
.hero__content { justify-content: center; height: calc(100% - var(--hero-foot)); }
:root { --hero-foot: calc(var(--u-40) * 4); }
.hero__brand { grid-area: 1 / 2 / 2 / 10; align-items: center; text-align: center; }

.hero__kicker { font-family: var(--font-accent); font-style: italic; font-weight: 400;
  font-size: calc(var(--fs-p1) * 1.16); line-height: 1.2; letter-spacing: 0.005em; color: var(--fg-80); }
.hero__name { font-weight: 500; font-size: calc(var(--fs-h1) * .84); line-height: .92;
  letter-spacing: -0.026em; }

.hero__accent { margin-top: 0; margin-left: 0; transform: none; pointer-events: none; }
.hero__accent .a2 { color: var(--c-chalk); font-size: calc(var(--fs-a2) * .5); line-height: 1; }
.hero__sub { max-width: 30em; margin: 0 auto; font-family: var(--font-body);
  font-size: calc(var(--fs-p1) * 1.62); line-height: 1.45; letter-spacing: -0.004em;
  color: var(--c-chalk); text-wrap: balance; }
.hero__ctas { display: flex; justify-content: center; gap: var(--sp-16); pointer-events: auto; }
.hero__ctas .l1 { font-size: calc(var(--fs-p1) * 1.02); letter-spacing: 0.008em; }
.btn.is-solid .btn_bg { background: var(--c-bloom); border-color: var(--c-bloom); }
.btn.is-solid .btn_label { color: var(--c-chalk); }
.btn.is-solid .btn_bg_fill { background: var(--c-chalk); }
.btn.is-solid:hover .btn_label, .btn.is-solid:hover .btn_label .l1, .btn.is-solid:focus-visible .btn_label { color: var(--c-root); }
.hero__tagline { display: flex; justify-content: center; pointer-events: auto; }
.hero__tagline .h5 { max-width: 20em; color: var(--c-chalk); }

@media (min-width: 992px) { .benefits .benefit__t .h1 { font-size: calc(var(--fs-h1) * .7); } .cta__title .h1 { font-size: calc(var(--fs-h1) * .8); } }

@media (min-width: 992px) { .cta__gap { height: var(--u-120); } }
@media (min-width: 992px) and (max-height: 860px) {
  :root { --hero-foot: calc(var(--u-40) * 5); }
  .hero__name { font-size: calc(var(--fs-h1) * .64); }
  .benefits .benefit__t .h1, .cta__title .h1, .footer__contact .h2 { font-size: calc(var(--fs-h1) * .6); }
  .hero__accent .a2 { font-size: calc(var(--fs-a2) * .42); }
  .hero__accent { margin-top: 0; }
  .hero__sub { font-size: calc(var(--fs-p1) * 1.38); }
  .hero__proof li { font-size: calc(var(--fs-p1) * .94); }
}
@media (min-width: 992px) and (max-height: 700px) {
  .hero__proof { display: none; }
}
@media (max-width: 991px) {
  .hero__area { height: calc(var(--vh) * 3.7 + var(--arch-r)); }
  .hero__content { padding-bottom: calc(var(--u-40) * 5); }
  .hero__brand { grid-area: 1 / 1 / 2 / 5; }
  .hero__name { font-size: calc(var(--fs-h1) * .74); }
  .hero__accent { margin-top: 0; margin-left: 0; }
  .hero__accent .a2 { font-size: calc(var(--fs-a2) * .46); }
  .hero__field::after { background: radial-gradient(60% 40% at 0% 0%, rgba(16, 32, 26, .5), transparent), radial-gradient(50% 24% at 100% 0%, rgba(16, 32, 26, .45), transparent); }
  .hero__sub { font-size: calc(var(--fs-p1) * 1.12); }
  .hero__ctas { flex-flow: column; align-items: stretch; gap: var(--sp-12); }
}

.hero.is-project .hero__area { height: calc(var(--vh) * 2.4); }
@media (max-width: 991px) { .hero.is-project .hero__area { height: calc(var(--vh) * 3); } }

.hero.is-project .hero__themes { bottom: 0; }

/* ---------- numbers strip ---------- */
.apart-info .data-list.stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp-32) var(--sp-24); text-align: center; align-items: end; }
.apart-info .data-list.stats > div { min-width: calc(var(--cell-h) * 1.4); }
.apart-info .data-list.stats .h5 { font-size: calc(var(--fs-h4) * 0.9); }
.apart-info .data-list.stats .l1 { color: var(--fg-80); }
@media (max-width: 991px) {
  .apart-info .data-list.stats { grid-template-columns: repeat(2, 1fr); gap: var(--sp-32) var(--sp-16); }
  .apart-info .data-list.stats > div { min-width: 42%; }
}

/* ---------- project pages ---------- */
.project-overview .info-lead .h4 { max-width: 26em; margin: 0 auto; }
.project-location__s { position: relative; }
.project-location .loc-path__title { grid-area: 1 / 3 / 2 / 9; }
.project-location .loc-path__map { grid-area: 1 / 2 / 2 / 10; }
@media (max-width: 991px) {
  .project-location .loc-path__title, .project-location .loc-path__map { grid-area: 1 / 1 / 2 / 5; }
  .project-location .loc-path__map { overflow: auto; margin: 0 calc(var(--offset) * -1); scrollbar-width: none; }
  .project-location .loc-path__map svg { max-width: none; width: 250%; }
}

/* ---------- logo mark ---------- */
.logo { background: url("../assets/img/amoha-mark.png") center / contain no-repeat; }
.logo svg { visibility: hidden; }
.ui-logo__ring text { letter-spacing: .2em; }

/* ---------- arch intro ---------- */
.benefits.arch { margin-top: calc(var(--arch-r) * -1); }
.benefits.arch > .container { padding-top: calc(var(--arch-r) * .42); }
@media (max-width: 991px) {
  .benefits.arch > .container { padding-top: calc(var(--arch-r) * .3); }
}

/* ---------- principles ---------- */
.benefits .benefits__s { height: auto; }
.benefits__cms { position: relative; overflow: clip; justify-content: flex-start; }
.benefits__screen { position: sticky; top: 0; display: flex; flex-flow: column; justify-content: center; height: var(--vh); overflow: clip; }
.benefits .slides { display: flex; flex: none; height: 100%; }
.benefits .slide, .benefits .slide:first-child { position: relative; display: block; flex: none; width: 100%; height: 100%; }
.benefits .benefit { box-sizing: border-box; padding: 0 var(--sp-64); }
@media (max-width: 991px) {
  .benefits__cms { height: auto !important; overflow: visible; }
  .benefits__screen { position: static; height: auto; overflow: visible; }
  .benefits .slides { flex-flow: column; height: auto; gap: var(--sp-160); }
  .benefits .slide, .benefits .slide:first-child { height: auto; }
  .benefits .benefit { padding: 0; }
}

/* ---------- project name ---------- */
.apart .apart-slide__img-w { top: 45%; }

/* ---------- closing headline ---------- */
.cta .img-over-grad.from-top { height: 100%;
  background: linear-gradient(to bottom, rgba(16, 32, 26, .74) 0%, rgba(16, 32, 26, .72) 34%, rgba(16, 32, 26, .56) 62%, rgba(16, 32, 26, .66) 100%); }

.cta .img-over-grad:not(.from-top) { display: none; }

.section.cta { background: var(--c-root); overflow-x: clip; }
@media (min-width: 600px) and (max-width: 991px) { .cta__s { aspect-ratio: 3 / 5; } }

/* ---------- corner badge ---------- */

.pl__wall { position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg, transparent 58%, rgba(0, 0, 0, .3)), var(--bg); }
.pl__spill { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(calc(58% * var(--pl-spill-w, 1)) 42% at 50% var(--pl-spring, 60vh),
    rgba(247, 245, 238, var(--pl-spill, 0)), transparent 70%); }
.pl__veil { position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: rgba(16, 32, 26, var(--pl-veil, .88)); }
.pl__draw { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; overflow: visible; }
.pl__ground { stroke: var(--fg-line); stroke-width: 1; }
.pl__jamb, .pl__head { fill: none; stroke: var(--c-gold); stroke-width: 2;
  vector-effect: non-scaling-stroke; stroke-linecap: round; }

.pl__key { position: absolute; z-index: 4; left: var(--offset); top: var(--offset);
  width: var(--cell-h); height: var(--cell-h); display: flex; align-items: center; justify-content: center; }

.pl__key img { display: block; width: var(--u-48); height: auto; }
.pl__set { position: absolute; inset: 0; z-index: 4; pointer-events: none; }

.pl__name { position: absolute; left: 0; right: 0; top: calc(var(--pl-crown, 22vh) * .5);
  transform: translateY(-58%); padding: 0 var(--offset); color: var(--c-chalk);
  font-size: calc(var(--fs-h3) * .64); }
.pl__plate { position: absolute; left: 0; right: 0; top: var(--pl-ground, 80vh);
  display: flex; flex-flow: column; align-items: center; padding-top: var(--u-32); }
.pl__rule { display: block; width: var(--u-96); height: 1px; background: var(--c-gold); opacity: .55; }
.pl__place { margin-top: var(--u-16); color: var(--fg-80); }

.hero__brand, .hero__bottom { transition: opacity .8s cubic-bezier(.16, 1, .3, 1); }
html.is-door .hero__brand, html.is-door .hero__bottom { opacity: 0; }
@media (max-width: 991px) {
  .pl__name { padding-bottom: var(--u-32); }
  .pl__key { width: var(--u-48); }
}
.ui-logo__symbol { width: calc(var(--u-48) * .82); height: calc(var(--u-48) * .82); margin-top: calc(var(--u-8) * .5); }

/* ---------- location panel ---------- */
@media (min-width: 992px) {
  .loc-info { width: calc(var(--cell-h) * 8 + var(--gap) * 7); }
  .loc-info .info-desc { grid-area: 1 / 4 / 2 / 8; }
  .loc-intro { width: calc(var(--cell-h) * 8 + var(--gap) * 7); }
  .loc-intro__cap { grid-area: 1 / 1 / 2 / 3; }
  .loc-intro__title { grid-area: 1 / 2 / 2 / 7; }
  .loc-intro__img { grid-area: 1 / 7 / 2 / 12; position: relative; }
  .loc-intro__btn { grid-area: 1 / 12 / 2 / 14; padding-left: var(--sp-16); align-items: flex-start; }

  .loc-path__flower { display: none; }

  .loc__area { container-type: inline-size; }
  .loc-path { width: 100cqw; }
}

/* ---------- hero figures ---------- */
.hero__proof { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;
  gap: var(--sp-8) var(--sp-32); margin: 0; padding: 0; list-style: none; pointer-events: auto; }

.hero__proof li { position: relative; font-family: var(--font-body); font-size: calc(var(--fs-p1) * .98);
  font-weight: 500; line-height: 1.4; letter-spacing: .15em; text-transform: uppercase;
  color: var(--fg-80); white-space: nowrap; }
.hero__proof li + li::before { content: ""; position: absolute; left: calc(var(--sp-32) / -2);
  top: 50%; width: 1px; height: .95em; margin-top: -.475em; background: currentColor; opacity: .38; }
.hero.has-photo .hero__proof li { color: var(--c-chalk); }
@media (max-width: 991px) {
  .hero__proof { gap: var(--sp-8) var(--sp-16); }
  .hero__proof li { font-size: calc(var(--fs-p1) * .82); letter-spacing: .13em; }
  .hero__proof li + li::before { display: none; }
}
@media (min-width: 600px) and (max-width: 991px) and (min-height: 860px) {
  .hero__proof { flex-flow: column; }
}

/* ---------- project slides ---------- */
@media (min-width: 992px) {
  .apart .apart-slide__data { grid-area: 1 / 1 / 2 / 3; }
  .apart .apart-slide__b { padding-bottom: var(--sp-16); }
}

/* ---------- facts rows ---------- */
.other-card__lede { max-width: 24em; margin: var(--sp-8) auto 0; font-family: var(--font-body);
  font-size: calc(var(--fs-p1) * .98); line-height: 1.45; letter-spacing: 0; color: var(--fg-80);
  text-align: center; text-wrap: balance; }

/* ---------- projects grid ---------- */
.apart__s { height: auto; }
.apart__lede { grid-area: 1 / 3 / 2 / 9; }
.apart__lede .h4 { max-width: 22em; margin: 0 auto; }
.apart__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap); align-items: stretch; }
.proj-card { display: flex; flex-flow: column; color: var(--fg); text-decoration: none; }

.proj-card__img { position: relative; aspect-ratio: 3 / 4; min-height: 0; overflow: clip; }
.proj-card__img .img-w, .proj-card__img img { width: 100%; height: 100%; object-fit: cover; }
.proj-card__name { letter-spacing: -0.015em; }
.proj-card__facts { font-family: var(--font-accent); font-style: italic; font-size: calc(var(--fs-p1) * 1.05); line-height: 1.4; color: var(--fg-80); }
.proj-card__desc { color: var(--fg-80); text-wrap: pretty; }

@media (min-width: 992px) and (max-width: 1100px) { .proj-card__facts { min-height: 2lh; } }
.proj-card__go { margin-top: auto; font-family: var(--font-body); font-weight: 600; font-size: calc(var(--fs-p1) * .95);
  letter-spacing: .01em; color: var(--c-bloom-ink); border-bottom: 1px solid currentColor; align-self: flex-start; padding-bottom: 2px; }
a.proj-card:hover .proj-card__go { color: var(--fg); }
a.proj-card:hover .proj-card__img img { transform: scale(1.04); }
.proj-card__img img { transition: transform .7s cubic-bezier(.16,1,.3,1); }
.proj-card:focus-visible { outline: 2px solid var(--c-bloom); outline-offset: var(--sp-8); }
@media (max-width: 991px) {
  .apart__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-64) var(--gap); }
}
@media (max-width: 560px) {
  .apart__grid { grid-template-columns: 1fr; row-gap: var(--sp-96); }
}

/* ---------- location panel ---------- */
@media (min-width: 992px) {

  .loc-info__s { position: relative; z-index: 2; padding-left: calc(var(--offset) + var(--cell-h) + var(--gap)); }
  .loc-info .s-title { grid-area: 1 / 1 / 2 / 4; padding-left: 0; padding-right: 0; }
  .loc-info .info-lead { grid-area: 1 / 1 / 2 / 9; }
  .loc-info .info-desc { grid-area: 1 / 1 / 2 / 7; }
  .loc-info .a-center { text-align: left; }
  .loc-info .s-logo { justify-content: flex-start; }

  .loc-info .flower { width: calc(var(--fl) * .76); top: calc(var(--u-160) * -1); }
}

@media (min-width: 992px) {

  .other__layers + .other__cms { grid-area: 1 / 1 / 2 / 7; }

  .other__layers { grid-area: 1 / 8 / 2 / 10; position: relative; aspect-ratio: 3 / 4; align-self: center; overflow: clip; }
  .other .other-card__label, .other .other-card__name { text-align: left; }
  .other .other-card__name .h3 { text-align: left; }
  .other-card__name { justify-content: flex-start; }
  .other-card__lede { margin-left: 0; text-align: left; }
  .other-card__desc .a-center { text-align: left; }
  .other .other-card__desc { grid-area: 1 / 1 / 2 / 6; }
}

.other__layer, .other__layer-img { position: absolute; inset: 0; }
.other__layer { overflow: hidden; opacity: 0; will-change: clip-path; }
.other__layer-img { background-size: cover; background-position: 50% 50%; will-change: transform, filter; }
@media (max-width: 991px) { .other__layers { display: none; } }

@media (min-width: 992px) {

  .benefits .benefit__t { flex: none; display: flex; flex-flow: column; justify-content: flex-end;
    height: min(calc(var(--u-144) + var(--sp-32)), calc(var(--vh) * .21)); }
  .benefits .benefit__b { flex: none; }
  .benefits .benefit__c { flex: 1 1 auto; min-height: 0; align-self: stretch; }

  .benefits .benefit__t > .u-48:last-child  { height: min(var(--sp-24), calc(var(--vh) * .028)); }
  .benefits .benefit__b > .u-48:first-child { height: min(var(--sp-32), calc(var(--vh) * .038)); }
  .benefits .benefit__b > .u-48:last-child  { height: min(var(--sp-48), calc(var(--vh) * .055)); }

  .benefits .benefit__img { flex: 1 1 auto; min-height: 0; width: 100%; height: auto; max-height: calc(var(--vh) * .52); max-width: 88%; margin-inline: auto;
    aspect-ratio: auto; border-radius: calc(var(--u-8) * .75); overflow: clip; }
  .benefits .benefit__img .img-w { border-radius: inherit;

    box-shadow: 0 calc(var(--u-8) * .5) calc(var(--u-32)) rgba(16, 32, 26, .16); }

  .benefits .benefit__desc p { max-width: 58ch; margin-inline: auto; }
  .benefits .benefit__cap { grid-area: 1 / 3 / 2 / 7; padding: 0; }
}

.pt { position: fixed; inset: 0; z-index: 10500; display: none; pointer-events: none; }
.pt.is-on { display: block; pointer-events: auto; }
.pt__layer { position: absolute; inset: 0; display: block; will-change: clip-path; }
.pt__layer:nth-child(1) { background: var(--c-sage); }
.pt__layer:nth-child(2) { background: var(--c-leaf); }
.pt__layer:nth-child(3) { background: var(--c-root); }

html.is-arriving .pt { display: block; }
html.is-arriving .pt__layer { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }

.btn-menu .ico-24 { position: relative; }

.btn-menu .ia-2 { opacity: 0; }
.btn-menu.is-open .ia-2 { opacity: 1; }
.btn-menu.is-open [data-ico-menu="1"] { opacity: 0; }
.modal-menu__list .link[aria-current="page"] .link_label { opacity: .5; }

:root {
  --fs-p1: max(15px, calc(13 * var(--px)));
  --fs-p2: max(13px, calc(11 * var(--px)));
  --fs-l2: max(11px, calc(9 * var(--px)));
  --fs-h6: max(14px, calc(28 * var(--px)));
}
@media (max-width: 991px) {
  :root {
    --fs-p1: max(16px, calc(17 * var(--px)));
    --fs-p2: max(14px, calc(15 * var(--px)));
    --fs-l2: max(12px, calc(13 * var(--px)));
  }

  .field input, .field textarea { font-size: max(16px, var(--fs-p1)); }

  .btn-menu { min-height: 44px; min-width: 44px; padding: 0 var(--sp-8); }
  .btn, .btn-ico { min-height: 44px; }
}

:root { --hero-foot: clamp(96px, 18svh, 200px); }
@media (max-width: 991px) {
  .hero__content { padding-bottom: 0; }
  .hero__brand { max-height: calc(100svh - var(--hero-foot)); }
  .hero__accent { margin-top: var(--u-12); }
}
@media (max-height: 700px) { .hero__proof { display: none; } }

.ui-logo { pointer-events: none; }
.ui-logo__symbol, .ui-logo a { pointer-events: auto; }
.logo { background: currentColor;
  -webkit-mask: url("../assets/img/amoha-mark.png") center / contain no-repeat;
  mask: url("../assets/img/amoha-mark.png") center / contain no-repeat; }
@media (max-width: 991px) {
  .ui-logo { width: var(--u-48); height: var(--u-48); }
}

.apart-info .data-list.stats { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); align-content: start; }
.apart-info .data-list.stats > div { min-width: 0; }
.apart-info .data-list.stats .h5 { min-height: 2lh; align-content: end; }

.apart-info:not(.project-overview) .data-list.stats { align-items: start; }
.project-overview .data-list.stats .h5 { font-size: var(--fs-h5); min-height: 0; }
.project-overview .apart-info__w .grid { position: relative; z-index: 2; }
@media (max-width: 991px) {
  .apart-info .data-list.stats { grid-template-columns: repeat(2, 1fr); row-gap: var(--sp-48); }
  .apart-info .data-list.stats > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .project-overview .data-list.stats:has(> div:nth-child(4):last-child) > div:nth-child(n+3) { grid-column: 1 / -1; }
}

.other-card__name { position: relative; }

.other-card__ico { left: auto; right: 0; top: 0; bottom: 0; margin-block: auto; transform: none;
  width: max(16px, var(--u-24)); height: max(16px, var(--u-24)); display: flex; align-items: center; justify-content: flex-end; }
.other-card__ico .ico { width: 100%; height: 100%; }
.other-card + .other-card { margin-top: var(--sp-32); }
.other-card__desc { align-items: flex-start; }

.other-card__item, .modal-cta__desc .p1 { text-wrap-style: balance; }
.other-card__item + .other-card__item { margin-top: var(--sp-8); }
@media (max-width: 991px) {
  .other-card__name { padding-block: var(--sp-12); border-bottom: 1px solid var(--fg-line); }
  .other-card__name, .other-card__label, .other-card .a-center { text-align: left; }
}

@media (max-width: 991px) { .apart__lede { grid-area: 1 / 1 / 2 / 5; } }

.loc-path__map svg { width: max(100%, 975px); }
.loc-path__map text { font-size: 14px; }

.loc-path__map svg.b-desk text { paint-order: stroke fill; stroke: var(--bg); stroke-width: 4px; stroke-linejoin: round; }

@media (min-width: 992px) {
  .loc-path__map svg.b-desk text { font-size: clamp(14px, calc(31px - 1.25vw), 19px); }
  .loc-path__map svg.b-desk text.sub { fill: var(--fg); }
}
@media (max-width: 991px) {
  .loc-path__map { -webkit-mask-image: linear-gradient(to right, #000 88%, transparent);
    mask-image: linear-gradient(to right, #000 88%, transparent); }
}

.nav-item_label_text.is-2, .link_label_text.is-2 { opacity: 0; }

@media (max-width: 991px) {
  .footer__s { height: auto; min-height: var(--vh); justify-content: space-between;
    gap: var(--u-64); padding-block: var(--u-64); }
  .footer__t, .footer__b { flex: none; height: auto; }
  .legal-list > * > *, .credits a { padding-block: var(--sp-12); }
}
@media (min-width: 992px) { .footer__address { grid-area: 2 / 4 / 3 / 8; padding: 0; } }

.footer__info { align-items: center; text-align: center; }
.footer__credits:empty { display: none; }
@media (min-width: 992px) { .footer__info { grid-area: 1 / 3 / 2 / 9; } }
@media (max-width: 991px) { .footer__info { grid-area: 1 / 1 / 2 / 5; } }
.footer__totop .ui-arrow { transform: scaleX(-1); }

.project-overview .info-lead .h4 { font-size: calc(var(--fs-h5) * .9); max-width: 40ch;
  line-height: 1.25; margin-inline: auto; text-wrap-style: pretty; }
@media (max-width: 991px) { .project-overview .info-lead .h4 { margin-bottom: var(--u-24); } }

.hero__glow { inset: -12% 0 -40%; }

.pl__wall { clip-path: none; }
.pl__draw { visibility: hidden; }
.pl__ground, .pl__key { opacity: 0; }
.pl__place { visibility: hidden; }
.pl__rule { transform: scaleX(0); }

@media (max-width: 991px) { .divider { height: calc(var(--cell-v) + var(--gap)); } }

@media (min-width: 992px) { .benefits.arch > .container { padding-top: min(calc(var(--arch-r) * .42), 22svh); } }

.flower { width: min(calc(var(--u-40) * 10), 62svh); height: auto; }
@media (min-width: 992px) { .other .flower, .loc-info .flower, .apart-info .flower { max-height: 78svh; } }

.field input:focus-visible, .field textarea:focus-visible { outline: none; box-shadow: 0 1px 0 var(--c-bloom); }
.field input:-webkit-autofill:focus-visible { box-shadow: 0 1px 0 var(--c-bloom), 0 0 0 100px var(--bg) inset; }
@media (max-width: 991px) {

  .cta .img-p { object-position: 44% 50%; }

  .modal[data-modal="cta"] .modal__c { padding-bottom: 0; }
  .modal__c { overflow-y: auto; overscroll-behavior: contain; padding-block: var(--sp-32); }
  .modal-cta__desc { width: 100%; }
  .modal-cta__form { gap: var(--sp-32); }
  .modal-cta__l { gap: var(--sp-16); }
  .modal-cta__box { padding-inline: var(--offset); }
  .modal-menu { row-gap: var(--sp-48); }
  .modal-menu__list { margin-top: var(--sp-24); }
}

@media (min-width: 600px) and (max-width: 991px) { .cta .img-p { object-position: 60% 50%; } }

@media (max-width: 599px), (min-width: 992px) { .br-tab { display: none; } }

.modal[data-modal="cta"] .modal__over { background: rgba(16, 32, 26, .82); }
@media (max-width: 991px) and (max-height: 760px) {
  .modal-menu .u-272.b-mob { height: min(var(--sp-272), 9svh); }
  .modal-menu__list { gap: var(--sp-24); }
}

@media (max-width: 991px) {
  .quote__bg { aspect-ratio: 3 / 4; }
  .quote__s { padding: 0 0 var(--sp-32); }
  .quote__c { grid-area: 1 / 1 / 2 / 5; }
  .quote__ico, .quote__author { grid-column: 1 / -1; }
  .quote__author { display: flex; gap: var(--sp-16); flex-flow: row wrap; }
  .quote .red-line { display: none; }
  .quote__ico { text-shadow: 0 1px calc(var(--u-16)) rgba(16, 32, 26, .5); }
}

@media (max-width: 991px) {
  .loc-info .info-lead { margin-block: var(--sp-16) var(--sp-24); }
  .loc-intro__s .grid { row-gap: var(--sp-48); }
  .loc-intro__s, .loc-path__s { padding-top: var(--u-48); }
  .loc-intro__btn { align-items: flex-start; }
  .apart__s > .u-48:last-child { height: var(--sp-96); }
  .project-overview .apart-info__w > .u-160 { height: 0; }
  .project-overview .apart-info__w > .u-48:first-child, .project-location__s > .u-48:first-child { height: calc(var(--sp-48) + var(--u-64)); }
}

@media (max-width: 991px) {
  .cta__title .h1, .loc-intro__title .h1, .benefits .benefit__t .h1, .modal-menu__title .h1 { font-size: calc(var(--fs-h1) * .7); }
  .cta__title .h1 { line-height: 1.04; }
}

.hero__photo::after { z-index: 2; }
.hero__photo:not(.is-dusk)::after {
  background: radial-gradient(44% 56% at 50% 50%, rgba(16, 32, 26, .32), transparent 74%),
    linear-gradient(180deg, rgba(18, 30, 24, .3) 0%, rgba(18, 30, 24, .1) 42%, rgba(16, 32, 26, .44) 100%);
}
.hero__photo.is-dusk::after {
  background: radial-gradient(44% 56% at 50% 50%, rgba(16, 24, 20, .26), transparent 74%),
    linear-gradient(180deg, rgba(16, 24, 20, .26) 0%, rgba(16, 24, 20, .08) 42%, rgba(16, 32, 26, .4) 100%);
}

.hero.is-project .hero__photo:not(.is-dusk)::after {
  background: radial-gradient(44% 56% at 50% 50%, rgba(16, 32, 26, .5), transparent 74%),
    linear-gradient(180deg, rgba(18, 30, 24, .3) 0%, rgba(18, 30, 24, .18) 42%, rgba(16, 32, 26, .58) 100%);
}

@media (max-width: 991px) {
  .hero.is-project .hero__photo:not(.is-dusk)::after {
    background: linear-gradient(180deg, rgba(18, 30, 24, .3) 0%, rgba(18, 30, 24, .18) 42%, rgba(16, 32, 26, .58) 100%); }
  .hero.is-project .hero__brand { position: relative; isolation: isolate; }
  .hero.is-project .hero__brand::before { content: ""; position: absolute; inset: -10% -40%; z-index: -1; pointer-events: none;
    background: radial-gradient(closest-side, rgba(16, 32, 26, .6) 35%, rgba(16, 32, 26, .38) 70%, transparent); }
}

.hero__photo { position: absolute; inset: 0; z-index: 0; overflow: clip; }
.hero__photo .img-w { display: block; position: relative; width: 100%; height: 100%; overflow: clip; }
.hero__photo picture { display: contents; }

.hero__photo img, .hero__photo video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.hero__photo [data-hero-reveal] {
  inset: 0 auto auto 0;
  height: 170%;
  object-position: 50% 0%;
  will-change: transform;
}
@media (max-width: 991px) { .hero__photo [data-hero-reveal] { height: 152%; } }

.hero__tabs { display: flex; align-items: center; justify-content: center; gap: 0;
  width: max-content; margin-inline: auto; pointer-events: auto;
  padding: var(--sp-4); border: 1px solid rgba(247, 245, 238, .3); border-radius: 999px;
  background: rgba(16, 32, 26, .32); }
.hero__tabs .nav-item { padding: var(--sp-8) var(--sp-16); color: var(--c-chalk); opacity: .72;
  border-radius: 999px;
  transition: opacity var(--dur-m) var(--ease-out), background var(--dur-m) var(--ease-out); }
.hero__tabs .nav-item.is-active { opacity: 1; background: rgba(16, 32, 26, .5); box-shadow: inset 0 0 0 1px rgba(247, 245, 238, .55); }
.hero__tabs .nav-item:hover { opacity: 1; }
.hero__tabs .l2 { letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }
.hero__tabs-divider { display: none; }
@media (max-width: 991px) { .hero__tabs .nav-item { min-height: 44px; display: flex; align-items: center; } }

@keyframes amoha-tab-hint { 0%, 100% { box-shadow: 0 0 0 0 rgba(247, 245, 238, 0); }
  50% { box-shadow: 0 0 0 6px rgba(247, 245, 238, .16); } }
.hero__tabs.is-hinting { animation: amoha-tab-hint 2.4s var(--ease-out) 2; }
@media (prefers-reduced-motion: reduce) { .hero__tabs.is-hinting { animation: none; } }

.hero__video { z-index: 1; opacity: 0;
  transition: opacity 1.1s cubic-bezier(.16, 1, .3, 1); pointer-events: none; }
.hero__video.is-ready { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hero__video { display: none; } }

.hero__name { font-variation-settings: "opsz" 144, "SOFT" var(--nm-soft, 50), "wght" var(--nm-wght, 500); }

.hero__themes .sensor-light { display: none; }

/* ---------- location panel ---------- */
.loc-intro__kicker { margin: 0 0 var(--sp-16); text-align: left; }
@media (min-width: 992px) {
  .loc-intro__title .h1 { font-size: calc(var(--fs-h2) * .78); }

  .loc-intro__line.is-1 { margin-left: calc(var(--cell-h) / 3); }
  .loc-intro__line.is-2 { margin-left: calc(var(--cell-h) / 2); }
  .loc-intro__kicker { margin-left: calc(var(--cell-h) / 2); }
}

@media (min-width: 992px) and (max-height: 860px) { .loc-intro__title .h1 { font-size: calc(var(--fs-h1) * .5); } }
@media (max-width: 991px) { .loc-intro__title { grid-row: 1 / 3; } }

.loc-path__accent { transform: none; margin-top: 0; }

@media (max-width: 991px) { .loc-path__accent { margin-bottom: .12em; } }
.modal-cta__accent, .modal-menu__a { transform: none; margin: 0; }

.ui-bar-w, .ui-scroll { transition: opacity var(--dur-m) var(--ease-out); }
html.is-sideways .ui-bar-w { opacity: 0; }
html.is-sideways .ui-scroll { opacity: 0 !important; }

@media (min-width: 992px) {
  .quote__bg { aspect-ratio: auto; height: var(--vh); }
}

.quote__bg::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(44% 40% at 69% 73%, rgba(16, 32, 26, .5), transparent 78%); }
@media (max-width: 991px) {
  .quote__bg::after { background: radial-gradient(80% 42% at 40% 62%, rgba(16, 32, 26, .44), transparent 82%); }
}
.quote__s .h5 { text-wrap-style: pretty; text-shadow: 0 1px calc(var(--u-12)) rgba(16, 32, 26, .45); }

.quote .w-themes_row.q-wash { height: 38%; }

@media (min-width: 992px) { .quote .w-themes_row.q-wall { height: 17%; } }
@media (min-width: 992px) and (max-aspect-ratio: 3/2) { .quote .w-themes_row.q-wall { height: 26%; } }

@media (min-width: 992px) {
  .apart-info .data-list.stats[style*="--cols"] { grid-template-columns: repeat(var(--cols), 1fr); }
}

.apart__intro { max-width: 36em; margin: 0 auto; color: var(--fg-80); text-wrap-style: balance; }

.loc-facts { grid-area: 1 / 2 / 2 / 10; display: flex; flex-flow: row wrap; justify-content: center;
  gap: var(--sp-8) var(--sp-32); margin: 0; padding: 0; list-style: none; }
.loc-facts li { color: var(--fg-80); }
@media (max-width: 991px) {
  .loc-facts { grid-area: 1 / 1 / 2 / 5; flex-flow: column; align-items: flex-start; gap: var(--sp-8); }
  .loc-facts:has(> li:only-child) { align-items: center; text-align: center; }
}
@media (min-width: 992px) {

  .loc-facts li { position: relative; }
  .loc-facts li + li::before { content: ""; position: absolute; left: calc(var(--sp-32) / -2); top: 50%;
    width: 1px; height: .95em; margin-top: -.475em; background: currentColor; opacity: .38; }

  .loc-facts[style*="--n"] { display: grid; grid-template-columns: repeat(var(--n), auto); justify-content: center; }
  .loc-facts[style*="--n"] li:nth-child(odd)::before { display: none; }
}

.apart-info .flower { transform: scaleX(-1); }

.landscape-cover { background: var(--c-root); color: var(--c-chalk); }
.landscape-cover .l1 { color: var(--c-chalk); font-size: var(--fs-p1); }

.petals { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 1150; pointer-events: none; }

@media (min-width: 992px) {
  .other__layers + .other__cms { padding-left: calc(var(--cell-h) + var(--gap)); }
  .other__cms .other-card__name { padding-right: var(--u-56); }
}

.other-card__label { position: static; }

@media (min-width: 992px) { .other-card .h3 { font-size: calc(var(--fs-h3) * .62); } }

@media (max-width: 991px) {
  .other-card .h3 { white-space: normal; }

  .other-card__name { justify-content: flex-start; padding-right: var(--u-40); }
  .other-card__label { flex: 1 1 auto; min-width: 0; }

  .other-card__lede { margin-left: 0; text-align: left; }
}

.hero__name { -webkit-text-stroke: 1.1px rgba(16, 32, 26, .3); paint-order: stroke fill;
  text-shadow: 0 calc(var(--u-2)) calc(var(--u-16)) rgba(16, 32, 26, .22); }
@media (max-width: 991px) { .hero__name { -webkit-text-stroke-width: .7px; } }

.hero__sub, .hero__proof, .hero__tagline, .hero__accent {
  text-shadow: 0 1px 2px rgba(16, 32, 26, .55), 0 1px calc(var(--u-12)) rgba(16, 32, 26, .42);
}

.hero__ctas .btn:not(.is-solid) .btn_bg {
  background: rgba(16, 32, 26, .28);
}

.ui-nav__sub { display: flex; flex-flow: column; align-items: flex-end; }

.ui-nav .link .split-line:is(.t-color, .t-dark) .h6,
.ui-nav .link:is(.t-color, .t-dark) .link_label_text.is-2 .h6 { text-shadow: 0 1px 10px rgba(16, 32, 26, .45); -webkit-text-stroke: .5px rgba(16, 32, 26, .22); paint-order: stroke fill; }
.ui-nav:is(.t-color, .t-dark) .btn-menu_label .l2 { text-shadow: 0 1px 2px rgba(16, 32, 26, .55), 0 1px 10px rgba(16, 32, 26, .45); }

.ui-nav__sub .nav-item:is(.t-color, .t-dark) { filter: drop-shadow(0 0 2px rgba(16, 32, 26, .55)) drop-shadow(0 1px 6px rgba(16, 32, 26, .45)); }
.ui-nav:is(.t-color, .t-dark) .btn-menu .ico { filter: drop-shadow(0 0 2px rgba(16, 32, 26, .55)) drop-shadow(0 1px 6px rgba(16, 32, 26, .45)); }

.ui-nav .link .split-line.t-light .h6,
.ui-nav .link.t-light .link_label_text.is-2 .h6 {
  text-shadow: 0 0 6px var(--c-cream), 0 0 14px var(--c-cream), 0 0 24px var(--c-cream);
}
.ui-nav__sub .nav-item.t-light { filter: drop-shadow(0 0 3px var(--c-cream)) drop-shadow(0 0 8px var(--c-cream)); }

.ui-bar-w:is(.t-color, .t-dark) .ui-bar,
.ui-scroll > :is(.t-color, .t-dark) { filter: drop-shadow(0 0 1px rgba(16, 32, 26, .6)) drop-shadow(0 1px 6px rgba(16, 32, 26, .45)); }
.ui-logo:is(.t-color, .t-dark) .ui-logo__symbol { filter: drop-shadow(0 1px 6px rgba(16, 32, 26, .5)); }

.ui-logo.t-light .ui-logo__symbol { filter: drop-shadow(0 0 2px var(--c-cream)) drop-shadow(0 0 6px var(--c-cream)); }

@media (max-width: 991px) {
  .ui-nav::before {
    content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: -1; pointer-events: none;

    height: calc(var(--offset) * 2 + var(--u-64));
    --bar: var(--bg);
    background: linear-gradient(to bottom, var(--bar) 0, var(--bar) 70%, color-mix(in srgb, var(--bar) 55%, transparent) 85%, transparent 100%);
    opacity: 0; transition: opacity var(--dur-m) var(--ease-out);
  }

  .ui-nav.is-solid:not(.t-color):not(.t-dark)::before { opacity: 1; }

  .ui-nav.t-color::before { --bar: var(--c-root); }
  .ui-nav.is-solid.t-color:not(.is-hero)::before { opacity: 1; }

  .ui-logo:has(~ .ui-nav.is-solid:not(.t-color):not(.t-dark)) { --fg: var(--c-root); }
  .ui-logo:has(~ .ui-nav.is-solid:not(.t-color):not(.t-dark)) .ui-logo__symbol { filter: none; }
  .ui-logo:has(~ .ui-nav.is-solid.t-color:not(.is-hero)) { --fg: var(--c-chalk); }

  .ui-logo { z-index: 1201; }
}

@media (max-width: 991px) {
  .loc-path__map,
  .project-location .loc-path__map {
    overflow: visible; margin: 0;
    -webkit-mask-image: none; mask-image: none;
  }
  .loc-path__map svg.b-mob,
  .project-location .loc-path__map svg.b-mob { width: min(100%, 440px); max-width: 100%; margin-inline: auto; }

  .loc-path__map svg.b-mob text { font-size: 13px; }
  .loc-path__map svg.b-mob text.sub { font-size: 13px; fill: var(--fg); }
}

.section.apart-info, .section.other { overflow-x: clip; overflow-y: visible; }

/* ---------- desktop refinements ---------- */
@media (min-width: 992px) {

  .s-title { padding-inline: 0; }
  .modal-cta__desc { width: auto; max-width: 18em; }
  .cta .btn-circle { padding: var(--sp-32); }

  .cta .btn-circle.is-long { padding-inline: var(--sp-16); }
}

.modal-cta__close .btn-ico { width: max(44px, var(--u-48)); height: max(44px, var(--u-48)); }
.modal-cta__close .ico { flex: none; width: max(24px, var(--u-24)); height: max(24px, var(--u-24)); }

@media (min-width: 992px) {
  .section.apart-info, .section.other { overflow: clip; }
  .apart-info .flower { top: calc(var(--u-80) * -3.41); right: var(--u-136); left: auto; bottom: auto;
    width: calc(var(--u-80) * 7.75); height: auto; max-height: none; transform: none; }

  .project-overview.is-next .flower { right: max(var(--u-136), calc(var(--offset) + 152px - var(--u-64))); }
}

@media (min-width: 992px) {
  .other .flower { top: calc(var(--u-80) * -3.74); right: calc(var(--u-40) * -1); left: auto; bottom: auto;
    width: calc(var(--u-80) * 8.5); height: auto; max-height: none; transform: scaleX(-1); }
}

@media (min-width: 992px) {
  .other:has(.other__layers) .flower { display: none; }
}

@media (max-width: 991px) {
  .hero__flower.is-l { display: none; }
  .hero__flower.is-r { display: block; --spray-w: max(calc(var(--u-40) * 2.4), min(calc(var(--u-40) * 6.5), calc(87svh - 490px)));
    width: var(--spray-w); height: auto; top: calc(var(--spray-w) * -.4); right: auto; left: calc(50% - var(--spray-w) * .68); }
  .hero__flower.is-r > * { transform: none; }
}
@media (min-width: 600px) and (max-width: 991px) {
  .hero__flower.is-r { --spray-w: max(calc(var(--u-40) * 2.4), min(calc(var(--u-40) * 8), calc(87svh - 630px))); }
}

@media (max-width: 991px) {
  .apart-info .flower { top: auto; bottom: calc(var(--u-4) * 25); left: calc(var(--offset) * -1 - var(--u-10)); right: auto;
    width: calc(var(--u-40) * 5); height: auto; transform: rotate(-15deg) scaleX(-1); }
  .project-overview .apart-info__w { padding-bottom: var(--u-96); }
  .project-overview .flower { top: calc(100% + var(--u-4) * 23.5); bottom: auto; left: calc(var(--offset) * -1 - var(--u-4));
    width: calc(var(--u-40) * 4); transform: rotate(-40deg) scaleX(-1); }

  .project-overview:has(.data-list.stats > :nth-child(8)) .flower { display: none; }
}
@media (min-width: 600px) and (max-width: 991px) {
  .apart-info:not(.project-overview) .flower { bottom: calc(var(--u-4) * 13); width: calc(var(--u-40) * 6.5); transform: scaleX(-1); }
  .apart-info:not(.project-overview) .apart-info__w { padding-bottom: var(--u-40); }

  .project-overview .flower { top: calc(100% + var(--u-4) * 16); width: calc(var(--u-40) * 3); }
}

@media (max-width: 991px) {
  .other .flower { top: calc(var(--u-4) * 24.5); right: calc(var(--offset) * -1 - var(--u-4)); left: auto; bottom: auto;
    width: calc(var(--u-40) * 4.5); height: auto; transform: rotate(40deg); }
  .other:has(.other-card:nth-child(6)) .flower { display: none; }
}
@media (min-width: 600px) and (max-width: 991px) {
  .other:not(:has(.other__layers)) .flower { top: calc(var(--u-4) * 16); width: calc(var(--u-40) * 3); }
}
@media (max-width: 991px) and (max-height: 760px) {
  .other:has(.other__layers) .flower { top: calc(var(--u-40) * 3.75); width: calc(var(--u-40) * 3.25); }
}
@media (min-width: 600px) and (max-width: 991px) and (max-height: 1000px) {
  .other:has(.other__layers) .flower { top: calc(var(--u-4) * 44); width: calc(var(--u-40) * 3); }
}

@media (max-width: 991px) {
  .ui-nav:not(.t-color)::before { background: linear-gradient(to bottom, var(--bar) 0, var(--bar) 88%, transparent 100%); }
}

.quote__foot { display: none; }
@media (max-width: 991px) {
  .quote__foot { display: flex; height: calc(var(--offset) + var(--u-40)); }
}

@media (min-width: 992px) {
  .loc-info .flower { left: calc(var(--u-64) * -1 - var(--offset) - var(--u-32)); top: calc(var(--u-160) * -1.3); }
}
@media (max-width: 991px) {
  .loc-info .flower { display: none; }
}

@media (min-width: 992px) {
  .loc-intro .flower { bottom: calc(var(--u-144) * -1 - var(--u-48)); }
}

@media (max-width: 991px) {
  .loc-intro .flower { top: auto; bottom: calc(var(--u-40) * 4 + var(--u-4) * 16); right: calc(var(--offset) * -1 - var(--u-4)); left: auto;
    width: calc(var(--u-40) * 4.5); transform: rotate(40deg); }
}

@media (min-width: 992px) {
  .loc-info { margin-right: calc(var(--cell-h) * 2 + var(--gap) * 2); }
}

/* ---------- photo credit ---------- */

.footer__credit { color: var(--fg); opacity: .6; text-wrap: pretty; }
.footer__credit a { color: inherit; text-decoration: underline; text-underline-offset: .22em; text-decoration-thickness: from-font; }
.footer__credit:hover { opacity: .85; }

@media (min-width: 992px) { .footer__credits { grid-area: 2 / 3 / 3 / 9; align-items: center; } }
@media (max-width: 991px) { .footer__credits { grid-area: 2 / 1 / 3 / 5; align-items: center; } }
.footer__credit { margin-top: var(--sp-16); text-align: center; }

/* ---------- enquiry form states ---------- */
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-error { margin-top: var(--sp-16); color: #b3261e; }
.t-dark .form-error, .t-color .form-error { color: #ffb4ab; }
.modal-cta__form[aria-busy="true"] [type="submit"] { opacity: .55; pointer-events: none; }