/* T54/T55: logo placement. Header logo centred on the page (all pages); T55 doubles it (68->136 px desktop, 52->104 px at <=1000px; was 52/40 before T54); footer logo centred (80->96 px, 64->76 px mobile).
   Positioning/sizing only. The old centre emblem on the home header is hidden because the logo now occupies the centre slot. */
.hdr-logo{display:block;line-height:0}
.hdr-logo img{display:block;height:136px;width:auto}
.ft-logo{display:block;height:96px;width:auto}
.ft-wrap-logo{display:flex;justify-content:center;flex:0 0 100%}

/* home header: 3-zone grid [menu | LOGO | phone+Book] */
.nav-in{position:relative}
.nav-in .emblem{display:none}
.nav-in>.menu{grid-column:1;grid-row:1}
.nav-in>.hdr-logo{grid-column:2;grid-row:1;justify-self:center}
.nav-in>.right{grid-column:3;grid-row:1}
.nav-in>.burger{grid-column:3;grid-row:1}
:root{--navh:156px}
/* T55: header is ~2x taller, so anchor jumps keep the same visual offset below the fixed header (156-92) */
html{scroll-padding-top:64px}

/* flat pages (about, contact, privacy, 404): brand left | LOGO centre | nav right */
.pg-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px}
.pg-nav>.pg-brand{grid-column:1;grid-row:1;justify-self:start}
.pg-nav>.hdr-logo{grid-column:2;grid-row:1;justify-self:center}
.pg-nav>nav{grid-column:3;grid-row:1;justify-self:end}

@media(max-width:1000px){
 :root{--navh:120px}
 html{scroll-padding-top:42px}
 .hdr-logo img{height:104px}
 .ft-logo{height:76px}
}
@media(max-width:920px){
 /* flat pages: stack and centre so nothing can overlap the logo */
 .pg-nav{grid-template-columns:1fr;row-gap:8px;justify-items:center;text-align:center}
 .pg-nav>.hdr-logo{grid-column:1;grid-row:1}
 .pg-nav>.pg-brand{grid-column:1;grid-row:2;justify-self:center;align-items:center}
 .pg-nav>nav{grid-column:1;grid-row:3;justify-self:center;flex-wrap:wrap;justify-content:center}
}

/* T56: the new "Gallery and Reviews" tab makes the nav wider than the space beside the 136 px centred logo on mid-width screens. */
.menu a,.pg-nav nav a{white-space:nowrap}
/* home: 1001-1160 px uses the burger + mobile menu (same rules as style.css <=1000 px); 1161-1439 px compacts the menu spacing */
@media(min-width:1001px) and (max-width:1160px){
 .menu,.right{display:none}
 .burger{display:block}
 .mmenu{display:flex;position:fixed;inset:var(--navh) 0 0 0;background:rgba(5,5,5,.97);flex-direction:column;justify-content:center;align-items:center;gap:28px;font-family:var(--sans);font-size:16px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .5s var(--ease),transform .5s var(--ease),visibility .5s;z-index:49}
 .mmenu.open{opacity:1;visibility:visible;transform:none}
 .mmenu .cta{padding:14px 28px}
}
@media(min-width:1161px) and (max-width:1439px){
 .menu{font-size:11px;letter-spacing:.1em;gap:clamp(12px,1.5vw,18px)}
}
/* flat pages: stack (logo, brand, nav) up to 1179 px instead of 920 px; compact nav spacing 1180-1599 px */
@media(min-width:1180px) and (max-width:1599px){
 .pg-nav nav{font-size:11px;letter-spacing:.1em;gap:clamp(6px,1vw,12px)}
}
@media(max-width:1179px){
 .pg-nav{grid-template-columns:1fr;row-gap:8px;justify-items:center;text-align:center}
 .pg-nav>.hdr-logo{grid-column:1;grid-row:1}
 .pg-nav>.pg-brand{grid-column:1;grid-row:2;justify-self:center;align-items:center}
 .pg-nav>nav{grid-column:1;grid-row:3;justify-self:center;flex-wrap:wrap;justify-content:center}
}