@font-face{font-family:Quicksand;font-weight:500;font-display:swap;src:url(fonter/quicksand-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Quicksand;font-weight:700;font-display:swap;src:url(fonter/quicksand-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(fonter/poppins-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(fonter/poppins-latin-600-normal.woff2) format("woff2")}
:root{--mork:#262626;--morkere:#0e0e0e;--hvit:#fff;--gronn:#3a8a5e;--demp:#d9d9d9}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mork);color:var(--hvit);font:400 1rem/1.65 Poppins,Helvetica,Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.2;margin:0}
h1{font-size:clamp(2.4rem,6vw,3.5rem);margin-bottom:1.25rem}
h2{font-size:clamp(1.8rem,4vw,2.5rem);text-align:center;margin-bottom:2.5rem}
h3{font-size:1.3rem;margin-bottom:.6rem}
p{margin:0}
a{color:inherit}
.innhold{max-width:1140px;margin:0 auto;padding:64px 24px}
.topp{position:sticky;top:0;z-index:10;background:var(--hvit);box-shadow:0 2px 5px rgba(0,0,0,.2)}
.topp .rad{max-width:1140px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topp img{height:64px;width:auto}
.knapp{display:inline-block;padding:.5rem 1.25rem;border-radius:8px;box-shadow:inset 0 0 0 1.5px #0d1822;color:#0d1822;font-weight:600;text-decoration:none;white-space:nowrap}
.knapp:hover,.knapp:focus-visible{background:#0d1822;color:var(--hvit)}
.helt{background:linear-gradient(90deg,rgba(20,20,20,.72),rgba(38,38,38,.4)),url(bilder/bakgrunn.jpg) center/cover no-repeat}
.helt .innhold{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:96px}
.helt p{font-size:1.15rem}
.helt img{border-radius:8px;width:100%;aspect-ratio:4/3;object-fit:cover}
.kort{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.kort img{border-radius:8px;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:1.25rem}
.galleri{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.galleri a{grid-column:span 2;display:block;overflow:hidden;border-radius:8px;aspect-ratio:4/3}
.galleri a:nth-child(-n+2){grid-column:span 3}
.galleri img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.galleri a:hover img{transform:scale(1.03)}
.sitat{background:var(--morkere);text-align:center}
.sitat h2{margin-bottom:.75rem}
.banner{height:clamp(240px,45vw,520px);background:linear-gradient(rgba(38,38,38,.2),rgba(38,38,38,.2)),url(bilder/banner.jpg) center/cover no-repeat}
.folk{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:900px;margin:0 auto}
.folk img{border-radius:8px;width:100%;aspect-ratio:1;object-fit:cover;object-position:top;margin-bottom:1.25rem}
.kontakt{text-align:center}
.kontakt h2{margin-bottom:1rem}
.kontakt a,.epost{font-size:1.25rem;font-weight:600;color:var(--hvit)}
.bunn{background:var(--hvit);color:#262626}
.bunn .rad{max-width:1140px;margin:0 auto;padding:32px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bunn img{height:60px;width:auto}
@media (max-width:900px){.helt .innhold{grid-template-columns:1fr;padding-block:64px}.kort{grid-template-columns:1fr}}
@media (max-width:640px){.topp img{height:52px}.galleri{grid-template-columns:repeat(2,1fr)}.galleri a,.galleri a:nth-child(-n+2){grid-column:span 1}.galleri a:first-child{grid-column:span 2}.folk{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.galleri img{transition:none}}
