@import url("https://gabriel-photography-portfolio-am4hjoju7-gasc1608.vercel.app/styles.css");
/* Seamless header: inherit the exact current page background, not a fixed cream. */
.site-header {
  background-color: inherit !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


/* Critical initial loading state: a single clean, full-viewport brand screen.
   No temporary header or footer and no unfinished text while site loads. */
html:has(#app > .loading),
body:has(#app > .loading) {
  min-height:100% !important;
  height:100% !important;
  overflow:hidden !important;
}
body:has(#app > .loading) > .site-header,
body:has(#app > .loading) > #mobileNav,
body:has(#app > .loading) > footer {
  visibility:hidden !important;
}
#app > .loading {
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#fbf8f0 !important;
  box-shadow:none !important;
  border:0 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
}
#app > .loading::before {
  content:"" !important;
  display:block !important;
  flex:0 0 auto !important;
  width:min(540px,90vw) !important;
  height:auto !important;
  aspect-ratio:3 / 2 !important;
  background:url("/brand/gs-heritage-loader-hd.webp") center center / contain no-repeat !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  animation:none !important;
  transform:none !important;
}
#app > .loading::after {
  content:none !important;
  display:none !important;
}
@media (max-width:480px) {
 #app > .loading::before {width:min(370px,92vw) !important;}
}
@supports (height:100dvh) {
 #app > .loading {height:100dvh !important;min-height:100dvh !important;}
}