:root{
  --bg:#0f0e0c;
  --paper:#f6f1e8;
  --ink:#14110c;
  --muted:rgba(20,17,12,.72);
  --line:rgba(20,17,12,.12);
  --glass:rgba(246,241,232,.86);
  --accent:#c79a56;
  --accent2:#7c5a2d;
  --shadow: 0 18px 60px rgba(10,8,6,.45);
  --radius:18px;
  --radius2:26px;
  --container: min(1180px, calc(100% - 44px));
  --serif: "Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --sans: "Comfortaa", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  /* Hero video focus (tweak to show baking process) */
  --hero-pos-x: 50%;
  --hero-pos-y: 70%;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background: radial-gradient(1200px 900px at 18% -10%, rgba(199,154,86,.18), transparent 55%),
              radial-gradient(900px 700px at 86% 20%, rgba(124,90,45,.14), transparent 55%),
              var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit}
img,video{max-width:100%;display:block}
button,input,textarea{font:inherit}

.container{width:var(--container);margin-inline:auto}
.skip-link{
  position:absolute;left:12px;top:12px;
  padding:10px 12px;border-radius:999px;
  background:var(--paper);border:1px solid var(--line);
  transform:translateY(-200%);transition:transform .2s ease;
  z-index:9999;
}
.skip-link:focus{transform:translateY(0)}

/* Header */
.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(1.2) blur(10px);
  background:rgba(246,241,232,.7);
  border-bottom:1px solid rgba(20,17,12,.08);
  transition:box-shadow .25s ease, background .25s ease;
}
.header.is-elevated{box-shadow:0 10px 40px rgba(10,8,6,.12); background:rgba(246,241,232,.86)}
.header__inner{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:12px 0
}

.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand__logo{
  height:58px;
  width:auto;
  border-radius:12px;
  box-shadow:0 14px 40px rgba(10,8,6,.14);
  border:1px solid rgba(20,17,12,.10);
  background:#fff;
}

.nav{display:flex;align-items:center;gap:14px;justify-self:center}
.nav__panel{display:flex;align-items:center;gap:18px}
.header__right{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
}

/* New navigation (rebuilt) */
.siteNav{justify-self:center}
.siteNav__desk{display:flex;align-items:center;gap:18px}
.siteNav__desk a{
  text-decoration:none;
  font-size:13px;
  letter-spacing:.04em;
  color:rgba(20,17,12,.82);
  padding:10px 10px;
  border-radius:999px;
  transition:background .2s ease, transform .2s ease;
}
.siteNav__desk a:hover{background:rgba(20,17,12,.06)}
.siteNav__burger{display:none}

.siteNav__burger{
  height:44px;
  min-width:92px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(20,17,12,.14);
  background:
    radial-gradient(220px 90px at 10% 0%, rgba(199,154,86,.14), transparent 60%),
    rgba(255,255,255,.66);
  box-shadow:0 14px 42px rgba(10,8,6,.10);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  user-select:none;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.siteNav__burger:hover{
  transform:translateY(-1px);
  background:
    radial-gradient(220px 90px at 10% 0%, rgba(199,154,86,.18), transparent 60%),
    rgba(255,255,255,.76);
  box-shadow:0 18px 60px rgba(10,8,6,.14);
}
.siteNav__pillLabel{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(20,17,12,.74);
  line-height:1;
}

@media (max-width: 980px){
  .siteNav{justify-self:end}
  .siteNav__desk{display:none}
  .siteNav__burger{display:inline-grid;place-items:center}
}

/* OMO-like mobile menu overlay */
.mMenu{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
}
.mMenu.is-open{display:block}
.mMenu__backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(10,8,6,.55);
  backdrop-filter: blur(10px);
  opacity:0;
  transition:opacity .28s ease;
}
.mMenu__panel{
  position:absolute;
  top:14px;
  right:14px;
  bottom:14px;
  width:min(420px, 92vw);
  border-radius:28px;
  background:rgba(246,241,232,.92);
  border:1px solid rgba(20,17,12,.12);
  box-shadow:0 30px 120px rgba(0,0,0,.38);
  padding:16px 16px 14px;
  overflow:auto;
  transform:translateX(18px);
  opacity:0;
  transition:transform .36s cubic-bezier(.2,.8,.2,1), opacity .28s ease;
}
.mMenu.is-open .mMenu__backdrop{opacity:1}
.mMenu.is-open .mMenu__panel{transform:translateX(0);opacity:1}
.mMenu__top{
  position:sticky;
  top:0;
  background:rgba(246,241,232,.92);
  padding:8px 8px 12px;
  border-radius:20px;
  min-height:56px;
  display:flex;
  align-items:center;
}
.mMenu__logo{
  height:36px;
  width:auto;
  border-radius:12px;
  border:1px solid rgba(20,17,12,.10);
  background:#fff;
  box-shadow:0 12px 34px rgba(10,8,6,.08);
}
.mMenu__x{
  margin-left:auto;
  width:46px;height:46px;
  border-radius:999px;
  border:1px solid rgba(20,17,12,.12);
  background:rgba(255,255,255,.55);
  color:rgba(20,17,12,.72);
  cursor:pointer;
  box-shadow:0 18px 55px rgba(10,8,6,.10);
}
.mMenu__langs{
  display:flex;
  gap:10px;
  padding:10px 8px 6px;
}
.mMenu__langs a{
  flex:1;
  text-align:center;
  padding:12px 10px;
  border-radius:999px;
  text-decoration:none;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  border:1px solid rgba(20,17,12,.10);
  background:rgba(255,255,255,.70);
  color:rgba(20,17,12,.72);
}
.mMenu__langs a.is-active{
  background:rgba(20,17,12,.72);
  color:#fff;
}
.mMenu__links{
  margin-top:10px;
  padding:0 8px;
  display:grid;
}
.mMenu__links a{
  display:block;
  padding:16px 10px;
  text-decoration:none;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:13px;
  color:rgba(20,17,12,.78);
  border-bottom:1px solid rgba(20,17,12,.10);
}
.mMenu__links a:last-child{border-bottom:0}
.mMenu__links a:hover{background:rgba(20,17,12,.05);border-radius:14px}

@media (min-width: 981px){
  .siteNav__burger{display:none}
  .mMenu{display:none !important}
}

@media (prefers-reduced-motion: reduce){
  .mMenu__backdrop,
  .mMenu__panel,
  .siteNav__burger span{
    transition:none !important;
  }
}
.langSwitch{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border-radius:999px;
  border:1px solid rgba(20,17,12,.14);
  background:rgba(255,255,255,.55);
  box-shadow:0 14px 42px rgba(10,8,6,.08);
}
.langSwitch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:30px;
  min-width:36px;
  padding:0 10px;
  border-radius:999px;
  text-decoration:none;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(20,17,12,.74);
  border:1px solid transparent;
  transition:background .18s ease, transform .18s ease, border-color .18s ease;
}
.langSwitch a:hover{background:rgba(20,17,12,.06);transform:translateY(-1px)}
.langSwitch a.is-active{
  background:linear-gradient(135deg, rgba(199,154,86,.92), rgba(124,90,45,.86));
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
.header__phone{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 18px;
  border-radius:999px;
  border:1px solid rgba(20,17,12,.14);
  background:
    radial-gradient(160px 80px at 20% 0%, rgba(199,154,86,.18), transparent 60%),
    rgba(255,255,255,.62);
  text-decoration:none;
  color:rgba(20,17,12,.86);
  box-shadow:0 14px 42px rgba(10,8,6,.10);
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.header__phone:hover{
  background:
    radial-gradient(160px 80px at 20% 0%, rgba(199,154,86,.22), transparent 62%),
    rgba(255,255,255,.80);
  box-shadow:0 18px 60px rgba(10,8,6,.14);
  transform:translateY(-1px)
}
.header__phoneIcon{
  width:30px;height:30px;border-radius:999px;
  display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(199,154,86,.92), rgba(124,90,45,.86));
  color:#fff;
  box-shadow:0 12px 28px rgba(124,90,45,.20);
  position:relative;
}
.header__phoneIcon::after{
  content:"";
  position:absolute;inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.28), transparent 58%);
  pointer-events:none;
}
.header__phoneIcon svg{width:17px;height:17px;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}
.header__phoneText{font-size:13px;letter-spacing:.02em;white-space:nowrap}
@media (min-width: 981px){
  .nav__panel a{
    text-decoration:none;
    font-size:13px;
    letter-spacing:.04em;
    color:rgba(20,17,12,.82);
    padding:10px 10px;
    border-radius:999px;
    transition:background .2s ease, transform .2s ease;
  }
  .nav__panel a:hover{background:rgba(20,17,12,.06)}
}

.nav__toggle{
  display:none;
  width:52px;height:52px;border-radius:999px;
  border:1px solid rgba(20,17,12,.14);
  background:rgba(255,255,255,.66);
  box-shadow:0 18px 55px rgba(10,8,6,.10);
  cursor:pointer;
  padding:0;
}
.nav__backdrop{display:none}
.nav__lang{display:none}
.nav__panelTop{display:none}
.nav__panelClose{display:none}
.nav__drawerHead{display:none}
.nav__drawerX{display:none}
.nav__drawerBrand{display:none}
.nav__drawerTitle{display:none}
.nav__item{display:none}
.nav__num{display:none}
.nav__toggle span{
  display:block;
  width:20px;
  height:2px;
  margin:0 auto;
  background:rgba(20,17,12,.78);border-radius:99px;
  transition:transform .18s ease, opacity .18s ease;
}
.nav__toggle span+span{margin-top:6px}
.nav__toggle span:nth-child(2){width:20px;opacity:.9}
.nav__toggle span:nth-child(3){width:20px}

/* Turn burger into X when menu open */
.nav.is-open .nav__toggle span:nth-child(1){transform:translateY(8px) rotate(45deg); width:18px}
.nav.is-open .nav__toggle span:nth-child(2){opacity:0}
.nav.is-open .nav__toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg); width:18px}

/* Hero */
.hero{position:relative; min-height:92svh; display:grid; align-items:center; overflow:hidden}
.hero__media{position:absolute;inset:0}
.hero__media{
  background: center / cover no-repeat url("img/gal-02.jpg");
}
.hero__media.is-fallback{
  background: center / cover no-repeat url("img/gal-02.jpg");
}
.hero__video{opacity:1}
.hero__media.is-loading .hero__video{opacity:0}
.hero__media.is-fallback .hero__video{opacity:0}
.hero__video{transition:opacity .45s ease}
.hero__video{
  width:100%;height:100%;
  object-fit:cover;
  object-position: var(--hero-pos-x) var(--hero-pos-y);
  /* Filters/scale on a big video can stutter on some devices */
  transform:none;
  filter:none;
}
.hero__grain{
  position:absolute;inset:-40%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
  opacity:.14;mix-blend-mode:overlay;
  animation:grain 7s steps(6) infinite;
}
@keyframes grain{0%{transform:translate(0,0)} 20%{transform:translate(-2%,3%)} 40%{transform:translate(2%,-1%)} 60%{transform:translate(-3%,1%)} 80%{transform:translate(1%,-3%)} 100%{transform:translate(0,0)}}
.hero__vignette{
  position:absolute;inset:0;
  background:
    /* left readability veil */
    linear-gradient(90deg, rgba(15,14,12,.78) 0%, rgba(15,14,12,.38) 42%, rgba(15,14,12,.18) 70%, rgba(15,14,12,.12) 100%),
    /* soft spotlights */
    radial-gradient(900px 520px at 18% 12%, rgba(15,14,12,.30), transparent 60%),
    radial-gradient(1000px 700px at 80% 40%, rgba(15,14,12,.36), transparent 62%),
    /* top/bottom cinematic gradient */
    linear-gradient(to bottom, rgba(15,14,12,.70), rgba(15,14,12,.18) 44%, rgba(15,14,12,.82));
}
.hero__inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns: 1.12fr .88fr;
  gap:30px;
  padding:84px 0 96px;
  color:rgba(246,241,232,.96);
}
.kicker{
  margin:0 0 14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.92;
}
.hero__title{
  margin:0;
  font-family:var(--sans);
  font-weight:700;
  font-size: clamp(28px, 3.825vw, 48px);
  line-height:1.04;
  letter-spacing:.01em;
}
.hero__lead{
  margin:16px 0 22px;
  max-width:52ch;
  color:rgba(246,241,232,.86);
  font-size:15px;
  line-height:1.6;
}
/* hero badge removed by request */
.hero__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hero__actions .btn--primary{padding-inline:20px}
.hero__chips{display:flex;flex-wrap:wrap;gap:8px}
.hero__chipsBottom{
  position:absolute;
  left:0;right:0;bottom:22px;
  z-index:3;
  pointer-events:none;
}
.hero__chipsBottom .hero__chips{pointer-events:auto}

.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background:rgba(246,241,232,.12);
  border:1px solid rgba(246,241,232,.18);
  color:rgba(246,241,232,.9);
  font-size:12px;
}
.chip--dark{
  background:rgba(20,17,12,.10);
  border-color:rgba(20,17,12,.16);
  color:rgba(20,17,12,.84);
}

@media (max-width: 720px){
  .hero__chips{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .hero__chips .chip{justify-content:center; white-space:nowrap}
  .hero__chips .chip:nth-child(3){grid-column:1 / -1}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  user-select:none;
}
.btn--primary{
  background:linear-gradient(135deg, rgba(199,154,86,.92), rgba(124,90,45,.86));
  color:#fff;
  box-shadow:0 18px 50px rgba(124,90,45,.28);
}
.btn--primary:hover{transform:translateY(-1px)}
.btn--ghost{
  background:rgba(246,241,232,.10);
  border-color:rgba(246,241,232,.22);
  color:rgba(246,241,232,.92);
}
.btn--ghost:hover{background:rgba(246,241,232,.14);transform:translateY(-1px)}
.btn--link{
  padding:10px 6px;
  color:rgba(246,241,232,.86);
  text-decoration:underline;
  text-underline-offset:3px;
  opacity:.92;
}

.hero__orb{
  display:grid;place-items:center;
  justify-self:end;
  width:min(360px, 36vw);
  aspect-ratio:1/1;
  align-self:center;
  /* Drop-shadow on big SVG can stutter on mobile GPUs */
  filter:none;
  position:relative;
}
.hero__orb::before{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(0,0,0,.22), transparent 62%);
  filter:blur(18px);
  opacity:.55;
  pointer-events:none;
}
.orb{
  width:100%;
  height:100%;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  will-change: transform;
  animation:orbRotate 22s linear infinite;
}
.orb__ring{fill:rgba(246,241,232,.10);stroke:rgba(246,241,232,.22);stroke-width:1}
.orb__text{
  font-size:11px;
  letter-spacing:.22em;
  fill:rgba(246,241,232,.92);
  text-transform:uppercase;
  font-family:var(--sans);
  font-weight:700;
}
@keyframes orbRotate{to{transform:rotate(360deg)}}

/* Sections */
.section{padding:76px 0}
.section--flush{padding:70px 0 20px}
.section--split{padding:86px 0}
.section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.h2{
  margin:0;
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:.02em;
  font-size: clamp(28px, 3vw, 42px);
}
.sub{margin:0; max-width:62ch; color:var(--muted); font-size:14px; line-height:1.6}
.lead{color:var(--muted);font-size:15px;line-height:1.75;margin:12px 0 0}
.lead--soft{color:rgba(20,17,12,.62)}

.split{display:grid;grid-template-columns: 1.02fr .98fr; gap:26px; align-items:center}
.aboutMedia{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:12px;
}
.aboutMedia img{
  border-radius:var(--radius2);
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.22);
  height:100%;
  width:100%;
  object-fit:cover;
}
.aboutMedia img:nth-child(2){
  align-self:end;
  min-height: 240px;
}
.split__media img{
  border-radius:var(--radius2);
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.22);
}
.split__content{padding:10px 0}
/* Accent bar removed by request */

.aboutQuote{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(20,17,12,.10);
  background:rgba(255,255,255,.68);
  box-shadow:0 12px 34px rgba(10,8,6,.06);
}
.aboutQuote__mark{
  font-family:var(--sans);
  font-weight:700;
  font-size:24px;
  color:rgba(124,90,45,.92);
  line-height:1;
}
.aboutQuote__text{
  font-size:14px;
  letter-spacing:.02em;
  color:rgba(20,17,12,.78);
}
.bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.bullet{
  border-radius:16px;
  padding:14px 14px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(20,17,12,.10);
  box-shadow:0 18px 50px rgba(10,8,6,.08);
  backdrop-filter: blur(8px);
}
.bullet__title{font-weight:700;letter-spacing:.02em;margin-bottom:6px}
.bullet__text{color:var(--muted);font-size:14px;line-height:1.55}
.about__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.about__cta .btn--ghost{color:var(--ink);border-color:rgba(20,17,12,.16);background:rgba(255,255,255,.62)}
.about__cta .btn--ghost:hover{background:rgba(255,255,255,.75)}

/* Story */
.section--story{
  padding:86px 0 90px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 12% 10%, rgba(199,154,86,.14), transparent 58%),
    radial-gradient(900px 520px at 92% 30%, rgba(124,90,45,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,241,232,.55));
  border-top:1px solid rgba(20,17,12,.08);
  border-bottom:1px solid rgba(20,17,12,.08);
}
.section--story::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    repeating-linear-gradient(135deg, rgba(20,17,12,.03) 0 1px, transparent 1px 10px);
  opacity:.12;
  pointer-events:none;
}
.story{position:relative;z-index:1}
.story__head{max-width:78ch;margin-bottom:22px}
.story__kicker{
  margin:0 0 10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(124,90,45,.92);
}
.story__title{margin-bottom:10px}
.story__lead{margin:0}
.storyBlocks{display:grid;gap:16px}
.storyBlock{
  display:grid;
  grid-template-columns: minmax(260px, .95fr) minmax(320px, 1.25fr);
  gap:18px;
  align-items:center;
  padding:14px;
  border-radius:26px;
  border:1px solid rgba(20,17,12,.08);
  background:rgba(255,255,255,.55);
  box-shadow:0 18px 60px rgba(10,8,6,.08);
  backdrop-filter: blur(10px);
}
.storyBlock.is-rev{grid-template-columns: minmax(320px, 1.25fr) minmax(260px, .95fr)}
.storyBlock.is-rev .storyBlock__media{order:2}
.storyBlock.is-rev .storyBlock__text{order:1}
.storyBlock__media{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(20,17,12,.10);
  background:#fff;
  aspect-ratio: 4 / 3;
}
.storyBlock__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.storyBlock__text{display:grid;gap:12px}
.storyBlock__text .lead{margin:0}
.story__grid{
  display:grid;
  grid-template-columns: minmax(260px, .95fr) minmax(320px, 1.25fr);
  gap:18px;
  align-items:start;
}
.story__stack{
  display:flex;
  flex-direction:column;
  align-self:start;
  width:100%;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(20,17,12,.10);
  box-shadow:0 22px 70px rgba(10,8,6,.12);
  background:#fff;
}
.story__figure{
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.story__figure img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.story__figure--tall{
  aspect-ratio: 4 / 5;
  min-height:min(520px, 62svh);
}
.story__figure--tall img{min-height:inherit}
.story__figure--wide{
  flex:0 0 auto;
  aspect-ratio: 21 / 9;
  max-height:360px;
}
.story__copy{display:grid;gap:12px}
.story__thumbs{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(20,17,12,.10);
}
.story__figure--thumb{
  aspect-ratio: 1 / 1;
  max-height:200px;
}
.story__figure--thumb img{height:100%}
.storyQuote{
  margin:6px 0 0;
  padding:16px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(20,17,12,.10);
  background:rgba(255,255,255,.70);
  box-shadow:0 16px 50px rgba(10,8,6,.08);
}
.storyQuote__mark{
  font-family:var(--sans);
  font-weight:800;
  font-size:26px;
  line-height:1;
  color:rgba(124,90,45,.92);
  display:block;
  margin-bottom:6px;
}
.storyQuote__text{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(17px, 2.2vw, 22px);
  line-height:1.55;
  color:rgba(20,17,12,.86);
}
.storyQuote__by{
  margin-top:12px;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(20,17,12,.52);
}

/* Gallery */
.gallery{
  width:var(--container);
  margin-inline:auto;
  padding:0;
  column-width:320px;
  column-gap:12px;
}
.gallery__item{
  margin:0;
  display:inline-block;
  width:100%;
  margin:0 0 12px;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 18px 60px rgba(10,8,6,.12);
  background:#fff;
  transform:translateZ(0);
  break-inside:avoid;
}
.gallery__item img{
  width:100%;
  height:auto;
  object-fit:cover;
  transition:transform .55s ease;
}
.gallery__item:hover img{transform:scale(1.05)}

/* Lightbox */
.lightbox{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
}
.lightbox.is-open{display:block}
.lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,14,12,.78);
  backdrop-filter: blur(10px) saturate(1.1);
}
.lightbox__panel{
  position:absolute;
  inset:18px;
  display:grid;
  place-items:center;
  pointer-events:none;
}
.lightbox__img{
  max-width:min(1100px, 92vw);
  max-height:calc(100svh - 120px);
  width:auto;
  height:auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 40px 140px rgba(0,0,0,.55);
  background:#fff;
  pointer-events:auto;
}
.lightbox__ui{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.lightbox__btn{
  pointer-events:auto;
  position:absolute;
  width:44px;height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(246,241,232,.10);
  color:rgba(246,241,232,.92);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;
  backdrop-filter: blur(10px);
}
.lightbox__btn:hover{transform:translateY(-1px);background:rgba(246,241,232,.14);border-color:rgba(255,255,255,.30)}
.lightbox__btn:active{transform:translateY(0)}
.lightbox__btn--close{top:18px;right:18px}
.lightbox__btn--prev{left:18px;top:50%;transform:translateY(-50%)}
.lightbox__btn--next{right:18px;top:50%;transform:translateY(-50%)}
.lightbox__btn--prev:hover,.lightbox__btn--next:hover{transform:translateY(-50%) translateY(-1px)}
.lightbox__btn svg{width:18px;height:18px;display:block}
.lightbox__caption{
  pointer-events:none;
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  display:flex;
  justify-content:center;
}
.lightbox__captionInner{
  max-width:min(900px, 92vw);
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(15,14,12,.35);
  color:rgba(246,241,232,.86);
  font-size:12px;
  letter-spacing:.02em;
  text-align:center;
  backdrop-filter: blur(10px);
}

@media (max-width: 720px){
  .lightbox__panel{inset:12px}
  .lightbox__btn--close{top:12px;right:12px}
  .lightbox__btn--prev{left:12px}
  .lightbox__btn--next{right:12px}
}

/* Menu block */
.section--menu{padding:86px 0 96px}
.menuBlock__head{margin-bottom:16px}
.menuBlock__card{
  position:relative;
  border-radius:28px;
  border:1px solid rgba(20,17,12,.12);
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.6));
  box-shadow:0 30px 90px rgba(10,8,6,.16);
}
.menuBlock__content{
  position:relative;
  padding:22px 22px 16px;
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
}
.menuBlock__title{
  font-family:var(--sans);
  font-size:22px;
  font-weight:700;
}
.menuBlock__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-left:auto}
.menuBlock__actions .btn--ghost{color:var(--ink);border-color:rgba(20,17,12,.16);background:rgba(255,255,255,.65)}
.menuBlock__actions .btn--ghost:hover{background:rgba(255,255,255,.8)}
.menuBlock__preview{
  position:relative;
  border-top:1px solid rgba(20,17,12,.10);
  aspect-ratio: 16 / 11;
  background:rgba(255,255,255,.7);
}
.menuBlock__preview iframe{width:100%;height:100%;border:0}

/* 3-window menu layout */
.menuGrid{
  padding:22px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.menuWin{
  position:relative;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(20,17,12,.12);
  background:
    radial-gradient(900px 320px at 50% 0%, rgba(199,154,86,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
  box-shadow:0 24px 80px rgba(10,8,6,.10);
  transform:translateZ(0);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.menuWin::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,14,12,0) 0%, rgba(15,14,12,.10) 62%, rgba(15,14,12,.12) 100%);
  pointer-events:none;
  opacity:.9;
}
.menuWin:hover{
  transform:translateY(-6px) scale(1.01);
  border-color:rgba(199,154,86,.50);
  box-shadow:0 46px 140px rgba(10,8,6,.18);
}
.menuWin__img{
  width:100%;
  height:310px;
  object-fit:cover;
  display:block;
}
.menuWin__body{
  position:relative;
  z-index:1;
  padding:18px 18px 16px;
}
.menuWin__title{
  font-weight:800;
  letter-spacing:.01em;
  font-size:18px;
  margin-bottom:6px;
}
.menuWin__sub{
  color:rgba(20,17,12,.64);
  font-size:14px;
  line-height:1.45;
}
.menuWin__meta{
  margin-top:10px;
  display:grid;
  gap:6px;
  color:rgba(20,17,12,.68);
  font-size:13px;
  line-height:1.35;
}
.menuWin__meta a{
  color:rgba(20,17,12,.84);
  text-decoration:none;
  font-weight:700;
  letter-spacing:.02em;
}
.menuWin__meta a:hover{text-decoration:underline;text-underline-offset:3px}
.menuWin__actions{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:stretch;
}
.menuWin__actions .btn{width:100%}
.menuWin__actions .btn--primary{
  background:linear-gradient(135deg, rgba(214,171,98,.98), rgba(124,90,45,.92));
  box-shadow:0 20px 60px rgba(124,90,45,.34);
}
.menuWin__actions .btn--primary:hover{transform:translateY(-2px);box-shadow:0 28px 90px rgba(124,90,45,.40)}
.btn--disabled{
  opacity:.72;
  cursor:not-allowed;
  filter:saturate(.85) contrast(.95);
  box-shadow:0 14px 46px rgba(124,90,45,.22) !important;
}
.menuWin--soon{opacity:.78}
.menuWin--soon:hover{transform:none;box-shadow:0 24px 80px rgba(10,8,6,.10);border-color:rgba(20,17,12,.12)}
.menuWin__soonBtn{
  pointer-events:none;
  justify-self:stretch;
  text-align:center;
  opacity:.85;
}

/* Contacts */
.section--contactsDark{padding:0}
.contactsHero{
  position:relative;
  color:rgba(20,17,12,.92);
  background:
    radial-gradient(1200px 900px at 18% -10%, rgba(199,154,86,.16), transparent 55%),
    radial-gradient(900px 700px at 86% 20%, rgba(124,90,45,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.40));
  border-top:1px solid rgba(20,17,12,.08);
  border-bottom:1px solid rgba(20,17,12,.08);
  overflow:hidden;
}
.contactsHero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(246,241,232,.92), rgba(246,241,232,.68) 48%, rgba(246,241,232,.86)),
    center / cover no-repeat url("img/gal-05.jpg");
  opacity:.18;
  filter:saturate(.9) contrast(1.05);
  pointer-events:none;
}
.contactsHero__fog{
  position:absolute;inset:-1px;
  background:
    radial-gradient(900px 600px at 20% 50%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(900px 600px at 80% 40%, rgba(255,255,255,.35), transparent 62%),
    linear-gradient(90deg, rgba(20,17,12,.02), rgba(20,17,12,.06) 38%, rgba(20,17,12,.02));
  pointer-events:none;
  mix-blend-mode:normal;
}
.contactsHero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  padding:52px 0 56px;
  align-items:start;
}
.contactsPanel{
  min-width:0;
  border-radius:26px;
  border:1px solid rgba(20,17,12,.10);
  background:
    radial-gradient(900px 520px at 18% 12%, rgba(199,154,86,.10), transparent 58%),
    rgba(255,255,255,.72);
  box-shadow:0 18px 60px rgba(10,8,6,.10);
  padding:20px 20px;
  backdrop-filter: blur(10px);
}
.contactsPanel--left{padding-bottom:18px}
.contactsPanel--right{padding-bottom:18px}

.contactsHero__brand{
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:18px;
}
.contactsHero__logo{
  height:44px;
  width:auto;
  border-radius:14px;
  border:1px solid rgba(20,17,12,.10);
  background:#fff;
  box-shadow:0 14px 40px rgba(10,8,6,.10);
}
.contactsHero__small{margin-top:8px;color:rgba(20,17,12,.58);font-size:12px;letter-spacing:.10em;text-transform:uppercase}
.contactsHero__list{margin-top:18px;display:grid;gap:12px}
.contactsHero__row{display:grid;gap:6px}
.contactsHero__k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(20,17,12,.48)}
.contactsHero__v{color:rgba(20,17,12,.88);text-decoration:none;font-size:14px;line-height:1.5}
.contactsHero__v:hover{color:rgba(20,17,12,1)}
.contactsHero__social{display:flex;gap:10px;margin-top:18px}
.socialBtn{
  width:40px;height:40px;border-radius:999px;
  display:grid;place-items:center;
  border:1px solid rgba(20,17,12,.14);
  background:rgba(255,255,255,.58);
  color:rgba(20,17,12,.82);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
  position:relative;
  overflow:hidden;
}
.socialBtn:hover{transform:translateY(-1px);background:rgba(255,255,255,.76);border-color:rgba(20,17,12,.18)}
.socialBtn svg{width:19px;height:19px;display:block}
.socialBtn--ig::before{
  content:"";
  position:absolute;inset:-1px;
  background:conic-gradient(from 210deg, rgba(199,154,86,.95), rgba(124,90,45,.90), rgba(199,154,86,.95));
  opacity:.18;
}
.socialBtn--ig svg{position:relative;z-index:1}

.contactsPanel--right{justify-self:end; width:min(460px, 100%)}
.contactsHero__formTitle{
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:.02em;
  font-size:18px;
  margin-bottom:14px;
}
.darkForm{display:grid;gap:12px}
.darkField{display:grid;gap:8px}
.darkField span{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(20,17,12,.46);
}
.darkField input{
  height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(20,17,12,.12);
  background:rgba(255,255,255,.76);
  color:rgba(20,17,12,.92);
  outline:none;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.0);
}
.darkField input::placeholder{color:rgba(20,17,12,.42)}
.darkField input:focus{
  border-color:rgba(199,154,86,.55);
  box-shadow:0 0 0 4px rgba(199,154,86,.18);
}
.darkSubmit{
  height:46px;
  border-radius:999px;
  border:0;
  background:linear-gradient(135deg, rgba(199,154,86,.92), rgba(124,90,45,.86));
  color:#fff;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 18px 55px rgba(124,90,45,.24);
  transition:transform .18s ease, box-shadow .18s ease;
}
.darkSubmit:hover{transform:translateY(-1px);box-shadow:0 24px 80px rgba(124,90,45,.30)}
.darkSubmit:focus{outline:none}
.darkSubmit:focus-visible{box-shadow:0 0 0 4px rgba(199,154,86,.22), 0 24px 80px rgba(124,90,45,.30)}


.extras{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;margin-top:14px;
}
.extras__item{
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.60);
  padding:14px;
  box-shadow:0 12px 32px rgba(10,8,6,.06);
}
.extras__title{font-weight:700;margin-bottom:6px}
.extras__text{color:var(--muted);font-size:13px;line-height:1.55}

/* Footer */
.footer{
  background:
    radial-gradient(900px 520px at 22% -10%, rgba(199,154,86,.26), transparent 62%),
    radial-gradient(800px 520px at 82% 20%, rgba(124,90,45,.18), transparent 60%),
    linear-gradient(180deg, rgba(24,20,16,.94), rgba(12,11,10,.98));
  color:rgba(246,241,232,.94);
  position:relative;
  overflow:hidden;
}
.footer::before{
  content:"";
  position:absolute;
  inset:-40%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  opacity:.08;
  mix-blend-mode:overlay;
  animation:grain 9s steps(7) infinite;
  pointer-events:none;
}
.footer__inner{
  padding:34px 0;
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  position:relative;
  z-index:1;
}
.footer__brand{font-family:var(--sans);font-size:20px;letter-spacing:.12em;text-transform:uppercase}
.footer__small{margin-top:6px;color:rgba(246,241,232,.72);font-size:13px;line-height:1.5}
.footer__right{display:flex;flex-wrap:wrap;gap:14px}
.footer__right a{
  color:rgba(246,241,232,.86);
  text-decoration:none;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(246,241,232,.16);
  background:rgba(246,241,232,.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.footer__right a:hover{
  transform:translateY(-1px);
  background:rgba(246,241,232,.08);
  border-color:rgba(246,241,232,.22);
  box-shadow:0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
}
.footer__bottom{border-top:1px solid rgba(246,241,232,.12)}
.footer__bottomInner{
  padding:14px 0;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  color:rgba(246,241,232,.72);
  font-size:13px;
  position:relative;
  z-index:1;
}
.footer__bottomInner a{color:rgba(246,241,232,.82);text-decoration:none}
.footer__sep{opacity:.5}

.footer__locs{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  position:relative;
  z-index:1;
}
.footerLoc{
  border-radius:22px;
  border:1px solid rgba(246,241,232,.14);
  background:rgba(246,241,232,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  overflow:hidden;
  padding:14px 14px 12px;
}
.footerLoc__t{
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(246,241,232,.92);
}
.footerLoc__a{
  margin-top:6px;
  color:rgba(246,241,232,.72);
  font-size:13px;
  line-height:1.5;
}
.footerLoc__meta{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:baseline;
}
.footerLoc__tel{
  color:rgba(246,241,232,.92);
  text-decoration:none;
  border-bottom:1px solid rgba(246,241,232,.22);
  padding-bottom:2px;
}
.footerLoc__hrs{
  color:rgba(246,241,232,.66);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.footerLoc__link{
  margin-top:10px;
  display:inline-flex;
  color:rgba(246,241,232,.86);
  text-decoration:none;
  border-bottom:1px solid rgba(246,241,232,.22);
  padding-bottom:2px;
  align-self:flex-start;
}
.footerLoc__map{
  margin-top:12px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(246,241,232,.14);
  background:rgba(0,0,0,.08);
  aspect-ratio: 16 / 10;
}
.footerLoc__map iframe{width:100%;height:100%;border:0}
.footerLoc--soon{opacity:.78}
.footerLoc__soonText{margin-top:10px;color:rgba(246,241,232,.60);font-size:12px;line-height:1.5}

.form{display:grid;gap:10px}
.field{display:grid;gap:8px}
.field span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(20,17,12,.56)}
.field input,.field textarea{
  border-radius:14px;
  border:1px solid rgba(20,17,12,.14);
  background:rgba(255,255,255,.86);
  padding:12px 12px;
  outline:none;
}
.field input:focus,.field textarea:focus{border-color:rgba(199,154,86,.65);box-shadow:0 0 0 4px rgba(199,154,86,.18)}
.form__submit{justify-self:start}
.form__hint{color:rgba(20,17,12,.62);font-size:12px;line-height:1.5}

/* Reveal animation */
[data-reveal]{
  opacity:1;
  transform:none;
}
/* Only animate when JS is actually running.
   This keeps content visible when opened via file:// (module scripts can be blocked). */
.reveal-ready [data-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
  will-change:transform, opacity;
}
.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}

/* Responsive */
@media (max-width: 980px){
  :root{
    --hero-pos-y: 62%;
  }
  .hero__inner{grid-template-columns:1fr; padding:76px 0 98px}
  .hero__orb{justify-self:start;width:min(320px, 72vw)}
  .split{grid-template-columns:1fr}
  .aboutMedia{grid-template-columns:1fr}
  .aboutMedia img:nth-child(2){min-height:unset}
  .bullets{grid-template-columns:1fr}
  .section__head{flex-direction:column;align-items:flex-start}
  .gallery{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    column-count:unset;
    column-width:auto;
  }
  .gallery__item{
    display:block;
    margin:0;
    break-inside:auto;
    aspect-ratio: 4 / 5;
  }
  .gallery__item img{height:100%}
  .gallery__item--hideMobile{display:none !important}
  .menuGrid{grid-template-columns:repeat(2, 1fr); padding:18px}
  .menuWin__img{height:260px}
  .storyBlocks{gap:14px}
  .storyBlock{grid-template-columns:1fr}
  .storyBlock.is-rev{grid-template-columns:1fr}
  .storyBlock.is-rev .storyBlock__media{order:0}
  .storyBlock.is-rev .storyBlock__text{order:0}
  .contactsHero__inner{grid-template-columns:1fr; gap:12px; padding:40px 0 40px}
  .contactsPanel--right{justify-self:stretch; width:100%}

  /* Drawer navigation (phones + tablets) */
  .nav{justify-self:end}
  .nav__toggle{display:inline-grid;place-items:center}
  .nav__panel{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(360px, 84vw);
    display:grid;
    gap:10px;
    padding:18px 16px 14px;
    border-radius:28px 0 0 28px;
    background:rgba(246,241,232,.96);
    border-left:1px solid rgba(20,17,12,.12);
    box-shadow:-26px 0 90px rgba(10,8,6,.22);
    transform:translateX(102%);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
    overflow:auto;
    z-index:89;
  }
  .nav.is-open .nav__panel{opacity:1;transform:translateX(0);pointer-events:auto}

  .nav__backdrop{
    display:block;
    position:fixed;
    inset:0;
    border:0;
    background:rgba(10,8,6,.42);
    backdrop-filter: blur(10px);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
    z-index:88;
  }
  .nav.is-open .nav__backdrop{opacity:1;pointer-events:auto}

  .nav__panelTop{display:block;padding:6px 6px 12px}
  .nav__drawerHead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:2px 6px 10px;
  }
  .nav__drawerMeta{display:grid;gap:4px}
  .nav__drawerBrand{
    display:block;
    font-family:var(--sans);
    letter-spacing:.22em;
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
    color:rgba(20,17,12,.52);
  }
  .nav__drawerTitle{
    display:block;
    font-family:var(--sans);
    font-weight:700;
    font-size:22px;
    letter-spacing:.02em;
    color:rgba(20,17,12,.92);
  }
  .nav__drawerX{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:999px;
    border:1px solid rgba(20,17,12,.12);
    background:rgba(255,255,255,.55);
    color:rgba(20,17,12,.72);
    cursor:pointer;
    box-shadow:0 18px 55px rgba(10,8,6,.10);
  }

  .nav__lang{
    display:flex;
    margin:0;
    gap:8px;
  }
  .nav__lang a{
    flex:1;
    text-align:center;
    padding:10px 10px;
    border-radius:999px;
    text-decoration:none;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:12px;
    border:1px solid rgba(20,17,12,.10);
    background:rgba(255,255,255,.70);
    color:rgba(20,17,12,.72);
  }
  .nav__lang a.is-active{
    border-color:rgba(20,17,12,.10);
    background:rgba(20,17,12,.72);
    color:#fff;
  }

  .nav__item{
    display:grid;
    grid-template-columns: 1fr;
    align-items:center;
    padding:14px 10px;
    border-radius:14px;
    text-decoration:none;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size:13px;
    color:rgba(20,17,12,.80);
    border-bottom:1px solid rgba(20,17,12,.10);
  }
  .nav__item:last-of-type{border-bottom:0}
  .nav__item:hover{background:rgba(20,17,12,.06)}
  .nav__num{display:none}
  .nav__panelClose{display:none}

  /* Ensure ALL links inside drawer look consistent */
  .nav__panel a{
    display:block;
    text-decoration:none;
    color:rgba(20,17,12,.80);
    border-radius:14px;
  }

  .nav__panelTop{
    position:sticky;
    top:0;
    background:rgba(246,241,232,.96);
    z-index:1;
  }
  .footer__locs{grid-template-columns:1fr; gap:12px}
}

@media (max-width: 720px){
  .brand__logo{height:50px}
  .header__phone{padding:6px 14px}
  .header__phoneText{display:none}
  .header__inner{
    grid-template-columns:auto 1fr auto;
    gap:10px;
  }
  .langSwitch{display:none}
  .header__right{justify-self:center}

  .menuBlock__content{flex-direction:column}
  .menuBlock__actions{margin-left:0}
  .menuGrid{grid-template-columns:1fr; gap:14px; padding:14px}
  .menuWin__img{height:240px}
  .section--story{padding:72px 0 78px}
  .storyBlock{padding:12px; border-radius:22px}
  .storyBlock__media{border-radius:18px; aspect-ratio: 16 / 10}
  /* About media: compact editorial collage */
  .aboutMedia{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
  }
  .aboutMedia img{
    aspect-ratio: 4 / 5;
    height:auto;
    width:100%;
    object-fit:cover;
    border-radius:22px;
  }

  /* Gallery: 2 columns on mobile → two “rows” of tiles as you scroll */
  .gallery{
    width:var(--container);
    margin-inline:auto;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .gallery__item{
    display:block;
    margin:0;
    break-inside:auto;
    aspect-ratio: 4 / 5;
  }
  .gallery__item img{
    height:100%;
  }
  .gallery__item--hideMobile{display:none !important}
}

/* On small screens, keep poster-first behavior (video fades in when ready). */

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .hero__grain{animation:none}
  .orb{animation:none}
  *{transition-duration:.001ms !important; animation-duration:.001ms !important}
}