/* v18: a few warm metallic notes over the existing emerald and ivory palette.
   Static color/border accents only; no global palette, geometry, image or motion changes. */
#showroom .scene-copy h1 em{color:#f0dfb9}
#showroom .scene-copy .eyebrow,.closing .eyebrow{color:#f0dfb9}
#showroom .primary{border-color:#b99b64}
#showroom .primary>span{color:#6c4e2c}
#showroom .scene-tabs button.active{border-color:#c5a66d}
#showroom .scene-tabs button.active>span{color:#fff3d4}
#showroom .stage-caption,#showroom .scene-bottom{border-top-color:#b69a5e66}
#showroom .stage-ring.ring-one{border-color:#b69a5e40}
#explore .section-heading .eyebrow,#catalog .section-heading .eyebrow{color:#765630}
#catalog .section-heading h2 em{color:#795a2e}
#catalog .category-tabs button.active{border-color:#a48149;box-shadow:inset 0 -2px 0 #c5a66d}
#guide .guide-steps>span.active{color:#f0dfb9}
#guide .guide-option:hover{border-color:#c5a66d}
#principles .principles-list article{border-bottom-color:#c8b38b}
#principles .principles-list article>span{color:#765630;border-color:#b9a174}
.closing>a{border-bottom-color:#c5a66d}
@media(prefers-contrast:more){
  #showroom .scene-copy h1 em,#showroom .scene-copy .eyebrow,#showroom .scene-tabs button.active>span,#guide .guide-steps>span.active,.closing .eyebrow{color:#fff}
  #showroom .primary>span,#explore .section-heading .eyebrow,#catalog .section-heading .eyebrow,#catalog .section-heading h2 em,#principles .principles-list article>span{color:#332817}
}
@media(forced-colors:active){
  #showroom .scene-copy h1 em,#showroom .scene-copy .eyebrow,#showroom .primary>span,#showroom .scene-tabs button.active>span,#explore .section-heading .eyebrow,#catalog .section-heading .eyebrow,#catalog .section-heading h2 em,#guide .guide-steps>span.active,#principles .principles-list article>span,.closing .eyebrow{color:CanvasText!important}
  #showroom .primary,#showroom .scene-tabs button.active,#catalog .category-tabs button.active,#guide .guide-option:hover,#principles .principles-list article>span,.closing>a{border-color:ButtonText;box-shadow:none}
  #showroom .stage-caption,#showroom .scene-bottom,#showroom .stage-ring.ring-one,#principles .principles-list article{border-color:GrayText}
}
@media print{
  #showroom .scene-copy h1 em,#showroom .scene-copy .eyebrow,#showroom .scene-tabs button.active>span,#guide .guide-steps>span.active,.closing .eyebrow{color:#332817}
}
/* 24 Oct: visible rounded navigation with a restrained metallic sweep. */
#mainNavigation{gap:10px;flex-wrap:wrap;padding-block:10px}
#mainNavigation>a,#mainNavigation>button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #bda97770;border-radius:18px;background:linear-gradient(150deg,#153e32,#0b2b24);color:#f4e5bc;font-size:13px;font-weight:650;line-height:1.3;box-shadow:0 3px 0 #061d18, inset 0 1px 0 #e5d29b25;transition:background .25s,color .25s,border-radius .25s,box-shadow .25s}
#mainNavigation>a:before,#mainNavigation>button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,#fff2c36b 45%,transparent 70%);transform:translateX(-150%);pointer-events:none;z-index:-1}
#mainNavigation>a:hover,#mainNavigation>button:hover,#mainNavigation>a:focus-visible,#mainNavigation>button:focus-visible{border-radius:30px;background:linear-gradient(125deg,#b9903e,#f1da90 38%,#c7a553 68%,#f6e5af);color:#172b20;box-shadow:0 3px 0 #705522,0 0 20px #d5b55b30}
#mainNavigation>a:hover:before,#mainNavigation>button:hover:before,#mainNavigation>a:focus-visible:before,#mainNavigation>button:focus-visible:before{animation:formed-nav-gold 1.25s ease-in-out}
#mainNavigation>a:focus-visible,#mainNavigation>button:focus-visible{outline:2px solid #ffe9a0;outline-offset:3px}
#mainNavigation>a:active,#mainNavigation>button:active{box-shadow:inset 0 2px 5px #41300b55}
@keyframes formed-nav-gold{to{transform:translateX(150%)}}
@media(max-width:760px){#mainNavigation{gap:8px}#mainNavigation>a,#mainNavigation>button{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){#mainNavigation>a,#mainNavigation>button{transition:none}#mainNavigation>a:before,#mainNavigation>button:before{animation:none!important}}
.effects-off #mainNavigation>a:before,.effects-off #mainNavigation>button:before{animation:none!important}