/* Recommended private-candidate header material and type; user-final selection remains open. Geometry from exact v4 study; final artifact review remains required. */
/* Actual HTML material/typography study only. No palette is selected. */
@font-face {font-family:"NM Carved Roman";src:url("/assets/LiberationSerif-Bold.woff2") format("woff2"), url("/assets/LiberationSerif-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap;}
body { --study-wood:image-set(url("/assets/nav-walnut-broad-face-432.webp") 1x, url("/assets/nav-walnut-broad-face-864.webp") 2x); --study-nav-font:"NM Carved Roman"; --study-nav-size:1.4375rem; --study-nav-pad:18px; }
body.nav-type-roman { --study-nav-font:"NM Carved Roman"; --study-nav-size:1.4375rem; --study-nav-pad:18px; }
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a { font-family:var(--study-nav-font),serif; font-size:var(--study-nav-size); font-weight:700; line-height:1.25; letter-spacing:0; padding:12px var(--study-nav-pad); min-height:56px; }
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::before {
 inset:auto; left:0; top:50%; width:100%; height:auto; aspect-ratio:1.5; border:0; border-radius:0; background:transparent var(--study-wood) center/100% 100% no-repeat;
 transform:translateY(-44.5%); box-shadow:none; pointer-events:none; filter:drop-shadow(0 3px 2px rgba(4,17,29,.22));
}
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::after {display:none;}
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a:nth-of-type(n+3)::before {transform:translateY(-44.5%) scaleX(-1);}
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a:is(:hover,:focus-visible,:active)::before {border:0;box-shadow:none;filter:drop-shadow(0 3px 2px rgba(4,17,29,.25));}
@media(min-width:1536px){
 .site-header.material-header:not(.force-compact) .header-panel nav { left:31.19%; width:43.21%; top:39.5%; gap:8px; }
 .site-header.material-header:not(.force-compact) .header-panel nav a {white-space:nowrap;}
}
@media(max-width:1535px){
 .site-header.material-header .header-panel nav {grid-template-columns:minmax(0,1fr);gap:14px;padding-block:12px 24px;}
 .site-header.material-header .header-panel nav a {width:min(100%,280px);justify-self:center;min-height:126px;padding:18px;}
}
.site-header.material-header.force-compact .header-panel nav {grid-template-columns:minmax(0,1fr);gap:14px;padding-block:12px 24px;}
.site-header.material-header.force-compact .header-panel nav a {width:min(100%,560px);justify-self:center;min-height:126px;padding:18px;white-space:normal;overflow-wrap:normal;word-break:normal;}
@media(forced-colors:active){
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::before {background:Canvas!important;border:1px solid ButtonText!important;filter:none!important;transform:none!important;inset:0;width:auto;height:auto;aspect-ratio:auto;}
}

/* Study-only intrinsic material sizing, appended after nav-study.css.
   Keep whole thick silhouettes within the normal-flow control height. */
@media(max-width:1535px){
 body.nav-type-roman { --study-nav-size:1.3125rem; }
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a { width:min(100%,280px);justify-self:center;min-height:126px;padding:18px;aspect-ratio:2.1; }
}
.site-header.material-header.force-compact .header-panel nav a {
 width:min(100%,360px); aspect-ratio:2.1;
}
/* Text enlargement uses available panel side clearance to enlarge the physical
   writing face without distorting the image or reducing the live font. */
@media(max-width:600px){
 .site-header.material-header.force-compact .header-panel nav a::before { width:115%; left:-7.5%; }
}
@media(forced-colors:active){
 .site-header.material-header.force-compact .header-panel nav a::before { width:auto;left:0; }
}

/* Tall compact geometry trial. Append AFTER nav-study.css and the fixed v2
   sizing supplement. Do NOT apply the superseded v3 line-height trial.
   Walnut/Roman is an experimental test case, not a palette/type selection. */
@media(max-width:600px){
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a {
  width:min(100%,280px); min-height:0; aspect-ratio:1.03;
  padding:18px; line-height:1.25;
 }
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav .wood-lettering {
  max-inline-size:6.8125rem;
 }
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a::before {
  left:0; top:50%; width:100%; height:auto; aspect-ratio:1;
  background-image:image-set(url("/assets/nav-walnut-compact-320.webp") 1x, url("/assets/nav-walnut-compact-640.webp") 2x);
  background-size:100% 100%; transform:translateY(-49.5%);
 }
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a:nth-of-type(n+3)::before {
  transform:translateY(-49.5%) scaleX(-1);
 }
}
@media(forced-colors:active){
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a::before {
  background:Canvas!important;inset:0;width:auto;height:auto;aspect-ratio:auto;transform:none!important;
 }
}

/* Clean quality correction: align each live label to the measured writing
   plane, not its alpha silhouette. Source1586×992; face center807.5,510.
   Desktop slot ratios reserve ridge-safe margins at unchanged23px Roman. */
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::before {
 left:-.9155%; aspect-ratio:1586 / 992; transform:translateY(-51.4113%);
}
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a:nth-of-type(n+3)::before {
 left:.9155%; transform:translateY(-51.4113%) scaleX(-1);
}
@media(min-width:1536px){
 .site-header.material-header:not(.force-compact) .header-panel nav {
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.19fr) minmax(0,1.11fr) minmax(0,1.39fr);
  top:50.6%; gap:8px;
 }
 .site-header.material-header:not(.force-compact) .header-panel nav a {
  width:100%; min-width:0; min-height:96px; padding:12px 14px; white-space:nowrap;
 }
}
/* Preserve the separately verified enlarged narrow writing face. */
@media(max-width:600px){
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a::before {left:0;aspect-ratio:1;transform:translateY(-49.5%);}
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a:nth-of-type(n+3)::before {left:0;transform:translateY(-49.5%) scaleX(-1);}
}
@media(forced-colors:active){
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::before {background:Canvas!important;inset:0;width:auto;height:auto;aspect-ratio:auto;transform:none!important;}
}

/* Local water contact: a faint reflected underside and broad meniscus arcs
   remain behind each natural silhouette, never behind or across label ink. */
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::after {
 display:block; content:""; position:absolute; z-index:-2; pointer-events:none;
 -webkit-mask:none; mask:none; filter:none; opacity:1;
 inset:auto; left:-.9155%; top:50%; width:100%; height:auto; aspect-ratio:1586 / 992;
 background:transparent url("/assets/wood-water-contact-broad.svg") center / 100% 100% no-repeat;
 border:0; border-radius:0; box-shadow:none; transform:translateY(-51.4113%);
}
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a:nth-of-type(n+3)::after {left:.9155%;transform:translateY(-51.4113%) scaleX(-1);}
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::before,
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a:is(:hover,:focus-visible,:active)::before {filter:drop-shadow(0 1px .65px rgba(4,12,17,.35));}
@media(max-width:600px){
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a::after {left:0;aspect-ratio:1;background-image:url("/assets/wood-water-contact-compact.svg");transform:translateY(-49.5%);}
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav a:nth-of-type(n+3)::after {left:0;transform:translateY(-49.5%) scaleX(-1);}
}
@media(forced-colors:active){
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::after {display:none;}
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a::before,
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav a:is(:hover,:focus-visible,:active)::before {filter:none!important;}
}

/*16.12: wet wood and one continuous compact fluid plane. These decorate the
  unchanged control geometry only after its required material has decoded. */
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav[data-carved-navigation] a::after { display:none !important; }
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav[data-carved-navigation][data-mode="carved"] a::before,
:is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav[data-carved-navigation][data-mode="carved"] a:is(:hover,:focus-visible,:active)::before {
 background-image:var(--carved-wood-image);
 filter:none; box-shadow:none;
}
.site-header.material-header nav[data-carved-navigation] > .carving-context { display:none; position:absolute; pointer-events:none; user-select:none; z-index:-2; }
@media(max-width:1535px){
 .site-header.material-header .header-panel nav[data-carved-navigation] { position:relative; }
 .site-header.material-header nav[data-carved-navigation] > .carving-context { inset:-8px -12px; width:calc(100% + 24px); height:calc(100% + 16px); max-width:none; object-fit:fill; }
 .site-header.material-header nav[data-carved-navigation][data-mode="carved"] > .carving-context { display:block; }
 .site-header.material-header nav[data-carved-navigation]::before { display:none; }
 .site-header.material-header nav[data-carved-navigation][data-mode="carved"]::after { content:"";position:absolute;right:20px;bottom:32px;width:16px;height:16px;background:url("/assets/liquid-texture-fragment.png") center/contain no-repeat;pointer-events:none;z-index:-1; }
}
.site-header.material-header.force-compact .header-panel nav[data-carved-navigation] { position:relative; }
.site-header.material-header.force-compact nav[data-carved-navigation] > .carving-context { inset:-8px -12px; width:calc(100% + 24px); height:calc(100% + 16px); max-width:none; object-fit:fill; }
.site-header.material-header.force-compact nav[data-carved-navigation][data-mode="carved"] > .carving-context { display:block; }
.site-header.material-header.force-compact nav[data-carved-navigation]::before { display:none; }
.site-header.material-header.force-compact nav[data-carved-navigation][data-mode="carved"]::after { content:"";position:absolute;right:20px;bottom:32px;width:16px;height:16px;background:url("/assets/liquid-texture-fragment.png") center/contain no-repeat;pointer-events:none;z-index:-1; }
@media(max-width:600px){
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav[data-carved-navigation][data-mode="carved"] a::before {
  background-image:var(--carved-wood-image);
 }
}
@media(forced-colors:active),(prefers-reduced-data:reduce){
 .site-header.material-header nav[data-carved-navigation] > .carving-context,
 .site-header.material-header nav[data-carved-navigation]::after { display:none !important; }
 :is(.site-header.material-header,.site-header.material-header.force-compact) .header-panel nav[data-carved-navigation] a::before { background-image:none !important;filter:none !important; }
}

/* Enlarged narrow mode: a small optical artwork inset protects irregular face ridges.
   Live42px font, semantic word widths, line wrapping and control geometry stay intact. */
@media(max-width:600px){
 .site-header.material-header.force-compact .carved-word-art { transform:translate(-50%,-50%) scale(.94); }
}

/*16.13: reset latent desktop insets in compact flow; keep early controls above decorative art. */
@media(max-width:1535px){.site-header.material-header .header-panel nav[data-carved-navigation]{inset:auto;}}
.site-header.material-header.force-compact .header-panel nav[data-carved-navigation]{inset:auto;}

.homepage-pilot .invitation .hero-art,.homepage-pilot .invitation .hero-art img{pointer-events:none;}

/*16.14: predictable contrast on the localized utility controls and focus backing. */
.navigation-plain-option,.navigation-display-action,.navigation-display-status:not(:empty){background:#f9f5ef;color:#273b48;box-shadow:0 0 0 4px #f9f5ef;}
@media(forced-colors:active){.navigation-plain-option,.navigation-display-action,.navigation-display-status:not(:empty){background:Canvas;color:CanvasText;box-shadow:none;}}

/*16.15: align the painted desktop wood faces with the gold plaque face. */
@media(min-width:1536px){.site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation]{top:56.25%;}}

/*16.16: inset the complete painted desktop label, including its cut walls.
  Keep word spacing proportional, semantic font metrics and hit targets exact. */
@media(min-width:1536px){.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"] .carved-label{transform:scale(.94);transform-origin:center;}}
@media(max-width:600px){.site-header.material-header.force-compact [data-carved-link][data-mode="carved"] .carved-label{transform:scale(.98);transform-origin:center;}}
@media(forced-colors:active),(prefers-reduced-data:reduce){.site-header.material-header [data-carved-link] .carved-label{transform:none!important;}}
@media print{.site-header.material-header [data-carved-link] .carved-label{transform:none!important;}}

/* NEXT16.18 study. Append after the frozen nav-material.css.
   Source-pixel/manual-face study: composition-only, not browser acceptance.
   Preserve accepted 16.16 glyph scales, live metrics, hitboxes and row Y.
   The per-label X correction follows the mean physical face axis across the
   painted band (with mirrored boards handled independently). Upward travel
   is 0.10em. No artwork, typography, link padding or water layer is replaced. */
.site-header.material-header [data-carved-link][data-mode="carved"] {
 --label-face-x: -.12em;
}
.site-header.material-header [data-carved-link][data-mode="carved"]:nth-of-type(2) { --label-face-x: -.10em; }
.site-header.material-header [data-carved-link][data-mode="carved"]:nth-of-type(3) { --label-face-x: .135em; }
.site-header.material-header [data-carved-link][data-mode="carved"]:nth-of-type(4) { --label-face-x: .105em; }
.site-header.material-header [data-carved-link][data-mode="carved"] .carved-label {
 transform: translate(var(--label-face-x), -.10em);
 transform-origin: center;
}
/* Authorized normal-mobile readability increase. Explicitly exclude the
   enlarged-text path, which retains its existing42px reflow. */
@media (max-width: 1535px) {
 .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] a { font-size: 1.5rem; }
}
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"] { --label-face-x: -.04em; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) { --label-face-x: -.03em; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) { --label-face-x: .025em; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) { --label-face-x: .04em; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"] .carved-label {
  transform: translate(var(--label-face-x), -.10em) scale(.94);
 }
 /* 4% horizontal-only decorative extent. Aspect ratio compensates so board
    height and the plaque-aligned row do not move. No link box changes. */
 .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation][data-mode="carved"] a::before {
  width: 104%; left: -2.9155%; aspect-ratio: 1649.44 / 992;
 }
 .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation][data-mode="carved"] a:nth-of-type(n+3)::before { left: -1.0845%; }
}
@media (max-width: 600px) {
 .site-header.material-header.force-compact [data-carved-link][data-mode="carved"] { --label-face-x: .02em; }
 .site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(2) { --label-face-x: .04em; }
 .site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(3) { --label-face-x: 0em; }
 .site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(4) { --label-face-x: -.05em; }
 .site-header.material-header.force-compact [data-carved-link][data-mode="carved"] .carved-label {
  transform: translate(var(--label-face-x), -.10em) scale(.98);
 }
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav[data-carved-navigation][data-mode="carved"] a::before,
 .nav-material-walnut.nav-type-roman .site-header.material-header.force-compact .header-panel nav[data-carved-navigation][data-mode="carved"] a:nth-of-type(n+3)::before {
  width: 104%; left: -2%; aspect-ratio: 1.04;
 }
}
/* The controller restores semantic text on failure/user preference. These
   synchronous media fallbacks additionally keep the original text geometry. */
@media (forced-colors: active), (prefers-reduced-data: reduce) {
 .site-header.material-header [data-carved-link] .carved-label { transform: none !important; }
}
@media print {
 .site-header.material-header [data-carved-link] .carved-label { transform: none !important; }
}

/* Append after carved-navigation.css. Only semantic text navigation receives
   a small opaque backing. Include absent mode for no-JS/early loading, plus
   font, image and style failures and explicit plain-text preference.
   Working carved labels and the full liquid background are untouched.
   Paint-only backing preserves all text widths, wrapping, padding and targets.
 */
.site-header.material-header[data-compact-fluid="full"] .header-panel
nav[data-carved-navigation]:not([data-mode="carved"]) .wood-lettering.carved-label {
  color: #21160e;
  background: #f9f5ef;
  box-shadow: 0 0 0 4px #f9f5ef;
}
/* Failure/user-text focus must also survive arbitrary liquid pixels. */
.site-header.material-header[data-compact-fluid="full"] .header-panel
nav[data-carved-navigation]:not([data-mode="carved"]) a:focus-visible {
  outline: 3px solid #f9f5ef;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px #21160e;
}
@media (forced-colors: active) {
  .site-header.material-header[data-compact-fluid="full"] .header-panel
  nav[data-carved-navigation]:not([data-mode="carved"]) .wood-lettering.carved-label {
    color: LinkText !important;
    background: Canvas !important;
    box-shadow: none;
  }
  .site-header.material-header[data-compact-fluid="full"] .header-panel
  nav[data-carved-navigation]:not([data-mode="carved"]) a:focus-visible {
    outline-color: Highlight;
    box-shadow: none;
  }
}

/*16.18: the single compact Source sits within open water, away from the wood edge. */
@media(max-width:1535px){.site-header.material-header nav[data-carved-navigation][data-mode="carved"]::after{right:24px;bottom:4px;width:24px;height:24px;}}
.site-header.material-header.force-compact nav[data-carved-navigation][data-mode="carved"]::after{right:24px;bottom:4px;width:24px;height:24px;}

/* Final bounded desktop-only inset. Keep the existing104%board extent.
   Native1536 verification only; no mobile/root32 geometry changes. */
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"] .carved-label {
  transform: translate(var(--label-face-x), -.10em) scale(.915);
 }
}

/* OFFLINE 16.26 Gotenberg review: user-approved16.23 cascade geometry.
   Integrated after the preserved nav-material.css baseline. No font, glyph, label transform, board extent,
   control dimension, semantic order, controller or mobile reflow changes.
   The unchanged frame is 2092 x 752, with open substrate y264..444.
   Axes become source y332.5 (1,3) and y380.5 (2,4).
   The 3px inward endpoint adjustment and 6px gaps preserve every slot width:
   (old nav width - 6) - 3*6 == old nav width - 3*8.
*/
@media (min-width: 1536px) {
  .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] {
    left: calc(31.19% + 3px);
    width: calc(43.21% - 6px);
    top: 50.6%;
    gap: 6px;
  }
  .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] > a {
    /* Fallback closely tracks the header's 1504..1560px bounded width. */
    top: -17.5755px;
  }
  .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] > a:nth-of-type(even) {
    top: 17.5755px;
  }
  @supports (width: 1cqw) {
    .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] > a {
      top: -1.1472275335cqw;
    }
    .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] > a:nth-of-type(even) {
      top: 1.1472275335cqw;
    }
  }
}
/* Compact and enlarged text deliberately retain the one-column normal-flow
   24px / 42px layout. No offset applies at <=1535px or under force-compact.
   Inset was considered but omitted: the existing 280px board and narrow 254px
   enlarged board use that space for readable labels and >=48px hit targets. */

/* Local user amendment: transparent Plain-text navigation control only. */
@media screen and (forced-colors: none) {
 .navigation-plain-option { background: transparent; box-shadow: none; color: #f9f5ef; text-shadow: 0 1px 2px #081c30, 0 0 2px #081c30; }
}
@media (forced-colors: active) {
 .navigation-plain-option { background: Canvas; color: CanvasText; box-shadow: none; text-shadow: none; }
}

/* 16.27: four blank planks are pixels in the ordinary desktop header scene.
   Pseudos must never add duplicate boards, including fallback and hover states.
   Preserve the existing crop, cascade, containing blocks and all hit areas.
   Compact remains a prior-material regression reference, not new mobile art. */
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) .header-decoration { z-index: 0; }
 .site-header.material-header:not(.force-compact) .header-panel,
 .site-header.material-header:not(.force-compact) .wordmark { z-index: 1; }
 .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] a::before,
 .site-header.material-header:not(.force-compact) .header-panel nav[data-carved-navigation] a::after {
  display: none !important;
  content: none !important;
  background-image: none !important;
 }
}

/* Local v27 optical alignment: source sign usable x102..621; right implied bleed11.12 source px.
   Retain embedded plank locations, hit areas, stagger, lettering scale and compact layout. */
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) .wordmark { translate: -0.55cqw 0; }
 .site-header.material-header:not(.force-compact) [data-carved-link]:nth-of-type(1) .carved-label { translate: 0.017144656cqw -0.183464228cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link]:nth-of-type(2) .carved-label { translate: 0.090316681cqw -0.148401415cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link]:nth-of-type(3) .carved-label { translate: 0.058359403cqw -0.320461912cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link]:nth-of-type(4) .carved-label { translate: 0.001546791cqw -0.191572311cqw; }
}

/* 16.28: keep the entire Member Access display aligned with the plaque's
   38px move in the 2092px scene. Change only horizontal placement; compact
   and enlarged-text layouts retain their reviewed 16.27 geometry. */
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) .member-link { left: 77.342253595%; }
}

/* 16.29: align the Member Access display with the raised plaque.
   Only the ordinary desktop vertical position changes. */
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) .member-link { top: 44.6%; }
}

/* Local 16.29 review: live recessed brass lettering; preserve plaque geometry. */
.site-header.material-header .member-title,
.site-header.material-header .member-link small {
 text-transform: uppercase;
 filter: url("#nm-wordmark-pressed");
 text-shadow: 0 -.6px 0 rgba(46,25,4,.92), 0 .85px 0 rgba(255,244,193,.92);
}
.site-header.material-header .member-title {
 color: #624319;
 -webkit-text-stroke: .22px rgba(79,45,8,.85);
}
.site-header.material-header .member-link small {
 color: #513514;
 -webkit-text-stroke: .12px rgba(79,45,8,.75);
}
@media (min-width: 1536px) {
 .site-header.material-header:not(.force-compact) .member-link::before { display: none; }
}
@media (forced-colors: active) {
 .site-header.material-header .member-title,
 .site-header.material-header .member-link small {
  color: CanvasText;
  filter: none;
  text-shadow: none;
  -webkit-text-stroke: 0;
 }
 .site-header.material-header .member-link::before { display: none; }
}

/* Compact sign extension: preserve native corners/bolts using the existing nine-slice asset. */
@media (max-width: 1535px) {
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark {
  aspect-ratio: auto;
  padding-inline: clamp(22px, calc(22px + (100vw - 381px) * .444444), 26px);
  border-color: transparent;
 }
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark::before {
  background: none;
  border: 1px solid transparent;
  border-image-source: var(--nm-compact-sign-image);
  border-image-slice: 64 24 fill;
  border-image-width: 25.6px 9.6px;
  border-image-outset: 0;
  border-image-repeat: stretch;
 }
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark::after { inset: 7.4px 8px; }
}
@media (max-width: 380px) {
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark { padding-inline: 12px; }
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark::before { left: -6px; right: -2px; }
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark::after { left: 2px; right: 6px; }
}
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .wordmark { border-color: transparent; }
@media (forced-colors: active) {
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .wordmark { border: 1px solid CanvasText !important; }
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .wordmark::before,
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .wordmark::after { display: none; }
}

/* Plank-axis typography: native face-edge axes, glyph-paint pivots; link/art geometry untouched. */
.site-header.material-header [data-carved-link][data-mode="carved"] .carved-label {
 rotate: var(--plank-axis, 0deg);
 transform-origin: calc(50% + var(--plank-origin-x, 0em)) calc(50% + var(--plank-origin-y, 0em));
}
@media (min-width: 1536px) {
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(1) { --plank-axis: 2.519389291deg; --plank-origin-x: -0.047375201em; --plank-origin-y: -0.083242005em; --plank-fix-x: -0.005133428em; --plank-fix-y: 0.016201731em; }
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) { --plank-axis: 3.433630362deg; --plank-origin-x: -0.052754184em; --plank-origin-y: -0.103569112em; --plank-fix-x: 0.001163854em; --plank-fix-y: -0.035111761em; }
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) { --plank-axis: -1.718358002deg; --plank-origin-x: 0.028792817em; --plank-origin-y: -0.019150560em; --plank-fix-x: 0.019203591em; --plank-fix-y: 0.029378221em; }
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) { --plank-axis: -2.481264801deg; --plank-origin-x: 0.034511270em; --plank-origin-y: -0.107780234em; --plank-fix-x: 0.002535539em; --plank-fix-y: -0.001734091em; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(1) .carved-label { translate: calc(0.017144656cqw + var(--plank-fix-x)) calc(-0.183464228cqw + var(--plank-fix-y)); }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) .carved-label { translate: calc(0.090316681cqw + var(--plank-fix-x)) calc(-0.148401415cqw + var(--plank-fix-y)); }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) .carved-label { translate: calc(0.058359403cqw + var(--plank-fix-x)) calc(-0.320461912cqw + var(--plank-fix-y)); }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) .carved-label { translate: calc(0.001546791cqw + var(--plank-fix-x)) calc(-0.191572311cqw + var(--plank-fix-y)); }
}
@media (max-width: 1535px) {
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(1) { --plank-axis: 1.432096184deg; --plank-origin-x: -0.124674315em; --plank-origin-y: -0.081380463em; --plank-fix-x: 0.062994414em; --plank-fix-y: -0.082636507em; }
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) { --plank-axis: 1.432096184deg; --plank-origin-x: -0.088541881em; --plank-origin-y: -0.102051036em; --plank-fix-x: 0.068202747em; --plank-fix-y: -0.103795361em; }
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) { --plank-axis: -1.432096184deg; --plank-origin-x: 0.145833700em; --plank-origin-y: 0.007487996em; --plank-fix-x: -0.062994414em; --plank-fix-y: -0.145787548em; }
.site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) { --plank-axis: -1.432096184deg; --plank-origin-x: 0.104166886em; --plank-origin-y: -0.106932576em; --plank-fix-x: -0.062994414em; --plank-fix-y: -0.120071402em; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"] .carved-label { translate: var(--plank-fix-x) var(--plank-fix-y); }
}
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(1) { --plank-axis: 1.432096184deg; --plank-origin-x: -0.118861404em; --plank-origin-y: -0.075520543em; --plank-fix-x: 0.089781746em; --plank-fix-y: -0.055944709em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(2) { --plank-axis: 1.432096184deg; --plank-origin-x: -0.095051793em; --plank-origin-y: -0.109374709em; --plank-fix-x: 0.030257937em; --plank-fix-y: -0.047760185em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(3) { --plank-axis: -1.432096184deg; --plank-origin-x: 0.142857550em; --plank-origin-y: -0.000371733em; --plank-fix-x: -0.113591270em; --plank-fix-y: -0.099099471em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(4) { --plank-axis: -1.432096184deg; --plank-origin-x: 0.107328419em; --plank-origin-y: -0.117559233em; --plank-fix-x: -0.054067460em; --plank-fix-y: -0.055200661em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"] .carved-label { translate: var(--plank-fix-x) var(--plank-fix-y); }
@media (max-width: 600px) {
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(1) { --plank-axis: 4.216078000deg; --plank-origin-x: 0.024485515em; --plank-origin-y: -0.084021778em; --plank-fix-x: 0.005128353em; --plank-fix-y: 0.052266270em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(2) { --plank-axis: 4.216078000deg; --plank-origin-x: 0.048590858em; --plank-origin-y: -0.114643775em; --plank-fix-x: -0.078204980em; --plank-fix-y: 0.056730556em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(3) { --plank-axis: -4.216078000deg; --plank-origin-x: 0.000000185em; --plank-origin-y: 0.000505710em; --plank-fix-x: 0.002820218em; --plank-fix-y: 0.017544048em; }
.site-header.material-header.force-compact [data-carved-link][data-mode="carved"]:nth-of-type(4) { --plank-axis: -4.216078000deg; --plank-origin-x: -0.048590902em; --plank-origin-y: -0.098952975em; --plank-fix-x: 0.086153552em; --plank-fix-y: 0.129151190em; }
}
@media (forced-colors: active), (prefers-reduced-data: reduce), print {
 .site-header.material-header [data-carved-link] .carved-label { rotate: none !important; }
}

/* Compact clean sign: remove the legacy rectangular ivy crop; nudge only the symbol. */
@media (max-width: 1535px) {
 .site-header.material-header[data-compact-sign="native-clean"] .header-ivy { display: none; }
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .brand-mark { translate: -3px 0; }
}
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .header-ivy { display: none; }
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .brand-mark { translate: -3px 0; }

/* Mobile symbol optical adjustment: two pixels farther left; text/layout unchanged. */
@media (max-width: 1535px) {
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .brand-mark { translate: -5px 0; }
}
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .brand-mark { translate: -5px 0; }

/* Compact Member Access: textured gold face, uniform beveled frame and corner fasteners; existing recessed text retained. */
@media (max-width: 1535px) {
.site-header.material-header .header-panel .member-link {
 position: relative; inset: auto; isolation: isolate;
 border: 1px solid #795419;
 background: linear-gradient(115deg, rgba(242,209,118,.83), rgba(204,155,57,.87) 48%, rgba(239,201,101,.83)), var(--masthead-paper) center / cover;
 box-shadow: inset 0 1px 0 #fff0b1, inset 0 -1px 0 #724713, inset 1px 0 0 #f0d081, inset -1px 0 0 #a77820, inset 0 0 0 3px #d2a84d, inset 0 0 0 4px #8d651f, inset 0 0 0 5px #f7d784, 0 3px 3px rgba(5,13,18,.4);
}
.site-header.material-header .header-panel .member-link::before {
 content: ""; display: block; position: absolute; inset: 5px; z-index: 0; pointer-events: none;
 border: 1px solid rgba(113,75,16,.6); mask: none;
 background:
 radial-gradient(circle at 5px 5px, #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px),
 radial-gradient(circle at calc(100% - 5px) 5px, #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px),
 radial-gradient(circle at 5px calc(100% - 5px), #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px),
 radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px);
}
.site-header.material-header .header-panel .member-title, .site-header.material-header .header-panel .member-link small { position: relative; inset: auto; z-index: 1; }
}
.site-header.material-header.force-compact .header-panel .member-link {
 position: relative; inset: auto; isolation: isolate;
 border: 1px solid #795419;
 background: linear-gradient(115deg, rgba(242,209,118,.83), rgba(204,155,57,.87) 48%, rgba(239,201,101,.83)), var(--masthead-paper) center / cover;
 box-shadow: inset 0 1px 0 #fff0b1, inset 0 -1px 0 #724713, inset 1px 0 0 #f0d081, inset -1px 0 0 #a77820, inset 0 0 0 3px #d2a84d, inset 0 0 0 4px #8d651f, inset 0 0 0 5px #f7d784, 0 3px 3px rgba(5,13,18,.4);
}
.site-header.material-header.force-compact .header-panel .member-link::before {
 content: ""; display: block; position: absolute; inset: 5px; z-index: 0; pointer-events: none;
 border: 1px solid rgba(113,75,16,.6); mask: none;
 background:
 radial-gradient(circle at 5px 5px, #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px),
 radial-gradient(circle at calc(100% - 5px) 5px, #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px),
 radial-gradient(circle at 5px calc(100% - 5px), #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px),
 radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), #fff0a5 0 1px, #d4a33c 1.5px 3px, #755018 3.5px 4px, transparent 4.5px);
}
.site-header.material-header.force-compact .header-panel .member-title, .site-header.material-header.force-compact .header-panel .member-link small { position: relative; inset: auto; z-index: 1; }
@media (forced-colors: active) {
 .site-header.material-header .header-panel .member-link,
 .site-header.material-header.force-compact .header-panel .member-link { background: Canvas !important; color: CanvasText; border-color: CanvasText; box-shadow: none; }
 .site-header.material-header .header-panel .member-link::before,
 .site-header.material-header.force-compact .header-panel .member-link::before { display: none; }
}

/* Subtle material integration: retain the art window/alpha geometry and all semantic fallbacks. */
.site-header.material-header [data-carved-link][data-mode="carved"] .carved-word-art {
 opacity: .94;
 filter: brightness(.94) saturate(.92);
}

/* Compact identity: a cohesive symbol/word lockup within the unchanged paper. */
@media (max-width: 1535px) {
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark {
  justify-content: center; column-gap: 4px;
  padding-inline: calc(clamp(22px, calc(22px + (100vw - 381px) * .444444), 26px) + 2px);
 }
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .brand-mark { translate: 0 0; }
}
@media (max-width: 380px) {
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark { padding-left: 12px; padding-right: 16px; }
}
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .wordmark { justify-content: center; column-gap: 4px; }
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .brand-mark { translate: 0 0; }
@media (min-width: 601px) {
 .site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .wordmark { padding-inline: 20px; }
}

/* Original desktop core: opaque central light, narrow feathered contact rim.
   The SVG excludes the rejected mobile liquid; desktop stays intact. */
@media(max-width:1535px){
 .site-header.material-header nav[data-carved-navigation][data-mode="carved"]::after {
  width:96px;height:96px;right:8px;bottom:-18px;
  background-image:url("/assets/compact-desktop-nucleus.svg");
  mask-image:none;
 }
}
.site-header.material-header.force-compact nav[data-carved-navigation][data-mode="carved"]::after {
 width:96px;height:96px;right:8px;bottom:-18px;
 background-image:url("/assets/compact-desktop-nucleus.svg");
 mask-image:none;
}

/* Local candidate: restore the original subdued bitmap carving and native
   plank axes. Caravan remains semantic live lettering; controls are unchanged. */
@media screen and (forced-colors: none) {
 .site-header.material-header [data-carved-link][data-mode="carved"]:nth-of-type(1) .carved-live-word {
  color: #dbc09a;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: .018em rgba(91,57,32,.65);
  paint-order: fill stroke;
  filter: url("#nm-wordmark-pressed");
  text-shadow: 0 -.035em .018em rgba(30,15,7,.75), 0 .035em .012em rgba(232,205,160,.45);
 }
}
@media screen and (min-width: 1536px) and (forced-colors: none) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"] .carved-label {
  rotate: var(--plank-axis);
  transform-origin: center;
  transform: translate(var(--label-face-x), -.10em) scale(.94);
  translate: 0 0;
 }
 /* Approximate usable-face centers: (755.5,323.5), (970.5,373.5),
    (1198.5,324), (1436,374). Native irregular faces need optical review.
    These offsets center painted glyphs, rather than their link line boxes.
    Container-relative units follow the scene's bounded proportional scale. */
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(1) .carved-label { translate: .184440cqw -.186300cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) .carved-label { translate: .224972cqw -.150328cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) .carved-label { translate: .581642cqw -.290605cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) .carved-label { translate: .553023cqw -.158479cqw; }
}
@media screen and (prefers-reduced-data: reduce) {
 .site-header.material-header [data-carved-link][data-mode="carved"] .carved-live-word {
  color: inherit;
  background: none;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0;
  filter: none;
  text-shadow: none;
 }
}

/* Desktop-derived restoration: one unreflected image at a 60rem minimum
   width (~0.766 CSS/source scale). Width also expands to cover the header. */
@media screen and (max-width: 1535px) and (forced-colors: none) {
 .site-header.material-header[data-compact-fluid="full"] {
  background-image: var(--nm-compact-fluid-image, none);
  background-size: max(100%, 60rem) auto;
  background-position: left top;
  background-repeat: no-repeat;
 }
}
@media screen and (forced-colors: none) {
 .site-header.material-header.force-compact[data-compact-fluid="full"] {
  background-image: var(--nm-compact-fluid-image, none);
  background-size: max(100%, 60rem) auto;
  background-position: left top;
  background-repeat: no-repeat;
 }
}

/* Local midpoint audit: flat-face contour extents, visible glyph union in the
   plank axis. Excludes bevel/shadow; preserves angle and link geometry. */
@media screen and (min-width: 1536px) and (forced-colors: none) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(1) .carved-label { translate: 0.002674531cqw -0.421214460cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) .carved-label { translate: 0.123878778cqw -0.402817854cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) .carved-label { translate: 0.218177447cqw -0.480848571cqw; }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) .carved-label { translate: 0.222297641cqw -0.344927444cqw; }
}
@media screen and (max-width: 1535px) and (forced-colors: none) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(1) .carved-label { translate: calc(var(--plank-fix-x) + -0.111252086em) calc(var(--plank-fix-y) + -0.035563201em); }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) .carved-label { translate: calc(var(--plank-fix-x) + -0.200253529em) calc(var(--plank-fix-y) + 0.001291520em); }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(3) .carved-label { translate: calc(var(--plank-fix-x) + 0.111830045em) calc(var(--plank-fix-y) + -0.017608980em); }
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(4) .carved-label { translate: calc(var(--plank-fix-x) + 0.182577572em) calc(var(--plank-fix-y) + 0.020335887em); }
}

/* Optical balance: account for the bitmap baseline, rather than adding the
   entire historical face-edge angle to its painted glyph contours. */
@media screen and (min-width: 1536px) and (forced-colors: none) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) { --plank-axis: 1.2deg; }
}
@media screen and (max-width: 1535px) and (forced-colors: none) {
 .site-header.material-header:not(.force-compact) [data-carved-link][data-mode="carved"]:nth-of-type(2) { --plank-axis: 1.85deg; }
}

/* Preserve the restoration's original tone and fixed texture phase in both
   menu states. The rem-based size also covers enlarged text layouts. */
@media screen and (max-width: 1535px) and (forced-colors: none) {
 .site-header.material-header[data-compact-fluid="full"] {
  background-image: var(--nm-compact-fluid-image, none);
  background-size: max(100%, 60rem) auto;
  background-position: left top;
  background-repeat: no-repeat;
  background-blend-mode: normal;
 }
 .site-header.material-header nav[data-carved-navigation][data-mode="carved"]::after { opacity: 1; }
}
@media screen and (forced-colors: none) {
 .site-header.material-header.force-compact[data-compact-fluid="full"] {
  background-image: var(--nm-compact-fluid-image, none);
  background-size: max(100%, 60rem) auto;
  background-position: left top;
  background-repeat: no-repeat;
  background-blend-mode: normal;
 }
 .site-header.material-header.force-compact nav[data-carved-navigation][data-mode="carved"]::after { opacity: 1; }
}

/* Optical mobile identity shift: move visible logo components, not the sign. */
@media screen and (max-width: 1535px) {
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .brand-mark,
 .site-header.material-header[data-compact-sign="native-clean"] .masthead-bar .brand-name { translate: -3px 0; }
}
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .brand-mark,
.site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .brand-name { translate: -3px 0; }

/* Structural timber surround: source artwork forms four rails around the
   single inset liquid surface. Paint-only edges preserve label geometry. */
@media screen and (max-width: 1535px) and (forced-colors: none) {
 .site-header.material-header[data-compact-fluid="full"]::before {
  content: ""; position: absolute; inset: -8px; z-index: 3;
  border: 12px solid transparent;
  border-image: url("/assets/compact-timber-surround.svg") 64 / 12px / 0 stretch;
  box-shadow: inset 0 0 0 1px #a8874a, inset 0 0 7px 4px rgba(10,6,3,.85), 0 2px 5px rgba(8,5,3,.65);
  pointer-events: none;
 }
}
@media screen and (forced-colors: none) {
 .site-header.material-header.force-compact[data-compact-fluid="full"]::before {
  content: ""; position: absolute; inset: -8px; z-index: 3;
  border: 12px solid transparent;
  border-image: url("/assets/compact-timber-surround.svg") 64 / 12px / 0 stretch;
  box-shadow: inset 0 0 0 1px #a8874a, inset 0 0 7px 4px rgba(10,6,3,.85), 0 2px 5px rgba(8,5,3,.65);
  pointer-events: none;
 }
}
@media (prefers-reduced-data: reduce) {
 .site-header.material-header[data-compact-fluid="full"]::before { display: none; }
}

/* Approved nucleus-only light restraint; contact mask and water stay intact. */
@media screen and (max-width: 1535px) and (forced-colors: none) {
 .site-header.material-header nav[data-carved-navigation][data-mode="carved"]::after { filter: brightness(.86); }
}
@media screen and (forced-colors: none) {
 .site-header.material-header.force-compact nav[data-carved-navigation][data-mode="carved"]::after { filter: brightness(.86); }
}

/* Cloth face only. Original frame, hardware, logo and desktop scene remain intact.
   The generated study is sampled from its inner cloth, excluding its generated trim. */
@media (max-width:1535px) and (forced-colors:none) {
 .site-header.material-header:not(.force-compact)[data-compact-sign="native-clean"] .masthead-bar .wordmark::after {
  z-index: -1; background: #eddfbf url("/assets/sign-cloth-480.webp") center / 120% 135% no-repeat;
  background-image: image-set(url("/assets/sign-cloth-480.webp") 1x, url("/assets/sign-cloth-960.webp") 2x, url("/assets/sign-cloth-1440.webp") 3x);
  box-shadow: inset 0 1px 2px rgba(77,49,12,.28);
 }
}
@media (forced-colors:none) {
 .site-header.material-header.force-compact[data-compact-sign="native-clean"] .masthead-bar .wordmark::after {
  z-index: -1; background: #eddfbf url("/assets/sign-cloth-480.webp") center / 120% 135% no-repeat;
  background-image: image-set(url("/assets/sign-cloth-480.webp") 1x, url("/assets/sign-cloth-960.webp") 2x, url("/assets/sign-cloth-1440.webp") 3x);
  box-shadow: inset 0 1px 2px rgba(77,49,12,.28);
 }
}
@media (min-width:1536px) and (forced-colors:none) {
 .site-header.material-header:not(.force-compact) .header-decoration::after {
  content: ""; position: absolute; pointer-events: none;
  left: 5.92734%; top: 25.06024%; width: 24.09178%; height: 42.65060%;
  background: #eddfbf url("/assets/sign-cloth-lossless.webp") center / 120% 135% no-repeat;
  box-shadow: inset 0 1px 3px rgba(77,49,12,.3);
  /* Retain foliage that overlaps the upper left of the original sign face. */
  mask-image: linear-gradient(to bottom, transparent, #000 8px, #000 calc(100% - 1px), transparent);
 }
}