.hero-seals { display:flex; align-items:center; gap:10px; color:#e7ce9b; opacity:.8; pointer-events:auto; flex-shrink:0; }
.hero-seal { display:block; width:58px; height:auto; flex-shrink:0; }
@media (min-width:1101px) {
  .hero--seals > .hero-seals { display:none; }
  site-header:has(.hero-seals) .container { max-width:1320px; }
  site-header:has(.hero-seals) .nav { gap:20px; }
  .site-header.is-scrolled .hero-seals { color:#53745e; opacity:.8; }
}
@media (min-width:1101px) and (max-width:1199px) {
  site-header:has(.hero-seals) .nav { gap:12px; }
  site-header:has(.hero-seals) .nav-link { font-size:14px; }
  site-header:has(.hero-seals) .brand-logo { width:120px; }
  .hero-seal { width:48px; }
  .hero-seals { gap:6px; }
}
@media (max-width:1100px) {
  .hero-seals { position:static; justify-content:center; width:100%; margin:24px 0 8px; padding-right:56px; box-sizing:border-box; gap:16px; opacity:.75; }
  .hero-seal { width:clamp(104px,28vw,140px); }
}

.seal-trigger { display:block; flex:none; padding:0; border:0; background:none; color:inherit; cursor:zoom-in; border-radius:50%; }
.seal-trigger:focus-visible { outline:2px solid #eab45c; outline-offset:4px; }
.seal-preview { position:fixed; z-index:1100; width:300px; padding:18px; border-radius:20px; background:#023344; color:#e7ce9b; box-shadow:0 12px 48px #00192355; border:1px solid #e7ce9b55; }
.seal-preview[hidden] { display:none; }
.seal-preview .hero-seal,.seal-dialog .hero-seal { width:100%; max-height:65dvh; }
.seal-preview p { font-size:13px; text-align:center; margin:10px 0 0; color:#f7e4c3; }
.seal-dialog { position:fixed; inset:0; margin:auto; border:1px solid #e7ce9b66; border-radius:24px; padding:20px; width:min(500px,calc(100% - 32px)); max-height:90dvh; overflow:auto; background:#023344; color:#e7ce9b; }
.seal-dialog::backdrop { background:#001923c9; }
.seal-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.seal-dialog h2 { color:#f7e4c3; font-size:18px; line-height:1.4; }
.seal-dialog-close { flex:none; width:44px; height:44px; border:1px solid #e7ce9b66; border-radius:50%; background:transparent; color:#f7e4c3; font-size:28px; cursor:pointer; }