@font-face{font-family:"Courier Prime";src:url("fonter/courier-prime-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Courier Prime";src:url("fonter/courier-prime-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonter/newsreader.woff2") format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonter/plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonter/plex-mono-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--bg:#fff;--ink:#0d0d0d;--mid:#8a8a8a;--line:rgba(0,0,0,.14);--pad:24px;--logo:clamp(30px,4.4vw,58px);--topp:calc(var(--logo) * 1.76)}
*{margin:0;padding:0;box-sizing:border-box}
::selection{background:#0d0d0d;color:#fff}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Newsreader",Georgia,"Times New Roman",serif;font-size:clamp(16px,1.5vw,17.5px);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:38px}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
img{max-width:100%;display:block}
.mono{font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.dim{color:var(--mid)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--pad);top:8px;background:#000;color:#fff;padding:8px 12px;z-index:99}

header{border-bottom:0}
.masthead{padding:calc(var(--pad) + 2vh) var(--pad) 3.4vh;display:flex;justify-content:center}
.masthead .merke{display:block;width:clamp(240px,44vw,720px)}
.masthead .merke img{width:100%;height:auto}
.menylinje{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px var(--pad);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.menylinje nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.menylinje nav a:hover,.menylinje nav a[aria-current]{text-decoration:underline;text-underline-offset:3px}
.menylinje .hoyre a{color:var(--ink)}
.menylinje .hoyre a:hover{text-decoration:underline;text-underline-offset:3px}
.klokke{font-variant-numeric:tabular-nums}
@media(max-width:820px){.menylinje{flex-wrap:wrap;justify-content:center;gap:9px 18px;padding:12px var(--pad)}
 .menylinje .venstre{display:none}
 /* nav og kontakt flyter som én rekke, så lenkene brekker jevnt */
 .menylinje nav,.menylinje .hoyre{display:contents}}

.hero{padding:5vh var(--pad) 0}
.hero .meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:5vh;gap:20px;flex-wrap:wrap}
h1{font-family:"Courier Prime",monospace;font-size:clamp(20px,4.6vw,62px);line-height:1.2;letter-spacing:-.01em;font-weight:400;max-width:32ch}
h1 span{display:block}
.hero .under{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:3.4vh;padding-bottom:6vh}
.hero .under p{max-width:50ch;font-size:clamp(16px,1.6vw,18.5px);line-height:1.62}
.hero .under p+p{margin-top:1em}
.knapper{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}
.knapp{display:inline-block;border:1px solid var(--ink);padding:9px 16px}
.knapp:hover{background:var(--ink);color:#fff}
.knapp.sek{border-color:var(--line)}
@media(max-width:800px){.hero .under{grid-template-columns:1fr;gap:24px}}

.sidehode{padding:5vh var(--pad) 0}
.sidehode .sti{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:5vh;flex-wrap:wrap}
.sidehode .sti a:hover{text-decoration:underline;text-underline-offset:3px}
h1.sidetittel{font-family:"Courier Prime",monospace;font-size:clamp(22px,3.5vw,44px);line-height:1.2;letter-spacing:-.01em;font-weight:400;max-width:30ch}
.sidehode .lead{margin-top:3.4vh;max-width:66ch;font-size:clamp(16px,1.45vw,18.5px);line-height:1.62;padding-bottom:6vh}
.sidehode div.lead p+p{margin-top:.8em}

.ticker{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;padding:11px 0;border-top:1px solid rgba(255,255,255,.18)}
.ticker div{display:inline-block;animation:rull 60s linear infinite}
.ticker span{padding:0 26px}
@keyframes rull{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}}

.hode{display:flex;justify-content:space-between;align-items:baseline;padding:0 var(--pad);margin:11vh 0 26px;gap:20px}
.hode .tittel{font-family:"Courier Prime",monospace;font-size:clamp(22px,3.1vw,38px);font-weight:400;letter-spacing:-.01em}
.verktoy{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.verktoy button{background:none;border:0;cursor:pointer;color:var(--mid);font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:0}
.verktoy button[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

.arbeid{padding:0 var(--pad) 2vh;border-top:1px solid var(--line)}
.rutenett{display:grid;grid-template-columns:repeat(3,1fr)}
.rutenett .kort{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px var(--pad) 32px;display:block}
.rutenett .kort:nth-child(3n){border-right:0}
.kort .ramme{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f2f2f2;margin-bottom:12px}
.kort .ramme img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .5s}
.kort:hover .ramme img{transform:scale(1.045);filter:grayscale(0) contrast(1)}
.kort .ramme.tom{background:var(--ink)}
.kort .rad{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.kort .navn{font-family:"Courier Prime",monospace;font-size:clamp(17px,1.9vw,23px);font-weight:400;letter-spacing:-.01em}
.kort:hover .navn{text-decoration:underline;text-underline-offset:4px}
.kort .fag{margin-top:4px}
@media(max-width:900px){.rutenett{grid-template-columns:repeat(2,1fr)}.rutenett .kort:nth-child(3n){border-right:1px solid var(--line)}.rutenett .kort:nth-child(2n){border-right:0}}
@media(max-width:560px){.rutenett{grid-template-columns:1fr}.rutenett .kort,.rutenett .kort:nth-child(3n){border-right:0}}

[hidden]{display:none !important}
.liste .linje{display:grid;grid-template-columns:44px 2fr 1.2fr 1.4fr 60px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.liste .linje:first-child{border-top:1px solid var(--line)}
.liste .linje .navn{font-family:"Courier Prime",monospace;font-size:clamp(16px,1.7vw,21px);font-weight:400;letter-spacing:-.01em}
.liste .linje:hover .navn{text-decoration:underline;text-underline-offset:4px}
.liste .linje .pil{text-align:right}
@media(max-width:760px){.liste .linje{grid-template-columns:36px 1fr 40px}.liste .linje .bransje,.liste .linje .fag{display:none}}
.liste .linje.kilderad{grid-template-columns:44px 1.5fr 1.6fr 1fr;align-items:start;padding:16px 0}
.liste .linje.kilderad .navn{line-height:1.2}
.liste .linje.kilderad .inngang{color:#333;max-width:46ch;font-size:15.5px;line-height:1.5}
.liste .linje.kilderad .kilde{padding-top:3px;line-height:1.9}
.liste .linje.kilderad .kilde a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
@media(max-width:900px){.liste .linje.kilderad{grid-template-columns:36px 1fr;gap:8px 14px}
 .liste .linje.kilderad .inngang{grid-column:2;margin-top:6px}
 .liste .linje.kilderad .kilde{grid-column:2;margin-top:8px}}
.liste .linje.ekstern{grid-template-columns:44px 1.5fr 1.6fr 1fr 60px;align-items:start;padding:16px 0}
.liste .linje.ekstern .navn{line-height:1.2}
.liste .linje.ekstern .inngang{color:#333;max-width:46ch;font-size:15.5px;line-height:1.5}
.liste .linje.ekstern .kilde{padding-top:3px;line-height:1.9}
@media(max-width:900px){.liste .linje.ekstern{grid-template-columns:36px 1fr 40px;gap:8px 14px}
 .liste .linje.ekstern .inngang{grid-column:2;margin-top:6px}
 .liste .linje.ekstern .kilde{grid-column:2;margin-top:8px}}

.blokker{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.blokker>div{padding:22px var(--pad) 32px;border-right:1px solid var(--line)}
.blokker>div:last-child{border-right:0}
.blokker h3{font-family:"Courier Prime",monospace;font-size:clamp(19px,2.1vw,26px);font-weight:400;letter-spacing:-.01em;margin:10px 0}
.blokker p{max-width:46ch;color:#333}
.lenke{display:inline-block;margin-top:14px}
.lenke:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.blokker{grid-template-columns:1fr}.blokker>div{border-right:0;border-bottom:1px solid var(--line)}}

.fire{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.fire>div{padding:22px var(--pad) 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fire>div:nth-child(2n){border-right:0}
.fire h3{font-family:"Courier Prime",monospace;font-size:clamp(18px,1.9vw,23px);font-weight:400;margin:10px 0 8px;letter-spacing:-.01em}
.fire p{max-width:54ch;color:#333}
@media(max-width:760px){.fire{grid-template-columns:1fr}.fire>div{border-right:0}}

.to{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.to>div{padding:22px var(--pad) 32px;border-right:1px solid var(--line)}
.to>div:last-child{border-right:0}
.to h3{font-family:"Courier Prime",monospace;font-size:clamp(19px,2.1vw,26px);font-weight:400;margin:10px 0;letter-spacing:-.01em}
.to p{max-width:50ch;color:#333}
@media(max-width:800px){.to{grid-template-columns:1fr}.to>div{border-right:0;border-bottom:1px solid var(--line)}}

.faq{padding:0 var(--pad);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:44px 1fr 30px;gap:14px;align-items:baseline;padding:16px 0;font-family:"Courier Prime",monospace;font-size:clamp(15px,1.55vw,19px);font-weight:400;line-height:1.35;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .tegn{text-align:right;color:var(--mid);font-weight:400;font-size:.9em}
.faq details[open] summary .tegn{transform:rotate(45deg);display:inline-block}
.faq summary:hover{text-decoration:underline;text-underline-offset:4px}
.faq p{padding:0 30px 20px 58px;max-width:68ch;color:#333;line-height:1.62}
@media(max-width:600px){.faq summary{grid-template-columns:28px 1fr 24px;gap:8px}.faq p{padding-left:36px}}

/* tekstsider */
.tekst{display:grid;grid-template-columns:1fr 2.1fr;border-top:1px solid var(--line);padding:0 var(--pad)}
.tekst .venstre{padding:22px 24px 32px 0}
.tekst .hoyre{padding:22px 0 32px;border-left:1px solid var(--line);padding-left:28px}
.tekst h3{font-family:"Courier Prime",monospace;font-size:clamp(19px,2.1vw,26px);font-weight:400;letter-spacing:-.01em;line-height:1.28;margin-bottom:14px}
.tekst p{max-width:64ch;margin-bottom:1em;color:#222;font-size:clamp(16px,1.5vw,17.5px);line-height:1.62}
.tekst p:last-child{margin-bottom:0}
.tekst .oppdatert{font-size:11.5px;letter-spacing:.06em;text-transform:none;color:var(--mid);margin-bottom:0}
.tekst .kontaktkort{font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:14px;line-height:1.85}
.tekst .kontaktkort a{border-bottom:1px solid var(--line)}
.tekst .kontaktkort a:hover{border-bottom-color:var(--ink)}
.punktliste{list-style:none;margin:0 0 1em;max-width:64ch}
.punktliste li{position:relative;padding-left:20px;margin-bottom:.4em;color:#222;font-size:clamp(16px,1.5vw,17.5px);line-height:1.62}
.punktliste li::before{content:"—";position:absolute;left:0;color:var(--mid)}
@media(max-width:820px){.tekst{grid-template-columns:1fr}.tekst .hoyre{border-left:0;padding-left:0}.tekst .venstre{padding-bottom:8px}}

.punkter{border-top:1px solid var(--line);padding:22px var(--pad) 32px}
.punkter ul{list-style:none;margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;max-width:1100px}
.punkter li{border-bottom:1px solid var(--line);padding:13px 0;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:baseline;font-size:clamp(16px,1.5vw,17.5px);line-height:1.62}
.punkter li span{color:var(--mid);font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:10.5px}
@media(max-width:760px){.punkter ul{grid-template-columns:1fr}}

.faktafelt{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.faktafelt>div{padding:16px var(--pad);border-right:1px solid var(--line)}
.faktafelt>div:last-child{border-right:0}
.faktafelt span{display:block;color:var(--mid);margin-bottom:6px}
@media(max-width:760px){.faktafelt{grid-template-columns:1fr}.faktafelt>div{border-right:0;border-bottom:1px solid var(--line)}}


.portrett{border-top:1px solid var(--line);padding:22px var(--pad) 32px;display:grid;grid-template-columns:1fr 2.1fr;gap:0}
.portrett figure{max-width:420px}
.portrett img{width:100%;height:auto}
@media(max-width:820px){.portrett{grid-template-columns:1fr}.portrett figure{max-width:340px}}
.videre{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.videre a{padding:22px var(--pad) 32px;border-right:1px solid var(--line)}
.videre a:last-child{border-right:0}
.videre .navn{font-family:"Courier Prime",monospace;font-size:clamp(17px,1.9vw,23px);font-weight:400;letter-spacing:-.01em;margin-top:8px}
.videre a:hover .navn{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.videre{grid-template-columns:1fr}.videre a{border-right:0;border-bottom:1px solid var(--line)}}

/* skjema */
.skjema{border-top:1px solid var(--line);padding:22px var(--pad) 32px;max-width:640px}
.skjema label{display:block;margin-top:18px}
.skjema label span{display:block;margin-bottom:6px}
.skjema input,.skjema textarea{width:100%;border:0;border-bottom:1px solid var(--ink);padding:8px 0;font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:16px;background:none;color:inherit}
.skjema textarea{min-height:110px;resize:vertical}
.skjema button{margin-top:26px;border:1px solid var(--ink);background:none;padding:10px 18px;font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:14px;letter-spacing:.06em;cursor:pointer}
.skjema button:hover{background:var(--ink);color:#fff}
.skjema button:disabled{opacity:.5;cursor:default}
.felle{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.skjema .status{margin-top:18px;font-size:11.5px;letter-spacing:.06em;text-transform:none;min-height:1em}
.skjema .status.ok{color:var(--ink);border-left:2px solid var(--ink);padding-left:10px}
.skjema .status.feil{color:#8a8a8a;border-left:2px solid var(--line);padding-left:10px}

.kontakt{background:var(--ink);color:#fff;padding:10vh var(--pad) 4vh;margin-top:12vh}
.kontakt .meta{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:10px;margin-bottom:6vh;gap:20px;flex-wrap:wrap}
.kontakt .meta .dim{color:rgba(255,255,255,.55)}
.kontakt h2{font-family:"Courier Prime",monospace;font-size:clamp(20px,2.4vw,31px);line-height:1.28;letter-spacing:-.01em;font-weight:400;max-width:62ch;text-wrap:pretty}
.kontakt .undertekst{margin-top:18px;max-width:50ch;font-size:15.5px;color:rgba(255,255,255,.7);line-height:1.62}
.kontakt .epost{display:block;margin-top:5vh;font-family:"Courier Prime",monospace;font-size:clamp(17px,2vw,26px);letter-spacing:-.01em;font-weight:400;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:14px}
.kontakt .epost:hover{opacity:.65}
.kontakt .rader{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:5vh}
.kontakt .rader a:hover{text-decoration:underline;text-underline-offset:3px}
.kontakt .rader span{display:block;color:rgba(255,255,255,.55);margin-bottom:6px}
.kontakt footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.22);margin-top:9vh;padding-top:14px;color:rgba(255,255,255,.55)}
.kontakt footer nav{display:flex;gap:16px;flex-wrap:wrap}
.kontakt footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.kontakt .rader{grid-template-columns:1fr}}

.artikkelmeta{display:flex;gap:22px;flex-wrap:wrap;padding:0 var(--pad) 26px;border-bottom:1px solid var(--line);margin-bottom:2vh}
.artikkel{padding:22px var(--pad) 0;max-width:none}
.artikkel p{max-width:64ch;margin-bottom:1.05em;color:#222;font-size:clamp(16px,1.5vw,17.5px);line-height:1.62}
.artikkel h3{font-family:"Courier Prime",monospace;font-size:clamp(19px,2.1vw,26px);font-weight:400;letter-spacing:-.01em;line-height:1.28;margin:1.9em 0 .7em;max-width:36ch}
.artikkel .punktliste,.artikkel .nummerliste{max-width:64ch;margin:0 0 1.2em}
.nummerliste{list-style:none;counter-reset:n;padding:0}
.nummerliste li{counter-increment:n;position:relative;padding-left:38px;margin-bottom:.9em;color:#222;font-size:clamp(16px,1.5vw,17.5px);line-height:1.62}
.nummerliste li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.15em;font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.06em;color:var(--mid)}
.artikkel .opphav{font-size:11.5px;letter-spacing:.06em;text-transform:none;color:var(--mid);border-top:1px solid var(--line);padding-top:16px;margin-top:2em}
.artikkel .opphav a{color:var(--ink);border-bottom:1px solid var(--line)}
.artikkel .opphav a:hover{border-bottom-color:var(--ink)}
.liste .linje.ekstern .kilde time{font-variant-numeric:tabular-nums}

.video{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.video .ramme{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.video .ramme img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:filter .5s}
.video .ramme:hover img{filter:grayscale(0) contrast(1)}
.video .ramme iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .spill{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(13,13,13,.28);
  cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  color:#fff;transition:background .3s}
.video .ramme:hover .spill{background:rgba(13,13,13,.42)}
.video .spill .mono{font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.video .spill .trekant{width:0;height:0;border-style:solid;border-width:13px 0 13px 22px;
  border-color:transparent transparent transparent #fff;margin-left:5px}
.video .spill:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.video .videotekst{padding:10px var(--pad) 16px;color:var(--mid);text-transform:none;letter-spacing:.06em;font-size:10.5px}

/* nytt om salo */
.byravalg{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byravalg .post{background:var(--bg);padding-bottom:32px}
.byravalg figure{margin:0;aspect-ratio:1.75;overflow:hidden;background:#f4f4f4}
.byravalg figure img{width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1) contrast(1.03);transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .6s}
.byravalg .post:hover figure img{filter:grayscale(0) contrast(1);transform:scale(1.03)}
.byravalg .innhold{padding:22px var(--pad) 0}
.byravalg .navn{font-family:"Courier Prime",monospace;font-size:21px;letter-spacing:-.01em;margin-bottom:6px}
.byravalg .inngang{color:#333;font-size:15.5px;line-height:1.5;max-width:46ch}
.byravalg .kilde{margin-top:12px;line-height:1.9}
.byravalg .kilde a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
@media(max-width:760px){.byravalg{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.byravalg figure img{transition:none}
 .byravalg .post:hover figure img{transform:none}}

/* galleri */
.galleri{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.galleri figure{background:#f4f4f4;aspect-ratio:var(--celle, 1.333);overflow:hidden;margin:0}
.galleri figure.hel img{object-fit:contain;background:#f4f4f4}
.galleri figure.bred{grid-column:1 / -1;aspect-ratio:calc(var(--celle, 1.333) * 2)}
.galleri img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  filter:grayscale(1) contrast(1.03);transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .6s}
.galleri figure:hover img{filter:grayscale(0) contrast(1);transform:scale(1.03)}
.galleri.ett{grid-template-columns:1fr}
.galleri.ett figure{aspect-ratio:auto}
.galleri.ett img{height:auto}
@media(max-width:760px){.galleri{grid-template-columns:1fr}.galleri figure.bred{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.galleri img{transition:none}.galleri figure:hover img{transform:none}}

.tekst .kundeliste{font-family:"Courier Prime",monospace;font-size:clamp(17px,1.9vw,22px);line-height:1.7;letter-spacing:-.01em;max-width:52ch;color:var(--ink)}
.tekst .kundeliste .dim{color:var(--mid)}