/* Phoenix Finish — restrained brand details and engraved garage monogram. */
.brand .brand-pf{width:46px;height:46px;flex:0 0 auto;object-fit:contain;mix-blend-mode:screen!important;display:block}

/* This mark is part of the steel artwork, so each sectional panel carries
   its own clipped portion as the door follows the overhead track. */
#loader .garage-sign{display:flex!important;top:43.75%;width:clamp(82px,9vw,138px);height:clamp(82px,9vw,138px);text-shadow:none;mix-blend-mode:screen;opacity:.65}
#loader .garage-sign .garage-pf-etch{display:block!important;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(.54) drop-shadow(0 1px 0 #dce5ec66) drop-shadow(0 -1px 1px #000);mix-blend-mode:screen}

/* The lightweight first-paint door uses the same monogram and travels with
   it, never remaining as a second cover above the revealed homepage. */
html.entry-pending::after{content:"";position:fixed;left:50%;top:43.75%;width:clamp(82px,9vw,138px);height:clamp(82px,9vw,138px);z-index:2147483647;pointer-events:none;background:url('images/pf-logo.png') center/contain no-repeat;mix-blend-mode:screen;filter:grayscale(1) brightness(.38);transform:translate(-50%,-50%);transition:transform 1.45s cubic-bezier(.64,0,.18,1)}
html.entry-pending.entry-opening::after{transform:translate(-50%,calc(-50% - 103vh))}
/* Low graphics still permits this single inexpensive transform transition. */
html.perf-low.entry-pending::before,html.perf-low.entry-pending::after{transition:transform 1.45s cubic-bezier(.64,0,.18,1)!important}
html.perf-low.entry-pending::after{mix-blend-mode:screen!important;filter:grayscale(1) brightness(.38)!important}

/* A tailored graphite fascia: structured spacing and a fine machined edge,
   with no added glow, animated ornament or large-area blur. */
header.hud-top{background:linear-gradient(115deg,#181c20fa,#101317f5 52%,#171b20fa);border-bottom:1px solid #cbd5df24;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px -18px #000;gap:24px}
header.hud-top .brand{gap:13px;flex-shrink:0}
header.hud-top .brand>span{font-size:13px;letter-spacing:.22em;line-height:1.3;font-weight:600}
header.hud-top .brand small{font-family:var(--sans,Arial,sans-serif);font-size:10px;letter-spacing:.17em;line-height:1.7;color:#aeb7c2;font-weight:400}
header.hud-top .hud-nav{gap:clamp(16px,1.8vw,30px);font-family:var(--sans,Arial,sans-serif);font-size:10px;letter-spacing:.12em}
header.hud-top .hud-nav a{padding:13px 0;text-shadow:none!important}
header.hud-top .hud-nav a .n{font-family:var(--mono,monospace);font-size:9px;opacity:.45;margin-right:6px}
header.hud-top .hud-nav a::after{background:#d3dbe3;height:1px}
header.hud-top .mini-book{border:1px solid #c9d1d94d;border-radius:5px;background:linear-gradient(135deg,#e1e6eb,#b4bec9);color:#11161b;box-shadow:inset 0 1px 0 #fff7;font-family:var(--sans,Arial,sans-serif);font-size:10px;font-weight:600;letter-spacing:.12em;backdrop-filter:none;-webkit-backdrop-filter:none;height:38px;padding:0 18px}
header.hud-top .mini-book:hover{background:#f0f3f6;border-color:#f0f3f6;color:#080b0f}
header.hud-top a:focus-visible,header.hud-top button:focus-visible{outline:2px solid #e1eaf3;outline-offset:5px}
@media(max-width:600px){header.hud-top{gap:12px;padding-left:18px;padding-right:18px}header.hud-top .brand{gap:8px}header.hud-top .brand-pf{width:36px;height:36px}header.hud-top .brand>span{font-size:11px;letter-spacing:.16em}header.hud-top .brand small{font-size:9px;letter-spacing:.12em}header.hud-top .mini-book{padding:0 10px;font-size:9px;letter-spacing:.06em;max-width:138px}}
@media(prefers-reduced-motion:reduce){html.entry-pending::after{display:none}}