:root{color-scheme:dark;--night:#0b1115;--paper:#f2f3f1;--ink:#10161a;--fog:#8b979c;--line:rgba(255,255,255,.18);--amber:#ffd696;--amber-soft:rgba(255,214,150,.28);
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--gut:clamp(16px,4vw,56px)}
*{box-sizing:border-box}
html,body{background:var(--night);color:#fff;margin:0}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.lab{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase}
.cap{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;line-height:1.7}
.cap b{font-weight:500;color:#fff}.cap span{opacity:.62}
.nav{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gut) 18px;mix-blend-mode:difference;color:#fff;pointer-events:none}
.nav a{pointer-events:auto;text-decoration:none}
.nav .logo{font-weight:500;font-variation-settings:"wdth" 118;letter-spacing:.2em;font-size:13px;text-transform:uppercase}
.nav .hej{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.nav a:focus-visible,.switch a:focus-visible,button:focus-visible{outline:1px solid var(--amber);outline-offset:4px}
.switch{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;display:flex;gap:4px;padding:4px;border-radius:99px;background:rgba(12,18,22,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14)}
.switch a{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.7);padding:8px 12px;border-radius:99px;white-space:nowrap}
.switch a[aria-current="page"]{background:#fff;color:#0b1115}
.snd{width:42px;height:42px;padding:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.snd[aria-pressed="true"]{background:#fff;color:#0b1115}
.snd::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M17 9l4 6M21 9l-4 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M17 9l4 6M21 9l-4 6'/%3E%3C/svg%3E") center/contain no-repeat}.snd[aria-pressed="true"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M16.5 8.5a5 5 0 0 1 0 7M19 6a8.5 8.5 0 0 1 0 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M16.5 8.5a5 5 0 0 1 0 7M19 6a8.5 8.5 0 0 1 0 12'/%3E%3C/svg%3E")}
.end{background:var(--night);color:#fff;padding:clamp(110px,20vh,220px) var(--gut) calc(90px + env(safe-area-inset-bottom,0px));position:relative;z-index:2}
.end h2{margin:0;font-weight:800;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.045em;line-height:.82;font-size:clamp(72px,17vw,280px)}
.end .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:clamp(50px,9vh,110px);padding-top:22px;border-top:1px solid #26323a}
.end .row a{text-decoration:none;border-bottom:1px solid #3b4a52;padding-bottom:2px}
@media (max-width:640px){.switch a{padding:8px 9px;letter-spacing:.1em}}