.fog-echo{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 58%,transparent 92%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 58%,transparent 92%)}
.mist-plate{width:100%;height:100%;object-fit:cover;object-position:42% 50%;filter:url(#mist-flow);display:block}
.ghost{z-index:1}
.fog-veil{position:absolute;left:-70%;top:-8%;width:100%;height:116%;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse 44% 73% at 53% 50%,rgb(149 179 193 / .76),rgb(149 179 193 / .43) 44%,rgb(149 179 193 / .09) 70%,transparent 94%);filter:blur(18px);mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent)}
.masthead,.signature,.status{z-index:3}
[data-reduced=true] .fog-echo,[data-reduced=true] .fog-veil{visibility:hidden}
[data-reduced=true] .ghost{opacity:1!important;transform:translateX(-50%)!important}
@media(min-aspect-ratio:5/4){.mist-plate{object-position:36% 50%}}
@media(prefers-reduced-motion:reduce){.fog-echo,.fog-veil{visibility:hidden}.ghost{opacity:1!important;transform:translateX(-50%)!important}}

@media(min-aspect-ratio:5/4){.scene[data-plate=portrait] .fog-echo{visibility:hidden}}

/* Contact details sit in one row on wide screens and two on portrait phones. */
.scene{min-height:0;overflow:clip}
.site-footer{position:absolute;left:0;right:0;bottom:0;z-index:4;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 24px;padding:0 max(30px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(30px,env(safe-area-inset-left,0px));color:var(--cream)}
.site-footer::before{content:"";position:absolute;inset:-28px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,rgba(32,13,23,.68))}
.contact-links,.social-links{display:flex;align-items:center;gap:24px;min-width:0}
.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:11px;letter-spacing:.015em;text-decoration:none;text-underline-offset:4px;white-space:nowrap;touch-action:manipulation}
.site-footer a:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.site-footer a:active{opacity:.72}
@media(hover:hover) and (pointer:fine){.site-footer a:hover{text-decoration:underline}}
@media(max-width:800px){.site-footer{gap:0 12px;padding-left:max(6%,env(safe-area-inset-left,0px));padding-right:max(6%,env(safe-area-inset-right,0px))}.contact-links,.social-links{gap:14px}}
@media(max-aspect-ratio:5/4) and (max-width:800px){.site-footer{grid-template-columns:minmax(0,1fr)}.contact-links{justify-content:space-between}.social-links{gap:14px}}
@media(min-aspect-ratio:5/4) and (max-width:800px){.site-footer{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px));column-gap:12px}.site-footer a{font-size:10px}.contact-links,.social-links{gap:12px}}