@font-face{font-family:"Familjen";src:url(fonts/familjen.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plexmono.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plexmono-m.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}

:root{--abyss:#0b1f24;--line:#28464d;--foam:#e7f1ee;--lime:#c9f26b;--mute:#8fb0ad}
*{box-sizing:border-box}body{margin:0;background:var(--abyss);color:var(--foam);font:400 1.05rem/1.55 Familjen,sans-serif}img{max-width:100%;display:block}a{color:var(--lime)}
.mono,.tag,.bar nav i,.score{font-family:Plex,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(3.4rem,10vw,8.5rem);line-height:.88;font-weight:700;letter-spacing:-.04em;margin:.3em 0}
.bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:.9rem 1.2rem;gap:1rem}
.brand{color:var(--foam);text-decoration:none;font-weight:700;letter-spacing:.2em}.brand span{font:400 .7rem Plex;color:var(--mute);margin-left:.6rem}
.bar nav{display:flex;gap:1.4rem}.bar nav a{color:var(--mute);text-decoration:none;font-size:.92rem}.bar nav i{font-style:normal;color:var(--lime);margin-right:.35rem}.bar nav a[aria-current]{color:var(--foam)}
.split-hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:calc(100svh - 56px);border-bottom:1px solid var(--line)}.split-hero.short{min-height:70vh}
.pic{position:relative;border-right:1px solid var(--line)}.pic img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tag{position:absolute;left:1rem;bottom:1rem;background:var(--abyss);padding:.35rem .6rem}
.txt{padding:3rem clamp(1.2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}
.btn{display:inline-block;padding:.85rem 1.2rem;border:1px solid var(--foam);color:var(--foam);text-decoration:none;font:500 .8rem Plex;letter-spacing:.08em;text-transform:uppercase}.btn.book{background:var(--lime);border-color:var(--lime);color:var(--abyss)}
.acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}.score{color:var(--mute)}.score b{color:var(--lime);font-size:1.3rem}
.log{display:grid;grid-template-columns:1fr 3fr;padding:3rem 1.2rem;border-bottom:1px solid var(--line);gap:1rem}.log h2{margin:0;color:var(--mute)}.log ol{list-style:none;margin:0;padding:0}.log li{font-size:clamp(1.8rem,5vw,3.6rem);font-weight:700;letter-spacing:-.03em;border-bottom:1px solid var(--line);padding:.4rem 0;display:flex;gap:1.2rem;align-items:baseline}.log li span{color:var(--lime)}
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.strip img{aspect-ratio:3/4;object-fit:cover;width:100%;border-right:1px solid var(--line);filter:saturate(.9)}
.index{display:grid;grid-template-columns:repeat(3,1fr)}.index a{color:var(--foam);text-decoration:none;padding:2.5rem 1.2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.6rem;font-weight:700;display:grid;gap:.5rem}.index a:hover{background:#12303a}.index span{color:var(--lime)}.index b{font:400 .8rem Plex;color:var(--mute);text-transform:uppercase}
.pad{padding:2.5rem 1.2rem}.head h1{margin-bottom:.2em}
.official{border:1px dashed var(--lime);padding:1.5rem;max-width:820px}.official h2{font:500 .8rem Plex;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin:0 0 .6rem}
.rt{width:100%;border-collapse:collapse;font-size:1.2rem}.rt th{text-align:left;font:400 .75rem Plex;color:var(--mute);text-transform:uppercase;border-bottom:1px solid var(--foam);padding:.6rem .4rem}.rt td{border-bottom:1px solid var(--line);padding:1rem .4rem}.rt td:first-child{color:var(--lime)}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.grid li{padding:1.5rem 1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.2rem;font-weight:700;display:grid;gap:1.5rem}.grid li span{color:var(--lime)}
.pol{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0;border-top:1px solid var(--line)}.pol div{border-bottom:1px solid var(--line);padding:1rem 0}.pol dt{font:500 .78rem Plex;text-transform:uppercase;color:var(--lime)}.pol dd{margin:.3rem 0 0;font-size:1.15rem}
address{font-style:normal;font-size:1.1rem}
.foot{border-top:1px solid var(--line);padding:3rem 1.2rem;display:grid;grid-template-columns:auto 1fr;gap:1rem 2rem;align-items:start;color:var(--mute)}.foot img{border-radius:50%;grid-row:span 4}.foot nav{display:flex;gap:1rem;flex-wrap:wrap}.foot nav a{color:var(--foam)}.foot p{margin:0}.small{font-size:.8rem}
a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:820px){.bar{flex-wrap:wrap}.bar nav{width:100%;overflow-x:auto;gap:1rem}.bar nav a{white-space:nowrap}.split-hero{grid-template-columns:1fr;min-height:0}.pic{min-height:46vh;border-right:0;border-bottom:1px solid var(--line)}.txt{padding:2rem 1.2rem}.log{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.index{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr}.foot img{grid-row:auto}}
