:root{
  --bg:#0b0b0c;
  --surface:#111114;
  --surface-2:#15151a;
  --text:#f4f4f5;
  --muted:#b7b7c2;
  --muted-2:#8f8fa0;
  --accent:#d1b36a;
  --accent-2:#b9973c;
  --border:rgba(255,255,255,.10);
  --shadow:0 18px 60px rgba(0,0,0,.55);
  --radius:18px;
  --radius-sm:14px;
  --max:1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:radial-gradient(1000px 600px at 10% 10%, rgba(209,179,106,.10), transparent 60%),
             radial-gradient(900px 600px at 80% 0%, rgba(117,89,255,.10), transparent 55%),
             var(--bg);
  color:var(--text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.55;
  overflow-x:hidden;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--text)}
p{margin:0 0 14px}
h1,h2,h3{font-family:Fraunces, Georgia, serif; margin:0 0 12px; line-height:1.1}
h1{font-size:clamp(34px, 4vw, 56px); letter-spacing:.2px}
h2{font-size:clamp(26px, 2.8vw, 38px)}
h3{font-size:22px}

.container{max-width:var(--max); margin:0 auto; padding:0 22px}

.muted{color:var(--muted)}
.small{font-size:13px;color:var(--muted-2)}
.link{color:var(--accent); font-weight:600}
.link:hover{color:var(--text)}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid var(--border);
  background:transparent;
  color:var(--text);
  font-weight:600;
  letter-spacing:.2px;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  cursor:pointer;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.22); box-shadow:0 10px 30px rgba(0,0,0,.35)}
.btn-primary{
  border:none;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  color:#0b0b0c;
}
.btn-primary:hover{box-shadow:0 16px 46px rgba(209,179,106,.25)}
.btn-ghost{
  background:rgba(255,255,255,.06);
}
.btn-ghost:hover{background:rgba(255,255,255,.09)}

.site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:200;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(11,11,12,.78);
  -webkit-backdrop-filter:saturate(130%) blur(14px);
  backdrop-filter:saturate(130%) blur(14px);
}
.site-header .header-inner{
  width:calc(100% - 32px);
  max-width:1680px;
  margin-inline:auto;
  padding:10px 0;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  position:relative;
}
.logo{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  min-width:0;
}
.logo img{
  height:74px;
  max-height:74px;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 2px 14px rgba(0,0,0,.55));
}
.header-inner>.logo{
  grid-column:2;
  justify-self:center;
}
.nav-toggle{
  grid-column:3;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  min-width:46px;
  height:42px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.06);
  color:var(--text);
  border-radius:14px;
  padding:10px;
  cursor:pointer;
}
.nav-toggle-lines{
  width:22px;
  height:14px;
  position:relative;
  display:block;
}
.nav-toggle-lines::before,
.nav-toggle-lines::after,
.nav-toggle-lines span{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:var(--text);
  border-radius:2px;
}
.nav-toggle-lines::before{top:0}
.nav-toggle-lines::after{bottom:0}
.nav-toggle-lines span{top:6px}
.nav-toggle:hover,
.nav-toggle:focus-visible{background:rgba(255,255,255,.10)}
.nav-toggle:focus-visible,
.nav-close:focus-visible,
.nav-link:focus-visible,
.dropdown-link:focus-visible,
.mnav-item a:focus-visible,
.mnav-parent:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}
.nav-desktop{
  display:none;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}
.nav-list{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:center;
  gap:0;
  min-width:0;
  list-style:none;
  margin:0;
  padding:0;
}
.nav-item{position:relative;flex:0 0 auto}
.nav-link{
  display:inline-flex;
  align-items:center;
  padding:9px 6px;
  border:1px solid transparent;
  border-radius:999px;
  color:var(--text);
  font-size:13.5px;
  line-height:1.2;
  white-space:nowrap;
  opacity:.92;
  transition:background .18s ease,opacity .18s ease,border-color .18s ease,color .18s ease;
}
.nav-link:hover,
.nav-link:focus-visible{background:rgba(255,255,255,.06);opacity:1}
.nav-link.is-active,
.nav-item.is-active-parent>.nav-link{
  opacity:1;
  border-color:rgba(209,179,106,.35);
  background:rgba(209,179,106,.08);
}
.has-dropdown>.nav-link::after{
  content:"";
  width:6px;
  height:6px;
  margin-left:6px;
  border-right:2px solid rgba(255,255,255,.7);
  border-bottom:2px solid rgba(255,255,255,.7);
  transform:rotate(45deg) translateY(-1px);
  opacity:.8;
  transition:transform .16s ease;
}
.nav-item.has-dropdown.is-open>.nav-link::after{
  transform:rotate(225deg) translate(-1px,-1px);
}
.nav-item.has-dropdown::after{
  content:"";
  position:absolute;
  z-index:229;
  top:100%;
  left:-8px;
  right:-8px;
  height:14px;
}
.dropdown{
  position:absolute;
  z-index:230;
  top:calc(100% + 8px);
  left:0;
  min-width:230px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(17,17,20,.985);
  box-shadow:var(--shadow);
  display:block;
  visibility:hidden;
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
}
.nav-item.has-dropdown:hover>.dropdown,
.nav-item.has-dropdown.is-open>.dropdown{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  transition-delay:0s;
}
.dropdown-link{
  display:block;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:var(--text);
  white-space:nowrap;
  opacity:.92;
}
.dropdown-link:hover,
.dropdown-link:focus-visible{background:rgba(255,255,255,.06);opacity:1}
.dropdown-link.is-active{
  border-color:rgba(209,179,106,.30);
  background:rgba(209,179,106,.08);
  opacity:1;
}
.nav-cta{
  flex:0 0 auto;
  margin-left:4px;
  padding:10px 13px;
  font-size:13.5px;
  white-space:nowrap;
}
.nav-overlay{
  position:fixed;
  inset:0;
  z-index:190;
  background:rgba(0,0,0,.60);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.nav-overlay[hidden]{display:none}
.nav-mobile{
  position:fixed;
  top:0;
  right:0;
  z-index:210;
  width:min(420px,92vw);
  height:100vh;
  height:100dvh;
  padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  border-left:1px solid rgba(255,255,255,.10);
  background:rgba(17,17,20,.985);
  box-shadow:var(--shadow);
  transform:translateX(110%);
  transition:transform .22s ease;
}
.nav-mobile.open{transform:translateX(0)}
.nav-mobile[hidden]{display:none}
.nav-mobile-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex:0 0 auto;
}
.nav-mobile-top .logo img{height:68px;max-height:68px}
.nav-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:var(--text);
  cursor:pointer;
  font-size:25px;
  line-height:1;
}
.nav-close:hover{background:rgba(255,255,255,.10)}
.mnav-list{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  list-style:none;
  padding:12px 0 0;
  margin:0;
}
.mnav-item{border-top:1px solid rgba(255,255,255,.08)}
.mnav-item a,
.mnav-parent{
  width:100%;
  min-height:48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 8px;
  border:0;
  background:none;
  color:var(--text);
  cursor:pointer;
  font:inherit;
  font-weight:600;
  text-align:left;
}
.mnav-item a:hover,
.mnav-parent:hover{color:var(--accent)}
.mnav-sub{
  display:none;
  list-style:none;
  margin:0;
  padding:0 0 12px;
}
.mnav-sub li a{
  padding:10px 10px 10px 20px;
  color:var(--muted);
  font-weight:500;
}
.mnav-sub li a:hover{color:var(--text)}
.mnav-parent[aria-expanded="true"]+.mnav-sub{display:block}
.chev{
  width:10px;
  height:10px;
  margin-left:10px;
  border-right:2px solid rgba(255,255,255,.7);
  border-bottom:2px solid rgba(255,255,255,.7);
  transform:rotate(45deg);
  transition:transform .18s ease;
}
.mnav-parent[aria-expanded="true"] .chev{transform:rotate(-135deg)}
.mnav-cta{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:14px;
}
.mnav-cta .btn{flex:1 1 150px}
body.nav-open{overflow:hidden}

@media (min-width:1280px){
  .site-header .header-inner{
    display:flex;
    justify-content:space-between;
  }
  .header-inner>.logo{grid-column:auto;justify-self:auto}
  .logo img{height:66px;max-height:66px}
  .nav-toggle{display:none}
  .nav-desktop{display:flex;flex:1;gap:5px}
  .nav-mobile{display:none}
}
@media (min-width:1560px){
  .site-header .header-inner{padding:10px 0}
  .logo img{height:74px;max-height:74px}
  .nav-desktop{gap:12px}
  .nav-list{gap:2px}
  .nav-link{padding:10px 9px;font-size:14px}
  .nav-cta{margin-left:6px;padding:12px 18px;font-size:14px}
}
@media (max-width:1279px){
  .nav-desktop{display:none}
  .nav-toggle{display:inline-flex}
}
@media (max-width:520px){
  .site-header .header-inner{width:calc(100% - 24px)}
  .logo img{height:68px;max-height:68px}
  .nav-toggle{width:44px;min-width:44px;height:42px}
  .nav-mobile{width:min(430px,96vw);padding-inline:16px}
}

main{padding-top:78px}

.hero{position:relative; min-height:clamp(360px,68vh,600px); display:flex; align-items:flex-end; overflow:hidden}
.hero-media{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:stretch}
.hero-media img, .hero-media video{
  width:100%; max-width:2400px; height:100%; object-fit:cover;
  object-position: var(--hero-focal, 50% 50%);
  transform:scale(1.0);
}

@media (max-width: 768px){
  .hero-media img, .hero-media video{ object-position: var(--hero-focal-mobile, var(--hero-focal, 50% 50%)); }
}
.hero-overlay{
  /* Overlay only behind text (handled by .hero-content::before) */
  display:none;
}
.hero-content{position:relative; z-index:1; padding:52px 22px 56px; width:100%; display:flex; flex-direction:column; justify-content:flex-end}

.hero-content h1,
.hero-content h1 *{
  text-shadow:0 1px 0 rgba(0,0,0,.55),0 -1px 0 rgba(0,0,0,.55),1px 0 0 rgba(0,0,0,.55),-1px 0 0 rgba(0,0,0,.55),0 12px 32px rgba(0,0,0,.45);
}

.hero-home-title .hero-home-line1{display:block}
.hero-home-title .hero-home-line2{display:block;font-size:.72em;font-weight:700;margin-top:.45em;letter-spacing:-.01em}
.hero-content::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  top:0;
  bottom:0;
  border-radius:0;
  background:linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.52) 52%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%);
  pointer-events:none;
  z-index:-1;
}

.hero-kicker{
  display:inline-block;
  width:fit-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.90);
  font-weight:600;
  margin-bottom:14px;
}
.hero-sub{max-width:720px; color:rgba(255,255,255,.92); font-size:18px}
.hero-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:18px}

.section{padding:64px 0}
.section-title{margin-bottom:12px}
.prose{max-width:860px}
.bullets{padding-left:20px; margin:14px 0 0}
.bullets li{margin:8px 0; color:var(--muted)}
.section-cta{margin-top:18px}
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:18px}

.card-grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:16px;
}
.card{
  grid-column:span 6;
  display:flex;
  flex-direction:column;
  position:relative;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  background:rgba(255,255,255,.03);
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.20);box-shadow:0 14px 50px rgba(0,0,0,.30)}
.card-media{position:relative;aspect-ratio:4/3;overflow:hidden}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-overlay{display:none}
.card-content{position:relative;padding:0}
.card-content h3{margin:0;padding:12px 14px;background:rgba(0,0,0,.88);color:#fff;font-size:1.02rem;letter-spacing:.01em}
.card-content p{margin:0;padding:12px 14px 16px;color:var(--muted)}
.card-content p{color:rgba(255,255,255,.86); max-width:34ch}
.card-content h3{margin:0 0 8px}

.trust{padding:10px 0 0}
.trust-grid{
  display:grid; gap:14px;
  grid-template-columns:repeat(12,1fr);
  padding:18px 0 0;
}
.trust-item{
  grid-column:span 4;
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  padding:16px;
  background:rgba(255,255,255,.03);
}
.trust-title{font-weight:700; margin:0 0 6px}
.trust-sub{margin:0; color:var(--muted)}

.gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:14px;
}
.gallery-item{
  border:none;
  padding:0;
  background:none;
  cursor:pointer;
  border-radius:var(--radius-sm);
  overflow:hidden;
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  transition:transform .18s ease, border-color .18s ease;
}
.gallery-item:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.22)}
.gallery-item img{width:100%; height:100%; aspect-ratio:4/3; object-fit:cover}
.gallery--faces .gallery-item img{object-position:50% 20%}

.video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:16px;
}
.video-card{
  border:none;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  padding:0;
  overflow:hidden;
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease, border-color .18s ease;
}
.video-card:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.22)}

.video-feature{margin-top:18px}
.video-card--feature{max-width:980px; margin:0 auto}
.video-card--feature .video-thumb{padding-bottom:42.85%; height:0; overflow:hidden}
.video-feature{display:flex;justify-content:center}
.video-feature .video-card{width:100%}
.video-card--compact{max-width:760px;margin:0 auto}
.video-card--compact .video-thumb{padding-bottom:56.25%; height:0; overflow:hidden}
.video-card--feature .video-thumb img,.video-card--compact .video-thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}

.video-card--feature .video-title{font-size:1.05rem}

.video-thumb{position:relative;display:block;overflow:hidden;background:rgba(0,0,0,.25)}
.video-thumb img{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover}
.play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
}
.play::before{
  content:"";
  width:62px; height:62px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 36px rgba(0,0,0,.35);
}
.play::after{
  content:"";
  position:absolute;
  width:0; height:0;
  border-left:16px solid rgba(255,255,255,.92);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  margin-left:4px;
}
.video-meta{padding:14px 16px}
.video-title{margin:0; font-weight:700}
.video-meta .muted{margin-top:6px}

.review-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:16px;
}
.review-card{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  border-radius:var(--radius);
  padding:18px;
}
.stars{color:var(--accent); letter-spacing:1px; font-size:14px; margin-bottom:10px}
.review-quote{color:rgba(255,255,255,.92)}
.review-by{margin-top:10px; color:var(--muted); font-weight:600}

.pill-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px}
.pill{
  display:inline-flex; align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--text);
  font-weight:600;
}
.pill:hover{border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.06)}

.cta-banner{
  padding:54px 0;
  background:linear-gradient(135deg, rgba(209,179,106,.16), rgba(255,255,255,.02));
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.cta-inner{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px}
.cta-actions{display:flex; gap:10px; flex-wrap:wrap}

.site-footer{
  border-top:1px solid rgba(255,255,255,.10);
  padding:56px 0 24px;
  background:rgba(0,0,0,.22);
}
.footer-brand{display:flex;justify-content:flex-start}
.footer-brand img{height:64px;width:auto;object-fit:contain;display:block;margin:0 0 10px 0}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:22px;
}
.footer-col{grid-column:span 4}
.footer-links{display:flex; flex-direction:column; gap:10px; margin-top:10px}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--text)}
.footer-social{display:flex; gap:12px; margin-top:12px; flex-wrap:wrap}
.footer-social a{color:var(--muted)}
.footer-social a:hover{color:var(--text)}
.footer-tagline{margin:12px 0 0;color:var(--accent);font-weight:600;letter-spacing:.01em}
.footer-contact{margin:18px 0 0;color:var(--muted);font-size:14px}
.footer-bottom{padding-top:26px; border-top:1px solid rgba(255,255,255,.08); margin-top:26px}
.footer-bottom p{margin:0; color:var(--muted-2); font-size:13px}

.modal{
  position:fixed; inset:0;
  z-index:400;
}
.modal[hidden]{display:none}
.modal-backdrop{
  position:absolute; inset:0;
  background:rgba(0,0,0,.70);
  backdrop-filter:blur(2px);
}
.modal-panel{
  position:relative;
  margin:6vh auto;
  width:min(1100px, 92vw);
  border-radius:22px;
  overflow:hidden;max-height:88vh;display:flex;flex-direction:column;
  background:rgba(10,10,12,.98);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow);
}
.modal-close{
  position:absolute; top:10px; right:10px;
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--text);
  cursor:pointer;
  font-size:24px;
  line-height:1;
  z-index:5;
}
.modal-close:hover{background:rgba(255,255,255,.10)}
.modal-body{
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b0e15;
}
.modal-body img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:calc(88vh - 36px);
  object-fit:contain;
  border-radius:14px;
  display:block;
}
.modal-body iframe{
  width:100%; height:min(70vh, 620px);
  border:0;
  display:block;
}

/* Full-height embedded pages inside modal (calendar/reviews) */
.modal-panel--web{ height: 88vh; }
.modal-panel--web .modal-body{ flex: 1; align-items: stretch; }
.modal-panel--web .modal-body iframe{ height: 100%; max-height: none; }

.form{
  display:grid;
  gap:12px;
  max-width:820px;
}
.field{
  display:grid; gap:6px;
}
label{font-weight:600}
input,textarea,select{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--text);
  font-family:inherit;
  font-size:16px;
}
select option{color:#111;background:#fff}
select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.75)' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:46px;
}

textarea{min-height:140px; resize:vertical}

/* Compact responsive row for grouped form fields (e.g., date + start/end time) */
.form-row{display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:14px;align-items:end}

@media(max-width:560px){
  .form-row{grid-template-columns:1fr;}
}
input:focus,textarea:focus,select:focus{
  outline:2px solid rgba(209,179,106,.35);
  border-color:rgba(209,179,106,.35);
}

.note{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
}


/* Simple 2-column layout block (used for team/feature sections) */
.split{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:22px;
  align-items:center;
}
.split img{
  width:100%;
  height:auto;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
}

.contact-list{list-style:none; padding:0; margin:14px 0 0; display:grid; gap:10px}
.contact-list a{color:var(--text)}
.contact-list strong{color:var(--text); font-weight:700}

.map-embed{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0e15;
  min-height:260px;
}
.map-embed iframe{
  width:100%;
  height:100%;
  min-height:260px;
  border:0;
  display:block;
}

@media (max-width: 900px){
  .split{grid-template-columns:1fr}
}

@media (min-width: 1000px){
  .card{grid-column:span 4}
  .footer-col{grid-column:span 4}
}

@media (max-width: 999px){
  .trust-item{grid-column:span 12}
  .footer-col{grid-column:span 12}
  .hero-content{padding:42px 22px 48px}
  .card{grid-column:span 12}

  /* Mobile hero focal adjustments */
  .hero-media img[src$="covers/photography-hero.avif"],
  .hero-media img[src$="covers/photography-hero.webp"]{
    --hero-focal: 5% 25% !important;
  }

  .hero-media img[src$="covers/portraits.avif"],
  .hero-media img[src$="covers/portraits.webp"]{
    --hero-focal: 0% 25% !important;
  }


  /* About hero: match other hero mobile behavior */
  .hero--about .kicker,
  .hero--about .lead {
    display: none;
  }


}
/* Premium polish overrides (2026-01-23) */
.nav a, .nav button, .nav .dropbtn {
  letter-spacing: .02em;
}
.kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
}
.footer .footer-links a {
  letter-spacing: .01em;
}

/* Compact service links for local SEO + UX */
.footer-mini-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  margin:12px 0 14px;
}
.footer-mini-links a{
  font-size:13px;
  color:var(--muted);
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  text-decoration:none;
}
.footer-mini-links a:hover{color:var(--text); border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.06)}


/* ------------------------------
   FAQ (SEO + conversions)
-------------------------------- */
.section.faq .faq-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.section.faq .faq-item{
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  overflow:hidden;
}
.section.faq .faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  font-weight:650;
  display:flex;
  align-items:center;
  gap:12px;
}
.section.faq .faq-item summary::-webkit-details-marker{display:none;}
.section.faq .faq-item summary:after{
  content:"+";
  margin-left:auto;
  color:var(--muted);
  font-size:18px;
  line-height:1;
}
.section.faq .faq-item[open] summary:after{content:"–";}
.section.faq .faq-answer{
  padding:0 16px 14px 16px;
  color:var(--muted);
  max-width:78ch;
}
.section.faq .faq-answer p{margin:0;}
.section.faq .faq-answer a{
  color:var(--text);
  text-decoration:underline;
  text-decoration-color:rgba(209,179,106,.6);
  text-underline-offset:4px;
}


/* Accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Footer social icons */
.footer-logo img{height:64px;width:auto;display:block}
.footer-social{display:flex;gap:10px;flex-wrap:wrap}
.footer-social .social-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;transition:transform .15s ease, background .15s ease, border-color .15s ease}
.footer-social .social-icon:hover{transform:translateY(-1px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
.footer-social .social-icon svg{width:18px;height:18px;display:block;fill:currentColor}

/* Trusted-by logo band */
.logo-band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:center}
.logo-item{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:16px;min-height:96px}
.logo-item img{max-height:84px;width:auto;display:block;filter:none;opacity:1}

/* Utilities */
.is-hidden{display:none !important}

.show-more-btn{margin-top:14px}


/* About page photos */
.about-photo-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width: 900px){.about-photo-grid{grid-template-columns:1.25fr .75fr;align-items:stretch}}
.about-photo{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);aspect-ratio:4/3}
.about-photo--portrait{aspect-ratio:3/4; max-width:520px; margin-inline:auto}
.about-photo img{width:100%;height:100%;object-fit:cover;display:block}
.about-photo--portrait img{object-position:50% 20%}


/* WDM CHECKPOINT: about photo centering */
@media (min-width: 900px){
  /* About page: center portrait image above Capabilities */
  .about-photo-grid .about-text{grid-column: 1 / -1;}
  .about-photo-grid .about-photo--portrait{
    grid-column: 1 / -1;
    justify-self: center;
  }
}


/* Google Calendar scheduling button: keep pill sized to the button (avoid full-width oval) */
#google-cal-button {
  text-align: center;
}
#google-cal-button > * {
  display: inline-block !important;
  width: auto !important;
}
#google-cal-button button,
#google-cal-button a {
  width: auto !important;
}


/* Ensure certain images render at full fidelity (no overlay/filter) */
.no-filter {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}


.modal-note {
  margin-top: 12px;
  font-size: 0.95rem;
  color: var(--muted);
}
.modal-note a {
  color: var(--text);
  text-decoration: underline;
}

/* Sehar photo - ensure no tint/overlay affects skin tone */
#seharLeadPhoto{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;}

/* Mobile hero caption: move kicker + description under hero on small screens */
.hero-mobile-caption{
  display:none;
  width:100%;
  background:#000;
  padding: 14px 0 22px;
}
.hero-mobile-caption .hero-kicker{ margin:0 0 10px; }
.hero-mobile-caption .hero-sub{ margin:0; max-width: 60ch; }

@media (max-width: 999px){
  .hero .hero-content > .hero-kicker,
  .hero .hero-content > .hero-sub{ display:none; }
  .hero-mobile-caption{ display:block; }
}

/* WDM HOTFIX 2026-02-01 (Remaining #25)
   - Mobile nav accordion items match link sizing
   - Photography hub hero focal shift on mobile
   - iOS button text color inheritance for video cards
   - Check Availability date/time row layout fix on small screens
*/
.mnav-parent{
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.2;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
}

/* iOS Safari default button text can appear blue; keep video card titles consistent */
.video-card{ color: inherit; }

/* Mobile-only: shift Photography hub hero media focal left */
@media (max-width: 640px){
  .hero-photo-hub{ --hero-focal: 10% 50% !important; }
}

/* Mobile-only: avoid any weird collapsed column artifacts in the Availability date/time row */
@media (max-width: 640px){
  #availabilityForm .form-row{ grid-template-columns: 1fr; }
}

.modal-body--stack{flex-direction:column; gap:14px}
.modal-actions{width:100%; display:flex; justify-content:center}


/* Hide video captions on specific pages */
body[data-path^="/video/"] .video-meta,
body[data-path^="/social-media-management/"] .video-meta,
body[data-path^="/check-availability/"] .video-meta{display:none !important;}


/* NOTE: do NOT force full-viewport heroes on mobile.
   It makes every page feel "broken" on phones (overly tall / awkward crops).
   The base .hero clamp() sizing above is the intended behavior. */


/* Mobile menu: remove dropdown chevrons on Photography/Video/Social Media Management */
.mnav-list > .mnav-item:nth-child(-n+3) .chev{display:none;}
.mnav-list > .mnav-item:nth-child(-n+3) .mnav-parent{justify-content:flex-start;}
/* Commercial Samples: hide any stray filename links under video thumbnails */
body[data-path="/video/commercial/"] .video-card a{display:none;}

/* CP53 quality gate additions: skip link + no-flash hero video loading */
.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:9999;
  transform:translateY(-140%);
  padding:10px 14px;
  border-radius:999px;
  background:var(--accent);
  color:#0b0b0c;
  font-weight:700;
  box-shadow:var(--shadow);
}
.skip-link:focus{transform:translateY(0);outline:3px solid rgba(255,255,255,.75);outline-offset:3px}
.hero-video .hero-media{
  background-color:#050607;
  background-image:url('/assets/img/ui/WDM_HeroPoster_Desktop.webp');
  background-image:image-set(url('/assets/img/ui/WDM_HeroPoster_Desktop.avif') type('image/avif'), url('/assets/img/ui/WDM_HeroPoster_Desktop.webp') type('image/webp'));
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-video .hero-vid{
  opacity:0;
  transition:opacity .42s ease;
  will-change:opacity;
}
.hero-video.is-video-ready .hero-vid{opacity:1}
@media (max-width: 767px){
  .hero-video .hero-media{background-image:url('/assets/img/ui/WDM_HeroPoster_Mobile.webp'); background-image:image-set(url('/assets/img/ui/WDM_HeroPoster_Mobile.avif') type('image/avif'), url('/assets/img/ui/WDM_HeroPoster_Mobile.webp') type('image/webp'))}
}
@media (prefers-reduced-motion: reduce){
  .hero-video .hero-vid{display:none!important}
}


/* CP54: organic search architecture helpers */
.eyebrow{
  display:block;
  margin:0 0 8px;
  color:var(--accent);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.card-body{
  padding:18px;
  min-height:100%;
}
.card-body h3{margin:0 0 10px}
.card-body p{color:var(--muted);margin:0}
.card-body .eyebrow{margin-bottom:10px}
.cta-panel{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(135deg,rgba(209,179,106,.12),rgba(255,255,255,.035));
}
@media(max-width:768px){
  .cta-panel{display:block}
  .cta-actions{margin-top:16px}
}

/* WDM Assistant chatbot */
.wdm-chatbot{
  position:fixed;
  right:clamp(14px, 2.5vw, 28px);
  bottom:clamp(14px, 2.5vw, 28px);
  z-index:9999;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.wdm-chatbot__toggle{
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent), #f0d47f);
  color:#0b0b0c;
  box-shadow:0 16px 40px rgba(0,0,0,.45);
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  min-height:52px;
  font-weight:900;
  cursor:pointer;
  letter-spacing:.01em;
}
.wdm-chatbot__toggle:hover{transform:translateY(-1px); color:#0b0b0c}
.wdm-chatbot__toggle-icon{
  width:26px;height:26px;border-radius:50%;
  background:#0b0b0c;color:var(--accent);
  display:inline-grid;place-items:center;
  font-size:15px;line-height:1;
}
.wdm-chatbot__panel{
  position:absolute;
  right:0;
  bottom:70px;
  width:min(390px, calc(100vw - 28px));
  max-height:min(680px, calc(100vh - 110px));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(18,18,22,.98), rgba(10,10,12,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.66);
}
.wdm-chatbot__header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.wdm-chatbot__eyebrow{
  display:block;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;
}
.wdm-chatbot__title{font-weight:900;font-size:18px;color:#fff}
.wdm-chatbot__sub{font-size:13px;color:var(--muted);margin-top:3px}
.wdm-chatbot__close{
  width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);color:#fff;font-size:22px;cursor:pointer;
}
.wdm-chatbot__body{
  max-height:min(430px, calc(100vh - 330px));
  overflow:auto;
  padding:16px 18px 8px;
}
.wdm-chatbot__msg{
  width:fit-content;
  max-width:92%;
  padding:12px 14px;
  border-radius:18px;
  margin:0 0 10px;
  font-size:14px;
  line-height:1.45;
}
.wdm-chatbot__msg--bot{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#f5f5f5;
}
.wdm-chatbot__msg--user{
  margin-left:auto;
  background:linear-gradient(135deg, var(--accent), #f0d47f);
  color:#0b0b0c;
  font-weight:800;
}
.wdm-chatbot__msg a{color:var(--accent);font-weight:900;text-decoration:underline;text-underline-offset:3px}
.wdm-chatbot__quick{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:8px 18px 14px;
}
.wdm-chatbot__chip{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:8px 10px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.wdm-chatbot__chip:hover{background:rgba(255,255,255,.10)}
.wdm-chatbot__form{
  display:flex;gap:8px;
  padding:14px 18px 18px;
  border-top:1px solid rgba(255,255,255,.10);
}
.wdm-chatbot__input{
  min-width:0;flex:1;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:#fff;
  border-radius:999px;
  padding:12px 14px;
  font-size:14px;
}
.wdm-chatbot__send{
  border:none;
  background:var(--accent);
  color:#0b0b0c;
  border-radius:999px;
  padding:0 16px;
  font-weight:900;
  cursor:pointer;
}
.wdm-chatbot__cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.wdm-chatbot__cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;
  padding:9px 12px;
  border-radius:999px;
  background:var(--accent);
  color:#0b0b0c !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.wdm-chatbot__cta--ghost{
  background:rgba(255,255,255,.07);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14);
}
@media (max-width: 640px){
  .wdm-chatbot{right:12px;left:12px;bottom:12px}
  .wdm-chatbot__toggle{margin-left:auto;padding:13px 16px}
  .wdm-chatbot__panel{
    right:0;left:0;
    width:auto;
    bottom:68px;
    border-radius:22px;
  }
  .wdm-chatbot__body{max-height:48vh}
}


/* Checkpoint 57: Social Media Management vertical copy support */
.prose-block{
  max-width:920px;
  margin:0 0 24px;
}
.prose-block p{
  color:rgba(255,255,255,.82);
  line-height:1.75;
  margin:0 0 14px;
}
.section-soft{
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0));
}
.section-soft .lead{
  max-width:980px;
  margin-top:20px;
  color:rgba(255,255,255,.88);
}
@media (max-width: 760px){
  .prose-block p{font-size:1rem;line-height:1.65}
}


/* CP59 mobile resilience: video fallback + no clipped wording in pills/cards/bubbles */
.hero-video-play{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  bottom:auto;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(135deg,var(--accent),#f0d47f);
  color:#0b0b0c;
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  box-shadow:0 18px 44px rgba(0,0,0,.55);
  cursor:pointer;
}
@media (max-width: 760px){
  .hero-video-play{top:50%;bottom:auto;font-size:15px;padding:11px 16px;}

  .btn,
  .pill,
  .hero-kicker,
  .card-content h3,
  .card-body h3,
  .trust-title,
  .trust-sub,
  .cta-panel,
  .cta-panel *,
  .review-card,
  .review-card *,
  .mnav-item a,
  .mnav-parent,
  .video-title,
  .video-meta,
  .wdm-chatbot__msg,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta,
  .wdm-chatbot__toggle,
  .wdm-chatbot__title,
  .wdm-chatbot__sub{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere;
    word-break:normal;
    min-width:0;
    max-width:100%;
  }

  .btn,
  .pill,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta,
  .wdm-chatbot__toggle{
    min-height:44px;
    height:auto;
    line-height:1.2;
    text-align:center;
  }

  .hero-cta{align-items:stretch;}
  .hero-cta .btn{flex:1 1 150px;}
  .pill-row{align-items:stretch;}
  .pill-row .pill{display:flex;align-items:center;justify-content:center;}
  .card-content h3{line-height:1.2;}
  .card-content p,
  .card-body p{max-width:none;}
  .wdm-chatbot__quick{align-items:stretch;}
  .wdm-chatbot__form{align-items:stretch;}
  .wdm-chatbot__send{min-height:44px;}
}



/* Restaurant featured demo video - CP68 clean final rules */
.restaurant-featured-demo{
  position:relative;
  overflow:visible;
  padding-bottom:clamp(72px, 8vw, 120px);
}
.restaurant-featured-demo::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 360px at 18% 20%, rgba(209,179,106,.12), transparent 65%),
    radial-gradient(760px 420px at 82% 20%, rgba(255,255,255,.055), transparent 62%);
}
.restaurant-featured-demo .container{position:relative;z-index:1;}
.restaurant-featured-demo .section-head{max-width:980px;}
.restaurant-featured-demo .restaurant-demo-feature{
  display:block;
  width:100%;
  margin:clamp(24px, 3vw, 38px) auto clamp(88px, 8vw, 132px) !important;
  clear:both;
}
.restaurant-featured-demo .video-card--feature{
  display:block;
  width:100%;
  max-width:980px;
  margin:0 auto;
  float:none;
}
.restaurant-featured-demo .video-card--feature .video-thumb{
  position:relative;
  display:block;
  width:100%;
  height:0;
  padding-bottom:56.25%;
  aspect-ratio:auto;
  overflow:hidden;
  border-radius:var(--radius);
}
.restaurant-featured-demo .video-card--feature .video-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.restaurant-featured-demo .restaurant-demo-copy--full{
  position:relative;
  z-index:1;
  clear:both;
  max-width:980px;
  margin:0 auto;
}
.restaurant-featured-demo .restaurant-demo-copy--full .card-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.restaurant-featured-demo .restaurant-demo-copy--full .bullets{margin-top:14px;}
.restaurant-featured-demo + .section{
  clear:both;
  position:relative;
  z-index:1;
  margin-top:0;
}
.modal-body iframe[src*="youtube.com/embed"],
.modal-body iframe[src*="youtube-nocookie.com/embed"]{
  aspect-ratio:16 / 9;
  width:min(100%, 1120px);
  height:auto;
  max-height:82vh;
  background:#000;
}
@media(max-width:700px){
  .restaurant-featured-demo{padding-bottom:70px;}
  .restaurant-featured-demo .section-head h2{font-size:clamp(2rem, 9vw, 3rem);}
  .restaurant-featured-demo .restaurant-demo-feature{margin-bottom:76px !important;}
}

/* Homepage mobile hero video - CP68 clean final rules */
.hero-mobile-anim{display:none!important;}
@media (max-width:767px){
  .hero-video .hero-media{
    background-image:url('/assets/img/ui/WDM_HeroPoster_Mobile.webp');
    background-image:image-set(url('/assets/img/ui/WDM_HeroPoster_Mobile.avif') type('image/avif'), url('/assets/img/ui/WDM_HeroPoster_Mobile.webp') type('image/webp'));
    background-size:cover;
    background-position:center;
  }
  .hero-video .hero-vid{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:0;
  }
  .hero-video.is-video-ready .hero-vid{opacity:1 !important;}
  .hero-video .hero-video-play{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }
}


/* CP69: final mobile hero video reliability + restaurant demo spacing */
.restaurant-featured-demo .restaurant-demo-copy--full{
  margin-top:clamp(42px, 5vw, 84px) !important;
}
.restaurant-featured-demo .restaurant-demo-feature{
  margin-bottom:0 !important;
}
.restaurant-featured-demo .video-card--feature{
  display:block !important;
  clear:both;
}
.restaurant-featured-demo .video-card--feature .video-thumb{
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  padding-bottom:0 !important;
}
.restaurant-featured-demo .video-card--feature .video-thumb img{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
}


/* CP70: final mobile hero fallback, restaurant separation, and mobile text breathing room */
.restaurant-featured-demo .restaurant-demo-divider{
  display:block;
  width:min(980px, 100%);
  height:1px;
  margin:clamp(46px, 5vw, 78px) auto clamp(34px, 4vw, 56px) !important;
  background:linear-gradient(90deg, transparent, rgba(209,179,106,.56), rgba(255,255,255,.16), transparent);
  box-shadow:0 12px 42px rgba(209,179,106,.12);
}
.restaurant-featured-demo .restaurant-demo-copy--full{
  margin-top:0 !important;
}
.restaurant-featured-demo .restaurant-demo-feature{
  margin-bottom:0 !important;
}
@media (max-width:767px){
  .hero-video .hero-vid{
    opacity:0 !important;
    visibility:visible !important;
  }
  .hero-video.is-video-ready .hero-vid,
  .hero-video.is-video-playing .hero-vid{
    opacity:1 !important;
  }
  .hero-video-play{
    position:absolute;
    z-index:7;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    border:1px solid rgba(255,255,255,.28);
    background:rgba(5,6,7,.72);
    color:#fff;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 14px 40px rgba(0,0,0,.38);
  }
  .restaurant-featured-demo .restaurant-demo-divider{
    margin:38px auto 30px !important;
  }
  .btn,
  .pill,
  .eyebrow,
  .hero-kicker,
  .hero-mobile-caption .hero-kicker,
  .card,
  .card-body,
  .card-content,
  .cta-panel,
  .video-card,
  .video-meta,
  .trust-item,
  .wdm-chatbot__msg,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta,
  .wdm-chatbot__panel,
  .mobile-caption,
  .service-area-card{
    box-sizing:border-box;
  }
  .btn,
  .pill,
  .hero-kicker,
  .hero-mobile-caption .hero-kicker,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta{
    padding-left:clamp(16px, 5vw, 24px) !important;
    padding-right:clamp(16px, 5vw, 24px) !important;
  }
  .card-body,
  .card-content,
  .cta-panel,
  .trust-item,
  .video-meta,
  .wdm-chatbot__msg,
  .wdm-chatbot__panel{
    padding-left:clamp(18px, 5.5vw, 26px) !important;
    padding-right:clamp(18px, 5.5vw, 26px) !important;
  }
  .wdm-chatbot__msg,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta,
  .btn,
  .pill,
  .card-body,
  .card-content,
  .video-meta,
  .hero-mobile-caption .hero-kicker,
  .hero-mobile-caption .hero-sub{
    overflow-wrap:break-word !important;
    word-break:normal !important;
    line-height:1.32 !important;
  }
}

/* CP70B: video-safe poster veil. The video remains visible to mobile autoplay policies while the poster covers it until a real frame is playing. */
.hero-video .hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background-color:#050607;
  background-image:url('/assets/img/ui/WDM_HeroPoster_Desktop.webp');
  background-image:image-set(url('/assets/img/ui/WDM_HeroPoster_Desktop.avif') type('image/avif'), url('/assets/img/ui/WDM_HeroPoster_Desktop.webp') type('image/webp'));
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:1;
  transition:opacity .38s ease;
}
.hero-video.is-video-ready .hero-media::before,
.hero-video.is-video-playing .hero-media::before{
  opacity:0;
}
.hero-video .hero-vid{
  opacity:1 !important;
  visibility:visible !important;
  z-index:1;
}
.hero-video .hero-overlay{z-index:3;}
.hero-video-play{z-index:8;}
@media (max-width:767px){
  .hero-video .hero-media::before{
    background-image:url('/assets/img/ui/WDM_HeroPoster_Mobile.webp');
    background-image:image-set(url('/assets/img/ui/WDM_HeroPoster_Mobile.avif') type('image/avif'), url('/assets/img/ui/WDM_HeroPoster_Mobile.webp') type('image/webp'));
    background-position:center;
  }
  .hero-video .hero-vid{
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* CP71: final mobile breathing room + visible restaurant demo separation */
.restaurant-featured-demo .restaurant-demo-divider{
  display:block !important;
  clear:both !important;
  position:relative !important;
  width:min(980px, calc(100% - 64px)) !important;
  height:34px !important;
  margin:clamp(60px, 7vw, 96px) auto clamp(34px, 4vw, 58px) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.restaurant-featured-demo .restaurant-demo-divider::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, transparent, rgba(209,179,106,.75), rgba(255,255,255,.22), rgba(209,179,106,.75), transparent);
  box-shadow:0 0 24px rgba(209,179,106,.20);
}
.restaurant-featured-demo .restaurant-demo-copy--full{
  margin-top:0 !important;
}
@media (max-width:767px){
  .container{
    padding-left:max(22px, env(safe-area-inset-left)) !important;
    padding-right:max(22px, env(safe-area-inset-right)) !important;
  }
  .restaurant-featured-demo .container{
    padding-left:max(22px, env(safe-area-inset-left)) !important;
    padding-right:max(22px, env(safe-area-inset-right)) !important;
  }
  .restaurant-featured-demo .restaurant-demo-divider{
    width:calc(100% - 36px) !important;
    height:40px !important;
    margin:42px auto 32px !important;
  }
  .restaurant-featured-demo .restaurant-demo-copy--full{
    width:calc(100% - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:20px !important;
  }
  .restaurant-featured-demo .restaurant-demo-copy--full .card-body,
  .restaurant-demo-copy .card-body,
  .card > .card-body,
  .card .card-body,
  .card-content,
  .cta-panel,
  .trust-item,
  .video-meta,
  .service-area-card,
  .wdm-chatbot__panel,
  .wdm-chatbot__msg{
    padding-left:clamp(22px, 6.5vw, 32px) !important;
    padding-right:clamp(22px, 6.5vw, 32px) !important;
    padding-top:clamp(20px, 5.5vw, 30px) !important;
    padding-bottom:clamp(20px, 5.5vw, 30px) !important;
  }
  .btn,
  .pill,
  .eyebrow,
  .hero-kicker,
  .hero-mobile-caption .hero-kicker,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta{
    padding-left:clamp(20px, 6vw, 30px) !important;
    padding-right:clamp(20px, 6vw, 30px) !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  .card h2,
  .card h3,
  .card p,
  .card li,
  .cta-panel,
  .cta-panel p,
  .video-meta,
  .trust-item,
  .wdm-chatbot__msg,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta,
  .hero-mobile-caption .hero-kicker,
  .hero-mobile-caption .hero-sub{
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    line-height:1.38 !important;
  }
}


/* CP72 HARD FIX: restaurant featured demo separation + mobile text breathing room. 
   This attaches a visible separator to the card itself and also preserves the inline separator in HTML.
   It does not alter the thumbnail asset or video behavior. */
.restaurant-featured-demo .restaurant-demo-hard-separator{
  display:block !important;
  clear:both !important;
  flex:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}
.restaurant-featured-demo .restaurant-demo-copy--full{
  position:relative !important;
  clear:both !important;
  margin-top:0 !important;
  overflow:visible !important;
  border-top:1px solid rgba(209,179,106,.42) !important;
}
.restaurant-featured-demo .restaurant-demo-copy--full::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:clamp(22px, 5vw, 54px) !important;
  right:clamp(22px, 5vw, 54px) !important;
  top:-34px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent 0%, rgba(209,179,106,.92) 20%, rgba(255,255,255,.36) 50%, rgba(209,179,106,.92) 80%, transparent 100%) !important;
  box-shadow:0 0 26px rgba(209,179,106,.28) !important;
  z-index:5 !important;
  pointer-events:none !important;
}
.restaurant-featured-demo .restaurant-demo-feature{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
@media (max-width:767px){
  .restaurant-featured-demo .restaurant-demo-hard-separator{
    width:calc(100% - 40px) !important;
    height:4px !important;
    margin:72px auto 48px !important;
  }
  .restaurant-featured-demo .restaurant-demo-copy--full::before{
    top:-28px !important;
    left:20px !important;
    right:20px !important;
  }
  .restaurant-featured-demo .restaurant-demo-copy--full{
    width:calc(100% - 32px) !important;
  }
  .restaurant-featured-demo .restaurant-demo-copy--full .card-body{
    padding:30px 26px 32px !important;
  }
  .card .card-body,
  .card-body,
  .card-content,
  .cta-panel,
  .trust-item,
  .service-area-card,
  .video-meta,
  .wdm-chatbot__panel,
  .wdm-chatbot__msg{
    padding-left:max(24px, env(safe-area-inset-left)) !important;
    padding-right:max(24px, env(safe-area-inset-right)) !important;
  }
  .btn,
  .pill,
  .eyebrow,
  .hero-kicker,
  .hero-mobile-caption .hero-kicker,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta{
    padding-left:22px !important;
    padding-right:22px !important;
    min-height:44px !important;
    white-space:normal !important;
  }
  .card h2,
  .card h3,
  .card p,
  .card li,
  .restaurant-demo-copy--full h3,
  .restaurant-demo-copy--full p,
  .restaurant-demo-copy--full li,
  .cta-panel,
  .cta-panel p,
  .trust-item,
  .video-meta,
  .wdm-chatbot__msg,
  .wdm-chatbot__chip,
  .wdm-chatbot__cta,
  .hero-mobile-caption .hero-kicker,
  .hero-mobile-caption .hero-sub{
    overflow-wrap:break-word !important;
    word-break:normal !important;
    line-height:1.42 !important;
  }
}

/* CP73 FINAL MOBILE TEXT BREATHING ROOM: restaurant demo card and sitewide mobile framed content.
   Scope: fixes text touching edges inside mobile cards/bubbles/frames only.
   This does not alter video behavior, thumbnail media, navigation, forms, galleries, chatbot logic, or SEO architecture. */
@media (max-width:767px){
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full{
    width:calc(100% - 56px) !important;
    max-width:calc(100% - 56px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:24px !important;
    box-sizing:border-box !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full > .card-body{
    padding:38px 34px 40px !important;
    box-sizing:border-box !important;
    width:100% !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full .eyebrow{
    display:block !important;
    padding:0 !important;
    margin:0 0 20px !important;
    max-width:100% !important;
    line-height:1.35 !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full h3{
    margin-top:0 !important;
    margin-bottom:20px !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full p,
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full li{
    max-width:100% !important;
    line-height:1.55 !important;
    overflow-wrap:break-word !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full .bullets{
    padding-left:24px !important;
    padding-right:8px !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full .btn{
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:24px !important;
    padding-right:24px !important;
    white-space:normal !important;
  }
  /* Broad mobile guardrail for framed content where long text can touch an edge. */
  html body .card > .card-body,
  html body .card .card-body,
  html body .cta-panel,
  html body .trust-item,
  html body .service-area-card,
  html body .video-meta,
  html body .wdm-chatbot__msg,
  html body .wdm-chatbot__panel,
  html body .wdm-chatbot__body,
  html body .hero-mobile-caption,
  html body .mobile-caption{
    box-sizing:border-box !important;
  }
  html body .card p,
  html body .card li,
  html body .cta-panel p,
  html body .trust-item,
  html body .service-area-card,
  html body .video-meta,
  html body .wdm-chatbot__msg,
  html body .hero-mobile-caption,
  html body .mobile-caption{
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
}
@media (max-width:420px){
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full{
    width:calc(100% - 48px) !important;
    max-width:calc(100% - 48px) !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full > .card-body{
    padding:36px 30px 38px !important;
  }
}
@media (max-width:360px){
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full{
    width:calc(100% - 36px) !important;
    max-width:calc(100% - 36px) !important;
  }
  html body .restaurant-featured-demo .restaurant-demo-copy.restaurant-demo-copy--full > .card-body{
    padding:32px 26px 34px !important;
  }
}


/* CP76C - performance and accessibility only */
.skip-link{position:fixed;top:10px;left:10px;z-index:12000;transform:translateY(-160%);padding:12px 16px;border-radius:12px;background:#fff;color:#09090b;font-weight:800;box-shadow:0 12px 36px rgba(0,0,0,.45);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:where(button,.btn,.pill,.gallery-item,.video-thumb,.wdm-chatbot__chip,.wdm-chatbot__cta,.wdm-chatbot__toggle){touch-action:manipulation}
.footer-social a,.footer-contact a,.contact-list a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
@media(pointer:coarse){:where(button,.btn,.pill,.nav-toggle,.nav-close,.modal-close,.wdm-chatbot__close,.wdm-chatbot__chip,.wdm-chatbot__cta,.wdm-chatbot__send){min-width:44px;min-height:44px}}
@media(max-width:640px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.wdm-chatbot{left:auto;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}.wdm-chatbot__toggle{width:54px;height:54px;min-width:54px;min-height:54px;padding:0;justify-content:center;border-radius:50%}.wdm-chatbot__toggle>span:last-child{display:none}.wdm-chatbot__toggle-icon{width:30px;height:30px;font-size:16px}.wdm-chatbot__panel{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:auto;max-height:min(72dvh,660px);border-radius:24px}.wdm-chatbot__body{max-height:calc(72dvh - 250px)}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}body.form-interacting .wdm-chatbot{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}}
body.chatbot-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.skip-link,.wdm-chatbot,.wdm-chatbot__panel{transition:none}}