.hero{background:var(--bg-page);color:#e2d7cf;--portrait-width:clamp(320px, 42vw + 20px, 640px);--portrait-aspect:7 / 6;--portrait-bg:var(--kobber-500);padding:clamp(40px,4vw + 20px,70px) clamp(20px,4vw,60px) clamp(24px,2vw + 12px,36px)}.hero:has(.hero-stats){padding-bottom:clamp(45px,4vw + 20px,75px)}.hero-inner{max-width:var(--container-wide);flex-direction:column;align-items:stretch;gap:clamp(30px,4vw,60px);margin-inline:auto;display:flex}.hero-top{flex-flow:column wrap;align-items:center;gap:clamp(24px,4vw,48px);width:100%;display:flex;position:relative}.hero-content{z-index:2;flex-direction:column;order:2;align-self:flex-start;gap:clamp(20px,2.5vw,45px);min-width:0;padding-inline-start:clamp(4px,.8vw,16px);display:flex;position:relative}.hero-heading{color:#e2d7cf;font-family:var(--font-heading-stack);max-width:80%;margin-inline-start:0;padding-inline-start:0;font-size:clamp(28px,2vw + 16px,46px);font-weight:700;line-height:1.2}.hero-lead{font-family:var(--font-body);color:#fff;margin-inline-start:0;padding-inline-start:0;font-size:clamp(15px,.4vw + 13px,18px);font-weight:500;line-height:1.5}.hero-buttons{flex-wrap:wrap;gap:10px;display:flex}.hero-trust{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-trust-item{font-size:var(--caption-s);color:#c3a997;align-items:center;gap:8px;font-weight:500;display:flex}.hero-portrait{z-index:1;order:1;position:relative}[data-kategori=tjeneste] .hero-portrait,.hero-portrait[data-bildestil=firkantet]{aspect-ratio:16/9;width:100%;max-width:640px}[data-kategori=tjeneste] .hero-portrait .portrait-behind,.hero-portrait[data-bildestil=firkantet] .portrait-behind{display:none}[data-kategori=tjeneste] .hero-portrait .portrait-image,.hero-portrait[data-bildestil=firkantet] .portrait-image{background:var(--bg-page-deep);border-radius:clamp(16px,1vw + 12px,24px);width:100%;height:100%;animation:none;position:relative;inset:auto;transform:none}[data-kategori] .hero-portrait[data-bildestil=firkantet]:not(:has(.hero-image-lofte)){max-width:900px}.hero-image-lofte{color:var(--kobber-100);opacity:0;pointer-events:none;background:linear-gradient(#0a0d1400 0%,#0a0d14b3 45%,#0a0d14eb 100%);flex-direction:column;gap:clamp(8px,.4vw + 6px,12px);margin:0;padding:clamp(36px,4vw + 12px,64px) clamp(20px,2vw + 8px,36px) clamp(20px,2vw + 8px,32px);transition:opacity .4s .2s;display:flex;position:absolute;inset:auto 0 0}.hero-image-lofte[data-ready=true]{opacity:1}@media (prefers-reduced-motion:reduce){.hero-image-lofte{transition:none}}.hero-image-lofte-body{font-family:var(--font-heading-stack);text-wrap:balance;text-align:center;color:var(--kobber-100);margin:0;font-size:clamp(15px,.6vw + 12px,22px);font-style:italic;font-weight:700;line-height:1.4}.hero-image-lofte-body:before{content:"“";margin-inline-end:.05em}.hero-image-lofte-body:after{content:"”";margin-inline-start:.05em}.hero-image-lofte-attr{font-family:var(--font-body);font-weight:500;font-size:var(--caption-s);letter-spacing:.14em;text-transform:uppercase;color:var(--kobber-300)}.hero-lofte{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#151b288c;border:1px solid #e2d7cf1f;border-radius:clamp(16px,1vw + 12px,24px);flex-direction:column;flex:2 clamp(420px,48vw,720px);order:3;justify-content:center;align-self:stretch;gap:clamp(18px,1.2vw + 10px,28px);max-width:760px;margin:0;padding:clamp(48px,4vw + 20px,80px) clamp(36px,3.5vw + 18px,72px);transition:opacity .22s ease-out,border-color .4s,background .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.hero-lofte[data-ready=true]{opacity:1}@media (prefers-reduced-motion:reduce){.hero-lofte{transition:border-color .4s,background .4s,box-shadow .4s}}.hero-lofte:before{content:"“";font-family:var(--font-heading-stack);color:var(--kobber-400);opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(140px,12vw + 40px,240px);line-height:1;position:absolute;top:clamp(-32px,-2vw - 8px,-20px);left:clamp(12px,1.5vw,28px)}.hero-lofte:hover{background:#151b28b8;border-color:#e2d7cf47;box-shadow:0 20px 48px #0000004d}.hero-lofte:hover:before{opacity:.34}.hero-lofte-mark{display:none}.hero-lofte-body{font-family:var(--font-heading-stack);color:var(--kobber-100);z-index:1;text-wrap:balance;margin:0;font-size:clamp(22px,1.6vw + 14px,36px);font-style:italic;font-weight:700;line-height:1.3;position:relative}.hero-lofte-attr{font-family:var(--font-body);font-weight:500;font-size:var(--caption-s);letter-spacing:.14em;text-transform:uppercase;color:var(--kobber-300);z-index:1;position:relative}.hero-stats{grid-template-columns:repeat(2,1fr);gap:clamp(15px,2vw,45px);width:100%;padding:0;list-style:none;display:grid}@media (min-width:960px){.hero-stats{grid-template-columns:repeat(4,1fr)}}.hero-stat{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;color:#e2d7cf;background:#151b284d;border:.5px solid #c3a997;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:15px;display:flex}.hero-stat-tall{font-family:var(--font-heading-stack);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:clamp(37px,1.3vw + 29px,45px);font-weight:700;line-height:1.3}.hero-stat-enhet{font-family:var(--font-body);font-size:clamp(18px,.6vw + 14px,22px);font-weight:800;line-height:1.5}.hero-stat-desc{font-family:var(--font-body);font-weight:500;font-size:var(--caption-s);line-height:1.4}.number-roll{vertical-align:baseline;display:inline-flex}.number-roll-visual{display:inline-flex}.number-roll-sep{white-space:pre;display:inline-block}.digit-roll{vertical-align:baseline;height:1em;line-height:1;display:inline-block;overflow:hidden}.digit-roll-col{will-change:transform;flex-direction:column;transition:transform 1.4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(0)}.digit-roll-cell{flex-shrink:0;height:1em;line-height:1}@media (prefers-reduced-motion:reduce){.digit-roll-col{transition:none}}@media (min-width:960px){.hero-top{flex-flow:row;gap:clamp(48px,6vw,110px)}.hero-content{flex:320px;order:1}.hero-portrait{order:2;margin-top:clamp(-100px,-7vw - 10px,-60px)}[data-kategori=tjeneste] .hero-portrait{margin-top:0}[data-kategori] .hero-content{flex:1 1 0}[data-kategori] .hero-portrait{flex:1 1 0;width:auto;max-width:none}.hero-stat{gap:15px;padding:20px}}@media (min-width:1100px){.hero{padding-top:clamp(150px,12vw + 40px,200px)}}@media (min-width:960px){[data-kategori] .hero-portrait{max-width:600px}[data-kategori=tjeneste] .hero-portrait,[data-kategori] .hero-portrait[data-bildestil=firkantet]{max-width:none;max-height:512px}}