/* Single source of truth for the six Artio page headers, menus and footers.
   Loaded last, after the homepage CSS or the old secondary-page styles. */
:is(.v2-site,.artio-shell){--chrome-height:86px;--chrome-height-small:74px}
:is(.v2-site,.artio-shell) .site-header{height:var(--chrome-height);position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);border-bottom:1px solid #eff2f5;backdrop-filter:blur(22px);box-shadow:none;color:#101d30}
:is(.v2-site,.artio-shell) .site-header .header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:is(.v2-site,.artio-shell) .site-header .brand{display:flex;gap:11px;align-items:center;flex:none;min-width:0;color:#101d30}
:is(.v2-site,.artio-shell) .site-header .brand img{height:64px;width:64px;max-width:64px;object-fit:contain;border-radius:10px}
:is(.v2-site,.artio-shell) .site-header .brand strong{font:850 22px/1 Inter,system-ui,sans-serif;letter-spacing:-.05em;display:block}
:is(.v2-site,.artio-shell) .site-header .brand small{font:800 9px/1.55 Inter,system-ui,sans-serif;letter-spacing:.16em;display:block;color:#6b7889;white-space:nowrap}
:is(.v2-site,.artio-shell) .site-header .desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
:is(.v2-site,.artio-shell) .site-header .desktop-nav a{display:flex;align-items:center;gap:7px;font:730 13px/1.4 Inter,system-ui,sans-serif;padding:10px 13px;border-radius:12px;color:#3b4a5e;white-space:nowrap}
:is(.v2-site,.artio-shell) .site-header .desktop-nav a:hover,:is(.v2-site,.artio-shell) .site-header .desktop-nav a[aria-current="page"]{background:#f1f5fa;color:#004f96}
:is(.v2-site,.artio-shell) .site-header .desktop-nav .ico{height:17px;width:17px}
:is(.v2-site,.artio-shell) .site-header .header-actions{display:flex;align-items:center;gap:12px}
:is(.v2-site,.artio-shell) .site-header .lang-switch{display:flex;align-items:center;border:1px solid #dfe6f0;background:#fff;border-radius:100px;padding:3px;gap:0;white-space:nowrap}
:is(.v2-site,.artio-shell) .site-header .lang-switch a{font:850 11px/1.2 Inter,system-ui,sans-serif;padding:6px 8px;border-radius:100px;color:#6b7484;background:transparent}
:is(.v2-site,.artio-shell) .site-header .lang-switch a[aria-current]{background:#09264a;color:#fff}
:is(.v2-site,.artio-shell) .site-header .menu-toggle{display:none;width:43px;height:43px;border:0;border-radius:14px;background:#f2f5f8;align-items:center;justify-content:center;padding:0;color:#152c46}
:is(.v2-site,.artio-shell) .menu-backdrop{position:fixed;inset:0;background:#07152c70;z-index:89}
:is(.v2-site,.artio-shell) .mobile-menu{position:fixed;inset:0 0 auto auto;z-index:90;width:min(90vw,360px);max-width:360px;max-height:calc(100dvh - 10px);overflow-y:auto;padding:22px;border-radius:0 0 0 28px;background:#fff;box-shadow:-15px 15px 70px #07152c30;transform:none;clip-path:inset(0 0 0 100%);opacity:0;visibility:hidden;pointer-events:none;transition:clip-path .23s ease,opacity .2s ease}
:is(.v2-site,.artio-shell) .mobile-menu.open{clip-path:inset(0);opacity:1;visibility:visible;pointer-events:auto;transform:none}
:is(.v2-site,.artio-shell) .mobile-menu .menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
:is(.v2-site,.artio-shell) .mobile-menu .menu-head strong{font:850 23px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.04em;color:#101d30}
:is(.v2-site,.artio-shell) .mobile-menu .menu-close{border:0;border-radius:12px;background:#f0f3f8;padding:10px;cursor:pointer}
:is(.v2-site,.artio-shell) .mobile-menu nav{display:grid;gap:6px}
:is(.v2-site,.artio-shell) .mobile-menu nav a{display:flex;align-items:center;gap:14px;padding:15px 12px;border:1px solid #edf1f6;border-radius:15px;color:#14283e;font:750 15px/1.5 Inter,system-ui,sans-serif}
:is(.v2-site,.artio-shell) .mobile-menu nav a>.ico:last-child{margin-left:auto;color:#7b8a9d;width:17px}
:is(.v2-site,.artio-shell) .site-footer{background:#081a30;color:#fff;padding:21px 0;margin:0}
:is(.v2-site,.artio-shell) .site-footer .footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
:is(.v2-site,.artio-shell) .site-footer .footer-logo{display:flex;align-items:center;gap:9px;color:#fff;font:900 20px/1.2 Inter,system-ui,sans-serif}
:is(.v2-site,.artio-shell) .site-footer .footer-logo img{width:56px;height:56px;object-fit:contain;flex:none}
:is(.v2-site,.artio-shell) .site-footer .copyright{color:#b0c1d3;font-size:12px}
:is(.v2-site,.artio-shell) .site-footer .footer-legal{color:#e8eff8;font-size:12px;font-weight:750}
:is(.v2-site,.artio-shell) .bottom-nav{display:none}
@media(max-width:980px){:is(.v2-site,.artio-shell) .site-header .desktop-nav{display:none}:is(.v2-site,.artio-shell) .site-header .menu-toggle{display:flex}}
@media(max-width:720px){
:is(.v2-site,.artio-shell) .site-header{height:var(--chrome-height-small)}
:is(.v2-site,.artio-shell) .site-header .brand img{width:50px;height:50px}
:is(.v2-site,.artio-shell) .site-header .brand strong{font-size:20px}
:is(.v2-site,.artio-shell) .site-header .brand small{font-size:8px}
:is(.v2-site,.artio-shell) .site-header .header-row{gap:8px}
:is(.v2-site,.artio-shell) .site-header .header-actions{gap:8px}
:is(.v2-site,.artio-shell) .bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;z-index:79;background:#fffffff7;border-top:1px solid #e2e8f0;backdrop-filter:blur(22px);box-shadow:0 -9px 30px #09244b10;padding:7px 6px calc(8px + env(safe-area-inset-bottom))}
:is(.v2-site,.artio-shell) .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border-radius:10px;padding:3px 0;color:#748298;font-size:10px;font-weight:750}
:is(.v2-site,.artio-shell) .bottom-nav .ico{width:21px;height:21px}
:is(.v2-site,.artio-shell) .bottom-nav a[aria-current="page"]{color:#105b9d;background:#eef5fd}
:is(.v2-site,.artio-shell) .site-footer .footer-row{justify-content:center;gap:10px}
:is(.v2-site,.artio-shell) .site-footer .footer-logo img{width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){:is(.v2-site,.artio-shell) .mobile-menu{transition:none}}
/* Prominent Instagram on homepage: one destination, not a repeated contact/footer link. */
.v2-site .insta-spotlight{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 0;padding:15px 20px;border-radius:18px;background:linear-gradient(115deg,#0e2545,#263a80 65%,#622e86);color:white;min-width:0;box-shadow:0 12px 32px rgba(21,35,72,.13)}
.v2-site .insta-feature{display:flex;gap:13px;align-items:center;min-width:0}
.v2-site .insta-feature>.ico{width:43px;height:43px;padding:10px;border-radius:13px;background:#ffffff24;flex:none}
.v2-site .insta-feature>div{display:flex;flex-direction:column;min-width:0}
.v2-site .insta-feature span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#bdd4f4}
.v2-site .insta-feature strong{font-size:20px;font-weight:850;letter-spacing:-.035em}
.v2-site .insta-feature small{font-size:11px;color:#d1d9eb}
.v2-site .insta-spotlight-actions{display:flex;align-items:center;gap:8px}
.v2-site .insta-spotlight-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:12px;font-size:12px;font-weight:800;white-space:nowrap}
.v2-site .insta-go{background:#fff;color:#132f5d;padding:0 15px}
.v2-site .insta-go .ico{width:17px;height:17px}
.v2-site .social-icon-small{border:1px solid #b8c9ea55;color:#fff;min-width:44px}
.v2-site .social-icon-small .ico{width:21px;height:21px}
@media(max-width:720px){.v2-site .insta-spotlight{padding:13px;gap:9px;border-radius:14px}.v2-site .insta-feature>.ico{width:37px;height:37px;padding:8px}.v2-site .insta-feature span{font-size:8px}.v2-site .insta-feature strong{font-size:17px}.v2-site .insta-feature small{display:none}.v2-site .insta-go{padding:0 11px}.v2-site .social-icon-small{display:none}}
@media(max-width:380px){.v2-site .insta-feature strong{font-size:15px}.v2-site .insta-feature{gap:8px}.v2-site .insta-go{font-size:11px}}

/* One athletic wordmark for every Artio page, with predictable phone sizing.
   System fonts only: no remote font downloads or privacy/caching dependencies. */
:is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark{
 display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;line-height:1;
}
:is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark strong{
 font-family:Impact,"Arial Narrow","Roboto Condensed","Arial Black",Arial,sans-serif;
 font-stretch:condensed;font-size:clamp(21px,2.1vw,27px);font-weight:900;
 letter-spacing:-.025em;line-height:1.05;white-space:nowrap;color:#0c2542;
}
:is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark strong em{
 color:#1972b8;font-style:normal;
}
:is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark small{
 color:#4e759b;font:850 10px/1.2 Inter,system-ui,sans-serif;
 letter-spacing:.23em;white-space:nowrap;
}
:is(.v2-site,.artio-shell) .site-header .brand{gap:8px}
@media(max-width:720px){
 :is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark strong{font-size:clamp(16px,4.6vw,21px);letter-spacing:-.025em}
 :is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark small{font-size:9px}
 :is(.v2-site,.artio-shell) .site-header .brand{min-width:0}
}
@media(max-width:370px){
 :is(.v2-site,.artio-shell) .site-header .brand img{width:43px;height:43px;max-width:43px}
 :is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark strong{font-size:15px}
 :is(.v2-site,.artio-shell) .site-header .brand .brand-wordmark small{font-size:8px}
 :is(.v2-site,.artio-shell) .site-header .header-actions{gap:5px}
 :is(.v2-site,.artio-shell) .site-header .lang-switch a{padding:6px}
 :is(.v2-site,.artio-shell) .site-header .menu-toggle{width:38px;height:38px}
}
/* Instagram remains the only highlighted account. Facebook returns in Contact only. */
.v2-site .insta-spotlight-actions .social-icon-small{display:none}
.v2-site .contact-social-group{
 display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px;
}
.v2-site .contact-social-label{font-size:11px;font-weight:800;color:#6b7b8d;margin-right:3px}
.v2-site .contact-social-link{
 display:inline-flex;align-items:center;gap:8px;background:#f1f5fa;
 border:1px solid #dfe8f1;color:#234866;border-radius:12px;
 padding:10px 12px;font-size:12px;font-weight:800;min-height:44px;
}
.v2-site .contact-social-link .ico{width:18px;height:18px}
.v2-site .contact-social-link:hover{background:#e3effb;color:#0c5d9b}