.lansering-hero{position:relative;min-height:clamp(640px,82svh,900px);overflow:hidden;background:var(--film-kant)}
.lansering-film,.lansering-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lansering-still{z-index:0}.lansering-film{z-index:1;opacity:0;transition:opacity .9s ease}body.spelar .lansering-film{opacity:1}
.lansering-dis{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,color-mix(in srgb,var(--film-kant) 94%,transparent) 0%,color-mix(in srgb,var(--film-kant) 62%,transparent) 48%,color-mix(in srgb,var(--film-kant) 18%,transparent) 78%),linear-gradient(0deg,var(--film-kant) 0%,transparent 42%);pointer-events:none}
.lansering-innehall{position:relative;z-index:3;width:min(1280px,100%);min-height:clamp(640px,82svh,900px);margin:0 auto;padding:clamp(100px,15vh,170px) clamp(28px,7vw,104px) 74px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lansering-overrad{margin:0 0 24px;color:var(--guld);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.lansering-innehall h1{max-width:800px;margin:0 0 28px;color:var(--papper);font-size:clamp(52px,7vw,94px);font-weight:400;line-height:.94;letter-spacing:-.035em}
.lansering-ingress{max-width:630px;margin:0 0 36px;color:var(--papper-dov);font-size:clamp(16px,1.5vw,20px);line-height:1.7}
.lansering-lankar{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.lansering-textlank{padding:8px 0;color:var(--papper-dov);border-bottom:1px solid var(--guld-dov);text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.lansering-textlank:hover{color:var(--papper)}
.paus{position:absolute;right:clamp(22px,4vw,58px);bottom:32px;z-index:4;display:none;align-items:center;gap:10px;border:0;background:transparent;color:var(--papper-svag);cursor:pointer;padding:9px;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
body.spelar .paus,body.filmklar .paus,body.filmblockerad .paus{display:flex}.paus-symbol{display:block;width:9px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}body.pausad .paus-symbol,body.filmklar .paus-symbol,body.filmblockerad .paus-symbol{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;border-right:0}

.introduktion{position:relative;padding:clamp(92px,11vw,150px) clamp(28px,7vw,104px) clamp(76px,9vw,124px);background:var(--papper);color:var(--text-mork)}
.introduktion::after{content:"";position:absolute;right:-70px;top:0;width:38%;height:56%;background:var(--skog);opacity:.035;pointer-events:none;-webkit-mask:url("/assets/monster/botanisk-mask.png") top right/360px repeat;mask:url("/assets/monster/botanisk-mask.png") top right/360px repeat}
.introduktion-grid{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:clamp(56px,10vw,150px)}
.introduktion-sidord{margin:8px 0 0;padding-top:16px;border-top:1px solid var(--guld-dov);color:var(--text-svag);font-size:9px;font-weight:600;line-height:1.6;letter-spacing:.16em;text-transform:uppercase}
.introduktion-text{max-width:760px}.introduktion-text h2{color:var(--text-mork)}
.introduktion-ingress{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);line-height:1.42}
.introduktion-brod{max-width:650px;color:var(--text-dov);font-size:15px;line-height:1.85}
.sammanfattning{width:min(1120px,100%);margin:clamp(70px,8vw,104px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--papperslinje)}
.sammanfattning div{padding:28px 28px 0 0}.sammanfattning div+div{padding-left:28px;border-left:1px solid var(--papperslinje)}
.sammanfattning dt{margin-bottom:10px;font-family:var(--serif);font-size:24px;line-height:1.2}.sammanfattning dd{margin:0;color:var(--text-dov);font-size:12px;line-height:1.7}

.bransch-teaser{padding:clamp(88px,10vw,138px) clamp(28px,7vw,104px);background:var(--skog);color:var(--blad)}
.bransch-teaser-innehall{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);gap:clamp(56px,10vw,145px);align-items:center}
.bransch-teaser img{width:min(210px,100%);height:auto;opacity:.52;transform:rotate(-7deg);justify-self:end}
.bransch-teaser h2{color:var(--guld)}.bransch-brod{max-width:660px;color:var(--blad-dov);font-size:16px;line-height:1.8}

.om-teaser{padding:clamp(92px,11vw,148px) clamp(28px,7vw,104px);background:var(--papper);color:var(--text-mork)}
.om-teaser-innehall{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);gap:clamp(60px,10vw,150px);align-items:center}
.om-namn{display:flex;align-items:center;justify-content:center;gap:13px;min-height:230px;border-top:1px solid var(--guld-dov);border-bottom:1px solid var(--guld-dov);color:var(--text-mork);font-family:var(--serif);font-size:clamp(44px,5vw,72px);font-weight:400;letter-spacing:-.03em}
.om-namn i{display:block;width:5px;height:5px;border-radius:50%;background:var(--guld);font-style:normal}
.om-text h2{color:var(--text-mork)}.om-ingress{font-family:var(--serif);font-size:clamp(23px,2.3vw,32px);line-height:1.45}.om-brod{max-width:620px;color:var(--text-dov);font-size:14px;line-height:1.85}.om-brod i{font-family:var(--serif);font-size:1.15em}

.kontakt-teaser{padding:clamp(90px,11vw,150px) 28px;background:var(--papper);color:var(--text-mork);text-align:center;border-top:1px solid var(--papperslinje)}
.kontakt-teaser-innehall{width:min(760px,100%);margin:0 auto}.kontakt-teaser h2{color:var(--text-mork)}.kontakt-brod{max-width:590px;margin:0 auto 32px;color:var(--text-dov)}
.lansering-fot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px clamp(24px,6vw,88px);background:var(--skog-djup);border-top:1px solid var(--linje);color:var(--blad-svag);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.lansering-fot a{color:var(--blad-svag);text-decoration:none}.lansering-fot a:hover{color:var(--guld)}

@media(max-width:900px){
  .lansering-hero,.lansering-innehall{min-height:720px}.lansering-dis{background:linear-gradient(0deg,var(--film-kant) 0%,color-mix(in srgb,var(--film-kant) 65%,transparent) 56%,color-mix(in srgb,var(--film-kant) 22%,transparent) 100%)}
  .lansering-innehall{padding:110px 24px 70px;justify-content:flex-end}.lansering-innehall h1{font-size:clamp(48px,14vw,68px)}
  .introduktion-grid,.bransch-teaser-innehall,.om-teaser-innehall{grid-template-columns:1fr;gap:46px}.introduktion-sidord{width:210px}.sammanfattning{grid-template-columns:1fr}.sammanfattning div,.sammanfattning div+div{padding:22px 0;border-left:0;border-bottom:1px solid var(--papperslinje)}.sammanfattning div:last-child{border-bottom:0}
  .om-namn{justify-content:flex-start;min-height:auto;padding:38px 0}
  .bransch-teaser img{width:140px;justify-self:start;margin-bottom:-16px}.lansering-fot{flex-direction:column}
}

@media(max-width:520px){.lansering-lankar{width:100%;align-items:flex-start;flex-direction:column}.lansering-lankar .knapp{width:100%}.lansering-hero,.lansering-innehall{min-height:680px}}
