@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/LilitaOne_400Regular.ttf) format('truetype')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/SchibstedGrotesk_400Regular.ttf) format('truetype')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/SchibstedGrotesk_600SemiBold.ttf) format('truetype')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/SchibstedGrotesk_800ExtraBold.ttf) format('truetype')}
@font-face{font-family:'Archivo Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ArchivoNarrow_700Bold.ttf) format('truetype')}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#17110D}
.w-site{position:relative;overflow:hidden;background:#17110D;color:#F2E8D8;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.w-site) *{box-sizing:border-box}
:where(.w-site) a{color:inherit;text-decoration:none}
:where(.w-site) button{font:inherit;color:inherit;border:0;padding:0;margin:0;background:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.w-site a:focus-visible,.w-site button:focus-visible{outline:3px solid #E8A93A;outline-offset:3px}
.w-sheet.lys a:focus-visible{outline-color:#22170F}
:where(.w-site) :is(h1,h2,h3,p,ul,ol){margin:0;padding:0}
:where(.w-site) li{list-style:none}
:where(.w-site) [id]{scroll-margin-top:28px}
.w-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#E8A93A;color:#22170F;padding:12px 16px;font-weight:800;border-radius:4px}
.w-skip:focus{left:8px;top:8px}
.w-disp{font-family:'Lilita One','Arial Black',Impact,sans-serif;font-weight:400;letter-spacing:.01em}
.w-num{font-family:'Archivo Narrow','Arial Narrow','Roboto Condensed',sans-serif;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.w-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 40px}
.w-sheet{position:relative}
.w-edge{position:absolute;left:0;top:-19px;width:100%;height:20px;display:block;pointer-events:none}
.w-grain{position:absolute;inset:0;background-image:url(/assets/korn.jpg);background-size:240px;mix-blend-mode:multiply;opacity:.16;pointer-events:none}
.w-link{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
.w-link:hover{color:#C41E24}

/* Topplinja */
.w-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}
.w-logo{font-size:28px;line-height:1;color:#F2E8D8;padding:8px 0}
.w-nav{display:flex;gap:30px;font-weight:600;font-size:16px}
.w-nav a{padding:10px 0;border-bottom:2px solid transparent}
.w-nav a:hover,.w-nav a[aria-current]{border-bottom-color:#E8A93A}
.w-headr{display:flex;align-items:center;gap:12px}
.w-land{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:4px;box-shadow:inset 0 0 0 1.5px rgba(242,232,216,.5);font-weight:600;font-size:15px;white-space:nowrap}
.w-land:hover{box-shadow:inset 0 0 0 1.5px #F2E8D8}
.w-land .sprak{opacity:.6}
.w-get{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:4px;background:#E8A93A;color:#22170F;font-weight:800;font-size:15px;box-shadow:0 3px 0 #A77A2A;white-space:nowrap}
.w-get:active{transform:translateY(2px);box-shadow:0 1px 0 #A77A2A}

/* Landvelgeren */
.w-panel{position:relative;background:#F2E8D8;color:#22170F;padding:26px 0 30px}
.w-panel[hidden]{display:none}
.w-chips{display:flex;flex-wrap:wrap;gap:8px}
.w-chip{min-height:44px;padding:0 14px;border-radius:4px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;line-height:1;background:#FAF6EE;color:#22170F;box-shadow:inset 0 0 0 1px rgba(34,23,15,.28),0 2px 0 rgba(34,23,15,.22)}
.w-chip:hover{box-shadow:inset 0 0 0 1px #22170F,0 2px 0 rgba(34,23,15,.4)}
.w-chip.on{background:#22170F;color:#F2E8D8;box-shadow:0 2px 0 #000}
.w-chip small{font-family:'Archivo Narrow','Arial Narrow',sans-serif;font-weight:700;font-size:12px;letter-spacing:.08em;opacity:.78}

/* Knappene */
.w-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:18px 20px}
.w-cta{display:inline-flex;align-items:center;gap:12px;min-height:64px;padding:0 28px;border-radius:5px;background:#E8A93A;color:#22170F;font-weight:800;font-size:20px;line-height:1.1;box-shadow:0 6px 0 #A77A2A;transform:rotate(-1.2deg);transition:transform 160ms ease,box-shadow 160ms ease}
.w-cta:hover{transform:rotate(0deg) translateY(-2px);box-shadow:0 8px 0 #A77A2A}
.w-cta:active{transform:translateY(4px);box-shadow:0 2px 0 #A77A2A}
.w-cta.cream{background:#F2E8D8;box-shadow:0 6px 0 #B9AC97}
.w-cta.cream:hover{box-shadow:0 8px 0 #B9AC97}
.w-cta.cream:active{box-shadow:0 2px 0 #B9AC97}
.w-cta.to{transform:rotate(.9deg)}
.w-cta.to:hover{transform:rotate(0deg) translateY(-2px)}

/* Forsida */
.w-word{display:flex;flex-wrap:wrap;column-gap:.17em;row-gap:0;font-size:min(12.3vw,177px);line-height:1.02;margin:0;padding-top:.08em}
.w-word span{display:inline-block}
.w-herogrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center;margin-top:36px}
.w-tag{font-weight:800;font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.w-tag span{display:block}
.w-sub{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#D9CCB8;max-width:34em;text-wrap:pretty}
.w-art{position:relative;width:min(100%,440px);aspect-ratio:1/1.06;margin:0 auto}
.w-art img{position:absolute;display:block;height:auto}
.w-h2{font-size:clamp(42px,6.4vw,92px);line-height:.98;text-wrap:balance}
.w-lead{font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:32em;text-wrap:pretty}
.w-rule{display:flex;align-items:center;gap:12px;font-size:15px}
.w-rule::after{content:"";flex:1;border-top:1px dashed currentColor;opacity:.45}
.w-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,44%),1fr));gap:22px 16px}
.w-tile{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px 12px 14px;border-radius:5px;transition:transform 200ms cubic-bezier(.3,1.5,.5,1)}
.w-tile:hover{transform:rotate(0deg) translateY(-4px) !important}
.w-tile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.w-tile b{font-weight:800;font-size:17px;line-height:1.15;letter-spacing:-.01em;overflow-wrap:anywhere}
.w-tile .w-num{font-size:12px;opacity:.9}
.w-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:26px}
.w-way{position:relative;display:flex;flex-direction:column;border-radius:5px;overflow:hidden}
.w-way .bilde{position:relative;aspect-ratio:700/470}
.w-way .bilde img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.w-way .bilde::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(0deg,var(--bunn) 0%,transparent 100%)}
.w-way .tekst{display:flex;flex-direction:column;gap:8px;padding:6px 26px 30px}
.w-way h3{font-size:38px;line-height:1.05;color:#F2E8D8}
.w-way p{font-size:18px;line-height:1.5}
.w-fair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:40px 36px}
.w-fair > div{display:flex;flex-direction:column;gap:10px}
.w-fair .sort{font-family:Georgia,'Times New Roman',serif;font-size:56px;line-height:1}
.w-fair h3{font-weight:800;font-size:24px;line-height:1.2}
.w-fair p{font-size:17px;line-height:1.55;color:#D9CCB8}
.w-rules{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.w-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:740px;margin:0 auto}
.w-shots img{display:block;width:100%;height:auto;border-radius:9% / 4.2%;box-shadow:0 8px 0 rgba(0,0,0,.55)}
.w-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px 48px}
.w-foot a:hover{color:#E8A93A}
.w-footnav{display:flex;flex-wrap:wrap;gap:6px 32px;font-weight:600;font-size:16px;align-content:flex-start}
.w-footnav a{padding:10px 0}
.w-landlist{display:flex;flex-wrap:wrap;gap:0 20px;font-size:15px;color:#BFB19C}
.w-landlist a{padding:11px 0}
.w-landlist a[aria-current]{color:#F2E8D8;font-weight:800}
.w-tape{position:absolute;top:-11px;width:78px;height:24px;display:block;box-shadow:0 1px 1px rgba(34,23,15,.25);clip-path:polygon(0 6%,5% 0,95% 10%,100% 0,96% 28%,100% 52%,97% 78%,100% 100%,5% 94%,0 100%,4% 70%,0 46%,3% 22%)}

/* Lesesidene */
.w-doc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.w-toc a{display:block;padding:11px 0;font-weight:600;font-size:15px;line-height:1.3;border-bottom:1px dashed rgba(34,23,15,.25)}
.w-toc a:hover{color:#C41E24}
.w-sec{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:8px;padding:30px 0;border-top:1px dashed rgba(34,23,15,.3)}
.w-sec .nr{font-size:26px;line-height:34px;letter-spacing:0;color:#B01A20}
.w-sec h2{font-weight:800;font-size:27px;line-height:34px;letter-spacing:-.015em;color:#22170F;padding-bottom:10px}
.w-sec p + p{margin-top:12px}
.w-body{max-width:700px;display:flex;flex-direction:column}
.w-body p{font-size:18px;line-height:1.62;color:#33261B;text-wrap:pretty}
.w-note{position:relative;border-radius:3px;display:flex;flex-direction:column}
.w-faq > div{padding:22px 0;border-top:1px dashed rgba(34,23,15,.3);display:flex;flex-direction:column;gap:6px}
.w-faq h3{font-weight:800;font-size:22px;line-height:1.25;letter-spacing:-.01em;color:#22170F}
.w-faq p{font-size:18px;line-height:1.58;color:#33261B}

@media (max-width: 900px){
  .w-nav{display:none}
  .w-herogrid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:28px}
  .w-rules{grid-template-columns:minmax(0,1fr);gap:36px}
  .w-doc{grid-template-columns:minmax(0,1fr);gap:28px}
  .w-toc{display:none}
}
@media (max-width: 760px){
  .w-wrap{padding:0 18px}
  .w-word{font-size:25.5vw}
  .w-logo{font-size:23px}
  .w-get.top{display:none}
  .w-land{padding:0 11px;font-size:14px}
  .w-sec{grid-template-columns:38px minmax(0,1fr);padding:24px 0}
  .w-shots{gap:12px}
  .w-cta{font-size:19px;padding:0 22px}
  .w-way h3{font-size:32px}
}
@media (max-width: 400px){
  .w-land .sprak{display:none}
  .w-cta{font-size:18px;padding:0 18px;min-height:58px}
}
/* Forsida, ny: telefonen med ekte skjermbilde, og veggbildet med alle figurene */
.w-phone{position:relative;display:block;width:100%;aspect-ratio:1206/2622;border-radius:14% / 6.5%;background:#0B0806;padding:2.8%;box-shadow:0 0 0 2px #3A2D22,0 14px 0 rgba(0,0,0,.5)}
.w-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:11.5% / 5.3%}
.w-heroart{position:relative;width:min(100%,470px);aspect-ratio:1/1.2;margin:0 auto}
.w-heroart > *{position:absolute}
.w-heroart .tlf{right:5%;top:0;width:51%;transform:rotate(5deg)}
.w-heroart .k1,.w-heroart .k2{width:30%;height:auto;filter:drop-shadow(0 5px 0 rgba(0,0,0,.5))}
.w-heroart .k1{left:4%;top:17%;transform:rotate(-21deg)}
.w-heroart .k2{left:21%;top:6%;transform:rotate(-8deg)}
.w-heroart .narr{left:-7%;bottom:-3%;width:66%;height:auto;transform:rotate(-6deg);filter:drop-shadow(0 8px 0 rgba(0,0,0,.45))}
.w-visning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 48px;margin:0;padding:0;list-style:none}
.w-vis{display:flex;flex-direction:column;gap:10px}
.w-vis .ramme{width:min(100%,270px);margin:0 auto 26px}
.lys .w-phone{box-shadow:0 0 0 2px #3A2D22,0 14px 0 rgba(34,23,15,.28)}
.w-vis h3{font-size:clamp(30px,3.2vw,40px);line-height:1.05;color:#22170F}
.w-vis p{font-size:18px;line-height:1.5;color:#4A3A2C;max-width:22em;text-wrap:pretty}
.w-mural-rull{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.w-mural-rull::-webkit-scrollbar{display:none}
.w-mural{position:relative;width:100%;min-width:920px;max-width:1440px;aspect-ratio:1240/480;margin:0 auto;z-index:0}
.w-mural .fig{position:absolute;height:auto;transform:rotate(var(--r));transform-origin:50% 90%;filter:drop-shadow(0 5px 0 rgba(60,6,10,.45));animation:w-vugg 5s ease-in-out infinite alternate}
@keyframes w-vugg{from{transform:rotate(var(--r)) translateY(0)}to{transform:rotate(calc(var(--r) + 2deg)) translateY(-2.5%)}}
.w-mural .plank{position:absolute;left:0;right:0;bottom:0;height:15%;background:#5A3A22;z-index:3}
.w-mural .kort{position:absolute;bottom:2%;width:5.4%;height:auto;z-index:4;filter:drop-shadow(0 3px 0 rgba(20,10,4,.5))}
@media (max-width: 900px){
  .w-visning{grid-template-columns:minmax(0,1fr);gap:64px}
  .w-vis .ramme{width:min(72%,270px);margin-left:0}
  .w-heroart{width:min(100%,400px)}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.w-site *{transition:none !important;animation:none !important}}
@media print{.w-head,.w-panel,.w-foot,.w-chips,.w-toc,.w-edge,.w-grain{display:none !important}.w-site,.w-sheet{background:#fff !important;color:#000 !important}}
