/* One header composition for the hydrated homepage and standalone project pages. */
@font-face{font-family:FGHeaderBody;src:url('/fonts/Switzer-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:FGHeaderBrand;src:url('/fonts/OTJubilee-PlatinumRegular.woff2') format('woff2');font-display:swap}
:root{--fg-header-gutter:clamp(24px,2.77778vw,80px);--fg-header-gap:clamp(12px,1.38889vw,40px);--fg-header-height:clamp(44px,2.77778vw,64px)}
header[data-v-81ce8483],header.project-header{
  position:fixed;inset:0 0 auto;z-index:102;width:100%;box-sizing:border-box;
  display:block;padding:0!important;pointer-events:none;
  background:linear-gradient(180deg,rgba(123,81,54,.6),rgba(123,81,54,.36) 44%,rgba(123,81,54,.12) 69%,rgba(123,81,54,0));
}
header[data-v-81ce8483]>.-w,header.project-header>.fg-header-grid{
  display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:auto!important;
  align-items:center;column-gap:var(--fg-header-gap);row-gap:0;box-sizing:border-box;
  width:100%!important;max-width:none;margin:0!important;
  padding:20px var(--fg-header-gutter) 64px!important;
  transform:none!important;translate:none!important;
}
header[data-v-81ce8483] .-nl,header.project-header .project-brand{
  grid-column:1 / span 3!important;grid-row:1!important;justify-self:start;align-self:start;
  display:flex;flex-direction:column;position:relative;width:max-content;
  color:inherit;font-family:FGHeaderBrand,serif;font-size:clamp(28px,2.77778vw,64px);line-height:.85;
  pointer-events:auto;text-decoration:none;
}
header[data-v-81ce8483] .-nl>.-h5,header.project-header .project-brand>span{font:inherit!important;line-height:.85!important}
header[data-v-81ce8483] .-nl>.the,header.project-header .project-brand>span:first-child{margin-left:.85em}
header[data-v-81ce8483] .-nl>.assembly,header.project-header .project-brand>span:nth-child(3){margin-left:1em}
header[data-v-81ce8483] .-nl>.-mm,header.project-header .project-brand>small{
  position:absolute;left:calc(100% + 16px);top:4px;margin:0;max-width:none!important;white-space:nowrap;
  font:400 clamp(12px,.97222vw,18px)/1.3 FGHeaderBody,sans-serif;color:rgba(21,20,21,.45);
}
header.project-header{color:#151415}
header.project-header .project-nav{display:contents!important}
header[data-v-81ce8483] .places,header.project-header .project-nav>a:first-child{grid-column:5 / span 2!important;grid-row:1!important}
header[data-v-81ce8483] .objects,header.project-header .project-nav>a:nth-child(2){grid-column:7 / span 2!important;grid-row:1!important}
header[data-v-81ce8483] .sep,header.project-header .fg-header-separator{
  display:block;grid-column:6 / span 2!important;grid-row:1!important;justify-self:center;align-self:center;
  width:1px;height:calc(var(--fg-header-height) + 40px)!important;max-height:none!important;background:#151415;pointer-events:none;
}
header[data-v-81ce8483] .request,header.project-header .project-request{display:none!important}
header[data-v-81ce8483] .menu-wrap,header.project-header .project-menu-button{
  grid-column:11 / span 2!important;grid-row:1!important;min-width:0;width:100%!important;align-self:center;
}
header[data-v-81ce8483] .menu-wrap:before{display:none!important}
header[data-v-81ce8483] .places,header[data-v-81ce8483] .objects,header.project-header .project-nav__link,
header[data-v-81ce8483] .menu-wrap .button,header.project-header .project-menu-button{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  height:var(--fg-header-height);min-height:44px;max-height:none!important;width:100%;min-width:0;
  border:0;border-radius:8px;padding:0 16px!important;margin:0;
  font:400 clamp(12px,.97222vw,18px)/1.2 FGHeaderBody,sans-serif;text-transform:uppercase;
  background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  pointer-events:auto;text-decoration:none;overflow:hidden;
}
header[data-v-81ce8483] .places .text,header[data-v-81ce8483] .objects .text,
header[data-v-81ce8483] .menu-wrap .text{font:inherit!important}
header.project-header .project-nav__link{color:#151415}
header[data-v-81ce8483] .menu-wrap .button,header.project-header .project-menu-button{
  position:relative;justify-content:space-between;background:#f1eade!important;color:#151415!important;cursor:pointer;
}
header[data-v-81ce8483] .menu-wrap .text,header.project-header .fg-menu-label{
  position:static!important;margin-left:auto;display:block;width:auto!important;height:auto!important;
  opacity:1!important;translate:none!important;transform:none!important;clip-path:none!important;overflow:visible!important;
  color:#151415!important;white-space:nowrap;
}
header[data-v-81ce8483] .menu-wrap .menu-icon,header.project-header .project-menu-button__lines{
  position:absolute;left:16px!important;top:50%;transform:translateY(-50%);translate:none!important;
  display:block;width:38px!important;height:14px;background:linear-gradient(#151415,#151415) center/100% 1px no-repeat;
}
header[data-v-81ce8483] .menu-wrap .menu-icon:before,header[data-v-81ce8483] .menu-wrap .menu-icon:after,
header.project-header .project-menu-button__lines:before,header.project-header .project-menu-button__lines:after{
  content:'';position:absolute;height:1px;background:#151415!important;transform:none!important;
}
header[data-v-81ce8483] .menu-wrap .menu-icon:before,header.project-header .project-menu-button__lines:before{top:0;right:0;width:78%}
header[data-v-81ce8483] .menu-wrap .menu-icon:after,header.project-header .project-menu-button__lines:after{bottom:0;left:0;width:62%}
header.project-header .project-menu-button__lines i{display:none}
header[data-v-81ce8483] a:focus-visible,header[data-v-81ce8483] button:focus-visible,
header.project-header a:focus-visible,header.project-header button:focus-visible{outline:2px solid #151415;outline-offset:4px}
@media(max-width:1200px){header[data-v-81ce8483] .-nl>.-mm,header.project-header .project-brand>small{display:none!important}}
@media(max-width:1024px){
  :root{--fg-header-gutter:24px;--fg-header-gap:16px}
  header[data-v-81ce8483]>.-w,header.project-header>.fg-header-grid{grid-template-columns:minmax(0,1fr) 132px!important;padding:16px var(--fg-header-gutter) 40px!important}
  header[data-v-81ce8483] .-nl,header.project-header .project-brand{grid-column:1!important;font-size:32px}
  header[data-v-81ce8483] .places,header[data-v-81ce8483] .objects,header.project-header .project-nav__link,
  header[data-v-81ce8483] .sep,header.project-header .fg-header-separator{display:none!important}
  header[data-v-81ce8483] .menu-wrap,header.project-header .project-menu-button{grid-column:2!important}
  header[data-v-81ce8483] .menu-wrap .menu-icon,header.project-header .project-menu-button__lines{width:28px!important}
}
@media(max-width:600px){:root{--fg-header-gutter:16px}}
/* Open navigation must sit above the persistent header, including its close control. */
.full-screen-menu,.project-menu{z-index:110!important}
.full-screen-menu.-t-menu-leave-active{pointer-events:none!important}
.full-screen-menu.-t-menu-leave-active .button-close{visibility:hidden!important}
.project-menu{overflow-y:auto;overscroll-behavior:contain;padding:80px 24px 32px;box-sizing:border-box}
.project-menu nav{gap:12px;max-width:100%;margin:auto}
.project-menu nav a{line-height:1.2;min-height:44px;text-align:center}
@media(max-width:1024px){.project-menu nav a{font-size:clamp(28px,7.7vw,42px)}}

/* Touch navigation uses one readable column instead of the desktop stagger. */
@media (max-width:1024px) {
 .full-screen-menu { position:fixed!important; inset:0!important; height:100dvh!important; }
 .full-screen-menu .oy { height:100%; overflow-y:auto!important; overscroll-behavior:contain; }
 .full-screen-menu .oy > .-w { display:grid!important; min-height:100%; box-sizing:border-box; padding:calc(80px + env(safe-area-inset-top)) 0 calc(32px + env(safe-area-inset-bottom))!important; }
 .full-screen-menu .oy .-w nav { display:flex!important; flex-direction:column; align-items:center; gap:10px!important; grid-column:1/-1; width:100%!important; min-height:0!important; margin:auto 0; padding:0; transform:none; translate:none; }
 .full-screen-menu .oy .-w nav > .guy { margin:0 0 12px; padding:0; }
 .full-screen-menu .oy .-w nav > a,
 .full-screen-menu .oy .-w nav > span.contacts { display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; min-height:44px; max-width:100%; flex:none; box-sizing:border-box; margin:0!important; padding:3px 0!important; font-size:clamp(28px,7.7vw,42px); line-height:1.2; translate:none; transform:none; scale:1; text-align:center; }
 .full-screen-menu .close { display:none!important; }
 .full-screen-menu .button-close { grid-area:auto!important; position:absolute!important; top:calc(16px + env(safe-area-inset-top))!important; left:16px!important; min-height:44px; margin:0!important; padding:8px 16px; opacity:1!important; translate:none!important; }
 .full-screen-menu .button-close span { font-size:18px!important; color:#f1eade!important; }
}
