.e-hero{position:relative;height:100vh;height:100svh;min-height:540px;overflow:hidden;background:#8a6f55}
.e-hero-foto{position:absolute;inset:0;will-change:transform}
.e-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.e-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:12%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(237,231,219,0),rgba(237,231,219,.55) 70%,var(--linen))}
.e-hero-text{--e:clamp(.8px,(100vw - 2 * var(--kant)) / 1691,1.4px);position:absolute;inset:0 var(--kant);z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px 48px;pointer-events:none}

.e-hero-text::before{content:"";position:absolute;inset:0 calc(-1 * var(--kant));z-index:-1;background:linear-gradient(180deg,rgba(40,30,20,0) 30%,rgba(40,30,20,.2) 50%,rgba(40,30,20,0) 70%)}
.e-lockup{display:flex;align-items:center;gap:calc(28 * var(--e))}
.e-lockup img{display:block;flex:none;height:auto}
.e-monogram{width:calc(41.6 * var(--e))}
.e-rad{width:calc(383 * var(--e))}
.e-ordmarke{margin:0;line-height:0}
.e-ordmarke img{display:block;width:calc(300.2 * var(--e));height:auto}
.dold{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mask{display:block;overflow:hidden;padding:.12em 0 .1em;margin:-.12em 0 -.1em}
.mask>span{display:block;will-change:transform}


.e-kapitel{max-width:var(--max);margin:0 auto;padding:clamp(88px,15vh,170px) var(--kant);display:grid;gap:clamp(32px,5vw,96px);align-items:center}
.e-arv{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.e-finder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.e-hand{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.e-garanti{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.e-text{max-width:34em}
.e-text h2,.e-delad h2,.e-rad-huvud h2,.s-huvud h2,.ty-huvud h2,.il-huvud h2{font-size:clamp(30px,3.1vw,48px)}
.e-text>p,.e-delad p{margin:1.3em 0 1.9em;max-width:28em;font-size:clamp(16px,1.1vw,17px)}
.e-foto{position:relative;overflow:hidden;background:#d9d2c4}
.e-foto img{width:100%;height:100%;object-fit:cover;will-change:transform}
.e-foto-stor{aspect-ratio:5/4}
.e-foto-hog{aspect-ratio:4/5}
.e-finder .e-foto{aspect-ratio:4/5}
.e-arv .e-foto img{object-position:42% 50%}


.e-lank{display:inline-flex;align-items:center;min-height:44px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/100% 1px no-repeat;transition:background-size .5s var(--mjuk)}
.e-lank:hover{background-size:0 1px;background-position:100% calc(100% - 10px)}
.e-lank+.e-lank{margin-left:28px}


.e-modeller{padding:clamp(72px,12vh,140px) 0;overflow:hidden;border-top:1px solid var(--linje)}
.e-rad-huvud{max-width:var(--max);margin:0 auto 40px;padding:0 var(--kant);display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 28px}
.e-rad-huvud>div{margin-right:auto}
.e-rad-huvud .e-lank+.e-lank{margin-left:0}
.k-rad{margin-top:.7em;color:var(--sage);font-size:16px}
.e-karusell{position:relative}
.e-karusell .spar{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--kant);padding:0 var(--kant) 4px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.e-karusell .spar::-webkit-scrollbar{display:none}
.e-karusell .spar:focus-visible{outline:2px solid var(--graphite);outline-offset:4px}
.e-karusell .spar.drar{scroll-snap-type:none;cursor:grabbing}
.e-karusell .spar.drar a{pointer-events:none}
.e-karusell article{flex:0 0 clamp(250px,26vw,400px);scroll-snap-align:start}
.e-karusell article>a{display:block}
.e-karusell figure{aspect-ratio:4/5;overflow:hidden;background:#d9d2c4}
.e-karusell figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mjuk);-webkit-user-drag:none;user-select:none}
.e-karusell article:hover figure img{transform:scale(1.045)}
.e-karusell h3{margin-top:18px;font-size:18px;letter-spacing:.01em}
.e-karusell article p{margin-top:6px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
.e-karusell article>a:focus-visible{outline:2px solid var(--graphite);outline-offset:4px}
.e-strack{position:relative;max-width:calc(var(--max) - 2 * var(--kant));margin:40px var(--kant) 0;height:1px;background:rgba(52,49,48,.2)}
@media (min-width:1537px){.e-strack{margin-inline:auto}}
.e-strack span{position:absolute;left:0;top:-1px;height:3px;width:30%;background:var(--graphite);will-change:transform}


.e-finder .p-text>p:not(.sov-fraga):not(.sov-svar){margin:1.3em 0 2em}
.e-finder .sov{margin:0 0 2em}
.e-citat{margin:clamp(40px,7vh,72px) 0 0;padding-left:20px;border-left:1px solid rgba(52,49,48,.3);max-width:30em}
.e-citat p{font-size:clamp(18px,1.4vw,22px);font-weight:300;line-height:1.4}
.e-citat .e-citat-namn{margin-top:12px;font-size:11px;font-weight:500;color:var(--sage)}


.e-lager{border-top:1px solid var(--linje)}
.e-helbild{position:relative;height:clamp(420px,88vh,960px);overflow:hidden;background:#59604f}
.e-helbild img{width:100%;height:100%;object-fit:cover;will-change:transform}
.e-delad{max-width:var(--max);margin:0 auto;padding:clamp(64px,11vh,128px) var(--kant) clamp(24px,5vh,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,96px);align-items:start}
.e-delad p{margin-top:0}
.inuti{border-top:0}
.il-huvud h2{line-height:1.07}


.tyger{padding-top:clamp(40px,8vh,96px)}
.ty-huvud{max-width:var(--max);margin-inline:auto}
.ty-huvud p{color:var(--sage)}
.stories{padding:clamp(88px,14vh,160px) 0;border-top:1px solid var(--linje);overflow:hidden}
.s-huvud{max-width:var(--max);margin:0 auto 44px;padding:0 var(--kant);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.s-band{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);padding:0 var(--kant)}
.s-kort{display:flex;flex-direction:column;min-height:44px}
.s-kort figure{overflow:hidden;aspect-ratio:4/5;background:var(--limestone)}
.s-kort img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--mjuk)}
.s-kort:hover img,.s-kort:focus-visible img{transform:scale(1.05)}
.s-kort h3{font-size:clamp(15px,1.15vw,18px);margin-top:1.1em;line-height:1.2;letter-spacing:0}
.s-kort p{font-size:15px;margin-top:.7em;color:var(--sage)}
.s-las{margin-top:auto;padding-top:1.1em;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;min-height:44px;display:flex;align-items:flex-end}
.s-kort:focus-visible{outline:2px solid var(--graphite);outline-offset:6px}


.e-stampel .sigill{position:absolute;left:50%;top:47%;width:min(36%,230px);height:auto;object-fit:contain;transform:translate(-50%,-50%) rotate(-10deg);opacity:.96;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}
.e-klubb{margin-top:clamp(36px,6vh,64px);padding-top:28px;border-top:1px solid var(--linje)}
.e-klubb h3{font-size:16px;letter-spacing:.01em}
.e-klubb p{margin:.6em 0 1.4em;color:var(--sage)}


.e-cta{position:relative;background:radial-gradient(70% 90% at 0% 0%,rgba(237,231,219,.13),rgba(237,231,219,0) 62%),radial-gradient(60% 80% at 100% 100%,rgba(237,231,219,.1),rgba(237,231,219,0) 60%),var(--gron);color:var(--linen);padding:clamp(88px,15vh,170px) max(var(--kant),calc((100vw - var(--max)) / 2 + var(--kant)));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px clamp(40px,6vw,120px);align-items:end}
.e-cta-inre h2{font-size:clamp(36px,4.6vw,76px);margin-top:18px}
.e-cta-text{margin:1.3em 0 2.2em;max-width:30em;font-size:clamp(16px,1.15vw,18px)}
.e-cta-inre .e-lank{margin-left:24px}
.e-cta .nb{margin:0;padding-top:0;border-top:0;max-width:none}
.e-cta .nb-rubrik{font-size:clamp(17px,1.4vw,21px)}
.e-cta .nb-falt{color:var(--linen)}
.e-cta .nb-falt input,.e-cta .nb-falt select{border-color:rgba(237,231,219,.4);background:rgba(237,231,219,.08)}
.e-cta .nb-status{color:var(--linen)}
.e-cta .nb-rad{align-items:start}
.e-cta .nb-har{min-height:44px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px}


.js-rorelse .e-in{opacity:0;transform:translateY(34px);transition:opacity 1s var(--mjuk),transform 1.3s var(--mjuk)}
.js-rorelse .e-in.syns{opacity:1;transform:none}


@media (max-width:760px){
  .e-hero-text{--e:min((100vw - 2 * var(--kant)) / 452.3,1.2px);flex-direction:column;justify-content:center;align-items:flex-start;gap:calc(26 * var(--e))}
  .e-hero-text::before{background:linear-gradient(180deg,rgba(40,30,20,0) 26%,rgba(40,30,20,.34) 50%,rgba(40,30,20,0) 74%)}
  .e-ordmarke,.e-ordmarke .mask,.e-ordmarke img{width:100%}
}

@media (max-width:480px){
  .e-hero-text{--e:calc((100vw - 2 * var(--kant)) / 383)}
  .e-lockup{flex-direction:column;align-items:flex-start;gap:calc(18 * var(--e))}
  .e-monogram{width:calc(34 * var(--e))}
}
@media (max-width:1100px){.s-band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .e-kapitel,.e-arv,.e-finder,.e-hand,.e-garanti{grid-template-columns:1fr;padding:clamp(64px,10vh,96px) var(--kant)}
  .e-arv .e-foto,.e-garanti .e-foto{order:2}
  .e-foto-stor{aspect-ratio:4/3}
  .e-foto-hog,.e-finder .e-foto{aspect-ratio:1/1}
  .e-delad{grid-template-columns:1fr}
  .e-helbild{height:62svh}
  .e-karusell article{flex-basis:72vw}
  .s-band{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--kant);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px}
  .s-band::-webkit-scrollbar{display:none}
  .s-kort{flex:0 0 74vw;scroll-snap-align:start}
  .e-cta{grid-template-columns:1fr;padding:clamp(72px,11vh,110px) var(--kant)}
  .e-cta-inre .e-lank{margin-left:0;margin-top:10px;display:flex;width:max-content}
}
@media (prefers-reduced-motion:reduce){
  .js-rorelse .e-in{opacity:1;transform:none;transition:none}
  .e-karusell figure img,.s-kort img{transition:none}
  .mask{overflow:visible}
}