@media (min-width:861px){.personligt .p-text{top:var(--p-topp,28vh)}}
.sov{margin:0 0 2.2em}
.p-text .sov p{margin:0;max-width:none}
.p-text .sov .sov-fraga{margin:0 0 .4em;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--sage)}
.sov-val{display:grid}
.sov-knapp{position:relative;display:block;width:100%;min-height:60px;padding:13px 0 15px;background:none;border:0;text-align:left;cursor:pointer;color:var(--graphite);font:500 clamp(22px,2.3vw,36px)/1.1 "Lateral","Soehne",sans-serif;text-transform:uppercase;letter-spacing:-.01em;transition:opacity .35s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.sov-ord{display:block}
.sov-w{display:inline-block;white-space:nowrap}
.sov-w>span{display:inline-block;will-change:transform}
.sov-linje{position:absolute;left:0;top:calc(100% - 2px);width:100%;height:24px;overflow:visible;pointer-events:none}
.sov-linje polyline{fill:none;stroke:rgba(52,49,48,.28);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .3s}
.sov-knapp:hover .sov-linje polyline,.sov-knapp:focus-visible .sov-linje polyline,.sov-knapp.vald .sov-linje polyline{stroke:var(--graphite)}
@media (hover:hover){.sov-val:hover .sov-knapp:not(:hover){opacity:.38}}
.sov-val.valt .sov-knapp:not(.vald){opacity:.18}
.sov-knapp:focus-visible{outline:2px solid var(--graphite);outline-offset:6px}
.p-text .sov .sov-svar{min-height:1.6em;margin:1.1em 0 0;font-size:16px;color:#5a5650;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}
.p-text .sov .sov-svar.syns{opacity:1;transform:none}
@media (hover:none){.p-text .sov .sov-svar{display:none}}


.inuti{position:relative;z-index:1;background:var(--linen);border-top:1px solid rgba(52,49,48,.1)}
.il-yta{position:relative;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"bild huvud" "bild text" "bild index" "bild knapp";column-gap:clamp(28px,5vw,96px);padding:96px var(--kant) 6vh;overflow:hidden}
.il-huvud{grid-area:huvud}
.il-huvud h2{font-size:clamp(30px,3.4vw,58px)}
.il-rubrik{margin-top:.8em;font-family:"Lateral";text-transform:uppercase;font-size:clamp(12px,1vw,15px);letter-spacing:.04em;color:var(--sage)}
.il-bild{grid-area:bild;position:relative;align-self:center;justify-self:center;width:min(100%,calc(100svh - 150px));aspect-ratio:1;overflow:hidden;background:var(--linen)}
.il-kamera{position:absolute;inset:0;will-change:transform;transform-origin:50% 50%}
.il-kamera>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.il-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.il-dimma{fill:var(--golv);opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}
.inuti.dimmad .il-dimma{opacity:.62}
[data-il-hal] rect{fill:#000;transform-box:fill-box;transform-origin:center;transform:scaleY(0);transition:transform .8s cubic-bezier(.16,1,.3,1)}
[data-il-hal] rect.pa{transform:scaleY(1)}
.il-ram rect{fill:rgba(237,231,219,.05);stroke:var(--linen);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:center;transform:scaleY(0);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .45s}
.il-ram rect.pa{opacity:1;transform:scaleY(1)}

.il-svep{position:absolute;inset:-10% 0;background:linear-gradient(100deg,transparent 30%,rgba(255,226,180,.38) 48%,rgba(255,255,255,.5) 50%,rgba(255,226,180,.38) 52%,transparent 70%);background-size:300% 100%;background-position:120% 0;mix-blend-mode:soft-light;opacity:0;pointer-events:none}
.inuti[data-steg="hela"] .il-svep{animation:il-svep 2.2s cubic-bezier(.45,0,.25,1) .15s both}
@keyframes il-svep{0%{opacity:1;background-position:120% 0}85%{opacity:1}100%{opacity:0;background-position:-20% 0}}
.il-prick{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--linen);box-shadow:0 2px 10px rgba(0,0,0,.3);opacity:0;transition:left .9s cubic-bezier(.65,0,.35,1),top .9s cubic-bezier(.65,0,.35,1),opacity .4s}
.il-prick::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--linen);animation:il-puls 1.8s cubic-bezier(.2,.8,.2,1) infinite}
.il-prick.syns{opacity:1}
@keyframes il-puls{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.il-text{grid-area:text;display:grid;align-self:start;margin:clamp(20px,4vh,44px) 0 24px}

.il-lager{grid-area:1/1;align-self:start;display:none}
.il-lager.pa{display:block;animation:il-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes il-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.il-lager h3{font-size:clamp(22px,2.2vw,36px)}
.il-kort{margin-top:.6em;font-size:clamp(18px,1.4vw,22px);line-height:1.35;max-width:26em;color:var(--graphite)}
.il-djup{margin-top:1em;font-size:16px;color:#46423f;max-width:32em}
.il-ingress{font-size:clamp(18px,1.4vw,22px);line-height:1.4;max-width:24em;color:var(--graphite)}
.il-ovriga{margin-top:1em;display:grid;gap:.2em}
.il-ovriga dt{margin-top:.8em;font-family:"Lateral";text-transform:uppercase;font-size:clamp(14px,1.1vw,17px)}
.il-ovriga dd{margin:0;color:#46423f}
.il-index{grid-area:index;list-style:none;padding:0;margin:0 0 3vh;display:grid;border-top:1px solid rgba(52,49,48,.12)}
.il-index button{position:relative;display:flex;align-items:center;width:100%;min-height:44px;padding:5px 0;background:none;border:0;border-bottom:1px solid rgba(52,49,48,.12);font:500 12px/1.2 "Soehne",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);text-align:left;cursor:pointer;transition:color .3s,padding .5s cubic-bezier(.2,.8,.2,1)}
.il-index button::before{content:"";position:absolute;left:0;top:50%;width:18px;height:1px;background:var(--graphite);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.il-index button.pa{color:var(--graphite);padding-left:28px}
.il-index button.pa::before{transform:scaleX(1)}
.il-index button:hover{color:var(--graphite)}
.il-matare{display:none}
.il-knapp{grid-area:knapp;justify-self:start}
.il-knapp-sist{display:none}

.inuti.lista .il-yta{height:auto;grid-template-rows:auto auto auto;grid-template-areas:"bild huvud" "bild text" "bild knapp";align-items:start}
.inuti.lista .il-bild{align-self:start;width:100%}
.inuti.lista .il-text{display:grid;gap:30px;align-self:start}
.inuti.lista .il-lager{grid-area:auto;display:block;animation:none}
.inuti.lista .il-index,.inuti.lista .il-prick::after{display:none}
.lugn .il-prick,.lugn .il-ram rect,.lugn [data-il-hal] rect,.lugn .il-dimma{transition:none}


.tyger{--ty:clamp(104px,11vw,164px);--ty-gap:clamp(8px,.8vw,12px);position:relative;background:var(--linen);padding:14vh 0 12vh;overflow:hidden}
.ty-huvud{padding:0 var(--kant);margin-bottom:6vh;max-width:64em}
.ty-huvud h2{font-size:clamp(34px,5.6vw,92px)}
.ty-huvud p{margin-top:1em;max-width:30em;color:#5a5650}
.ty-vagg{display:grid;gap:var(--ty-gap)}
.ty-rad{position:relative;height:var(--ty);overflow:hidden}
.ty-spar{display:flex;width:max-content;will-change:transform}
.ty-set{display:flex;gap:var(--ty-gap);padding-right:var(--ty-gap)}
.ty-prov{position:relative;flex:none;width:var(--ty);height:var(--ty);padding:0;border:0;border-radius:2px;background:var(--hex,#ccc);cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}
.ty-prov img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s}
.ty-etikett{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;font-size:12px;line-height:1.25;letter-spacing:.02em;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transform:translateY(8px);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
@media (hover:hover){.ty-prov:hover img{transform:scale(1.14)}.ty-prov:hover .ty-etikett{opacity:1;transform:none}}
.ty-prov:focus-visible{outline:2px solid var(--graphite);outline-offset:2px}
.ty-prov:focus-visible .ty-etikett{opacity:1;transform:none}
.ty-kolnamn{position:absolute;left:var(--kant);top:10px;z-index:2;padding:7px 11px;border-radius:2px;background:rgba(237,231,219,.94);font-family:"Lateral";text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--graphite);pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ty-knapp{margin:6vh var(--kant) 0}
.lugn .ty-rad{height:auto;overflow:visible}
.lugn .ty-spar{width:auto;flex-wrap:wrap;gap:var(--ty-gap);padding:44px var(--kant) 10px}
.lugn .ty-kolnamn{top:0}
.lugn .tyger{--ty:clamp(72px,8vw,120px)}


.ty-ruta{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--graphite);overflow:hidden}
.ty-ruta::backdrop{background:transparent}
.ty-ruta.mork{color:var(--linen)}
.ty-flod{position:absolute;inset:0;background:var(--hex,#d4b89d)}
.ty-flod::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 40% 45%,rgba(255,255,255,.16),rgba(0,0,0,.22))}
.ty-innehall{position:relative;height:100%;display:grid;grid-template-columns:auto minmax(0,24em);gap:clamp(28px,5vw,80px);align-items:center;justify-content:center;padding:84px var(--kant) 48px;pointer-events:none}
.ty-innehall>*{pointer-events:auto}
.ty-stor{width:min(42vw,58vh,420px);aspect-ratio:1}
.ty-stor img{width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 34px 90px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.18)}
.ty-kol{font-family:"Lateral";text-transform:uppercase;font-size:13px;letter-spacing:.08em;opacity:.8}
.ty-fakta h3{font-size:clamp(34px,4.4vw,72px);margin-top:.25em}
.ty-nr{margin:.5em 0 1.8em;font-size:15px;opacity:.78}
.ty-fakta .knapp{min-height:52px;height:auto;padding:14px 26px;line-height:1.3}
.ty-ruta.mork .ty-fakta .knapp{background:var(--linen);color:var(--graphite)}
.ty-stang{position:absolute;top:18px;right:var(--kant);z-index:2;min-height:44px;padding:0 18px;border:1px solid currentColor;border-radius:3px;background:rgba(255,255,255,.16);color:inherit;font:500 14px/1 "Soehne",sans-serif;letter-spacing:.04em;cursor:pointer}


.nb{margin:0 0 2.6em;padding-top:26px;border-top:1px solid rgba(237,231,219,.18);max-width:36em}
.nb-rubrik{font-size:clamp(17px,1.5vw,22px);margin-bottom:16px}
.nb-rad{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:end}
.nb-falt{display:grid;gap:6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--limestone)}
.nb-falt input,.nb-falt select{width:100%;height:50px;min-height:50px;padding:0 14px;border:1px solid rgba(237,231,219,.26);border-radius:3px;background:rgba(237,231,219,.06);color:var(--linen);font:400 16px/1.2 "Soehne",sans-serif;letter-spacing:0;text-transform:none}
.nb-falt option{color:#151312}
.nb-falt input:focus,.nb-falt select:focus{outline:none;border-color:var(--linen);background:rgba(237,231,219,.1)}
.nb-knappar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:14px}
.nb .knapp{border:0;cursor:pointer}
.nb.soker .knapp{opacity:.65;cursor:progress}
.nb-har{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--linen);font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.nb-status{margin-top:12px;font-size:14px;color:var(--limestone)}
.nb-status:empty{display:none}
.nb-svar{margin-top:20px}
.nb-svar[hidden]{display:none}
.nb-kort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:center;padding:18px;border:1px solid rgba(237,231,219,.14);border-radius:4px;background:rgba(237,231,219,.04)}
.nb-svg{display:block;width:100%;height:auto;overflow:visible}
.nb-annan{fill:rgba(237,231,219,.42)}
.nb-linje{fill:none;stroke:rgba(255,196,120,.9);stroke-width:1.4;stroke-dasharray:1;stroke-linecap:round}
.nb-sken{fill:rgba(255,196,120,.28);animation:nb-puls 2.6s ease-in-out infinite}
.nb-butik{fill:#ffc478}
.nb-du-ring{fill:none;stroke:var(--linen);stroke-width:1.2}
.nb-du{fill:var(--linen)}
@keyframes nb-puls{0%,100%{opacity:.25}50%{opacity:.85}}
.nb-over{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--limestone)}
.nb-info .nb-avst{margin:0 0 .5em;font-size:15px;color:#ffc478}
.nb-svg .nb-ort{font:400 11px/1 "Soehne",sans-serif;fill:rgba(237,231,219,.55);letter-spacing:.02em}
.nb-svg .nb-ort.nara{fill:var(--linen);font-weight:500;font-size:12px}
.nb-info h4{font-family:"Lateral";text-transform:uppercase;font-weight:500;font-size:clamp(18px,1.6vw,24px);line-height:1.1;margin:.45em 0 .3em}
.nb-info p{font-size:15px;color:var(--limestone)}
.nb-info .nb-tider{margin-top:.3em;color:var(--linen)}
.nb-kontakt{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:4px}
.nb-kontakt a{display:inline-flex;align-items:center;min-height:44px;color:var(--linen);text-decoration:underline;text-underline-offset:4px}

.nb-lista{list-style:none;padding:0;margin:0}
.nb-lista>li+li{margin-top:12px;padding-top:12px;border-top:1px solid rgba(237,231,219,.14)}
.nb-lista>li+li h4{font-size:clamp(15px,1.2vw,18px);margin-top:0}
.nb-lista>li+li .nb-tider{display:none}
.nb-annan.nara{fill:rgba(255,196,120,.7)}

@media (max-width:860px){
  .sov-knapp{font-size:clamp(22px,6.6vw,30px);min-height:56px}
  .il-yta{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"huvud" "bild" "matare" "text";padding:84px var(--kant) calc(96px + env(safe-area-inset-bottom));row-gap:12px}
  .il-huvud h2{font-size:clamp(26px,8vw,36px)}
  .il-rubrik{margin-top:.5em;font-size:11px}
  .il-bild{width:min(100%,38svh)}
  .il-index{display:none}
  .il-matare{display:block;grid-area:matare;justify-self:center;width:min(100%,38svh);height:2px;background:rgba(52,49,48,.14);overflow:hidden}
  .il-matare span{display:block;height:100%;background:var(--graphite);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
  .il-text{align-self:start;margin:4px 0 0}
  .il-lager h3{font-size:clamp(19px,5.6vw,26px)}
  .il-kort{font-size:16px;margin-top:.4em}
  .il-djup{display:none}
  .il-ingress{font-size:17px}
  .il-ovriga{margin-top:.4em}
  .il-ovriga dt{margin-top:.4em;font-size:12px}
  .il-ovriga dd{font-size:14px;line-height:1.35}
  .il-knapp{display:none}
  .il-knapp-sist{display:inline-flex;margin-top:14px;min-height:48px}
  .inuti[data-steg="hela"] .il-lager h3{display:none}
  .inuti[data-steg="hela"] .il-ovriga{margin-top:0}
  .inuti.lista .il-yta{grid-template-areas:"huvud" "bild" "text" "knapp";grid-template-rows:auto;padding-bottom:12vh}
  .inuti.lista .il-knapp{display:inline-flex;grid-area:knapp;margin-top:24px}
  .inuti.lista .il-knapp-sist{display:none}
  .inuti.lista .il-djup{display:block}
  .inuti.lista .il-matare{display:none}
  .tyger{padding:10vh 0}
  .ty-innehall{grid-template-columns:minmax(0,1fr);align-content:center;justify-content:stretch;gap:26px;padding:76px var(--kant) calc(28px + env(safe-area-inset-bottom))}
  .ty-stor{width:min(70vw,42svh)}
  .ty-fakta h3{font-size:clamp(30px,9vw,44px)}
  .ty-nr{margin-bottom:1.3em}
  .ty-fakta .knapp{width:100%;justify-content:center;text-align:center}
  .nb-rad{grid-template-columns:minmax(0,1fr)}
  .nb-kort{grid-template-columns:minmax(0,1fr);gap:14px}
}

@media (min-width:861px) and (max-height:760px){.il-djup{display:none}}
@media (max-width:860px) and (max-height:700px){
  .il-rubrik{display:none}
  .il-bild,.il-matare{width:min(100%,30svh)}
  .il-knapp-sist{margin-top:10px;min-height:46px}
}
@media (prefers-reduced-motion:reduce){
  .il-prick::after,.nb-sken,.il-svep{animation:none}
  .sov-knapp,.sov-w>span,.p-text .sov .sov-svar,.il-index button,.ty-prov img,.ty-etikett{transition:none}
  .il-lager.pa{animation:none}
}


.il-knapprad{grid-area:knapp;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.il-knapprad .il-knapp{grid-area:auto}
.il-hoppa{position:relative;z-index:3;display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 2px;background:none;border:0;color:var(--graphite);font:500 12px/1.2 "Soehne",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;cursor:pointer;transition:opacity .4s var(--mjuk)}
.il-hoppa:hover{text-decoration-thickness:2px}
.il-hoppa:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.inuti[data-steg="hela"] .il-hoppa{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--mjuk),visibility 0s .4s}
@media (max-width:860px){.il-knapprad{position:absolute;left:var(--kant);bottom:calc(22px + env(safe-area-inset-bottom));z-index:3}}