/* SMT Phase 8 — production navigation, accessibility and responsive polish */
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-160%);z-index:100;color:#fff;background:var(--navy);padding:10px 14px;border-radius:7px;font-size:12px;font-weight:700}.skip-link:focus{transform:none}
.navlinks{align-items:center;flex:1;justify-content:center;min-width:0;gap:22px}
.nav-more{position:relative;display:block}
.nav-more summary{list-style:none;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary:after{content:'⌄';font-size:12px;margin-left:5px;color:var(--gold)}
.more-menu{position:absolute;right:0;top:30px;min-width:190px;padding:8px;background:var(--cream);border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 38px rgba(8,38,64,.14);display:grid;gap:2px;z-index:50}
.more-menu a{padding:10px 11px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.more-menu a:hover{background:var(--beige)}
.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:after{content:'☰';margin-left:7px;color:var(--gold)}
.mobile-panel{position:absolute;right:0;top:43px;width:min(310px,calc(100vw - 28px));padding:8px;background:var(--cream);border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 38px rgba(8,38,64,.16);display:grid;gap:2px;z-index:50}.mobile-panel a{padding:11px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mobile-panel a:hover{background:var(--beige)}
@media(max-width:1100px){.navlinks{gap:15px}.navlinks>a{font-size:10px}.nav .wa{padding:11px 13px}.nav-more summary{font-size:10px}}
@media(max-width:900px){.navlinks{display:none}.mobile-menu{display:block}.nav{gap:12px}.logo-sub{display:none}}
@media(max-width:560px){.mobile-panel{top:42px}.logo-mark{font-size:34px}.nav .wa{font-size:10px;padding:10px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Phase 10 — finalized SMT header logo */
.logo img{display:block;width:auto;height:54px;max-width:230px;object-fit:contain}

@media(max-width:560px){.logo img{height:46px;max-width:175px}}

/* Phase 10 — Issue 1 refined header logo: image mark + live text */
.logo{display:flex;align-items:center;gap:10px;min-width:0}
.logo-symbol{display:block;width:50px;height:50px;object-fit:contain;object-position:center;flex:0 0 50px}
.logo-copy{display:flex;align-items:baseline;gap:9px;min-width:0;white-space:nowrap}
.logo-copy .logo-mark{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--navy)}
.logo-copy .logo-name{font-family:"DM Sans",Arial,sans-serif;font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--navy);text-transform:uppercase}
@media(max-width:1100px){
  .logo-symbol{width:46px;height:46px;flex-basis:46px}
  .logo-copy .logo-mark{font-size:32px}
  .logo-copy .logo-name{font-size:9px;letter-spacing:.11em}
}
@media(max-width:900px){
  .logo-symbol{width:44px;height:44px;flex-basis:44px}
  .logo-copy{gap:7px}
  .logo-copy .logo-mark{font-size:30px}
}
@media(max-width:560px){
  .logo-symbol{width:40px;height:40px;flex-basis:40px}
  .logo-copy .logo-mark{font-size:29px}
  .logo-copy .logo-name{font-size:8px;letter-spacing:.09em}
}