.g28 :where(.g28-hero.ho){--ho-h1:clamp(40px, 4.5vw + 20px, 84px);--ho-h1-bredd:18ch;--ho-horisont:clamp(32px, 3.6vw, 56px);--ho-text:5;--ho-foremal:6;--ho-foremal-ned:0px;--ho-foremal-max:600px}.g28 :where(.g28-hero.ho.ho-bredvid){--ho-h1:clamp(40px, 4.5vw + 16px, 80px);--ho-h1-bredd:14ch;--ho-text:7;--ho-foremal:5}.g28 .g28-hero.ho{padding-block:clamp(20px,3.6vw,60px) clamp(88px,9vw,144px);overflow-x:clip}.g28 .ho-grid{row-gap:var(--ho-horisont);grid-template-columns:minmax(0,1fr);display:grid}.g28 .ho .ho-h1{max-width:var(--ho-h1-bredd);font-size:var(--ho-h1);letter-spacing:-.035em;text-box:trim-both cap alphabetic;line-height:.98}.g28 .ho-text{align-content:start;justify-items:start;gap:28px;min-width:0;display:grid}.g28 .ho .ho-ingress{max-width:44ch;color:var(--g28-fg-2);text-wrap:pretty;text-box:trim-start cap alphabetic;font-size:clamp(16px,1.4vw,20px);line-height:1.55}.g28 .ho-knappar{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.g28 .ho-rad{max-width:46ch;color:var(--g28-fg-2);text-wrap:pretty;align-items:baseline;gap:10px;margin-top:-8px;font-size:14px;line-height:1.5;display:flex}.g28 .ho-rad:before{content:"";background:var(--g28-accent);flex:none;width:6px;height:6px;translate:0 -1px}.g28 .ho-foremal{z-index:1;min-width:0;position:relative}@media (width<=639px){.g28 .ho-text{gap:22px}.g28 .ho-knappar{flex-direction:column;align-items:stretch;gap:6px;width:100%}.g28 .ho-knappar>.g28-knapp{justify-content:center;width:100%}.g28 .ho-knappar>.g28-lank{align-self:flex-start}.g28 .ho-rad{margin-top:-6px}.g28 .ho-foremal{margin-top:12px}}@media (width>=640px) and (width<=1023px){.g28 .ho-foremal{max-width:var(--ho-foremal-max)}}@media (width>=1024px){.g28 .ho-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(20px,2.2vw,32px)}.g28 .ho-grid>.ho-h1{grid-column:1/-1}.g28 .ho-text{grid-column:1 / span var(--ho-text);gap:32px}.g28 .ho-foremal{grid-column:span var(--ho-foremal) / -1;margin-top:var(--ho-foremal-ned)}.g28 .ho-bredvid .ho-grid{grid-template-rows:auto 1fr}.g28 .ho-bredvid .ho-grid>.ho-h1{grid-row:1;grid-column:1 / span var(--ho-text)}.g28 .ho-bredvid .ho-text{grid-row:2}.g28 .ho-bredvid .ho-foremal{grid-row:1/span 2}}@media (prefers-reduced-motion:no-preference){.g28 .ho-text{animation:g28-hero-upp var(--g28-tid-sektion) var(--g28-ut) var(--g28-tid-hero) both}.g28 .ho-foremal{animation:ho-foremal var(--g28-tid-sektion) var(--g28-ut) calc(var(--g28-tid-hero) + var(--g28-tid-foremal)) both}}@keyframes ho-foremal{0%{translate:0 var(--g28-glid)}}.g28 .g28h-hero{padding-block:clamp(12px,2vw,28px) clamp(64px,7vw,104px)}.g28 .g28h-text{align-content:start;justify-items:start;gap:0;min-width:0;display:grid}.g28 .g28h-ingress{max-width:42ch;color:var(--g28-fg-2);text-wrap:pretty;margin-top:18px;font-size:clamp(17px,1.3vw,19px);line-height:1.55}.g28 .g28h-i{color:var(--g28-lank);text-underline-offset:3px;transition:text-decoration-color var(--g28-tid-hover) var(--g28-ut);text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.g28 .g28h-i:hover{text-decoration-thickness:2px}}
