body.in{background:var(--linen)}

.in .meny>a[aria-current]{color:var(--sage)}


.in-yta{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto auto 1fr;column-gap:clamp(24px,4vw,80px);padding:calc(var(--hdr) + 5vh) var(--kant) 12vh;align-items:start}
.in-huvud{grid-column:2;grid-row:1;padding-top:2vh}
.in-over{font-family:"Lateral";text-transform:uppercase;font-size:13px;letter-spacing:.08em;color:var(--sage);margin-bottom:2vh}
.in-huvud h1{font-size:clamp(40px,5vw,84px);line-height:.96;letter-spacing:-.02em}
.in-ingress{max-width:24em;color:#5a5650;margin:2.2vh 0 3.4vh}


.in-flikar{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;padding:0 0 5vh;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.in-flikar::-webkit-scrollbar{display:none}
.in-flikar button{flex:none;min-height:44px;padding:0 18px;border:1px solid rgba(52,49,48,.22);background:transparent;border-radius:3px;font:500 14px/1 "Soehne",sans-serif;letter-spacing:.02em;color:var(--graphite);cursor:pointer;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s,border-color .3s,transform .2s cubic-bezier(.16,1,.3,1)}
.in-flikar button:hover{border-color:var(--graphite)}
.in-flikar button:active{transform:scale(.97)}
.in-flikar button[aria-selected="true"]{background:var(--graphite);color:var(--linen);border-color:var(--graphite)}
.in-flikar button:focus-visible{outline:2px solid var(--graphite);outline-offset:2px}

.in-bildkol{grid-column:1;grid-row:1/span 3;position:sticky;top:calc(var(--hdr) + 16px)}
.in-listkol{grid-column:2;grid-row:3;outline:none}

.in-bild{position:relative;--bw:min(100%,calc((100svh - var(--hdr) - 72px) / (1 + var(--topp,0))));margin:calc(var(--bw) * var(--topp,0)) auto 0;width:var(--bw);aspect-ratio:var(--ar,1);user-select:none;-webkit-tap-highlight-color:transparent}
.in-bild>img{width:100%;height:100%;object-fit:contain;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .35s}
.in-bild.byter>img{opacity:0;transform:scale(.985);filter:blur(4px)}
.in-bild.ritning>img{mix-blend-mode:multiply}

.in-topp{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),filter .35s}
.in-topp image{pointer-events:auto}
.in-bild.byter>.in-topp{opacity:0;filter:blur(4px)}
.in-bild.zoner{cursor:pointer}
.in-bildtext{margin-top:12px;text-align:center;font-size:14px;color:var(--sage);min-height:1.5em}


.in-svep{position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,transparent,rgba(237,231,219,.55) 50%,transparent);opacity:0;pointer-events:none;mix-blend-mode:screen}
.in-bild.svep .in-svep{animation:in-svep 1.25s cubic-bezier(.45,0,.25,1) both}
@keyframes in-svep{0%{opacity:0;transform:translateY(-30%)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(480%)}}


.in-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.in-dimma{fill:var(--golv);opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1)}
.in-bild.vald .in-dimma{opacity:.58}
[data-hal] rect{fill:#000;transform-box:fill-box;transform-origin:center;transform:scaleY(0);transition:transform .75s cubic-bezier(.16,1,.3,1)}
[data-hal] rect.pa{transform:scaleY(1)}
.in-ram rect{fill:rgba(237,231,219,.06);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 .75s cubic-bezier(.16,1,.3,1),opacity .4s}
.in-ram rect.pa{opacity:1;transform:scaleY(1)}
.in-svag rect{fill:rgba(237,231,219,.14);stroke:rgba(52,49,48,.55);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .25s}
.in-svag rect.pa{opacity:1}

.in-svag rect.skanna{animation:in-skanna .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--fdr,0ms)}
@keyframes in-skanna{0%{opacity:0}35%{opacity:1}100%{opacity:0}}


.in-fall{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 0s linear .35s}
.in-bild.utfalld .in-fall{opacity:1;transition:none}
.in-bild.utfalld>img,.in-bild.utfalld>.in-topp{opacity:0;transition:none}
.in-bild.utfalld .in-mask{opacity:0}
.in-bild.utfalld.byter .in-fall{opacity:0;transition:opacity .25s}
.in-band{transform-box:view-box;transform-origin:0 0;transform:translate(0px,0px) scale(1);transition:transform .85s cubic-bezier(.16,1,.3,1)}


.in-prickar{position:absolute;inset:0;pointer-events:none}
.in-prick{position:absolute;width:44px;height:44px;translate:-50% -50%;border:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto;display:grid;place-items:center;opacity:0;transform:scale(.4);transition:opacity .5s cubic-bezier(.16,1,.3,1) var(--fdr,0ms),transform .5s cubic-bezier(.16,1,.3,1) var(--fdr,0ms),left .85s cubic-bezier(.16,1,.3,1),top .85s cubic-bezier(.16,1,.3,1)}
.in-prickar.syns .in-prick{opacity:1;transform:none}
.in-prick::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--linen);box-shadow:0 0 0 2px var(--graphite),0 4px 12px rgba(0,0,0,.25);transition:background .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.in-prick::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--linen);animation:in-puls 2.6s cubic-bezier(.16,1,.3,1) infinite;animation-delay:var(--fdr,0ms)}
@keyframes in-puls{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(2.6);opacity:0}}
.in-prick:hover::before{transform:scale(1.25)}
.in-prick.vald::before{background:var(--graphite);box-shadow:0 0 0 2px var(--linen),0 4px 12px rgba(0,0,0,.3);transform:scale(1.2)}
.in-bild.vald .in-prick:not(.vald){opacity:.45}


.in-modell{font-family:"Lateral";text-transform:uppercase;font-size:clamp(30px,3.6vw,56px);line-height:1;letter-spacing:-.01em}
.in-rubrik{font-family:"Soehne",sans-serif;text-transform:none;font-weight:300;font-size:clamp(18px,1.5vw,22px);letter-spacing:0;line-height:1.35;color:#5a5650;margin:.6em 0 3.2vh;max-width:24em;min-height:1.35em}
.in-lager{list-style:none;padding:0;border-top:1px solid rgba(52,49,48,.16)}
.in-lager>li{border-bottom:1px solid rgba(52,49,48,.16);opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--fdr,0ms)}
.in-lager.kommer>li{opacity:0;transform:translateY(14px);transition:none}
.in-lager-knapp{display:grid;grid-template-columns:1fr auto;gap:4px 16px;width:100%;min-height:56px;padding:16px 0;border:0;background:none;text-align:left;font:inherit;color:var(--graphite);cursor:pointer;position:relative}
.in-lager-knapp:focus-visible{outline:2px solid var(--graphite);outline-offset:2px}
.in-lager-namn{font-family:"Lateral";text-transform:uppercase;font-size:clamp(14px,1.05vw,16px);letter-spacing:.03em;line-height:1.3;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.in-lager-text{grid-column:1;font-size:15px;line-height:1.45;color:var(--sage)}

.in-lager-tecken{grid-column:2;grid-row:1/span 2;align-self:center;position:relative;width:14px;height:14px}
.in-lager-tecken::before,.in-lager-tecken::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.in-lager-tecken::after{transform:rotate(90deg)}
.in-lager-knapp[aria-expanded="true"] .in-lager-tecken::after{transform:rotate(0)}
.in-lager-knapp[aria-expanded="true"] .in-lager-namn,.in-lager-knapp[aria-expanded="true"] .in-lager-text{transform:translateX(14px)}
.in-lager-text{transition:transform .45s cubic-bezier(.16,1,.3,1)}
.in-lager-knapp::before{content:"";position:absolute;left:0;top:18px;width:2px;height:calc(100% - 36px);background:var(--graphite);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.in-lager-knapp[aria-expanded="true"]::before{transform:scaleY(1)}
@media (hover:hover){.in-lager-knapp:hover .in-lager-namn{transform:translateX(6px)}}

.in-djup{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1)}
.in-djup>div{overflow:hidden;min-height:0}
.in-djup.oppen{grid-template-rows:1fr}
.in-djup-inre{padding:0 0 22px 14px;display:grid;gap:14px;opacity:0;transform:translateY(-6px);transition:opacity .45s .08s,transform .55s cubic-bezier(.16,1,.3,1)}
.in-djup.oppen .in-djup-inre{opacity:1;transform:none}
.in-djup h3{font-family:"Soehne",sans-serif;text-transform:none;font-weight:500;font-size:16px;letter-spacing:0;line-height:1.35;margin-bottom:4px}
.in-djup p{font-size:16px;line-height:1.55;color:#5a5650;max-width:32em}
.in-djup ul{list-style:none;padding:0;display:grid;gap:6px}
.in-djup li{position:relative;padding-left:18px;font-size:16px;color:#5a5650}
.in-djup li::before{content:"";position:absolute;left:0;top:.75em;width:8px;height:1px;background:var(--sage)}
.in-djup .in-ej{font-size:14px;color:var(--sage)}

.in-slut{padding:0 var(--kant) 16vh}
.in-knappar{display:flex;flex-wrap:wrap;gap:12px}


@media (max-width:860px){
  .in-yta{display:block;padding:calc(var(--hdr) + 6vh) 0 8vh}
  .in-huvud{padding:0 var(--kant)}
  .in-flikar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--kant) 12px}
  .in-flikar::-webkit-scrollbar{display:none}
  .in-bildkol{top:var(--hdr);z-index:3;background:var(--linen);padding:6px var(--kant) 4px;box-shadow:0 12px 22px -16px rgba(0,0,0,.35)}
  .in-bild{--bw:min(100%,calc(36svh / (1 + var(--topp,0))))}
  .in-bild.ritning{--bw:100%;max-height:30svh}
  .in-bildtext{margin-top:2px;font-size:13px;min-height:1.3em}
  .in-listkol{padding:4vh var(--kant) 0}
  .in-lager-knapp{min-height:60px}
  .in-knappar .knapp{flex:1 1 100%;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .in-bild>img,.in-topp,.in-fall,.in-band,.in-dimma,[data-hal] rect,.in-ram rect,.in-svag rect,.in-prick,.in-lager>li,.in-djup,.in-djup-inre,.in-lager-namn,.in-lager-knapp::before,.in-lager-tecken::before,.in-lager-tecken::after{transition:none}
  .in-prick::after,.in-svag rect.skanna,.in-bild.svep .in-svep{animation:none}
  .in-bild.byter>img,.in-bild.byter>.in-topp{filter:none;transform:none}
}