/* SKYMT Design 31: one desktop nav and one mobile overlay; no breakpoint flicker. */
.skymt-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;height:76px!important;min-height:76px!important;padding:12px clamp(20px,3vw,42px)!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;}
.skymt-header .logo{position:relative!important;display:block!important;width:108px!important;height:50px!important;flex:none!important;z-index:4!important;}
.skymt-header .logo img{position:absolute!important;inset:0!important;width:108px!important;height:50px!important;object-fit:contain!important;transition:opacity .25s ease!important;}
.skymt-header .skymt-logo-black{opacity:0!important;}
.skymt-header.is-open .skymt-logo-white{opacity:0!important;}
.skymt-header.is-open .skymt-logo-black{opacity:1!important;}
.skymt-light-page .skymt-header:not(.is-open) .skymt-logo-white{opacity:0!important;}
.skymt-light-page .skymt-header:not(.is-open) .skymt-logo-black{opacity:1!important;}
.skymt-desktop-nav{position:absolute!important;left:auto!important;right:clamp(20px,3vw,42px)!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;display:block!important;}
.skymt-desktop-nav ul{display:flex!important;flex-direction:row!important;gap:clamp(22px,3vw,48px)!important;list-style:none!important;margin:0!important;padding:0!important;align-items:center!important;}
.skymt-desktop-nav li{list-style:none!important;margin:0!important;padding:0!important;}
.skymt-desktop-nav a{color:#fff!important;font:500 clamp(15px,1.2vw,19px)/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.005em!important;text-decoration:none!important;}

.skymt-light-page .skymt-header:not(.is-open) .skymt-desktop-nav a{color:#111!important;}
/* Overlay must never be laid out at desktop widths, including during resize. */
.skymt-header .navbar{display:none!important;}
.skymt-header .skymt-menu-toggle{display:none!important;}
@media(max-width:900px){
 .skymt-header{height:72px!important;min-height:72px!important;padding:12px 18px!important;}
 .skymt-desktop-nav{display:none!important;}
 .skymt-header .navbar{position:fixed!important;inset:0!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0 24px!important;margin:0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,visibility 0s linear .3s!important;z-index:1!important;}
 .skymt-header.is-open .navbar{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .3s ease,visibility 0s!important;}
 .skymt-header .navbar ul{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:clamp(13px,2.8vh,25px)!important;list-style:none!important;padding:0!important;margin:0!important;transform:translateY(-7vh)!important;}
 .skymt-header .navbar ul{width:100%!important;text-align:center!important;}
 .skymt-header .navbar li{list-style:none!important;margin:0!important;padding:0!important;}
 .skymt-header .navbar a{display:block!important;color:#111!important;font:400 clamp(30px,6vw,48px)/1.12 Arial,Helvetica,sans-serif!important;letter-spacing:-.045em!important;text-transform:none!important;text-decoration:none!important;padding:3px 0!important;min-height:0!important;transform:none!important;}
 .skymt-header .skymt-menu-toggle{display:block!important;position:relative!important;z-index:4!important;width:44px!important;height:44px!important;flex:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;appearance:none!important;}
 .skymt-menu-toggle span{position:absolute!important;left:8.5px!important;width:27px!important;height:2px!important;background:#fff!important;border-radius:0!important;transition:top .26s ease,transform .26s ease,opacity .18s ease,background .18s ease!important;transform-origin:center!important;}
 .skymt-menu-toggle span:nth-child(1){top:14px!important;}.skymt-menu-toggle span:nth-child(2){top:21px!important;}.skymt-menu-toggle span:nth-child(3){top:28px!important;}
 .skymt-light-page .skymt-header:not(.is-open) .skymt-menu-toggle span{background:#111!important;}
 .skymt-header.is-open .skymt-menu-toggle span{background:#111!important;}
 .skymt-header.is-open .skymt-menu-toggle span:nth-child(1){top:21px!important;transform:rotate(45deg)!important;}
 .skymt-header.is-open .skymt-menu-toggle span:nth-child(2){opacity:0!important;}
 .skymt-header.is-open .skymt-menu-toggle span:nth-child(3){top:21px!important;transform:rotate(-45deg)!important;}
}
body.skymt-menu-open{overflow:hidden!important;}
@media(prefers-reduced-motion:reduce){.skymt-header .navbar,.skymt-menu-toggle span,.skymt-header .logo img{transition:none!important;}}

/* Design 32 — typography physically compresses into the editorial line. */
.skymt-desktop-nav a,.skymt-header .navbar a{position:relative!important;display:inline-block!important;isolation:isolate!important;white-space:nowrap!important;}
.skymt-nav-label{display:inline-block;transform:scaleY(1);opacity:1;transform-origin:50% 50%;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .23s ease;}
.skymt-desktop-nav a::after,.skymt-header .navbar a::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#111;transform:translateY(-50%) scaleX(.2);opacity:0;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .25s ease;pointer-events:none;}
.skymt-desktop-nav a:hover .skymt-nav-label,.skymt-desktop-nav a:focus-visible .skymt-nav-label,.skymt-header .navbar a:hover .skymt-nav-label,.skymt-header .navbar a:focus-visible .skymt-nav-label{transform:scaleY(.035);opacity:0;}
.skymt-desktop-nav a:hover::after,.skymt-desktop-nav a:focus-visible::after,.skymt-header .navbar a:hover::after,.skymt-header .navbar a:focus-visible::after{transform:translateY(-50%) scaleX(1);opacity:1;}
.skymt-desktop-nav a::after{background:#fff;}
.skymt-light-page .skymt-desktop-nav a::after{background:#111;}
@media(max-width:900px){.skymt-desktop-nav{display:none!important;}.skymt-header .navbar a::after{background:#000!important;}}
@media(prefers-reduced-motion:reduce){.skymt-nav-label,.skymt-desktop-nav a::after,.skymt-header .navbar a::after{transition:none!important;}}

/* Design 34: light archive and consistent dark navigation on its white canvas. */
.skymt-light-page .skymt-desktop-nav a::after{background:#000!important;}

/* DESIGN 68 — fill in the cut-out SKYMT logo on hover, matching light/dark menu state. */
.skymt-header .logo::after {
 content:""; position:absolute; inset:0; width:108px; height:50px;
 background:url('../images/skymt-mindre-vit-hel.png') center/contain no-repeat;
 opacity:0; pointer-events:none; z-index:1;
 transition:opacity .25s ease;
}
.skymt-header.is-open .logo::after,
.skymt-light-page .skymt-header:not(.is-open) .logo::after {
 background-image:url('../images/skymt-mindre-svart-hel.png');
}
@media (hover:hover) {
 .skymt-header .logo:hover::after {opacity:1;}
}
.skymt-header .logo:focus-visible::after {opacity:1;}
@media (prefers-reduced-motion:reduce) {
 .skymt-header .logo::after {transition:none;}
}

/* DESIGN 92 — explicitly protect navigation typography from global italic/serif heading styles. */
.skymt-header .skymt-desktop-nav a,
.skymt-header .skymt-desktop-nav a .skymt-nav-label {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}
.skymt-header .navbar a,
.skymt-header .navbar a .skymt-nav-label {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}


/* DESIGN 93 — clean mobile navigation, including iOS/Chrome tap states. */
@media (max-width:900px) {
 .skymt-header .navbar ul, .skymt-header .navbar li,
 .skymt-header .navbar a, .skymt-header .navbar a:link,
 .skymt-header .navbar a:visited, .skymt-header .navbar a:hover,
 .skymt-header .navbar a:active, .skymt-header .navbar a:focus,
 .skymt-header .navbar .skymt-nav-label {
   font-family:Arial,Helvetica,sans-serif !important; font-style:normal !important;
   font-weight:400 !important; background:transparent !important;
   background-color:transparent !important; box-shadow:none !important;
   border:0 !important; border-radius:0 !important; text-shadow:none !important;
 }
 .skymt-header .navbar li {width:auto !important; display:block !important;}
 .skymt-header .navbar a {width:auto !important; display:inline-block !important; padding:5px 10px !important; color:#111 !important; -webkit-tap-highlight-color:transparent;}
 .skymt-header .navbar .skymt-nav-label {color:#111 !important; display:inline-block !important;}
}