/* Centered Lakeway identity with a raised entrance. No changes to card surfaces. */
.hdr{
  background:color-mix(in srgb,var(--linen) 96%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 0 rgba(220,207,191,.8),0 12px 24px -10px rgba(58,46,37,.32),0 24px 40px -26px rgba(58,46,37,.28);
}
.hdr .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);
  gap:28px;
  height:112px;
}
.hdr .brand{
  grid-area:1 / 2;
  justify-self:center;
  position:relative;
  z-index:2;
  gap:14px;
  filter:none;
}
.hdr .mark{width:48px;height:57px}
.hdr .brand-txt b{font-size:18px}
.hdr .brand-txt span{font-size:10.5px;margin-top:8px}
.hdr .brand-mark-3d{
  position:relative;
  display:block;
  width:56px;height:66px;
  flex:0 0 auto;
  transform-style:preserve-3d;
  transform:perspective(480px) rotateX(7deg) rotateY(-12deg);
  transition:transform .6s var(--ease);
}
.hdr .brand-mark-3d .mark{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  transform:translate3d(calc(var(--logo-depth) * .65px),calc(var(--logo-depth) * .7px),calc(var(--logo-depth) * -1.2px));
}
.hdr .logo-edge{background:linear-gradient(135deg,#FAE9BD 0%,#D6B277 30%,#AC8152 58%,#755335 100%)}
.hdr .logo-face{background:var(--espresso)}
.hdr .brand-txt b{
  -webkit-text-stroke:.3px #C39A60;
  paint-order:stroke fill;
  text-shadow:0 1px 0 #EDD2A0,0 2px 0 rgba(135,94,47,.58),0 4px 6px rgba(58,46,37,.16);
}
.hdr .brand-txt > span{
  -webkit-text-stroke:.15px rgba(195,154,96,.75);
  paint-order:stroke fill;
  text-shadow:0 .65px 0 rgba(237,210,160,.8),0 1.2px 1px rgba(117,83,53,.18);
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hdr .brand:hover .brand-mark-3d{transform:perspective(480px) rotateX(3deg) rotateY(-3deg) translateY(-1px)}
}
.hdr .nav{
  grid-area:1 / 1 / 2 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);
  gap:28px;
  align-items:center;
  min-width:0;
}
.nav-group{display:flex;align-items:center;gap:clamp(20px,2.2vw,32px);min-width:0}
.nav-left{grid-column:1;justify-content:flex-start}
.nav-right{grid-column:3;justify-content:flex-end;padding-right:204px;gap:24px}
.hdr .nav a{
  white-space:nowrap;
  -webkit-text-stroke:.25px rgba(195,154,96,.85);
  paint-order:stroke fill;
  text-shadow:0 .75px 0 rgba(250,230,183,.88),0 1.4px 0 rgba(135,94,47,.42),0 3px 3px rgba(58,46,37,.12);
}
.hdr .wrap > .btn-book{
  grid-area:1 / 3;
  justify-self:end;
  position:relative;
  z-index:2;
  width:180px;
  padding-inline:18px;
}
.faq-group{scroll-margin-top:136px}

/* A shallow solid edge and soft layered shadow lift the entire hero above the page.
   Existing image grading, grain, drift, text and magnetic buttons remain intact. */
.hero{
  z-index:1;
  isolation:isolate;
  box-shadow:0 4px 0 #DCCFBF,0 5px 0 rgba(172,129,82,.34),0 18px 30px -12px rgba(58,46,37,.32),0 38px 52px -34px rgba(58,46,37,.24);
}
.hero h1{text-shadow:0 2px 2px rgba(40,30,22,.14),0 8px 24px rgba(40,30,22,.22)}

/* Switch before the centered identity and booking action become crowded. */
@media(max-width:1080px){
  .hdr .wrap{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;height:90px}
  .hdr .brand{grid-area:1 / 2;gap:12px}
  .hdr .mark{width:40px;height:48px}
  .hdr .brand-mark-3d{width:44px;height:52px}
  .hdr .brand-txt b{font-size:16px}
  .hdr .brand-txt span{font-size:9.5px;margin-top:7px}
  .hdr .wrap > .btn-book{display:none}
  .hdr .menu-btn{display:grid;place-items:center;grid-area:1 / 3;justify-self:end}
  .hdr .nav{
    position:absolute;
    left:0;right:0;top:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px var(--gut) 20px;
    background:var(--linen);
    border-bottom:1px solid var(--gold-line);
    border-image:var(--gold-rule-soft) 1;
    box-shadow:0 20px 30px -24px rgba(58,46,37,.4);
  }
  .hdr .nav[data-open="false"]{display:none}
  .nav-group{display:contents}
  .hdr .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
  .hdr .nav a::after{display:none}
  .faq-group{scroll-margin-top:114px}
}
@media(max-width:640px){
  .hdr .wrap{height:86px}
  .hdr{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 rgba(220,207,191,.7),0 10px 20px -10px rgba(58,46,37,.3)}
  .hero{box-shadow:0 3px 0 #DCCFBF,0 4px 0 rgba(172,129,82,.3),0 15px 24px -12px rgba(58,46,37,.28)}
  .faq-group{scroll-margin-top:110px}
}