/* Shared header identity: original Blueberry artwork, without a box. */
header.site-header .header-identity{display:flex;align-items:center;gap:22px;margin-right:auto;flex-shrink:0}
header.site-header .header-identity .brand{margin-right:0}
header.site-header .header-partner{display:block;flex-shrink:0;line-height:0;padding:0;background:none;border:0}
header.site-header .header-partner img{display:block;width:98px;height:auto;max-width:none}
@media(max-width:1150px){header.site-header .header-identity{gap:16px}header.site-header .header-partner img{width:86px}}
@media(max-width:720px){header.site-header .header-identity{gap:16px}header.site-header .header-partner img{width:76px}}
@media(max-width:360px){header.site-header .header-identity{gap:12px}header.site-header .header-partner img{width:65px}}

@media(min-width:1001px) and (max-width:1150px){header.site-header{height:80px;min-height:80px}header.site-header>nav{display:none}header.site-header #menu-toggle{display:block}#mobile-nav{top:80px}}

/* Let the original photographic canvas fill Safari's safe areas on every page. */
@media(max-width:720px){
 /* Safari paints its extra canvas from html, outside the fixed body layers.
    Give that canvas the same photograph instead of a separate solid fill. */
 html{
  background:#44504a url('assets/materia/muschio-macro.jpg') center/cover no-repeat fixed;
  min-height:100%;
 }
 html:has(body.home-page){background-image:url('assets/materia/muschio-orizzonte.jpg');background-color:#29352b;background-position:center 20%}
 body{display:flow-root;min-height:100svh;min-height:100dvh}
 body:not(.home-page){background:transparent;isolation:isolate}
 body:not(.home-page)::before{inset:-60px;z-index:-1}
 header.site-header{
  height:calc(90px + env(safe-area-inset-top,0px));
  min-height:calc(90px + env(safe-area-inset-top,0px));
  padding-top:env(safe-area-inset-top,0px);
  padding-left:max(4%,env(safe-area-inset-left,0px));
  padding-right:max(4%,env(safe-area-inset-right,0px));
 }
 #mobile-nav{top:calc(90px + env(safe-area-inset-top,0px))}
 .site-ending{margin-bottom:0;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .home-page #partiamo.coast-continuous{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 .home-page #partiamo .site-ending{padding-bottom:0}
}