/* A lighter edit of the existing launch page. Film and typefaces are preserved. */
html{scroll-padding-top:98px}
.rygg-marke{gap:9px}
.rygg-logo-natur{display:none;width:43px;height:54px;position:relative;overflow:hidden;flex:none;mix-blend-mode:screen}
.rygg-logo-natur img{position:absolute;width:68px;max-width:none;height:auto;left:-14px;top:-3px}
[data-tema="natur"] .rygg-logo-guld{display:none}
[data-tema="natur"] .rygg-logo-natur{display:block}
.rygg-ordmarke{font-size:26px;font-weight:400}
.rygg::before{display:none}
.rygg-kontakt{color:var(--blad-dov)}
.lansering-hero,.lansering-innehall{min-height:clamp(600px,78svh,820px)}
.lansering-innehall{padding-top:100px;padding-bottom:84px}
.lansering-innehall h1{max-width:740px;font-size:clamp(58px,6.4vw,88px);line-height:1.01;letter-spacing:-.025em;margin-bottom:25px}
.lansering-overrad{letter-spacing:.15em;color:var(--blad);margin-bottom:26px}
.lansering-ingress{max-width:500px;font-size:16px;line-height:1.8;margin-bottom:30px}
.knapp{border-radius:4px;text-transform:none;letter-spacing:.025em;font-size:13px;min-width:190px;padding:14px 20px}
.lansering-textlank{text-transform:none;letter-spacing:.02em;font-size:13px;font-weight:500}
.introduktion,.om-teaser{padding-top:clamp(72px,8vw,110px);padding-bottom:clamp(64px,7vw,96px)}
.introduktion::after{display:none}
.introduktion-grid{gap:clamp(48px,8vw,110px)}
.introduktion-sidord{border-color:var(--papperslinje);font-size:10px}
.introduktion-text h2{font-size:clamp(42px,4.7vw,64px);margin-bottom:24px}
.introduktion-ingress{max-width:650px;font-family:var(--sans);font-size:17px;line-height:1.85;color:var(--text-dov);margin:0}
.sammanfattning{margin-top:58px}
.sammanfattning dt{font-size:27px}
.sammanfattning dd{font-size:13px;max-width:280px}
.bransch-teaser{padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(70px,8vw,110px)}
.bransch-teaser img{width:170px;opacity:.55}
[data-tema="natur"] .bransch-teaser img{filter:grayscale(1);opacity:.55}
.bransch-teaser h2{color:var(--papper);font-size:clamp(38px,4.2vw,58px)}
.bransch-brod{font-size:15px;max-width:560px}
.om-teaser-innehall{grid-template-columns:minmax(180px,.45fr) minmax(0,1fr)}
.om-namn{border:0;min-height:0}
.om-marke{display:block;width:190px;height:190px;object-fit:contain}
.om-text h2{font-size:clamp(34px,3.5vw,46px)}
.om-ingress{font-family:var(--sans);font-size:16px;line-height:1.85;color:var(--text-dov);max-width:590px;margin:0}
.kontakt-teaser{padding-top:80px;padding-bottom:86px}
.kontakt-brod{font-size:15px;max-width:490px;line-height:1.85}
.lansering-fot{font-size:10px;letter-spacing:.07em;text-transform:none}
[data-tema="natur"] :focus-visible{outline-color:var(--salvia)}
[data-tema="natur"] .lansering-hero :focus-visible,[data-tema="natur"] .rygg :focus-visible{outline-color:var(--papper)}
@media(min-width:1500px){.lansering-innehall{max-width:1440px}}
@media(max-width:900px){
  html{scroll-padding-top:88px}
  .rygg-ordmarke{font-size:24px}
  .rygg-logo-natur{width:43px;height:54px}
  .lansering-hero,.lansering-innehall{min-height:640px}
  .lansering-innehall{padding-top:170px;padding-bottom:74px}
  .lansering-innehall h1{font-size:clamp(46px,7.5vw,68px)}
  .lansering-ingress{max-width:490px}
  .introduktion-grid,.om-teaser-innehall{grid-template-columns:1fr;gap:28px}
  .introduktion-sidord{padding-top:0;border:0;margin:0}
  .introduktion-text .etikett{display:none}
  .sammanfattning{margin-top:35px}
  .sammanfattning dd{max-width:none}
  .bransch-teaser-innehall{grid-template-columns:90px minmax(0,1fr);gap:30px}
  .bransch-teaser img{width:90px;justify-self:center;margin:0}
  .om-teaser-innehall{grid-template-columns:120px minmax(0,1fr);gap:30px}
  .om-namn{padding:0;justify-content:center}
  .om-marke{width:120px;height:120px}
}
@media(max-width:520px){
  .lansering-hero,.lansering-innehall{min-height:610px}
  .lansering-innehall{padding:170px 24px 76px}
  .lansering-innehall h1{font-size:clamp(39px,10.8vw,55px);line-height:1.05}
  .lansering-ingress{font-size:14px;line-height:1.8}
  .lansering-overrad{font-size:9px;margin-bottom:22px}
  .lansering-lankar{flex-direction:row;align-items:center;gap:24px}
  .lansering-lankar .knapp{width:auto;min-width:165px}
  .paus{bottom:16px}
  .introduktion,.om-teaser,.bransch-teaser{padding:60px 24px}
  .introduktion-text h2{font-size:44px}
  .introduktion-ingress{font-size:15px}
  .bransch-teaser-innehall{grid-template-columns:1fr;gap:26px}
  .bransch-teaser img{width:90px;justify-self:start}
  .om-teaser-innehall{grid-template-columns:1fr;gap:24px}
  .om-namn{justify-content:flex-start}
  .om-marke{width:100px;height:100px}
  .kontakt-teaser{padding:60px 24px}
}

/* The supplied light seal sits directly on the paper background. */
.om-namn{background:transparent;padding:0;align-self:center;justify-self:center}
.om-marke{width:218px;max-width:100%;height:auto;aspect-ratio:180 / 184;object-fit:cover;object-position:left center;filter:contrast(1.12) brightness(1.2);mix-blend-mode:multiply;
  mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent),linear-gradient(to bottom,transparent,black 8%,black 92%,transparent);
  mask-composite:intersect}
@media(min-width:521px) and (max-width:900px){.om-teaser-innehall{grid-template-columns:170px minmax(0,1fr)}.om-marke{width:170px}}
@media(max-width:520px){.om-marke{width:180px}.om-teaser-innehall{gap:30px}}

[data-tema="natur"] .rygg-marke{mix-blend-mode:screen}

/* The chosen classic mark also signs the page. */
.fot-marke{display:block;flex:none;mix-blend-mode:screen}
.fot-marke img{display:block;width:76px;height:auto}
.lansering-fot{align-items:center}
@media(max-width:520px){.fot-marke img{width:64px}}


/* Botanical linework inspired by Sebastian's icon reference. */
.sammanfattning dt{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sammanfattning-ikon{display:block;flex:none;width:56px;height:56px;fill:none;stroke:var(--salvia);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.sammanfattning-ikon .ikon-ring{stroke:var(--text-svag);opacity:.52;stroke-width:.9}
.sammanfattning-ikon .bladfyllning{fill:color-mix(in srgb,var(--salvia) 10%,transparent)}
@media(max-width:900px){
  .sammanfattning dt{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:18px;align-items:center;margin-bottom:0}
  .sammanfattning-ikon{width:52px;height:52px}
  .sammanfattning dd{margin-left:70px;margin-top:2px}
}


/* One continuous botanical surface across light and dark sections. */
.botaniska-ytor{position:relative;isolation:isolate}
.botaniska-ytor::before,.botaniska-ytor::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:url("/assets/monster/botanisk-mask.png");
  background-size:760px auto;background-repeat:repeat;background-position:center top;
  mask-image:linear-gradient(90deg,black,black 10%,transparent 38%,transparent 62%,black 90%,black);
}
.botaniska-ytor::before{filter:brightness(0);mix-blend-mode:multiply;opacity:.065}
.botaniska-ytor::after{background-position:calc(50% + 1px) 1px;mix-blend-mode:screen;opacity:.035}
.botaniska-ytor>section>*,.botaniska-ytor>footer>*{position:relative;z-index:2}
@media(max-width:900px){
  .botaniska-ytor::before,.botaniska-ytor::after{
    background-size:560px auto;
    mask-image:linear-gradient(90deg,black,transparent 24%,transparent 76%,black);
  }
}
@media print{.botaniska-ytor::before,.botaniska-ytor::after{display:none}}

.botaniska-ytor>.om-teaser>.om-teaser-innehall{mix-blend-mode:multiply}

/* Keep the logo and navigation on the same opaque forest surface while scrolling. */
.rygg{background:var(--skog);backdrop-filter:none}
[data-tema="natur"] .rygg-marke{mix-blend-mode:normal}
.rygg-logo-natur{background:var(--skog);mix-blend-mode:normal;isolation:isolate}
.rygg-logo-natur img{mix-blend-mode:screen}