/* NSITE — iOS "liquid glass": frosted, light-bending surfaces with specular edges. Loaded last on every page. */
:root{
  --lg-blur:blur(18px) saturate(185%) brightness(1.06);
  --lg-edge:inset 0 1.5px 0 rgba(255,255,255,.62),inset 0 -1.5px 1px rgba(255,255,255,.14),inset 1.5px 0 1px rgba(255,255,255,.28),inset -1.5px 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.2);
  --lg-drop:0 10px 34px -8px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.12);
  --lg-sheen:radial-gradient(130% 90% at 18% -10%,rgba(255,255,255,.55),rgba(255,255,255,0) 52%),radial-gradient(90% 70% at 92% 118%,rgba(255,255,255,.22),rgba(255,255,255,0) 60%);
}

/* header: the whole pill is one slab of glass, at the top and while scrolling */
.mshd-pill::before{
  background:var(--lg-sheen),linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07))!important;
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-edge),var(--lg-drop)!important;
}
.mshd.is-lt .mshd-pill::before{background:var(--lg-sheen),linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.26))!important}

/* buttons */
.ms-btn,.msh-pill,.mshd-tix{
  background-image:var(--lg-sheen),linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.06))!important;
  background-color:color-mix(in srgb,var(--face,rgba(255,255,255,.14)) 42%,transparent)!important;
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-edge),var(--lg-drop)!important;
  border:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;
}
.ms-btn.ms-solid,.msh-pill.is-acc{background-color:rgba(43,182,115,.62)!important}
.ms-btn:hover,.msh-pill:hover,.mshd-tix:hover:hover{transform:translateY(-1px) scale(1.03)}
.ms-btn:active,.msh-pill:active,.mshd-tix:active{transform:scale(.97)}
.mshd-tix{background-color:rgba(255,255,255,.62)!important}
.mshd.is-lt .mshd-tix{background-color:rgba(8,16,31,.6)!important}

/* chips, tabs, tiles, cards: glass rims + a soft sheen */
.mssc-chip,.msfq-tab{
  background-image:var(--lg-sheen)!important;
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-edge)!important;
}
.msti-card,.mscm-card,.mssp-card,.mswo-card,.msre-tile,.msct-tile,.mssn-tile,.msin-card,.mssp-panel,.mssc-panel{
  box-shadow:var(--lg-edge),var(--lg-drop)!important;
  -webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);
}

/* form fields */
.ms input,.ms textarea,.ms select,.msft-form input{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important;
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-edge)!important;border-color:transparent!important;
}

/* phone menu sheet */
.mshd-sheet{background:color-mix(in srgb,var(--ms-night) 62%,transparent)!important;-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%)}

@media (prefers-reduced-transparency:reduce){
  .mshd-pill::before,.ms-btn,.msh-pill,.mshd-tix,.mssc-chip,.msfq-tab{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){.ms-btn,.msh-pill,.mshd-tix{transition:none}.ms-btn:hover,.msh-pill:hover,.mshd-tix:hover{transform:none}}

/* bigger header */
html .ms.mshd{--barh:80px;--top:16px}
html .ms.mshd.is-scr{--barh:72px}
html .ms.mshd .mshd-logo{width:112px;height:56px}
html .ms.mshd.is-scr .mshd-logo{width:100px;height:50px}
html .ms.mshd .mshd-link{height:46px;padding:0 16px;font-size:16px}
html .ms.mshd .mshd-tix{height:54px;padding:0 26px;font-size:16px}
html .ms.mshd.is-scr .mshd-tix{height:50px}
html .ms.mshd .mshd-burger{height:54px}
html .ms.mshd.is-scr .mshd-burger{height:50px}
@media (max-width:1099px){html .ms.mshd .mshd-link{padding:0 11px;font-size:15px}}
html .ms.mshd.is-ph{--barh:70px;--top:10px}
html .ms.mshd.is-ph.is-scr{--barh:64px;--top:10px}
html .ms.mshd.is-ph .mshd-logo,html .ms.mshd.is-ph.is-scr .mshd-logo{width:94px;height:47px}
html .ms.mshd.is-ph .mshd-tix{height:46px;padding:0 18px;font-size:15px}
html .ms.mshd.is-ph .mshd-burger{height:46px}
html .ms.mshd.is-ph .mshd-bi{width:38px;height:38px}

/* bottom dock */
.nsdock{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));translate:-50% 0;z-index:900;display:flex;gap:4px;padding:6px;border-radius:999px;
  background:var(--lg-sheen),linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07)),rgba(14,22,42,.34);
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-edge),var(--lg-drop);
  font-family:var(--ms-font-b,'Schibsted Grotesk'),Inter,system-ui,-apple-system,Arial,sans-serif;animation:nsdockIn .9s cubic-bezier(.16,.84,.24,1) .6s both}
.nsdock-a{position:relative;display:flex;align-items:center;gap:9px;height:54px;padding:0 24px;border-radius:999px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.35);transition:background .35s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.nsdock-a svg{width:22px;height:22px;flex:none}
.nsdock-a:hover{background:rgba(255,255,255,.14);transform:translateY(-1px) scale(1.04)}
.nsdock-a:active{transform:scale(.96)}
.nsdock-a.is-on{background:var(--lg-sheen),linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.14));box-shadow:var(--lg-edge)}
.nsdock-a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes nsdockIn{from{opacity:0;transform:translateY(30px) scale(.96)}}
html body{padding-bottom:96px}
@media (max-width:640px){
  .nsdock{width:min(92vw,380px);justify-content:space-between;padding:5px}
  .nsdock-a{flex:1;flex-direction:column;justify-content:center;gap:3px;height:56px;padding:0 6px;font-size:11.5px}
  .nsdock-a svg{width:22px;height:22px}
}
html.pl-on .nsdock,html.is-loading .nsdock{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.nsdock{animation:none}.nsdock-a{transition:none}}

/* bright, colourful glass buttons */
.ms-btn,.msh-pill,.mshd-tix{
  background-color:transparent!important;
  background-image:var(--lg-sheen),linear-gradient(135deg,rgba(255,140,40,.92),rgba(235,40,90,.86))!important;
  color:#fff!important;text-shadow:0 1px 6px rgba(120,20,30,.35);
  box-shadow:var(--lg-edge),0 12px 30px -8px rgba(240,90,50,.6),0 2px 8px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(14px) saturate(220%);backdrop-filter:blur(14px) saturate(220%);
}
.ms-btn.ms-solid,.msh-pill.is-acc,.mshd-tix,.mshd.is-lt .mshd-tix{
  background-color:transparent!important;
  background-image:var(--lg-sheen),linear-gradient(135deg,rgba(70,235,140,.95),rgba(20,185,170,.88))!important;
  color:#04251a!important;text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:var(--lg-edge),0 12px 30px -8px rgba(40,215,140,.65),0 2px 8px rgba(0,0,0,.14)!important;
}
.ms-btn.ms-ghost,.msh-pill.is-glass,.ms-btn.ms-quiet{
  background-image:var(--lg-sheen),linear-gradient(135deg,rgba(120,110,255,.9),rgba(40,170,255,.84))!important;
  color:#fff!important;text-shadow:0 1px 6px rgba(20,20,100,.4);
  box-shadow:var(--lg-edge),0 12px 30px -8px rgba(90,110,255,.6),0 2px 8px rgba(0,0,0,.14)!important;
}
.mshd-tix .mshd-tix-l,.mshd-tix .mshd-tix-a,.ms-btn-l,.msh-pill-l{color:inherit!important}
