:root{--bark: #2a211b;--bark-hevet: #352a22;--bark-rand: #6b4f37;--ved: #e9dcc4;--ved-dempet: #b3a389;--lav: #a7b07a;--kvae: #d9a441;--display: "Zilla Slab", Rockwell, "Roboto Slab", Georgia, serif;--tekst: "Karla", system-ui, sans-serif;--maks: 68rem;--kant: clamp(1rem, 4vw, 2.5rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bark);color:var(--ved);font-family:var(--tekst);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--lav);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--ved)}:focus-visible{outline:2px solid var(--lav);outline-offset:3px;border-radius:2px}.skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hopp{position:absolute;left:var(--kant);top:-4rem;z-index:10;background:var(--ved);color:var(--bark);padding:.5rem 1rem}.hopp:focus{top:1rem}.topp-ramme{background:var(--bark-rand);clip-path:var(--bakkant-ytre)}.topp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:min(88svh,52rem);background:var(--bark);clip-path:var(--bakkant-indre)}.topp-tekst{display:flex;flex-direction:column;gap:2.5rem;padding:var(--kant) var(--kant) clamp(4rem,9vw,7rem) max(var(--kant),calc((100vw - var(--maks)) / 2 + var(--kant)))}.topp-innhold{margin-block:auto}.topp picture{position:relative;display:block;order:2}.topp-bilde{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}@media(max-width:48rem){.topp{grid-template-columns:1fr;min-height:0}.topp picture{order:-1;aspect-ratio:4 / 3}.topp-bilde{-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,#000 65%,transparent 100%)}.topp-tekst{margin-top:-3rem;position:relative}}:root{--bakkant-indre: polygon(0 0, 100% 0, 100% 96.2%, 93% 97.4%, 86% 96.6%, 78% 98%, 69% 97.1%, 61% 98.6%, 52% 97.3%, 44% 98.4%, 35% 96.9%, 27% 98.2%, 18% 97%, 9% 98.5%, 0 97.4%);--bakkant-ytre: polygon(0 0, 100% 0, 100% 98.6%, 92% 99.6%, 85% 98.9%, 77% 100%, 68% 99.3%, 60% 100%, 51% 99.5%, 43% 100%, 34% 99.2%, 26% 100%, 17% 99.4%, 8% 100%, 0 99.6%)}.sosiale{display:flex;gap:.25rem;list-style:none;margin:0 0 0 -.6rem;padding:0}.sosiale a{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--ved);border-radius:50%}.sosiale a:hover{background:#e9dcc41f}.sosiale svg{width:1.375rem;height:1.375rem}.bandnavn{margin:0;line-height:0}.bandnavn img{width:min(100%,24rem);height:auto}@media(max-width:48rem){.bandnavn img{width:min(75%,18rem)}}.ingress{font-size:clamp(1.125rem,2.2vw,1.375rem);max-width:34ch;margin:1.25rem 0 1.75rem;color:var(--ved)}.knapper{display:flex;flex-wrap:wrap;gap:.75rem}.knapp{display:inline-block;padding:.7rem 1.25rem;font-family:var(--tekst);font-weight:700;font-size:1rem;text-decoration:none;border:2px solid var(--ved);color:var(--ved);border-radius:3px}.knapp:hover{background:var(--ved);color:var(--bark)}.knapp-hoved{background:var(--kvae);border-color:var(--kvae);color:var(--bark)}.knapp-hoved:hover{background:var(--ved);border-color:var(--ved)}main>section{max-width:var(--maks);margin:0 auto;padding:clamp(3.5rem,8vw,6rem) var(--kant) 0}h2{font-family:var(--display);font-weight:700;font-size:clamp(2.25rem,5vw,3.25rem);line-height:1;letter-spacing:-.015em;margin:0 0 1.75rem}h3{font-family:var(--display);font-weight:600;font-size:1.5rem;line-height:1.15;margin:0}.lesbar{max-width:62ch}.konsertliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--bark-rand)}.konsert{display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--bark-rand)}.konsert-dato{font-family:var(--display);line-height:1;text-align:center}.konsert-dato .dag{display:block;font-size:2.75rem;font-weight:700;color:var(--kvae)}.konsert-dato .mnd{display:block;font-size:1.125rem;margin-top:.15rem}.konsert-info p{margin:.2rem 0 0;color:var(--ved-dempet)}.tomt{color:var(--ved-dempet)}.tidligere{margin-top:3rem;color:var(--ved-dempet)}.tidligere h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--ved-dempet)}.tidligere h4{font-family:var(--tekst);font-weight:700;font-size:1rem;margin:0}.tidligere .konsert{grid-template-columns:5.5rem 1fr;padding:.75rem 0}.tidligere .konsert-dato .dag{font-size:1.5rem;color:var(--ved-dempet)}.tidligere .konsert-dato .mnd{font-size:.875rem}@media(max-width:36rem){.tidligere .konsert{grid-template-columns:4rem 1fr}}@media(max-width:36rem){.konsert{grid-template-columns:4rem 1fr}.konsert .knapp{grid-column:2;justify-self:start}}.utgivelse{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(1.5rem,5vw,3.5rem);align-items:center}.utgivelse img{width:100%;aspect-ratio:1;object-fit:cover}.utgivelse h3{font-size:clamp(2rem,4vw,2.75rem)}.utgivelse .meta{color:var(--ved-dempet);margin:.5rem 0 1.5rem}.lytt{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0}@media(max-width:44rem){.utgivelse{grid-template-columns:1fr}.utgivelse img{max-width:22rem}}.nyheter{list-style:none;margin:0;padding:0;display:grid;gap:2rem}.nyhet time{color:var(--ved-dempet);font-size:.9375rem}.nyhet h3{margin:.15rem 0 .4rem}.nyhet p{margin:0}.om{display:grid;gap:clamp(1.5rem,4vw,2.5rem)}.om img{width:100%;height:auto}.om p:first-child{margin-top:0}.portretter{list-style:none;margin:clamp(3.5rem,8vw,6rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:var(--bark-rand)}.portretter img{width:100%;aspect-ratio:2 / 3;object-fit:cover}@media(max-width:48rem){.portretter{grid-template-columns:repeat(3,1fr)}}.kontakt-epost{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,5vw,2.75rem);word-break:break-word;color:var(--ved)}.kontakt-epost:hover{color:var(--kvae)}.bunn{max-width:var(--maks);margin:clamp(4rem,9vw,7rem) auto 0;padding:2rem var(--kant) 3rem;border-top:1px solid var(--bark-rand);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--ved-dempet);font-size:.9375rem}.bunn .sosiale{margin:0}.bunn .sosiale a{color:var(--ved-dempet)}.bunn .sosiale a:hover{color:var(--ved)}
