.wordmark[data-astro-cid-qisgtjgl]{align-items:center;gap:.68rem;line-height:1;display:inline-flex}.wordmark__mark[data-astro-cid-qisgtjgl]{flex:none;width:2.3rem;height:2.3rem;display:block}.wordmark__type[data-astro-cid-qisgtjgl]{gap:.28rem;min-width:0;display:grid}.wordmark__title[data-astro-cid-qisgtjgl]{color:var(--text-primary);letter-spacing:-.025em;font-size:.94rem;font-weight:750}.wordmark__subtitle[data-astro-cid-qisgtjgl]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.54rem}.wordmark--footer[data-astro-cid-qisgtjgl]{gap:.82rem}.wordmark--footer[data-astro-cid-qisgtjgl] .wordmark__mark[data-astro-cid-qisgtjgl]{width:2.75rem;height:2.75rem}.wordmark--footer[data-astro-cid-qisgtjgl] .wordmark__title[data-astro-cid-qisgtjgl]{font-size:1.08rem}.wordmark--footer[data-astro-cid-qisgtjgl] .wordmark__subtitle[data-astro-cid-qisgtjgl]{font-size:.58rem}@media (width<=420px){.wordmark--nav[data-astro-cid-qisgtjgl]{gap:.55rem}.wordmark--nav[data-astro-cid-qisgtjgl] .wordmark__mark[data-astro-cid-qisgtjgl]{width:2.15rem;height:2.15rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#c96a3d;--accent-on-surface:#cd6c3e;--primary-on-surface:#369491;--accent-dim:#c96a3da6;--accent-muted:#c96a3d1a;--primary:#2d7a78;--primary-hover:#245f5d;--primary-muted:#2d7a7829;--primary-light:#4a9d9a;--text-on-primary:#fff;--text-on-accent:#0a0a14;--domain-platforme:#4a9d9a;--domain-universer:#d7a928;--domain-vaerktoejer:#c96a3d;--domain-laering:#e77c6b;--secondary:#d7a928;--accent-pink:#e77c6b;--bg-primary:#171311;--bg-surface:#1b1714e6;--bg-surface-alt:#1e1a17;--bg-elevated:#231f1b;--text-primary:#f4efe6;--text-secondary:#f4efe6c7;--text-muted:#f4efe685;--border:#c96a3d2e;--border-accent:#c96a3d40;--shadow-soft:0 8px 32px #1f2a2429;--shadow-glow:0 0 20px #c96a3d14;--shadow-card:0 8px 24px #c96a3d14, 0 0 0 1px #c96a3d1f;--shadow-btn:0 2px 8px #2d7a7840;--status-concept:#6b7280;--status-prototype:#e77c6b;--status-pilot:#f59e0b;--status-live:#059669;--status-published:#3b82f6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--max-width:1200px;--nav-height:64px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background-color:var(--bg-primary);overflow-wrap:break-word;min-height:100vh;font-family:Public Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.65}body.nav-open{overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#f4efe606 1px,#0000 1px),linear-gradient(90deg,#f4efe606 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000 0% 38%,#0000 90%)}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 14% -10%,#c96a3d1c,#0000 66%),radial-gradient(46% 40% at 97% 4%,#2d7a7817,#0000 70%),radial-gradient(82% 55% at 50% 118%,#d7a9280d,#0000 72%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.08}h1{font-size:clamp(2.4rem,5vw,4.25rem)}h2{font-size:clamp(1.75rem,3vw,2.8rem)}h3{font-size:clamp(1.2rem,2vw,1.65rem)}h4{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.72}.section h1,.section h2,.section h3,.prose h1,.prose h2,.prose h3{text-wrap:balance}.section h2{letter-spacing:-.035em}.section p,.prose p{text-wrap:pretty;max-width:66ch}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--text-primary)}::selection{color:var(--text-primary);background:#c96a3d40}.skip-link{z-index:2000;border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-primary);padding:.75rem 1rem;font-weight:600;transition:transform .2s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.mono{letter-spacing:.02em;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.875em}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--concept{color:#b0b6be;background:#2a2c30}.badge--prototype{color:#f0a294;background:#38211d}.badge--pilot{color:#fcd34d;background:#332a18}.badge--live{color:#6ee7b7;background:#1a2e28}.badge--published{color:#93c5fd;background:#1c2840}.btn{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:linear-gradient(180deg, #ffffff1a, transparent 42%), var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-btn), inset 0 1px 0 #ffffff24;letter-spacing:.01em}.btn--primary:hover{background:linear-gradient(180deg, #ffffff1f, transparent 42%), var(--primary-hover);color:var(--text-on-primary);transform:translateY(-1px);box-shadow:0 6px 20px #2d7a7857,inset 0 1px #ffffff29}.btn--primary:active{transform:translateY(0);box-shadow:0 1px 4px #2d7a7833}.btn--outline{color:var(--text-primary);border:1px solid var(--border-accent);background:#f4efe604}.btn--outline:hover{border-color:var(--accent);color:var(--accent);background:#c96a3d12;transform:translateY(-1px)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1rem,2vw,1.5rem)}.section{z-index:1;padding:clamp(4.5rem, 8vw, var(--space-5xl)) 0;position:relative}.section+.section:before{content:"";background:linear-gradient(90deg, transparent, var(--border-accent) 18%, var(--border-accent) 82%, transparent);opacity:.7;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.card{background:linear-gradient(180deg, #f4efe60a, transparent 32%), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:clamp(1.25rem,2vw,1.75rem);position:relative;box-shadow:inset 0 1px #f4efe60a,0 6px 20px #0000002e}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card), 0 16px 38px #0000004d;transform:translateY(-3px)}.card:focus-within{border-color:var(--border-accent);box-shadow:var(--shadow-card)}.card--platforme{border-left:3px solid var(--domain-platforme)}.card--universer{border-left:3px solid var(--domain-universer)}.card--vaerktoejer{border-left:3px solid var(--domain-vaerktoejer)}.card--laering{border-left:3px solid var(--domain-laering)}.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px),(pointer:coarse){.tap{align-items:center;min-height:44px;display:inline-flex}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#c96a3d4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c96a3d80}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
