/* Shared marble masthead with a white, fully visible logo and chrome divider. */
header{position:relative;background-color:#080808;background-image:linear-gradient(#0003,#0003),url("header-marble.jpeg");background-size:cover;background-position:center;color:#fff;padding:10px 5%;border-bottom:3px solid #c0c2c5;border-image:linear-gradient(90deg,#5e6369,#f8fafc 20%,#9b9fa5 45%,#fff 60%,#7e838a 85%,#dfe3e7) 1;box-sizing:border-box}
header>a:first-child{flex-shrink:0}
header img{width:150px;height:120px;object-fit:contain;object-position:center;background:transparent;filter:none}
header nav a{color:#fff;text-shadow:0 1px 5px #000;white-space:nowrap}
header nav a:hover,header nav a:focus-visible{color:#e3d5bb}
header .tools button{text-shadow:0 1px 5px #000}
@media(max-width:1000px){header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px 5%;background:#0b0b0bf5;z-index:20;flex-wrap:wrap;gap:18px 24px}header nav.open{display:flex}header .tools .mobile{display:inline-block}}
@media(max-width:600px){header{padding:8px 5%}header img{width:132px;height:96px}}

/* Footer mirrors the marble masthead and uses the same outlined white logo. */
footer{background-color:#080808;background-image:linear-gradient(#0008,#000b),url('header-marble.jpeg');background-size:cover;background-position:center;border-top:3px solid #c0c2c5;border-image:linear-gradient(90deg,#5e6369,#f8fafc 20%,#9b9fa5 45%,#fff 60%,#7e838a 85%,#dfe3e7) 1}.footer-top>img{object-fit:contain;filter:none;background:transparent}