/* The studio name and direct navigation stay visible at the top. */
header[data-header-stick] { z-index:10 !important; background:var(--pg-cream) !important; color:var(--pg-red) !important; border-bottom-color:transparent !important; }
.pg-site-header { grid-column:fullbleed; position:sticky; top:0; display:flex; align-items:center; gap:clamp(30px,5vw,100px); width:100%; height:73px; padding:14px 20px; box-sizing:border-box; }
.pg-site-brand { display:flex; align-items:baseline; gap:10px; flex-shrink:0; }
.pg-header-name { display:inline-flex; align-items:baseline; color:inherit; text-decoration:none; white-space:nowrap; font:900 clamp(22px,1.8vw,32px)/1.06 'Filson Pro',sans-serif; }
.pg-header-initial { display:inline-block; width:.716em; height:.92em; object-fit:contain; }
.pg-header-descriptor { font:900 clamp(18px,1.5vw,26px)/1.06 'Filson Pro',sans-serif; white-space:nowrap; }
.pg-top-nav { margin-left:auto; display:flex; align-items:center; gap:clamp(16px,2.4vw,36px); font:var(--pg-nav-font); white-space:nowrap; }
.pg-top-nav a { color:inherit; text-decoration:none; padding:10px 0; }
.pg-top-nav a:hover,.pg-top-nav a[aria-current='page'] { text-decoration:underline; text-underline-offset:6px; }
.pg-site-header :focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:1100px) { .pg-header-descriptor { display:none; } }
@media(max-width:700px) {
  :root { --pg-header-height:112px; }
  .pg-site-header { height:112px; padding:12px 20px; flex-direction:column; align-items:flex-start; gap:8px; }
  .pg-header-name { font-size:24px; }
  .pg-top-nav { margin-left:0; width:100%; justify-content:space-between; gap:12px; font-size:13px; }
  .pg-top-nav a { padding:14px 0; }
}

/* Keep the same text rasterization on the standalone construction page. */
.pg-site-header { -webkit-font-smoothing:antialiased; text-rendering:geometricprecision; }