
.layout-mobile {
  --bg:#faf8f3;          
  --bg-warm:#f4f1ea;     
  --ink:#45413C;         
  --text:#45413C;        
  --muted:#6f6a61;       
  --faint:#9c958a;       
  --gold:#c2a25a;        
  --gold-deep:#b08534;   
  --line:#e7e1d5;        
  --display:'Playfair Display', Georgia, serif;
  --sans:'Inter', system-ui, -apple-system, sans-serif;
  --pad:22px;
  --maxw:480px;
}
.layout-mobile * {box-sizing:border-box;margin:0;padding:0}
.layout-mobile {-webkit-text-size-adjust:100%}
.layout-mobile {background:var(--bg);color:var(--text);font-family:var(--sans);
  font-size:18px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.layout-mobile img {display:block;max-width:100%;height:auto}
.layout-mobile a {color:inherit;text-decoration:none}
.layout-mobile .wrap {max-width:var(--maxw);margin:0 auto;width:100%}
.layout-mobile .section {padding:46px var(--pad);background:#fff}

.layout-mobile .eyebrow{font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px}
.layout-mobile .h-serif {font-family:var(--display);font-weight:700;color:var(--ink);line-height:1.12;
  font-size:34px;letter-spacing:.002em}
.layout-mobile .h-serif em {font-style:italic;font-weight:400}
.layout-mobile .sub-faint{color:var(--faint);font-size:18px;margin-top:10px}
.layout-mobile .sub-faint + .list-row{border-top:none}
.layout-mobile .ba-block{background:#F7F5EE}
.layout-mobile .journey-block{background:#fff}
.layout-mobile p.body {color:var(--text);margin-bottom:16px;font-size:18px}
.layout-mobile p.body:last-child {margin-bottom:0}
.layout-mobile .hl {color:var(--gold-deep);font-weight:700}
.layout-mobile a.hl{
  text-decoration:underline;
  text-underline-offset:3px;
}

.layout-mobile a.btn{text-decoration:none}
.layout-mobile .btn{display:flex;align-items:center;justify-content:center;width:100%;
  font-family:var(--sans);font-size:17px;font-weight:500;
  padding:18px 24px;border-radius:999px;cursor:pointer;border:1px solid transparent;
  transition:transform .12s ease,filter .2s ease;text-decoration:none}
.layout-mobile button.btn{appearance:none;-webkit-appearance:none;font:inherit}
.layout-mobile .btn:active {transform:scale(.99)}
.layout-mobile .btn--gold {color:#fff;border:none;
  background:linear-gradient(120deg,#bd8f3c 0%,#e7cd86 50%,#bd8f3c 100%);
  text-shadow:0 1px 1px rgba(120,80,10,.25)}
.layout-mobile .btn--gold:hover {filter:brightness(1.04)}
.layout-mobile .btn--outline {background:transparent;border:1px solid var(--gold);color:var(--gold-deep);font-weight:500}
.layout-mobile .btn--outline:hover {background:rgba(194,162,90,.08)}
.layout-mobile .btn + .btn {margin-top:12px}
.layout-mobile img.media {width:100%;margin:0}

.layout-mobile .hero{
  position:relative;
  min-height:100dvh;min-height:100svh;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.layout-mobile .hero__media{
  position:relative;flex:1;min-height:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  touch-action:pan-y;
}
.layout-mobile .hero-m-slides{position:absolute;inset:0}
.layout-mobile .hero-m-slide{
  position:absolute;inset:0;opacity:0;
  transition:opacity .55s ease;pointer-events:none;
}
.layout-mobile .hero-m-slide.is-active{opacity:1;z-index:0}
.layout-mobile .hero__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 18%;
}
.layout-mobile .hero-m-panel{display:none}
.layout-mobile .hero-m-panel.is-active{display:block}
.layout-mobile .hero__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(20,18,16,.35) 0%,
    rgba(20,18,16,0) 30%,
    rgba(20,18,16,.1) 55%,
    rgba(20,18,16,.78) 100%
  );
}
.layout-mobile .hero{position:relative}
.layout-mobile .header{
  position:absolute;top:0;left:0;right:0;z-index:6;
  padding:14px 20px 10px;
  isolation:isolate;
  background:transparent;
  border-bottom:none;
  height:auto;
  min-height:0;
  display:block;
  box-shadow:none;
}
.layout-mobile .header::before{
  content:"";position:absolute;left:0;right:0;top:0;height:220px;
  pointer-events:none;z-index:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.38) 38%,
    rgba(0,0,0,.12) 68%,
    rgba(0,0,0,0) 100%
  );
}
.layout-mobile .header__in{
  position:relative;z-index:1;
  display:grid;grid-template-columns:44px 1fr 44px;
  align-items:center;gap:0;
  overflow:visible;
}
.layout-mobile .burger{
  --burger-gap:7px;
  grid-column:1;grid-row:1;
  justify-self:start;align-self:start;
  margin-top:21px;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
}
.layout-mobile .burger span{background:#fff}
.layout-mobile .header__logo--menu,
.layout-mobile .header__logo--desk{display:none;height:87px;width:87px;object-fit:contain}
.layout-mobile .header__brand{
  grid-column:1/-1;grid-row:1;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;
  width:100%;padding-top:2px;pointer-events:none;
}
.layout-mobile .header__logo{
  height:87px;width:87px;pointer-events:auto;
  object-fit:contain;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.35));
}
.layout-mobile .header__tagline{
  margin:6px 0 0;font-family:var(--sans);font-weight:500;
  font-size:clamp(14px,3.8vw,20px);letter-spacing:.1px;color:#fff;
  text-align:center;width:100%;max-width:100%;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
  white-space:normal;
}
.layout-mobile .icon-btn{
  grid-column:3;grid-row:1;justify-self:end;align-self:start;
  margin-top:21px;
  color:#fff;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
  border:none;background:none;padding:0;cursor:pointer;
  font:inherit;
}
.layout-mobile .hero__content,
.layout-mobile .hero-m-panels{
  position:relative;z-index:2;
  padding:0 var(--pad) 26px;
}
.layout-mobile .hero .hero-slide-title,
.layout-mobile .hero h1{
  font-family:var(--display);font-weight:700;color:#fff;
  font-size:40px;line-height:1.08;margin:0;
  text-shadow:0 1px 6px rgba(0,0,0,.25);
}
.layout-mobile .hero .hero-slide-title em,
.layout-mobile .hero h1 em{font-style:italic;font-weight:700}
.layout-mobile .hero__meta{
  color:rgba(255,255,255,.92);font-size:17px;
  margin:16px 0 0;line-height:1.4;
}
.layout-mobile .hero-foot{
  position:relative;z-index:3;flex-shrink:0;
  background:#fff;padding:18px 22px 22px;
}
.layout-mobile .dots{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;max-width:100%;margin:0 0 16px}
.layout-mobile .hero-m-dot{
  width:8px;height:8px;border-radius:50%;
  border:1px solid rgba(26,24,20,.28);box-sizing:border-box;background:#fff;
  padding:0;cursor:pointer;
}
.layout-mobile .hero-m-dot.is-active{background:var(--gold);border-color:var(--gold)}
.layout-mobile .hero-foot .btn--gold{margin-top:0;box-shadow:0 4px 14px rgba(184,138,42,.35)}

.layout-mobile .mobile-cta-float{padding-left:20px;padding-right:20px}

.layout-mobile a.list-row{display:block;text-decoration:none;color:inherit}
.layout-mobile .list-row{border-top:1px solid var(--line);padding:24px 0}
.layout-mobile .list-row__head{display:flex;align-items:center;gap:14px}
.layout-mobile .list-row__num {font-family:var(--display);font-weight:600;color:var(--gold);font-size:18px;
  line-height:1.4;min-width:24px}
.layout-mobile .list-row__title {font-family:var(--display);font-weight:700;color:var(--ink);font-size:22px;
  line-height:1.15;flex:1}
.layout-mobile .list-row__arrow{
  flex-shrink:0;align-self:center;margin:0;
  width:29px;height:12px;
  transform:translateY(1px);
}
.layout-mobile .list-row__kicker {font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#45413C8C;
  margin:6px 0 0 38px;font-weight:500}
.layout-mobile .list-row__desc {color:var(--muted);font-size:15.5px;margin:12px 0 0 38px;line-height:1.5}

.layout-mobile .lead-row{display:flex;align-items:center;gap:16px;margin:4px 0 22px}
.layout-mobile .lead-row img{
  width:60px;height:60px;min-width:60px;max-width:60px;
  aspect-ratio:1;flex-shrink:0;display:block;
  border-radius:50%;overflow:hidden;
  object-fit:cover;object-position:50% 22%;
}
.layout-mobile .lead-row__name {font-family:var(--display);font-weight:700;color:var(--ink);font-size:23px}
.layout-mobile .lead-row__role{font-family:var(--sans);font-style:normal;font-weight:400;color:var(--faint);font-size:18px;margin-top:2px}

.layout-mobile .gallery{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:4px 0 18px}
.layout-mobile .gallery a {display:block;aspect-ratio:3/4;border-radius:0;overflow:hidden}
.layout-mobile .gallery img {width:100%;height:100%;object-fit:cover}

.layout-mobile .subhead{font-family:var(--display);font-weight:700;color:var(--ink);font-size:21px;margin:0 0 6px}
.layout-mobile .divider {height:1px;background:var(--line);margin:22px 0}
.layout-mobile .rule-full {height:1px;background:var(--line);width:100%}

.layout-mobile .faq details{border-top:1px solid var(--line)}
.layout-mobile .faq details:last-of-type {border-bottom:1px solid var(--line)}
.layout-mobile .faq summary {list-style:none;cursor:default;pointer-events:none;padding:20px 0 8px;display:block;
  font-family:var(--display);font-weight:700;color:var(--ink);font-size:19px;line-height:1.2}
.layout-mobile .faq summary::-webkit-details-marker {display:none}
.layout-mobile .faq summary::after {display:none}
.layout-mobile .faq__a {color:var(--muted);font-size:18px;padding:0 0 22px;line-height:1.55}

.layout-mobile .mf-inline-form{margin-top:30px;width:100%}
.layout-mobile .mf-inline-form .modal-title{
  font-family:var(--display);font-weight:700;font-size:21px;
  line-height:1.2;color:var(--ink);margin-bottom:16px;
}
.layout-mobile .mf-inline-form .mf-field{margin-bottom:10px}
.layout-mobile .mf-inline-form .mf-field input,
.layout-mobile .mf-inline-form .mf-field textarea{
  display:block;width:100%;box-sizing:border-box;
  padding:14px 16px;border:1px solid rgba(26,24,20,.12);border-radius:12px;
  font-family:inherit;font-size:18px;color:#45413C;background:#fff;outline:none;
}
.layout-mobile .mf-inline-form .mf-field input::placeholder,
.layout-mobile .mf-inline-form .mf-field textarea::placeholder{color:#B5B0A6}
.layout-mobile .mf-inline-form .mf-field textarea{
  resize:none;height:96px;line-height:1.6;
}
.layout-mobile .mf-inline-form .mf-check{
  display:flex;align-items:center;gap:10px;
  margin-bottom:16px;cursor:pointer;user-select:none;
}
.layout-mobile .mf-inline-form .mf-check-box{
  width:20px;height:20px;border-radius:5px;flex-shrink:0;
  border:1px solid rgba(26,24,20,.22);background:#fff;
  display:flex;align-items:center;justify-content:center;
}
.layout-mobile .mf-inline-form .mf-check-box svg{
  width:12px;height:12px;stroke:#fff;fill:none;
  stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;
}
.layout-mobile .mf-inline-form .mf-check-box.checked{background:#C9A961;border-color:#C9A961}
.layout-mobile .mf-inline-form .mf-check-box.checked svg{opacity:1}
.layout-mobile .mf-inline-form .mf-check-box.mf-check-box--error{border-color:#c0392b}
.layout-mobile .mf-inline-form .mf-check-box.mf-check-box--error + .mf-check-label,
.layout-mobile .mf-inline-form .mf-check-box.mf-check-box--error + .mf-check-label a{color:#c0392b;font-weight:700}
.layout-mobile .mf-inline-form .mf-check-label{
  flex:1;min-width:0;font-size:14px;line-height:1.4;color:#6B6760;
}
.layout-mobile .mf-inline-form .mf-check-label a{color:#3d3b37;text-decoration:none}
.layout-mobile .mf-inline-form .mf-phone-hint{text-align:center}
.layout-mobile .mf-inline-form .mf-phone-hint p{
  font-size:16px;color:#45413C;margin-bottom:8px;line-height:1.5;
}
.layout-mobile .mf-inline-form .mf-phone-hint a{
  font-size:22px;font-weight:500;color:#C9A961;text-decoration:underline;text-underline-offset:3px;display:block;
}

.layout-mobile :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.layout-mobile *{transition:none!important}}
@media(min-width:560px){
  .layout-mobile .h-serif{font-size:40px}
  .layout-mobile .hero .hero-slide-title,
  .layout-mobile .hero h1{font-size:44px}
}
.layout-mobile{display:block}
.layout-desktop{display:none}
@media (max-width:768px){
  .layout-desktop{
    display:none!important;
    height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media(min-width:769px){.layout-mobile{display:none!important}.layout-desktop{display:block}body.page-homepage{background:#F5F1EA}}

@media (max-width:768px){
  body.menu-open{--menu-topbar-h:111px}
  body.page-homepage.menu-open{--menu-topbar-h:111px}

  .layout-mobile .header.header--float{
    position:fixed;
    top:0;left:0;right:0;
    z-index:500;
    transform:translateY(-110%);
    transition:transform .28s ease, box-shadow .2s;
    pointer-events:none;
    background:#fff;
    border-bottom:1px solid rgba(26,24,20,.09);
    padding:14px calc(20px + env(safe-area-inset-right,0px)) 10px calc(20px + env(safe-area-inset-left,0px));
    min-height:88px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    gap:0;
    overflow:visible;
  }
  .layout-mobile .header.header--float::before{display:none}
  .layout-mobile .header.header--float .header__in{display:contents}
  .layout-mobile .header.header--float .burger{
    grid-column:1;grid-row:1;
    justify-self:start;align-self:center;
    --burger-gap:7px;
    margin:0;
    overflow:visible;
    filter:none;
  }
  .layout-mobile .header.header--float .burger span{background:#45413C}
  .layout-mobile .header.header--float .header__brand{
    grid-column:1/-1;grid-row:1;
    justify-self:center;
    display:flex;flex-direction:column;align-items:center;
    padding-top:2px;
    z-index:1;
    pointer-events:none;
    width:auto;
  }
  .layout-mobile .header.header--float .header__logo--hero,
  .layout-mobile .header.header--float .header__logo--desk{display:none}
  .layout-mobile .header.header--float .header__logo--menu{
    display:block;height:87px;width:87px;object-fit:contain;
    filter:none;
  }
  .layout-mobile .header.header--float .header__tagline{display:none}
  .layout-mobile .header.header--float .icon-btn{
    grid-column:3;grid-row:1;
    justify-self:end;align-self:center;
    margin:0;
    color:#45413C;filter:none;
  }
  .layout-mobile .header.header--float .icon-btn svg path{stroke:#45413C}
  .layout-mobile .header.header--float.header--revealed{
    transform:translateY(0);
    pointer-events:auto;
    box-shadow:0 2px 16px rgba(26,24,20,.07);
  }

  body.menu-open .layout-mobile .header::before{display:none}
  body.menu-open .layout-mobile .header{
    position:fixed;top:0;left:0;right:0;z-index:560;
    transform:translateY(0)!important;
    pointer-events:auto;
    background:#fff;
    border-bottom:1px solid rgba(26,24,20,.09);
    padding:14px calc(20px + env(safe-area-inset-right,0px)) 10px calc(20px + env(safe-area-inset-left,0px));
    min-height:var(--menu-topbar-h);
    box-sizing:border-box;
    visibility:visible;
    overflow:visible;
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    gap:0;
  }
  body.menu-open .layout-mobile .header__in{display:contents}
  body.menu-open .layout-mobile .burger{
    grid-column:1;grid-row:1;
    justify-self:start;align-self:center;
    --burger-gap:7px;
    margin:0;
    filter:none;
    position:relative;z-index:2;
    overflow:visible;
  }
  body.menu-open .layout-mobile .burger span{background:#45413C}
  body.menu-open .layout-mobile .header__brand{
    grid-column:1/-1;grid-row:1;
    justify-self:center;
    padding-top:2px;
    z-index:1;
    pointer-events:none;
    width:auto;
  }
  body.menu-open .layout-mobile .header__logo--hero,
  body.menu-open .layout-mobile .header__logo--desk{display:none}
  body.menu-open .layout-mobile .header__logo--menu{
    display:block;height:87px;width:87px;
    filter:none;
  }
  body.menu-open .layout-mobile .header__tagline{display:none}
  body.menu-open .layout-mobile .icon-btn{
    grid-column:3;grid-row:1;
    justify-self:end;align-self:center;
    margin:0;
    color:#45413C;filter:none;
    overflow:visible;
  }
  body.menu-open .layout-mobile .icon-btn svg path{stroke:#45413C}
  body.menu-open .layout-mobile .hero-m-slides,
  body.menu-open .layout-mobile .hero__veil,
  body.menu-open .layout-mobile .hero-m-panels,
  body.menu-open .layout-mobile .hero-foot{visibility:hidden}
}
.layout-mobile .socials img{display:block;width:auto;height:auto;max-height:28px;object-fit:contain;opacity:1}
.layout-mobile .socials a[aria-label^="Telegram"] img{opacity:1}
.layout-mobile .socials a[aria-label="YouTube"] img{width:30px;max-height:32px}
