:root{--bn-h:0px;--bn-h0:0px}
.bn-remsa{position:absolute;inset:0 0 auto 0;z-index:55;background:var(--natt);color:var(--papper);
  display:flex;align-items:center;justify-content:center;min-height:48px;
  padding:4px calc(var(--kant) + 44px);font-size:14px;line-height:1.35;letter-spacing:.005em;text-align:center;
  border-bottom:1px solid rgba(201,167,122,.28);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.bn-remsa[hidden]{display:none}
.bn-remsa.stanger{transform:translateY(-100%);opacity:0}
.bn-lank{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 16px;min-height:44px;padding:4px 2px;color:var(--papper)}
.bn-lank strong{font-weight:500;color:var(--varm);letter-spacing:.14em;text-transform:uppercase;font-size:12px;white-space:nowrap}
.bn-lank em{font-style:normal;text-decoration:underline;text-decoration-color:rgba(244,241,236,.45);text-underline-offset:4px;white-space:nowrap}
.bn-lank:hover em{text-decoration-color:var(--papper)}
.bn-stang{position:absolute;right:calc(var(--kant) - 12px);top:50%;translate:0 -50%;width:44px;height:44px;display:grid;place-items:center;
  background:none;border:0;border-radius:3px;color:var(--papper);cursor:pointer;opacity:.75;transition:opacity .2s,background .2s}
.bn-stang:hover{opacity:1;background:rgba(244,241,236,.08)}
.bn-stang:focus-visible,.bn-lank:focus-visible,.bn-block a:focus-visible,.bn-lapp a:focus-visible{outline:2px solid var(--varm);outline-offset:2px}
.bn-stang svg{width:14px;height:14px}

.topp{top:var(--bn-h)}
html.bn-stanger .topp{transition:color .35s,background .4s,top .45s cubic-bezier(.2,.8,.2,1)}
.topp.meny-oppen{top:0}
.u-page{padding-top:calc(84px + var(--bn-h0))}
@media (max-width:860px){.u-page{padding-top:calc(68px + var(--bn-h0))}}
@media (max-width:600px){.bn-lank em{display:none}.bn-lank span{text-decoration:underline;text-decoration-color:rgba(244,241,236,.45);text-underline-offset:4px}.bn-remsa{font-size:13px;padding:2px calc(var(--kant) + 34px) 2px var(--kant)}}


.bn-block{background:var(--natt);color:var(--papper);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;
  gap:clamp(32px,6vw,110px);padding:clamp(72px,12vh,140px) var(--kant)}
.bn-bild{position:relative;margin:0;max-width:min(540px,calc((100svh - 220px) * .8));justify-self:end;width:100%}

.bn-bild{aspect-ratio:4/5;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.45);background:#2a2620 center/cover no-repeat}
.bn-block.nara .bn-bild{background-image:url(black-november-900.webp);background-image:image-set(url(black-november-900.webp) 1x,url(black-november-1600.webp) 2x)}
.bn-text{max-width:34em}
.bn-text .overrad{color:var(--varm)}
.bn-text h2{font-size:clamp(44px,6.4vw,104px);letter-spacing:-.045em;line-height:.96}
.bn-varde{margin:.7em 0 .2em;font-size:clamp(20px,1.9vw,28px);letter-spacing:-.02em;line-height:1.25}
.bn-villkor{color:rgba(244,241,236,.78);margin:0 0 2em;max-width:30em}
.bn-text .knappar .knapp{background:var(--papper);color:var(--kol)}
.bn-text .knappar .knapp.ljus{background:transparent;color:var(--papper);box-shadow:inset 0 0 0 1px rgba(244,241,236,.4)}
.bn-fein{margin-top:2.4em;padding-top:1.4em;border-top:1px solid rgba(244,241,236,.16);font-size:13px;line-height:1.6;color:rgba(244,241,236,.62)}
.bn-fein p{margin:0}

.bn-block .bn-in{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.bn-block.syns .bn-in{opacity:1;transform:none}
.bn-block.syns .bn-text.bn-in{transition-delay:.12s}
@media (max-width:860px){
  .bn-block{grid-template-columns:1fr;padding:64px var(--kant) 72px;gap:36px}
  .bn-bild{justify-self:stretch;max-width:min(100%,calc((100svh - 160px) * .8));margin:0 auto}
  .bn-text .knappar .knapp{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.bn-block .bn-in{opacity:1;transform:none;transition:none}.bn-remsa{transition:none}}


.bn-lapp{position:relative;margin-top:28px;padding:22px 24px 20px 24px;background:#fff;border:1px solid rgba(28,27,25,.12);border-radius:4px;max-width:30em;box-shadow:0 12px 30px rgba(28,27,25,.07)}
.bn-lapp::before{content:"";position:absolute;top:16px;right:18px;width:10px;height:10px;border-radius:50%;border:2px solid #b89262;background:var(--papper)}
.bn-lapp .overrad{margin-bottom:8px;color:#7a6446}
.bn-lapp h2{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em}
.bn-lapp p{margin-top:8px;color:var(--grafit);font-size:16px}
.bn-lapp .bn-lapp-fein{font-size:13px;color:#686156}
.bn-lapp a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(28,27,25,.35)}


html.bn-slut .bn-remsa,html.bn-slut .bn-block,html.bn-slut .bn-lapp{display:none!important}