.rygg{
  position:fixed;inset:0 0 auto 0;height:78px;z-index:40;
  display:flex;align-items:center;gap:40px;padding:0 clamp(24px,4.5vw,72px);
  background:color-mix(in srgb,var(--skog-djup) 96%,transparent);
  border-bottom:1px solid var(--linje);backdrop-filter:blur(14px);
}
.rygg::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--papper);opacity:.025;-webkit-mask:url("/assets/monster/botanisk-mask.png") top left/300px repeat;mask:url("/assets/monster/botanisk-mask.png") top left/300px repeat}
.rygg>*{position:relative;z-index:1}
.rygg-marke{display:flex;align-items:center;gap:12px;color:var(--guld);text-decoration:none;white-space:nowrap}
.rygg-logo{display:block;width:38px;height:44px;object-fit:contain}
.rygg-ordmarke{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.01em}
.nav-knapp{display:none}
.rygg-panel{display:flex;align-items:center;gap:34px;flex:1;min-width:0}
.rygg-kapitel{display:none}
.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);list-style:none;margin:0 0 0 auto;padding:0}
.nav a{position:relative;display:block;padding:28px 0 25px;color:var(--blad-dov);text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:1px;background:var(--guld);transition:right .25s ease}
.nav a:hover,.nav a[aria-current]{color:var(--papper)}
.nav a:hover::after,.nav a:focus-visible::after,.nav a[aria-current]::after{right:0}
.rygg-kontakt{color:var(--guld);text-decoration:none;font-size:9px;letter-spacing:.08em;white-space:nowrap}
.rygg-kontakt:hover{color:var(--papper)}

@media(max-width:1100px){.rygg-kontakt{display:none}.nav{gap:20px}}

@media(max-width:900px){
  .rygg{height:68px;padding:0 18px;justify-content:space-between}
  .rygg-logo{width:34px;height:40px}.rygg-ordmarke{font-size:21px}
  .nav-knapp{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--papper);padding:10px 0;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
  .nav-knapp i,.nav-knapp i::before,.nav-knapp i::after{display:block;width:22px;height:1px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
  .nav-knapp i{position:relative}.nav-knapp i::before,.nav-knapp i::after{content:"";position:absolute;left:0}.nav-knapp i::before{top:-6px}.nav-knapp i::after{top:6px}
  .nav-knapp[aria-expanded="true"] i{background:transparent}.nav-knapp[aria-expanded="true"] i::before{transform:translateY(6px) rotate(45deg)}.nav-knapp[aria-expanded="true"] i::after{transform:translateY(-6px) rotate(-45deg)}
  .rygg-panel{position:absolute;left:0;right:0;top:67px;height:calc(100svh - 67px);display:flex;align-items:stretch;flex-direction:column;gap:0;padding:32px 24px;background:var(--skog-djup);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
  .rygg.nav-oppen .rygg-panel{visibility:visible;opacity:1;transform:none}
  .rygg-kapitel{display:block;margin:0 0 24px;color:var(--blad-svag);font-size:9px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase}
  .nav{display:block;margin:0}.nav a{padding:12px 0;font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:0;text-transform:none}.nav a::after{display:none}
  .rygg-kontakt{display:block;margin-top:auto;padding-top:22px;border-top:1px solid var(--linje);font-size:10px}
  body.nav-laser{overflow:hidden}
}