@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:Courier;src:url(/fonts/courier.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Courier;src:url(/fonts/courier-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
 --denim:#1C1A17;--denim2:#2B2925;--falmet:#8C8577;--krem:#EFE6D2;--papir:#E7DCC3;--kraft:#C6AE82;--gronn:#3E5A3C;--gul:#E2B13A;--rust:#B5502A;--sot:#17191C;
 --skifer:var(--denim);--sno:var(--krem);--signal:var(--rust);--hamp:var(--kraft);--stein:#6E6A5E;--linje:#CFC2A6;--sno2:var(--papir);
 --r:16px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--denim);overflow-x:clip}
body{font-family:Archivo,system-ui,sans-serif;color:var(--denim);background:var(--krem);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
/* film-korn over hele siden */
body:after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:korn 1s steps(5) infinite}
@keyframes korn{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,-1%)}}
.maskin{font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.tittel{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-size:clamp(48px,6.6vw,96px);line-height:.92;letter-spacing:-.02em}
.tittel em{font-style:inherit;color:var(--rust)}
.blokk{font-family:Archivo;font-weight:900;font-stretch:68%;text-transform:uppercase;letter-spacing:.005em}
.ingress{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#4A4A52;max-width:32em}
.knapp{display:inline-flex;align-items:center;gap:12px;background:var(--rust);color:var(--krem);font-family:Courier,monospace;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:15px 22px;border-radius:6px;border:0;cursor:pointer;box-shadow:0 4px 0 #7E3519,0 10px 24px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s,background .2s}
.knapp:hover{background:#C25A31}
.knapp:active{transform:translateY(4px);box-shadow:0 0 0 #7E3519,0 4px 10px rgba(0,0,0,.18)}
.knapp i{font-style:normal;transition:transform .25s var(--ease)}.knapp:hover i{transform:translateX(4px)}
.som{position:relative}
.som:before{content:"";position:absolute;inset:12px;border:2px dashed rgba(239,230,210,.28);border-radius:20px;pointer-events:none;z-index:1}

/* NAV */
.nav{position:fixed;inset:18px 18px auto;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 22px;border-radius:12px;color:var(--krem);transition:background .4s var(--ease),color .4s,box-shadow .4s}
.nav.fast{background:rgba(239,230,210,.86);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);color:var(--denim);box-shadow:0 8px 30px rgba(28,26,23,.16)}
.nav .logo svg{height:30px;width:auto;fill:currentColor}
.nav ul{display:flex;gap:30px;list-style:none}
.nav ul a{font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;opacity:.85;position:relative}
.nav ul a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;border-bottom:2px dashed var(--gul);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav ul a:hover{opacity:1}.nav ul a:hover:after{transform:scaleX(1)}
.nav .knapp{padding:11px 16px;font-size:13px;box-shadow:0 3px 0 #7E3519}

/* HERO */
.hero{position:relative;min-height:100svh;color:var(--krem);overflow:hidden;display:flex;flex-direction:column;
 background:
  radial-gradient(70% 60% at 75% 35%,rgba(181,80,42,.18),transparent 65%),
  radial-gradient(60% 60% at 0% 100%,rgba(181,80,42,.18),transparent 60%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),
  repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),
  var(--denim)}
.hero .wrap{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:130px;padding-bottom:170px}
.patch{display:inline-flex;align-items:center;gap:14px;background:var(--kraft);color:var(--denim);padding:7px;border-radius:4px;transform:rotate(-2deg);box-shadow:0 6px 14px rgba(0,0,0,.25);margin-bottom:34px}
.patch span{border:1.5px dashed rgba(28,26,23,.55);border-radius:2px;padding:7px 14px;font-family:Archivo;font-weight:900;font-stretch:70%;letter-spacing:.14em;text-transform:uppercase;font-size:13px}
.hero h1{line-height:.9}
.hero h1 .h-it{display:block;font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-size:clamp(64px,9vw,138px);letter-spacing:-.03em;color:var(--krem)}
.hero h1 .h-blokk{display:block;font-family:Archivo;font-weight:900;font-stretch:66%;text-transform:uppercase;font-size:clamp(60px,8.6vw,132px);letter-spacing:.005em;color:transparent;-webkit-text-stroke:2px var(--gul);margin-top:-.04em}
.hero h1 .h-sub{display:block;font-family:Fraunces,serif;font-style:italic;font-weight:400;font-variation-settings:"SOFT" 100,"opsz" 48;font-size:clamp(24px,2.6vw,38px);color:var(--kraft);margin-top:18px;letter-spacing:-.01em}
.hero p.ingress{color:#C9C3B3;margin-top:26px;max-width:28em}
.hero .cta{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.hero .cta .maskin{color:var(--falmet)}
.fotos{position:relative;height:min(64vh,600px)}
.foto{position:absolute;background:#F4EEDF;padding:12px 12px 46px;border-radius:3px;box-shadow:0 30px 50px rgba(0,0,0,.45),0 2px 0 rgba(0,0,0,.2);transition:transform .25s linear}
.foto .bilde{position:relative;overflow:hidden;border-radius:2px;display:grid;place-items:center;width:100%;height:100%}
.foto .bilde:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(60,30,10,.45)),linear-gradient(180deg,rgba(255,190,110,.12),rgba(40,20,0,.12));mix-blend-mode:multiply;pointer-events:none}
.foto .bilde img{width:100%;height:100%;object-fit:cover;filter:sepia(.25) saturate(.85) contrast(1.05)}
.foto .dato{position:absolute;right:22px;bottom:56px;font-family:Courier,monospace;font-weight:700;font-size:15px;color:#FF8A2B;text-shadow:0 0 6px rgba(255,120,30,.8);letter-spacing:.06em;z-index:2}
.foto .tekst{position:absolute;left:16px;bottom:13px;font-family:Fraunces,serif;font-style:italic;font-size:19px;color:#3B3A3A}
.f1{width:68%;height:78%;right:4%;top:6%;transform:rotate(4deg)}
.f1 .bilde{background:var(--gul)} .f1 .bilde svg{width:78%;fill:var(--denim)}
.f2{width:46%;height:46%;left:0;bottom:2%;transform:rotate(-7deg);z-index:2}
.f2 .bilde{background:var(--gronn)} .f2 .bilde svg{width:80%}
.sticker{position:absolute;left:30%;top:-2%;width:132px;height:132px;z-index:3;animation:snurr 18s linear infinite}
.sticker circle{fill:var(--rust)} .sticker text{font-family:Archivo;font-weight:900;font-stretch:70%;font-size:14px;letter-spacing:.06em;fill:var(--krem)}
.sticker-midt{position:absolute;left:30%;top:-2%;width:132px;height:132px;z-index:4;display:grid;place-items:center;color:var(--gul);font-size:40px;line-height:1}
@keyframes snurr{to{transform:rotate(360deg)}}
.hero .bunn{position:absolute;left:0;right:0;bottom:104px;z-index:2}
.hero .bunn .wrap{display:flex;justify-content:space-between;padding:16px 32px 0;color:var(--falmet);border-top:1px dashed rgba(239,230,210,.22)}
.hero .bunn span+span:before{content:"✶";margin:0 14px;color:var(--gul)}
.rygg{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:110px;fill:var(--gul);z-index:3}

/* BÅND */
.baand{position:relative;z-index:4;background:var(--gul);color:var(--denim);overflow:hidden;white-space:nowrap;padding:12px 0}
.baand:before,.baand:after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(-45deg,var(--denim) 0 12px,var(--gul) 12px 24px)}
.baand:before{top:0}.baand:after{bottom:0}
.baand .spor{display:inline-flex;animation:rull 30s linear infinite;padding:12px 0}
.baand span{font-family:Archivo;font-weight:900;font-stretch:68%;text-transform:uppercase;font-size:clamp(24px,2.6vw,36px);padding:0 22px;display:inline-flex;align-items:center;gap:44px}
.baand span:after{content:"✶";color:var(--rust);font-size:.8em}
@keyframes rull{to{transform:translateX(-50%)}}

/* KLESSTANG PÅ VERKSTEDVEGG */
.stang-seksjon{background:radial-gradient(circle,rgba(70,50,25,.38) 2.4px,transparent 3px) 0 0/30px 30px,linear-gradient(#D8C7A2,#CDB990);box-shadow:inset 0 30px 40px -30px rgba(0,0,0,.35)}
.stang-seksjon .tittel,.stang-seksjon .ingress{color:var(--denim)} .stang-seksjon .ingress{color:#3F3C36}
.stang-seksjon .maskin{color:#6B4E2A}
.stang-seksjon .hint{color:#6B4E2A}
.stang-seksjon .plagg-navn{font-family:Courier,monospace;font-weight:700}
.stang-seksjon .detalj .mono{font-family:Courier,monospace;font-weight:700;color:#6B4E2A}
.stang-seksjon .lukk{background:var(--krem)}
.mono{font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.detalj h3{font-family:Fraunces,serif;font-style:italic;font-weight:600;text-transform:none;font-variation-settings:"SOFT" 100,"opsz" 144;font-size:clamp(34px,3.4vw,48px)!important;letter-spacing:-.02em}
/* KLESSTANG */
.stang-seksjon{padding-bottom:60px;overflow:hidden}
.stang-topp{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.stang-topp .ingress{margin-top:22px}
.hint{color:var(--stein)} .hint span{display:inline-block;color:var(--signal);animation:hopp 1.6s ease-in-out infinite}
@keyframes hopp{50%{transform:translateY(5px)}}
.stang{position:relative;margin-top:60px;padding:0 0 60px;transition:padding .8s var(--ease)}
.stang.valgt{padding-bottom:var(--pb,300px)}
.stang-bar{position:relative;height:16px;margin:0 max(32px,calc((100% - 1280px)/2 + 32px));border-radius:8px;background:linear-gradient(#5a5d60,#2a2c2e 40%,#141516 62%,#3c3f42);box-shadow:0 10px 18px rgba(23,25,28,.35)}
.stang-bar i{position:absolute;top:-14px;width:26px;height:44px;border-radius:5px;background:linear-gradient(90deg,#1c1d1f,#4a4d50,#1c1d1f);box-shadow:0 0 0 3px rgba(0,0,0,.15)}
.stang-bar i:after{content:"";position:absolute;left:50%;top:-40px;width:10px;height:40px;margin-left:-5px;background:linear-gradient(90deg,#1c1d1f,#4a4d50,#1c1d1f)}
.stang-bar i:first-child{left:-4px}.stang-bar i:last-child{right:-4px}
.stang-rad{display:flex;justify-content:center;align-items:flex-start;gap:clamp(10px,2vw,30px);padding:0 32px;margin-top:-6px;position:relative;z-index:2}
.plagg{position:relative;background:none;border:0;cursor:pointer;transform-origin:50% 0;width:clamp(140px,14vw,210px);padding:0;transition:transform .8s var(--ease),opacity .6s var(--ease),filter .6s var(--ease);font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.snor{display:block;margin:0 auto;width:2px;height:56px;background:linear-gradient(#3a3d40,#26292B)}
.snor:before{content:"";display:block;width:16px;height:16px;margin:-6px 0 0 -7px;border:2px solid #4a4d51;border-radius:50%;border-bottom-color:transparent;transform:rotate(45deg)}
.heng{display:block;position:relative;transform-origin:50% -56px;animation:svai 5.5s ease-in-out infinite;animation-delay:var(--d);transition:transform .5s var(--ease)}
@keyframes svai{0%,100%{rotate:-1.6deg}50%{rotate:1.6deg}}
.lue{width:100%;height:auto;margin-top:-4px;filter:drop-shadow(0 22px 22px rgba(29,31,33,.22));transition:filter .5s}
.lue .bakside{display:none}
.plagg:hover .heng,.plagg:focus-visible .heng{transform:translateY(-8px) scale(1.07)}
.plagg:focus-visible{outline:none}.plagg:focus-visible .lue{filter:drop-shadow(0 0 0 3px var(--signal))}
.stang:not(.valgt) .stang-rad:hover .plagg:not(:hover){opacity:.55;filter:saturate(.6)}
.plagg-navn{text-align:center;margin-top:34px;color:var(--skifer);transition:opacity .3s}
.tag{position:absolute;right:-8%;top:-6%;width:22%;opacity:0;transform-origin:50% 0;transform:rotate(-40deg) translateY(-12px);transition:opacity .3s;pointer-events:none}
.tag svg{width:100%;height:auto}
/* valgt */
.stang.valgt .stang-rad{z-index:6}
.stang.valgt .plagg:not(.aktiv){opacity:.22;filter:blur(9px);pointer-events:none}
.plagg.aktiv{z-index:3;transform:translate(var(--dx),var(--dy)) scale(var(--s));cursor:default}
.plagg.aktiv .heng{animation:none;transform:none}
.plagg.aktiv .tag{opacity:1;animation:sving 1.8s cubic-bezier(.3,1.4,.5,1) .35s both}
@keyframes sving{0%{transform:rotate(-55deg) translateY(-14px)}35%{transform:rotate(16deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(3deg)}100%{transform:rotate(0)}}
.plagg.bak .forside{display:none}.plagg.bak .bakside{display:inline}
.plagg.snu .lue{animation:snu .55s var(--ease)}
@keyframes snu{0%{transform:scaleX(1)}50%{transform:scaleX(.05)}100%{transform:scaleX(1)}}
.stang.valgt .plagg-navn{opacity:0}
.detalj{position:absolute;left:50%;bottom:10px;transform:translate(-50%,20px);text-align:center;opacity:0;pointer-events:none;transition:opacity .5s var(--ease),transform .6s var(--ease);z-index:7;width:min(92vw,520px)}
.stang.valgt .detalj{opacity:1;transform:translate(-50%,0);pointer-events:auto;transition-delay:.35s}
.detalj h3{font-weight:900;font-stretch:72%;text-transform:uppercase;font-size:clamp(28px,3vw,40px);letter-spacing:.02em}
.detalj .mono{color:var(--stein);margin:6px 0 16px}
.vend{display:inline-flex;border:1.5px solid var(--skifer);border-radius:999px;padding:3px;margin-bottom:18px}
.vend button{border:0;background:none;font:500 11px Plex,monospace;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border-radius:999px;cursor:pointer;color:var(--skifer)}
.vend button[aria-pressed=true]{background:var(--skifer);color:var(--sno)}
.detalj .knapp{display:flex;width:max-content;margin:0 auto}
.lukk{position:absolute;right:max(32px,calc((100% - 1280px)/2 + 32px));top:50px;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--skifer);background:var(--sno);font-size:26px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s,transform .3s var(--ease);z-index:8;color:var(--skifer)}
.lukk:hover{transform:rotate(90deg)}
.stang.valgt .lukk{opacity:1;pointer-events:auto}
@media (max-width:900px){
 .stang-topp{flex-direction:column;align-items:flex-start}
 .stang-rad{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 24px 30px;scrollbar-width:none}
 .stang-rad::-webkit-scrollbar{display:none}
 .plagg{flex:0 0 52vw;scroll-snap-align:center}
 .stang.valgt .stang-rad{overflow:visible}
 .lukk{top:20px;right:20px}
}.plagg-vest{width:clamp(170px,17vw,250px)}.plagg-caps{width:clamp(150px,14vw,210px)}
.snor.kort{height:14px}.snor.kort:before{display:none}
.plagg-vest .heng,.plagg-caps .heng{transform-origin:50% 0}
.plagg-vest .lue,.plagg-caps .lue{margin-top:-14px}

/* ===== KARUSELL ===== */
.karusell{position:relative;height:clamp(440px,48vw,620px);margin-top:clamp(40px,5vw,70px)}
.scene{position:absolute;inset:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.scene .plagg{position:absolute!important;left:50%;top:90px;margin:0!important;width:170px!important;
 transform:translateX(calc(-50% + var(--x,0px))) scale(var(--sk,1))!important;transform-origin:50% 0!important;
 opacity:var(--op,1)!important;filter:blur(var(--bl,0px))!important;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s,filter .8s!important;pointer-events:auto!important}
.scene .plagg-vest{width:190px!important}.scene .plagg-caps{width:180px!important}
.scene .plagg:not(.midt){cursor:pointer}
.scene .plagg.midt{cursor:default}
.scene .plagg:hover .heng{transform:none!important}
.scene .plagg .tag{opacity:0!important;transition:opacity .4s}
.scene .plagg.midt .tag{opacity:1!important;animation:sving 1.8s cubic-bezier(.3,1.4,.5,1) .5s both}
.pil{position:absolute;top:44%;z-index:20;width:54px;height:54px;border-radius:50%;border:1px solid rgba(239,233,220,.55);background:rgba(14,16,18,.25);color:var(--krem);font:400 22px Archivo,sans-serif;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .25s,transform .25s}
.pil:hover{background:rgba(239,233,220,.15);transform:scale(1.06)}
.pil:focus-visible{outline:2px solid var(--krem);outline-offset:3px}
.pil-v{left:max(20px,calc((100% - 1280px)/2 + 32px))}.pil-h{right:max(20px,calc((100% - 1280px)/2 + 32px))}
.detalj2{text-align:center;color:var(--krem);padding:0 20px 20px;position:relative;z-index:5}
.detalj2 h3{font-family:"Fraunces Rett",serif;font-weight:400;font-variation-settings:"opsz" 144;font-size:clamp(32px,3.4vw,46px);letter-spacing:-.01em}
.detalj2 .mono{color:rgba(239,233,220,.7);margin:6px 0 18px}
.detalj2 .vend{border-color:rgba(239,233,220,.6)}
.prikker{display:flex;justify-content:center;gap:10px;margin-top:24px}
.prikker button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(239,233,220,.3);padding:0;cursor:pointer;transition:background .3s,transform .3s}
.prikker button[aria-current=true]{background:var(--krem);transform:scale(1.35)}
@media (max-width:760px){
 .karusell{height:440px}.scene .plagg{top:80px;width:150px!important}.scene .plagg-vest{width:165px!important}
 .pil{width:44px;height:44px;top:auto;bottom:6px;font-size:18px}.pil-v{left:20px}.pil-h{right:20px}
}

.stang-seksjon{overflow:clip!important}
.karusell{height:clamp(440px,42vw,560px)}
.detalj2{margin-top:-10px}

.scene .plagg-vest .lue{margin-top:-47px!important}
.scene .plagg-caps .lue{margin-top:-44px!important}

.scene .plagg-kl{width:124px!important}
.scene .plagg-jakke{width:132px!important}
.scene .plagg-bukse{width:100px!important}
.plagg-kl .henger{width:80%;margin:-8px auto -9px;position:relative;z-index:2}
.plagg-kl .lue.klaer{display:block;margin-top:0!important;filter:drop-shadow(0 22px 22px rgba(0,0,0,.35))}
.plagg-kl .lue.klaer img{width:100%;height:auto}
.plagg-kl .lue.klaer .bakside{display:none}
.plagg-kl.bak .lue.klaer .forside{display:none}.plagg-kl.bak .lue.klaer .bakside{display:block}
.plagg-kl.snu .lue{animation:snu .55s var(--ease)}
.plagg-kl .tag{right:-4%;top:2%;width:18%}
@media (max-width:760px){.scene .plagg-kl{width:118px!important}.scene .plagg-bukse{width:96px!important}}

/* svevende plagg uten krok */
.scene .plagg{top:70px}
.scene .plagg .heng{transform-origin:50% 50%!important;animation:svev 6.5s ease-in-out infinite!important;animation-delay:var(--d)!important}
@keyframes svev{0%,100%{translate:0 0;rotate:-1.4deg}50%{translate:0 -14px;rotate:1.4deg}}
.scene .plagg.midt .heng{animation-duration:5.5s!important}
.scene .plagg.midt{cursor:pointer}
.scene .plagg .lue{margin-top:0!important}
.scene .plagg.midt:after{content:"";position:absolute;left:18%;right:18%;bottom:-38px;height:14px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.45),transparent 70%);animation:skygge 6.5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes skygge{0%,100%{transform:scaleX(1);opacity:.75}50%{transform:scaleX(.82);opacity:.45}}
.scene .plagg .tag{top:-2%!important;right:-6%!important}
.scene .plagg-kl .tag{top:4%!important;right:-8%!important}
@media (prefers-reduced-motion:reduce){.scene .plagg .heng,.scene .plagg.midt:after{animation:none!important}}

.scene .plagg{top:90px}
.scene .plagg-kl{width:148px!important}.scene .plagg-jakke{width:158px!important}.scene .plagg-bukse{width:116px!important}
@media (max-width:760px){.scene .plagg-kl{width:128px!important}.scene .plagg-jakke{width:138px!important}.scene .plagg-bukse{width:102px!important}}


/* ARBEIDSORDRE */
.seksjon{padding:120px 0}
.ordre-liste{display:grid;gap:60px;margin-top:64px}
.ordre{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ordre:nth-child(even) .foto-rad{order:-1}
.lapp{position:relative;background:#F6F0E1;border-radius:6px;padding:34px 34px 30px 52px;box-shadow:0 18px 40px rgba(28,26,23,.12);transform:rotate(-1deg);transition:transform .5s var(--ease)}
.ordre:nth-child(even) .lapp{transform:rotate(1deg)}
.ordre:hover .lapp{transform:rotate(0) translateY(-4px)}
.lapp:before{content:"";position:absolute;left:16px;top:18px;bottom:18px;width:12px;background:radial-gradient(circle,var(--krem) 4px,transparent 4.5px) 0 0/12px 22px}
.lapp .rad1{display:flex;justify-content:space-between;border-bottom:1.5px solid var(--denim);padding-bottom:12px;margin-bottom:18px;color:var(--denim)}
.lapp h3{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"opsz" 144;font-size:clamp(38px,4.2vw,58px);line-height:.95;letter-spacing:-.02em;color:var(--denim)}
.lapp p{font-family:Courier,monospace;font-size:16px;line-height:1.6;color:#3F3C36;margin-top:16px;max-width:32em}
.lapp dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin-top:20px;margin-right:140px;font-family:Courier,monospace;font-size:14px;color:#3F3C36}
.lapp dt{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--denim)}
.lapp dd{border-bottom:1px dotted #9C9180}
.stempel{position:absolute;right:24px;bottom:22px;border:3px solid currentColor;border-radius:6px;padding:6px 12px;font-family:Archivo;font-weight:900;font-stretch:70%;text-transform:uppercase;letter-spacing:.1em;font-size:20px;transform:rotate(-10deg);opacity:.85;mix-blend-mode:multiply}
.stempel.rust{color:var(--rust)}.stempel.denim{color:var(--denim2)}.stempel.gronn{color:var(--gronn)}
.foto-rad{position:relative;height:clamp(280px,32vw,400px)}
.foto-rad .foto{inset:0;transform:rotate(2deg)}
.ordre:nth-child(even) .foto-rad .foto{transform:rotate(-2deg)}
.ordre:hover .foto-rad .foto{transform:rotate(0) scale(1.02)}
.foto-rad .foto{transition:transform .6s var(--ease)}
.b-denim{background:var(--denim)!important}.b-kraft{background:var(--kraft)!important}.b-gronn{background:var(--gronn)!important}
.foto .bilde .geit-ill{width:58%;fill:var(--kraft)}
.foto .bilde .lapp-ill{width:66%;transform:rotate(-5deg);filter:drop-shadow(0 10px 14px rgba(0,0,0,.3))}

/* STEMPLINGSKORT */
.kort-seksjon{background:var(--denim);color:var(--krem);padding:120px 0 150px}
.kort-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.kort-seksjon .tittel{color:var(--krem)} .kort-seksjon .tittel em{color:var(--gul)}
.kort-seksjon .ingress{color:#C9C3B3;margin-top:24px}
.stemplekort{position:relative;background:#F2EAD6;color:var(--denim);border-radius:6px;padding:0 0 26px;transform:rotate(-1.6deg);box-shadow:0 40px 70px rgba(0,0,0,.45);overflow:hidden}
.stemplekort:before{content:"";position:absolute;left:50%;top:14px;width:64px;height:12px;margin-left:-32px;border-radius:6px;background:var(--denim);opacity:.9}
.stemplekort .topp{background:var(--rust);color:var(--krem);padding:40px 28px 16px;display:flex;justify-content:space-between;align-items:flex-end}
.stemplekort .topp b{font-family:Archivo;font-weight:900;font-stretch:66%;font-size:clamp(34px,3.6vw,52px);letter-spacing:.02em;line-height:.9}
.stemplekort table{width:calc(100% - 56px);margin:20px 28px 6px;border-collapse:collapse;font-family:Courier,monospace;font-size:13px}
.stemplekort th{font-weight:700;text-align:left;border-bottom:2px solid var(--denim);padding:6px 4px;letter-spacing:.06em}
.stemplekort td{border-bottom:1px solid #CDBF9F;padding:7px 4px;color:#7A6E58}
.stemplekort td.stemplet span{color:#4B3A9E;font-weight:700;transform:rotate(-4deg);display:inline-block;opacity:.85}
.stemplekort form{padding:12px 28px 0}
.stemplekort label.lbl{display:block;font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:8px}
.felt{display:flex;gap:10px}
.felt input{flex:1;min-width:0;border:0;border-bottom:2px solid var(--denim);background:transparent;font-family:Courier,monospace;font-size:19px;padding:12px 2px;color:var(--denim);outline:none}
.felt input::placeholder{color:#A0937A}
.felt input:focus{border-bottom-color:var(--rust)}
.kryss{display:flex;gap:10px;align-items:center;font-family:Courier,monospace;font-size:14px;color:#3F3C36;margin-top:18px;cursor:pointer}
.kryss input{width:18px;height:18px;accent-color:var(--rust)}
.smaa{font-family:Courier,monospace;font-size:12px;line-height:1.6;color:#7A6E58;margin-top:12px}
.skjult{position:absolute;left:-9999px}

/* FOOTER */
footer{background:var(--sot);color:var(--krem);position:relative}
footer .rygg{top:-109px;bottom:auto;fill:var(--sot);z-index:1}
.kort-seksjon{position:relative}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:70px;padding-bottom:56px;position:relative;z-index:2}
footer .logo svg{height:42px;width:auto;fill:var(--krem)}
footer p{font-family:Fraunces,serif;font-style:italic;font-size:20px;line-height:1.4;color:var(--kraft);margin-top:18px;max-width:18em}
footer h4{color:var(--gul);margin-bottom:16px}
footer li{list-style:none;font-family:Courier,monospace;font-size:15px;line-height:2.1;color:#CFC8B6}
footer li a:hover{color:var(--gul)}
footer .kommer{font-size:11px;color:var(--rust);margin-left:6px;font-weight:700}
.bunnlinje{border-top:1px dashed rgba(239,230,210,.18);position:relative;z-index:2}
.bunnlinje .wrap{display:flex;justify-content:space-between;padding:20px 32px;color:#8C8676;grid-template-columns:none}

/* ANIMASJON */
.vis{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.vis.inne{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.hero .inn{opacity:0;transform:translateY(30px);animation:inn 1s var(--ease) forwards}
@keyframes inn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.vis,.hero .inn{opacity:1;transform:none}}

/* MOBIL */
@media (max-width:900px){
 .nav ul{display:none}.nav{inset:10px 10px auto;padding:8px 8px 8px 16px}.nav .logo svg{height:24px}.nav .knapp{padding:10px 12px;font-size:11px}
 .hero .wrap{grid-template-columns:1fr;padding-top:110px;padding-bottom:180px;gap:30px}
 .fotos{height:360px;order:-1}
 .sticker,.sticker-midt{width:96px;height:96px;left:auto;right:0;top:-10px} .sticker-midt{font-size:30px}
 .hero .bunn span:last-child{display:none}.hero .bunn .wrap{font-size:11px}
 .ordre,.kort-wrap{grid-template-columns:1fr;gap:34px}
 .ordre:nth-child(even) .foto-rad{order:0}
 .seksjon,.kort-seksjon{padding:80px 0 110px}
 footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}
 .rygg{height:60px}footer .rygg{top:-59px}
 .stempel{font-size:16px}
}
@media (max-width:520px){.stemplekort .topp span{display:none}.lapp dl{margin-right:0;margin-bottom:46px}.wrap{padding:0 20px}.felt{flex-direction:column}.lapp{padding:28px 22px 26px 44px}.bunnlinje .wrap{flex-direction:column;gap:6px}}

/* LESS IS MORE */
.hero .wrap{padding-bottom:140px}
.f1{width:84%;height:86%;right:2%;top:5%}
.sticker,.sticker-midt{left:4%;top:-1%}
.hero .cta{margin-top:40px}
.stemplekort{padding-bottom:30px}
.stemplekort .topp{padding:42px 30px 18px}
.stemplekort form{padding:26px 30px 0}
footer .wrap.enkel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:60px;padding-bottom:50px}
footer .wrap.enkel p{margin:0;font-size:22px}
footer .wrap.enkel .maskin{color:#8C8676}
@media (max-width:900px){.fotos{height:340px}.f1{width:78%;height:92%;right:11%}.sticker,.sticker-midt{left:0;right:auto}footer .wrap.enkel{flex-direction:column;align-items:flex-start;gap:14px}}

/* ===== FLERE SIDER ===== */
.nav .meny{display:flex;gap:26px;list-style:none;align-items:center}
.nav .meny a{font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:13.5px;opacity:.85;position:relative;white-space:nowrap}
.nav .meny a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;border-bottom:2px dashed var(--gul);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav .meny a:hover,.nav .meny a[aria-current=page]{opacity:1}
.nav .meny a:hover:after,.nav .meny a[aria-current=page]:after{transform:scaleX(1)}
.nav .hoyre{display:flex;align-items:center;gap:12px}
.meny-knapp{display:none;width:44px;height:44px;border-radius:8px;border:1.5px solid currentColor;background:none;color:inherit;cursor:pointer;position:relative}
.meny-knapp span,.meny-knapp:before,.meny-knapp:after{content:"";position:absolute;left:11px;right:11px;height:2px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.meny-knapp:before{top:14px}.meny-knapp span{top:20px}.meny-knapp:after{top:26px}
.nav.apen .meny-knapp:before{transform:translateY(6px) rotate(45deg)}.nav.apen .meny-knapp span{opacity:0}.nav.apen .meny-knapp:after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1100px){
 .meny-knapp{display:block}
 .nav .meny{position:absolute;left:0;right:0;top:calc(100% + 10px);flex-direction:column;align-items:stretch;gap:0;background:var(--krem);color:var(--denim);border-radius:12px;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .3s var(--ease)}
 .nav.apen .meny{opacity:1;transform:none;pointer-events:auto}
 .nav .meny a{display:block;padding:15px 16px;font-size:15px;border-bottom:1px dashed var(--linje)}
 .nav .meny li:last-child a{border-bottom:0}
 .nav .meny a:after{display:none}
}

/* undersidetopp */
.side-topp{position:relative;color:var(--krem);overflow:hidden;padding:170px 0 150px;
 background:radial-gradient(70% 80% at 80% 20%,rgba(181,80,42,.18),transparent 65%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),var(--denim)}
.side-topp .wrap{position:relative;z-index:2}
.side-topp .maskin{color:var(--gul);margin-bottom:18px}
.side-topp .tittel{color:var(--krem);font-size:clamp(56px,8vw,118px)}
.side-topp .tittel em{color:var(--gul)}
.side-topp .ingress{color:#C9C3B3;margin-top:22px;max-width:34em}
.side-topp .rygg{fill:var(--krem)}
.innhold{padding:90px 0 120px}
.smal{max-width:860px}
.tekst p{font-size:clamp(18px,1.6vw,21px);line-height:1.7;color:#3F3C36;margin-bottom:24px}
.tekst p.stor{font-family:Fraunces,serif;font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 72;font-size:clamp(26px,2.8vw,38px);line-height:1.3;color:var(--denim)}
.h2{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"opsz" 144;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.02em;color:var(--denim);margin:70px 0 26px;line-height:1}
.h2 em{font-style:inherit;color:var(--rust)}
.papir{background:#F6F0E1;border-radius:8px;padding:34px;box-shadow:0 16px 36px rgba(28,26,23,.10);position:relative}
.papir.som:before{border-color:rgba(28,26,23,.2);inset:8px;border-radius:5px}
.rutenett{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rutenett.fire{grid-template-columns:repeat(4,1fr)}
.rutenett .nr{font-family:Courier,monospace;font-weight:700;color:var(--rust);letter-spacing:.08em}
.rutenett h3{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"opsz" 72;font-size:26px;color:var(--denim);margin:10px 0 10px;line-height:1.1}
.rutenett p{font-size:16px;line-height:1.6;color:#4A4740}
.etiketter{display:flex;flex-wrap:wrap;gap:10px}
.etikett{font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;border:1.5px dashed var(--denim);border-radius:4px;padding:9px 13px;color:var(--denim);background:#F6F0E1}
/* FAQ */
.faq details{border-bottom:1.5px dashed var(--linje)}
.faq details:first-child{border-top:1.5px solid var(--denim)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"opsz" 72;font-size:clamp(22px,2.2vw,30px);color:var(--denim)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:Archivo;font-style:normal;font-weight:400;font-size:34px;color:var(--rust);transition:transform .3s var(--ease);flex:none}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{font-size:18px;line-height:1.7;color:#3F3C36;padding:0 4px 28px;max-width:44em}
.faq details p a{color:var(--rust);border-bottom:1.5px dashed currentColor}
/* skjema */
.skjema{display:grid;gap:22px}
.skjema .to{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.skjema label.lbl{display:block;font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--denim);margin-bottom:8px}
.skjema input[type=text],.skjema input[type=email],.skjema input[type=tel],.skjema select,.skjema textarea{width:100%;border:0;border-bottom:2px solid var(--denim);background:transparent;font-family:Courier,monospace;font-size:18px;padding:11px 2px;color:var(--denim);outline:none;border-radius:0}
.skjema textarea{min-height:140px;resize:vertical;border:2px solid var(--denim);border-radius:4px;padding:12px}
.skjema input:focus,.skjema select:focus,.skjema textarea:focus{border-color:var(--rust)}
.skjema .valg{display:flex;flex-wrap:wrap;gap:12px 22px;font-family:Courier,monospace;font-size:16px;color:#3F3C36}
.skjema .valg label{display:flex;gap:8px;align-items:center;cursor:pointer}
.skjema .valg input{width:18px;height:18px;accent-color:var(--rust)}
.skjema .knapp{justify-self:start}
.to-kol{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}
.info-liste{display:grid;gap:18px}
.info-liste .papir{padding:24px 26px}
.info-liste .maskin{color:var(--rust);font-size:13px}
.info-liste b{display:block;font-family:Fraunces,serif;font-style:italic;font-variation-settings:"SOFT" 100;font-size:24px;color:var(--denim);margin-top:6px;font-weight:600}
.info-liste span.smaa{display:block}
.cta-stripe{background:var(--denim);color:var(--krem);border-radius:12px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:80px;flex-wrap:wrap}
.cta-stripe h3{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100,"opsz" 144;font-size:clamp(30px,3.2vw,44px);line-height:1}
.cta-stripe h3 em{font-style:inherit;color:var(--gul)}
footer .lenker{display:flex;flex-wrap:wrap;gap:8px 26px;list-style:none}
footer .lenker a{font-family:Courier,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:#CFC8B6}
footer .lenker a:hover{color:var(--gul)}
footer .wrap.enkel{flex-wrap:wrap}
@media (max-width:900px){
 .rutenett,.rutenett.fire,.to-kol,.skjema .to{grid-template-columns:1fr}
 .side-topp{padding:130px 0 110px}
 .papir{padding:26px 22px}
 .cta-stripe{padding:30px 24px}
}

/* ===== V6: VOKSEN / NATUR ===== */
@font-face{font-family:"Fraunces Rett";src:url(/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--natt:#14181C;--skog:#1F2A24;--krem:#EFE9DC;--papir:#E6DECC;--rust:#A9482A;--stein:#77736A}
body{background:var(--krem)}
body:after{opacity:.045}
.tittel{font-family:"Fraunces Rett",serif;font-style:normal;font-weight:380;font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 96;letter-spacing:-.025em;line-height:.95}
.tittel em{font-style:italic;font-family:Fraunces,serif;font-weight:350;color:inherit}
.maskin,.mono{font-family:Archivo,sans-serif;font-weight:600;letter-spacing:.22em;font-size:12px}
.knapp{background:var(--krem);color:var(--natt);font-family:Archivo,sans-serif;font-weight:700;letter-spacing:.18em;font-size:12px;border-radius:0;padding:16px 24px;box-shadow:none}
.knapp:hover{background:#fff}
.knapp:active{transform:none;box-shadow:none}
.knapp.mork{background:var(--natt);color:var(--krem)}.knapp.mork:hover{background:#000}
.lenke{font-family:Archivo,sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:4px;transition:opacity .2s}
.lenke:hover{opacity:.7}

/* NAV */
.nav{inset:0 0 auto;border-radius:0;padding:22px 36px;background:linear-gradient(rgba(0,0,0,.35),transparent)}
.nav.fast{background:rgba(239,233,220,.94);box-shadow:0 1px 0 rgba(0,0,0,.08);padding:14px 36px}
.nav .logo svg{height:28px}
.nav .meny{gap:32px}
.nav .meny a{font-family:Archivo,sans-serif;font-weight:600;letter-spacing:.18em;font-size:11.5px}
.nav .meny a:after{border-bottom:1px solid currentColor;bottom:-5px}
.nav .knapp{padding:12px 18px;font-size:11px}
.nav:not(.fast) .knapp{background:transparent;color:var(--krem);border:1px solid rgba(239,233,220,.7)}
.nav:not(.fast) .knapp:hover{background:var(--krem);color:var(--natt)}
.meny-knapp{border-radius:0;border-width:1px}
@media (max-width:1100px){.nav .meny{border-radius:0;top:100%}.nav .meny a{font-size:13px}}

/* HERO MED FOTO */
.foto-hero{position:relative;min-height:100svh;display:grid;place-items:center;color:var(--krem);overflow:hidden;background:var(--natt)}
.foto-hero .bg{position:absolute;inset:-4% 0;background:var(--bilde) center/cover no-repeat;transform:scale(1.06);animation:zoom 18s ease-out forwards;will-change:transform}
@keyframes zoom{to{transform:scale(1)}}
.foto-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,14,.35) 0%,rgba(10,12,14,.08) 35%,rgba(10,12,14,.15) 60%,rgba(10,12,14,.65) 100%)}
.foto-hero .midt{position:relative;z-index:2;text-align:center;width:min(92vw,1400px);padding:120px 0 60px}
.foto-hero .ordmerke{width:100%;max-width:1250px;margin:0 auto;fill:var(--krem);filter:drop-shadow(0 6px 30px rgba(0,0,0,.25))}
.foto-hero .ordmerke path{opacity:0;transform:translateY(22%);animation:opp 1.1s var(--ease) forwards}
@keyframes opp{to{opacity:1;transform:none}}
.foto-hero .under{text-shadow:0 1px 14px rgba(0,0,0,.55);margin-top:clamp(26px,4vw,54px);display:flex;flex-direction:column;align-items:center;gap:22px}
.foto-hero .under .maskin{font-size:clamp(12px,1.1vw,15px);letter-spacing:.42em;margin-right:-.42em}
.foto-hero .under p{font-family:"Fraunces Rett",serif;font-variation-settings:"opsz" 36;font-weight:350;font-size:clamp(17px,1.4vw,20px);color:rgba(239,233,220,.88)}
.foto-hero .bunntekst{position:absolute;left:36px;right:36px;bottom:28px;z-index:2;display:flex;justify-content:space-between;color:rgba(239,233,220,.7);font-family:Archivo;font-weight:600;letter-spacing:.2em;font-size:11px;text-transform:uppercase}
.foto-hero .bunntekst a{border-bottom:1px solid rgba(239,233,220,.5)}

/* UTSAGN */
.utsagn{padding:clamp(90px,12vw,170px) 0;text-align:center}
.utsagn .maskin{color:var(--rust);margin-bottom:28px;display:block}
.utsagn p.stort{font-family:"Fraunces Rett",serif;font-weight:380;font-variation-settings:"opsz" 60;font-size:clamp(30px,4vw,60px);line-height:1.14;letter-spacing:-.02em;color:var(--natt);max-width:19em;margin:0 auto}
.utsagn p.stort em{font-family:Fraunces,serif;font-style:italic;font-weight:330}

/* LUEVEGG – roligere */
.stang-seksjon{box-shadow:none}
.stang-seksjon .tittel{color:var(--natt)}
.detalj h3{font-family:"Fraunces Rett",serif!important;font-style:normal!important;font-weight:400!important}

/* BILDEPAR */
.bildepar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);padding:clamp(80px,9vw,130px) clamp(14px,2.5vw,36px) 0}
.bildepar figure{margin:0}
.bildepar .ramme{overflow:hidden;aspect-ratio:4/5;background:#222}
.bildepar img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bildepar figure:hover img{transform:scale(1.04)}
.bildepar figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 2px 0}
.bildepar figcaption b{font-family:"Fraunces Rett",serif;font-weight:380;font-variation-settings:"opsz" 72;font-size:clamp(22px,2vw,30px);color:var(--natt);letter-spacing:-.01em}
.bildepar figcaption span{color:var(--stein)}

/* VENTELISTE PÅ FOTO */
.foto-cta{position:relative;margin-top:clamp(90px,10vw,150px);min-height:88svh;display:grid;place-items:center;color:var(--krem);overflow:hidden;background:var(--natt)}
.foto-cta .bg{position:absolute;inset:0;background:var(--bilde) center/cover no-repeat}
.foto-cta:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(10,12,14,.25),rgba(10,12,14,.7))}
.foto-cta .inn2{position:relative;z-index:2;text-align:center;width:min(92vw,720px);padding:100px 0}
.foto-cta .maskin{display:block;margin-bottom:22px;color:rgba(239,233,220,.8)}
.foto-cta .tittel{font-size:clamp(56px,8vw,120px);color:var(--krem)}
.foto-cta p.ingress{color:rgba(239,233,220,.85);margin:22px auto 40px;font-family:"Fraunces Rett",serif;font-variation-settings:"opsz" 36;font-weight:350}
.foto-cta .felt{display:flex;gap:0;border-bottom:1px solid rgba(239,233,220,.8)}
.foto-cta .felt input{flex:1;min-width:0;border:0;background:transparent;color:var(--krem);font-family:Archivo,sans-serif;font-size:18px;padding:16px 4px;outline:none}
.foto-cta .felt input::placeholder{color:rgba(239,233,220,.55)}
.foto-cta .felt button{background:none;border:0;color:var(--krem);font-family:Archivo;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:12px;cursor:pointer;padding:0 4px 0 18px}
.foto-cta .felt button:hover{opacity:.7}
.foto-cta .kryss{justify-content:center;color:rgba(239,233,220,.85);font-family:Archivo;font-size:14px;margin-top:22px}
.foto-cta .kryss input{accent-color:var(--krem)}
.foto-cta .smaa{color:rgba(239,233,220,.55);font-family:Archivo;font-size:12px}
.kreditt{position:absolute;right:16px;bottom:12px;z-index:2;font-family:Archivo;font-size:10px;letter-spacing:.06em;color:rgba(239,233,220,.45)}

/* FOOTER */
footer{background:var(--natt)}
footer .rygg{display:none}
footer .wrap.enkel{padding-top:56px;padding-bottom:46px}
footer .wrap.enkel p,footer p{font-family:"Fraunces Rett",serif;font-style:normal;color:rgba(239,233,220,.75)}
footer .lenker a{font-family:Archivo;font-weight:600;letter-spacing:.18em;font-size:11px}
footer .maskin{font-size:11px}
.kilder{border-top:1px solid rgba(239,233,220,.1);padding:16px 36px;font-family:Archivo;font-size:11px;color:rgba(239,233,220,.4);text-align:center}
.kilder a{border-bottom:1px solid rgba(239,233,220,.25)}

/* UNDERSIDER MED FOTO */
.side-topp{padding:220px 0 120px;background:var(--natt)}
.side-topp:before{content:"";position:absolute;inset:0;background:var(--bilde) center/cover no-repeat;opacity:.9}
.side-topp:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,14,.45),rgba(10,12,14,.25) 40%,rgba(10,12,14,.7))}
.side-topp.som:before{border:0;inset:0;border-radius:0}
.side-topp .rygg{display:none}
.side-topp .wrap{z-index:3}
.side-topp .maskin{color:rgba(239,233,220,.85)}
.side-topp .tittel em{color:var(--krem)}
.side-topp .ingress{color:rgba(239,233,220,.85);font-family:"Fraunces Rett",serif;font-variation-settings:"opsz" 36;font-weight:350}
.papir{border-radius:0;box-shadow:none;border:1px solid rgba(20,24,28,.12);background:#F4EFE4}
.papir.som:before{display:none}
.h2{font-family:"Fraunces Rett",serif;font-style:normal;font-weight:350;font-variation-settings:"opsz" 144}
.h2 em{font-family:Fraunces,serif;font-style:italic;color:inherit}
.rutenett h3,.info-liste b,.faq summary{font-family:"Fraunces Rett",serif;font-style:normal;font-weight:400;font-variation-settings:"opsz" 72}
.rutenett .nr,.info-liste .maskin{color:var(--rust)}
.etikett{border-style:solid;border-width:1px;border-radius:0;font-family:Archivo;font-weight:600;letter-spacing:.14em;font-size:11px;background:transparent}
.faq summary:after{color:var(--natt);font-weight:300}
.cta-stripe{border-radius:0;background:var(--natt)}
.cta-stripe h3{font-family:"Fraunces Rett",serif;font-style:normal;font-weight:350}
.cta-stripe h3 em{font-family:Fraunces,serif;font-style:italic;color:var(--krem)}
.skjema label.lbl,.skjema .valg{font-family:Archivo!important;font-weight:600;letter-spacing:.14em}
.skjema input[type=text],.skjema input[type=email],.skjema input[type=tel],.skjema select{font-family:Archivo;font-size:17px;border-bottom-width:1px}
.skjema textarea{font-family:Archivo;font-size:17px;border-width:1px;border-radius:0}
.skjema .valg{letter-spacing:0;font-weight:500}
.smaa{font-family:Archivo}

/* takkesider */
.takk-hero .midt h1{font-family:"Fraunces Rett",serif;font-weight:330;font-variation-settings:"opsz" 144;font-size:clamp(60px,9vw,140px);letter-spacing:-.03em;line-height:.95}
.takk-hero .midt h1 em{font-family:Fraunces,serif;font-style:italic}

@media (max-width:900px){
 .nav,.nav.fast{padding:12px 16px}
 .bildepar{grid-template-columns:1fr}
 .bildepar .ramme{aspect-ratio:4/4.4}
 .foto-hero .bunntekst{left:20px;right:20px;font-size:10px}
 .foto-hero .bunntekst span:last-child{display:none}
 .side-topp{padding:150px 0 90px}
 .foto-hero .bg{background-image:var(--bilde-mob,var(--bilde))}
}

.foto-hero:after{background:linear-gradient(180deg,rgba(10,12,14,.4) 0%,rgba(10,12,14,.1) 30%,rgba(10,12,14,.25) 55%,rgba(10,12,14,.72) 100%)}
.nav .knapp{box-shadow:none!important}
.side-topp:after{background:linear-gradient(180deg,rgba(10,12,14,.6),rgba(10,12,14,.45) 45%,rgba(10,12,14,.78))}
.tekst p.stor{font-family:"Fraunces Rett",serif;font-style:normal;font-weight:380;font-variation-settings:"opsz" 60}
.rutenett .nr,.info-liste .maskin{font-family:Archivo;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:11px}

/* ===== V7: SØMLØSE NATURBILDER ===== */
html,body{background:#14181C}
main.flate{background:#14181C;color:var(--krem)}
.foto-hero{z-index:1}
.foto-hero .bg{-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.foto-hero:after{background:linear-gradient(180deg,rgba(10,12,14,.35) 0%,rgba(10,12,14,.05) 32%,rgba(10,12,14,.2) 60%,rgba(20,24,28,.0) 100%)}
.lekk{position:absolute;inset:-20%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.55;
 background:radial-gradient(35% 30% at 78% 18%,rgba(255,150,70,.45),transparent 70%),radial-gradient(30% 25% at 12% 80%,rgba(255,110,40,.22),transparent 70%);animation:lekk 14s ease-in-out infinite alternate}
@keyframes lekk{0%{transform:translate(0,0) scale(1);opacity:.35}50%{opacity:.6}100%{transform:translate(-6%,4%) scale(1.1);opacity:.45}}
/* omriss-logo som tegnes */
.foto-hero .ordmerke{fill:none;stroke:var(--krem);stroke-width:10;stroke-linejoin:round;filter:drop-shadow(0 2px 12px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(255,190,120,.3))}
.foto-hero .ordmerke path{opacity:1;transform:none;stroke-dasharray:1;stroke-dashoffset:1;animation:tegn 2.6s cubic-bezier(.6,.1,.3,1) forwards}
@keyframes tegn{to{stroke-dashoffset:0}}
@media (max-width:700px){.foto-hero .ordmerke{stroke-width:14}}

.natur{position:relative;margin-top:-26vh;padding:30vh 0 26vh;overflow:hidden}
.natur .bg{position:absolute;inset:0;background:var(--bilde) center/cover no-repeat;
 -webkit-mask-image:linear-gradient(transparent 0,#000 26vh,#000 calc(100% - 26vh),transparent);mask-image:linear-gradient(transparent 0,#000 26vh,#000 calc(100% - 26vh),transparent);will-change:transform}
.natur .bg:after{content:"";position:absolute;inset:0;background:rgba(14,16,18,var(--mork,.45))}
.natur>*:not(.bg){position:relative;z-index:2}
.natur .lekk{z-index:1}

.utsagn{padding:0 0 clamp(60px,8vw,120px);text-align:center}
.utsagn .maskin{color:rgba(239,233,220,.75)}
.utsagn p.stort{color:var(--krem);text-shadow:0 2px 30px rgba(0,0,0,.4)}

/* lueveggen på skogbildet */
.stang-seksjon{background:none!important;padding-top:20px;color:var(--krem)}
.stang-seksjon .tittel,.stang-seksjon .ingress{color:var(--krem)!important}
.stang-seksjon .ingress{color:rgba(239,233,220,.8)!important}
.stang-seksjon .maskin,.stang-seksjon .hint{color:rgba(239,233,220,.75)!important}
.stang-seksjon .plagg-navn{color:rgba(239,233,220,.85)!important}
.stang-seksjon .detalj h3{color:var(--krem)}
.stang-seksjon .detalj .mono{color:rgba(239,233,220,.7)!important}
.stang-seksjon .vend{border-color:rgba(239,233,220,.7)}
.stang-seksjon .vend button{color:var(--krem)}
.stang-seksjon .vend button[aria-pressed=true]{background:var(--krem);color:#14181C}
.stang-seksjon .lukk{background:transparent;color:var(--krem);border-color:rgba(239,233,220,.7)}
.stang-bar{background:linear-gradient(#9a9d9f,#4b4e51 40%,#1d1f21 65%,#5c5f62)!important;box-shadow:0 14px 24px rgba(0,0,0,.55)!important}
.stang-bar i,.stang-bar i:after{background:linear-gradient(90deg,#2a2c2e,#6a6d70,#2a2c2e)!important}
.snor{background:linear-gradient(#8a8d90,#4a4d50)!important}
.snor:before{border-color:#8a8d90 #8a8d90 transparent!important}
.lue{filter:drop-shadow(0 26px 26px rgba(0,0,0,.5))!important}
@keyframes svai{0%,100%{rotate:-2.4deg}50%{rotate:2.4deg}}
.stang.valgt .plagg:not(.aktiv){opacity:.15!important}

/* venteliste */
.natur.cta{text-align:center;padding-bottom:22vh}
.natur.cta .inn2{width:min(92vw,720px);margin:0 auto}
.natur.cta .maskin{display:block;margin-bottom:22px;color:rgba(239,233,220,.8)}
.natur.cta .tittel{font-size:clamp(56px,8vw,120px);color:var(--krem)}
.natur.cta p.ingress{color:rgba(239,233,220,.85);margin:22px auto 40px;font-family:"Fraunces Rett",serif;font-variation-settings:"opsz" 36;font-weight:350}
.natur.cta .felt{display:flex;border-bottom:1px solid rgba(239,233,220,.8)}
.natur.cta .felt input{flex:1;min-width:0;border:0;background:transparent;color:var(--krem);font-family:Archivo,sans-serif;font-size:18px;padding:16px 4px;outline:none}
.natur.cta .felt input::placeholder{color:rgba(239,233,220,.55)}
.natur.cta .felt button{background:none;border:0;color:var(--krem);font-family:Archivo;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:12px;cursor:pointer;padding:0 4px 0 18px}
.natur.cta .kryss{justify-content:center;color:rgba(239,233,220,.85);font-family:Archivo;font-size:14px;margin-top:22px}
.natur.cta .kryss input{accent-color:var(--krem)}
.natur.cta .smaa{color:rgba(239,233,220,.55)}
footer{margin-top:-1px}
.side-topp:before{-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
@media (max-width:900px){.natur{margin-top:-18vh;padding:22vh 0 20vh}.natur .bg{-webkit-mask-image:linear-gradient(transparent 0,#000 18vh,#000 calc(100% - 18vh),transparent);mask-image:linear-gradient(transparent 0,#000 18vh,#000 calc(100% - 18vh),transparent)}}
.foto-hero .midt:before{content:"";position:absolute;left:50%;top:55%;width:90%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(10,12,14,.38),transparent);z-index:-1}
.foto-hero .midt{isolation:isolate}
@media (max-width:700px){
 .natur.n-skog .bg{background-image:url(/img/snogeit-skog-take-mob.jpg)}
 .natur.cta .bg{background-image:url(/img/snogeit-fjell-take-mob.jpg)}
 .foto-hero{min-height:100svh}
 .foto-hero .midt{padding-top:90px}
 .nav{padding-top:max(12px,env(safe-area-inset-top,0px))}
}
main.innhold{background:var(--krem);color:var(--natt)}
/* silkemyk overgang topp -> skog */
.foto-hero .bg{-webkit-mask-image:linear-gradient(#000 0%,#000 48%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.5) 76%,rgba(0,0,0,.2) 88%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 48%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.5) 76%,rgba(0,0,0,.2) 88%,transparent 100%)}
.natur.forste{margin-top:-46vh;padding-top:48vh}
.natur.forste .bg{-webkit-mask-image:linear-gradient(transparent 0,rgba(0,0,0,.15) 12vh,rgba(0,0,0,.45) 24vh,rgba(0,0,0,.8) 36vh,#000 46vh,#000 calc(100% - 26vh),transparent);mask-image:linear-gradient(transparent 0,rgba(0,0,0,.15) 12vh,rgba(0,0,0,.45) 24vh,rgba(0,0,0,.8) 36vh,#000 46vh,#000 calc(100% - 26vh),transparent)}
.foto-hero .under{gap:26px}
/* bedrift-lenke */
.bedrift-lenke{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 20px;margin-top:46px;padding:20px 24px;border:1px solid rgba(239,233,220,.35);background:rgba(14,16,18,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:left;color:var(--krem);transition:background .3s,border-color .3s}
.bedrift-lenke:hover{background:rgba(14,16,18,.55);border-color:rgba(239,233,220,.7)}
.bedrift-lenke .maskin{margin:0!important;color:rgba(239,233,220,.75)!important}
.bedrift-lenke span:nth-child(2){font-family:"Fraunces Rett",serif;font-variation-settings:"opsz" 36;font-size:18px}
.bedrift-lenke .pil{font-family:Archivo;font-weight:600;letter-spacing:.18em;font-size:11px;text-transform:uppercase;white-space:nowrap}
@media (max-width:700px){.bedrift-lenke{grid-template-columns:1fr;text-align:left}.natur.forste{margin-top:-34vh;padding-top:36vh}}
.foto-hero{background:transparent!important}
main.flate{background:transparent}
body{background:#14181C}
.foto-hero .lekk,.foto-hero:after{-webkit-mask-image:linear-gradient(#000 40%,transparent 100%);mask-image:linear-gradient(#000 40%,transparent 100%)}
.foto-hero:after{background:linear-gradient(180deg,rgba(10,12,14,.4) 0%,rgba(10,12,14,.1) 30%,rgba(10,12,14,.25) 60%,transparent 100%)!important}
.foto-hero .bg{inset:-4% 0 0;transform-origin:50% 0}
.foto-hero .bg{-webkit-mask-image:linear-gradient(#000 0%,#000 45%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.15) 84%,transparent 93%);mask-image:linear-gradient(#000 0%,#000 45%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.15) 84%,transparent 93%)}
/* infolinje */
.infolinje{background:#1B1F23;border-top:1px solid rgba(239,233,220,.1);border-bottom:1px solid rgba(239,233,220,.08);color:rgba(239,233,220,.85)}
.infolinje .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px;padding-bottom:18px}
.infolinje a{display:flex;align-items:center;justify-content:center;gap:10px;font-family:Archivo,sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em;transition:color .2s}
.infolinje a:hover{color:#fff}
.infolinje .ik{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid rgba(239,233,220,.35);border-radius:50%;font-size:11px;font-weight:600;flex:none}
@media (max-width:800px){.infolinje .wrap{grid-template-columns:1fr 1fr;gap:14px 10px}.infolinje a{justify-content:flex-start;font-size:12px}}
/* ===== OLD MONEY-STANG: valnøtt og messing ===== */
.stang-bar{height:20px!important;border-radius:10px!important;
 background:
  linear-gradient(180deg,rgba(255,226,180,.38) 0,rgba(255,226,180,.08) 22%,transparent 40%,rgba(0,0,0,.35) 100%),
  repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 3px,transparent 3px 11px,rgba(255,255,255,.04) 11px 13px,transparent 13px 29px),
  linear-gradient(180deg,#7A4A26,#4E2C14 55%,#2C170A)!important;
 box-shadow:0 18px 28px rgba(0,0,0,.55),inset 0 -2px 3px rgba(0,0,0,.4)!important}
/* messingknotter i endene */
.stang-bar i{top:-7px!important;width:34px!important;height:34px!important;border-radius:50%!important;
 background:radial-gradient(circle at 35% 30%,#FFF1C4 0,#E2BE6A 22%,#A87A2E 58%,#5E4212 100%)!important;box-shadow:0 6px 12px rgba(0,0,0,.5)!important}
.stang-bar i:first-child{left:-20px!important}.stang-bar i:last-child{right:-20px!important}
/* braketter opp mot veggen */
.stang-bar i:after{top:-46px!important;width:8px!important;height:50px!important;margin-left:-4px!important;border-radius:4px;
 background:linear-gradient(90deg,#6E5020,#EDD08A 45%,#8A6526)!important}
.stang-bar i:before{content:"";position:absolute;left:50%;top:-58px;width:30px;height:16px;margin-left:-15px;border-radius:50%;
 background:radial-gradient(ellipse at 40% 35%,#FFF1C4,#C9A04A 55%,#6E5020);box-shadow:0 3px 6px rgba(0,0,0,.45)}
/* messingkrok + lærstropp */
.snor{width:3px!important;height:46px!important;border-radius:2px;background:linear-gradient(90deg,#7A5A22,#F2D68E,#8C6A2B)!important;position:relative}
.snor:before{width:18px!important;height:18px!important;margin:-9px 0 0 -8px!important;border:3px solid #D8B463!important;border-bottom-color:transparent!important;border-left-color:transparent!important;transform:rotate(-45deg)!important}
.snor:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:18px;margin-left:-8px;border-radius:3px 3px 6px 6px;
 background:linear-gradient(180deg,#8A5530,#5C3518);box-shadow:inset 0 0 0 1px rgba(255,220,170,.25),0 2px 3px rgba(0,0,0,.4)}
.snor.kort:after{display:none}
.plagg .lue{margin-top:-2px}
.stang-rad{margin-top:-22px!important}
.snor:before{margin:-12px 0 0 -8px!important}
.plagg-vest .snor.kort,.plagg-caps .snor.kort{height:0!important}
.plagg-vest .lue{margin-top:6px!important}.plagg-caps .lue{margin-top:8px!important}
/* ===== HÅNDVERKSKROKER ===== */
.snor,.snor.kort{width:auto!important;height:auto!important;background:none!important;display:flex!important;justify-content:center;margin:0 auto}
.snor:before,.snor:after{display:none!important}
.krok{display:block;width:24px;height:44px;margin-top:-10px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}
.krok.karabin{width:22px;height:40px;margin-top:-8px}
.plagg .lue{margin-top:-6px!important}
.plagg-vest .lue{margin-top:-16px!important}.plagg-caps .lue{margin-top:-14px!important}
/* stang: grovere tre, smijernsbraketter */
.stang-bar i{background:radial-gradient(circle at 35% 30%,#7a726a 0,#3a3530 45%,#16130f 100%)!important;width:30px!important;height:30px!important;top:-5px!important}
.stang-bar i:after{background:linear-gradient(90deg,#1c1a18,#5b554e 45%,#24211e)!important;width:10px!important;margin-left:-5px!important}
.stang-bar i:before{background:radial-gradient(ellipse at 40% 35%,#6a625a,#2a2622 60%,#110f0d)!important}
/* plassering: mer luft under ingressen */
.stang{margin-top:clamp(90px,10vw,130px)!important}
.stang-topp{align-items:flex-end}
@media (max-width:900px){.stang{margin-top:90px!important}}
.krok{width:34px!important;height:64px!important;margin-top:-26px!important}
.krok.karabin{width:30px!important;height:56px!important;margin-top:-22px!important}
.plagg .lue{margin-top:-12px!important}
.plagg-vest .lue{margin-top:-18px!important}.plagg-caps .lue{margin-top:-10px!important}
.krok{width:46px!important;height:86px!important;margin-top:-36px!important}
.krok.karabin{width:40px!important;height:74px!important;margin-top:-30px!important}
.plagg .lue{margin-top:-20px!important}
.plagg-vest .lue{margin-top:-26px!important}.plagg-caps .lue{margin-top:-18px!important}
/* ===== KNAGGER I VEGGEN (ingen stang) ===== */
.stang-bar{background:none!important;box-shadow:none!important;height:0!important}
.stang-bar i{display:none!important}
.snor{position:relative!important}
.snor:before{display:block!important;content:""!important;position:absolute!important;left:50%!important;top:-40px!important;width:18px!important;height:18px!important;margin:0 0 0 -9px!important;border:0!important;border-radius:50%!important;transform:none!important;z-index:-1;
 background:radial-gradient(circle at 38% 32%,#8d847b 0,#3d3832 45%,#141210 100%)!important;box-shadow:0 4px 6px rgba(0,0,0,.55),0 0 0 3px rgba(0,0,0,.18)!important}
.snor:after{display:block!important;content:""!important;position:absolute!important;left:50%!important;top:-48px!important;width:34px!important;height:34px!important;margin-left:-17px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(0,0,0,.28),transparent 70%)!important;z-index:-2;box-shadow:none!important;bottom:auto!important}
.krok{position:relative;z-index:1}
.stang-rad{margin-top:30px!important}
.plagg:hover .snor:before{transform:none!important}
.snor:before{top:-48px!important;width:22px!important;height:22px!important;margin-left:-11px!important}
.snor:after{top:-56px!important;width:42px!important;height:42px!important;margin-left:-21px!important}