@layer theme, base, components, utilities;@layer components{.vf{--s:var(--snitt-m);position:relative;aspect-ratio:16/9;background:var(--color-charcoal)}.vf__fasad{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;padding:0;border:0;background:none;cursor:pointer}.vf__bild{object-fit:cover}.vf__spela{position:absolute;right:0;bottom:0;z-index:2;display:grid;place-items:center;inline-size:clamp(56px,5.6vw,84px);block-size:clamp(56px,5.6vw,84px);background:var(--color-paper)}.vf__spela svg{inline-size:38%;block-size:auto;margin-left:8%;fill:var(--color-terra-ink);transition:transform .45s var(--ease-ut)}.vf__fasad:focus-visible .vf__spela svg,.vf__fasad:hover .vf__spela svg{transform:scale(1.14)}.vf__fasad:focus-visible{outline:2px solid var(--color-terra-ink);outline-offset:-6px}.vf iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}.vid-sh .sh__ingress{font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--text-h4);font-weight:600;line-height:1.15;letter-spacing:-.005em;color:var(--tema-1)}.vid-sh .sh__barn{margin-top:clamp(14px,1.6vw,22px)}.vid-sh .sh__under{margin-top:clamp(20px,2.4vw,36px)}.vid-sektion{padding-block:clamp(56px,6vw,104px)}.vid-sektion+.vid-sektion,.vid-sektion--forsta{padding-top:0}.vid-sektion--fore-kapitel{padding-bottom:calc(var(--kant) + clamp(56px, 6vw, 104px))}.vid-utvald{row-gap:24px;align-items:end}.vid-utvald__media,.vid-utvald__text{grid-column:1/-1}.vid-utvald__titel{margin-top:18px;color:var(--tema-1);max-width:18em}.vid-utvald__meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:14px;color:var(--tema-3)}@media (min-width:900px){.vid-utvald__media{grid-column:1/span 8}.vid-utvald__text{grid-column:9/-1;padding-bottom:4px}}.vid-fler__huvud{display:grid;gap:14px;justify-items:stretch;margin-bottom:clamp(24px,3vw,44px)}.vid-kanal{row-gap:24px;padding-top:clamp(40px,4.4vw,64px);border-top:1px solid var(--tema-linje-stark)}.vid-kanal__h2,.vid-kanal__text{grid-column:1/-1}.vid-kanal__lankar{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}@media (min-width:900px){.vid-kanal__h2{grid-column:1/span 6}.vid-kanal__text{grid-column:8/-1;padding-top:.4em}}.vid-film{row-gap:32px;align-items:end}.vid-film__bild,.vid-film__text{grid-column:1/-1}.vid-film__h2{margin-top:18px;max-width:11em}.vid-film__ingress{margin-top:20px;max-width:34ch}.vid-film__lank{margin-top:28px}@media (min-width:900px){.vid-film__bild{grid-column:1/span 7}.vid-film__text{grid-column:9/-1}}}