:root{--ink:#2a1f26;--ink-60:#5c4c55;--ink-40:#85707b;--border:#ddd0ca;--surface:#fff;--bg:#faf8f4;--accent:#7c2439;--accent-ink:#fff;--about-bg:#f3e7e4;--projects-bg:#fff;--education-bg:#33253f;--skills-bg:#ece6f2;--experience-bg:#faf8f4;--dark-ink:#f7efea;--dark-ink-60:#d6c3c9;--dark-ink-40:#b29ba4;--dark-border:#54456a;--dark-surface:#43355a;--panel-bg:#6b2134;--panel-ink:#fbf3ee;--panel-muted:#e2c4cb;--panel-border:#94485c;--panel-cta:#f3e7e4;--panel-cta-ink:#5a1a2b;--blob-1:#f1d3d8;--blob-2:#e3d5ef;--blob-3:#f3e0d6;--font-display:"Jost", "Futura", system-ui, sans-serif;--font-body:"Jost", "Futura", system-ui, sans-serif;--radius:2px;--max-w:1080px;--gutter:max(2rem, calc((100% - var(--max-w)) / 2 + 2rem));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#f1e8e4;--ink-60:#c9b7bd;--ink-40:#9a8590;--border:#45363e;--surface:#2a2026;--bg:#1a1418;--accent:#d8909f;--accent-ink:#1a1418;--about-bg:#241a1f;--projects-bg:#1f181c;--education-bg:#2a2036;--skills-bg:#211c28;--experience-bg:#1a1418;--dark-surface:#3a2d4c;--panel-bg:#4f1726;--blob-1:#3a1f29;--blob-2:#2c2240;--blob-3:#33241f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{transition:background .3s,color .3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}img,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.nav{z-index:100;background:var(--bg);border-top:3px solid var(--accent);border-bottom:.5px solid var(--border);align-items:center;gap:2rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-display);margin-right:auto;font-size:1.1rem;font-weight:500}.nav-links{gap:1.5rem;display:flex}.nav-links a{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);font-size:.75rem;transition:color .2s}.nav-links a:hover,.nav-links a.nav-active{color:var(--ink)}.nav-links a.nav-active:after{content:"";background:var(--accent);height:1.5px;margin-top:3px;display:block}.nav-actions{align-items:center;gap:1rem;display:flex}.lang-toggle{letter-spacing:.05em;color:var(--ink-40);border:.5px solid var(--border);border-radius:var(--radius);align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;transition:border-color .2s;display:flex}.lang-toggle:hover{border-color:var(--ink-40)}.lang-toggle .lang-active{color:var(--ink);font-weight:500}.theme-toggle{width:2rem;height:2rem;color:var(--ink-60);border:.5px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;font-size:.9rem;transition:border-color .2s,color .2s;display:flex}.theme-toggle:hover{border-color:var(--ink-40);color:var(--ink)}.lang-sep{color:var(--border)}.nav-toggle{width:2rem;height:2rem;color:var(--ink-60);border:.5px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;font-size:.9rem;transition:border-color .2s,color .2s;display:none}.nav-toggle:hover{border-color:var(--ink-40);color:var(--ink)}.nav-cv{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);padding:.45rem 1rem;font-size:.72rem;transition:background .2s,color .2s}.nav-cv:hover{background:var(--accent);color:var(--accent-ink)}.hero{padding:4.5rem var(--gutter) 5.5rem;background:var(--bg);isolation:isolate;grid-template-columns:.72fr 1.28fr;align-items:center;gap:3.6rem;display:grid;position:relative;overflow:hidden}.hero>:not(.hero-bg){z-index:1;position:relative}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-blob{filter:blur(70px);opacity:.85;will-change:transform;border-radius:50%;animation:24s ease-in-out infinite alternate hero-drift;position:absolute}.hero-blob-1{background:var(--blob-1);width:34rem;height:34rem;top:-12rem;left:38%}.hero-blob-2{background:var(--blob-2);width:28rem;height:28rem;animation-duration:30s;animation-delay:-8s;bottom:-12rem;right:-6rem}.hero-blob-3{background:var(--blob-3);width:24rem;height:24rem;animation-duration:27s;animation-delay:-15s;top:20%;left:-8rem}@keyframes hero-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(3rem,2rem)scale(1.08)}to{transform:translate(-2rem,-1.5rem)scale(.96)}}.hero-floater{width:1.6rem;height:1.6rem;color:var(--accent);opacity:.35;animation:16s ease-in-out infinite alternate hero-float;position:absolute}.hero-floater-1{top:12%;left:52%}.hero-floater-2{width:1.3rem;height:1.3rem;animation-duration:19s;animation-delay:-5s;top:70%;left:6%}.hero-floater-3{width:2rem;height:2rem;animation-duration:21s;animation-delay:-11s;top:18%;right:8%}.hero-floater-4{width:1.1rem;height:1.1rem;animation-duration:18s;animation-delay:-3s;bottom:12%;left:46%}.hero-floater-5{animation-duration:23s;animation-delay:-9s;bottom:22%;right:14%}.hero-floater-6{width:1.2rem;height:1.2rem;animation-duration:20s;animation-delay:-14s;top:8%;left:4%}@keyframes hero-float{0%{transform:translate(0)rotate(0)}to{transform:translate(.8rem,-1.4rem)rotate(28deg)}}@media (prefers-reduced-motion:reduce){.hero-blob,.hero-floater{animation:none}}@media (width<=720px){.hero-floater-1,.hero-floater-4{display:none}}.hero-portrait{background:var(--surface);border:1px solid var(--accent);border-radius:18px;max-width:380px;position:relative;overflow:hidden}.hero-portrait img{width:100%;height:auto}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.72rem}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:500;line-height:1.05}.hero-creds{flex-direction:column;gap:.55rem;margin-bottom:2rem;display:flex}.hero-creds li{border-left:2px solid var(--accent);flex-direction:column;gap:.1rem;padding-left:.9rem;display:flex}.cred-main{color:var(--ink);font-size:.95rem;font-weight:500}.cred-detail{color:var(--ink-40);font-size:.8rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-dark{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.6rem;font-size:.75rem;transition:opacity .2s}.btn-dark:hover{opacity:.85}.btn-outline{border:1px solid var(--ink-40);color:var(--ink);border-radius:var(--radius);letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.6rem;font-size:.75rem;transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--ink);color:var(--ink)}.about,.projects,.skills,.education,.experience{padding:5rem var(--gutter);color:var(--ink)}.about{background:var(--about-bg)}.projects{background:var(--projects-bg)}.skills{background:var(--skills-bg)}.experience{background:var(--experience-bg)}.education{--ink:var(--dark-ink);--ink-60:var(--dark-ink-60);--ink-40:var(--dark-ink-40);--border:var(--dark-border);--surface:var(--dark-surface);background:var(--education-bg)}section.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}section.reveal.is-visible{opacity:1;transform:none}@media print{section.reveal{opacity:1;transform:none}}.about-badges{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.about-badge{border:.5px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1.1rem .5rem .55rem;font-size:.95rem;font-weight:500;transition:transform .2s,border-color .2s;display:flex}.about-badge:hover{border-color:var(--ink-40);transform:translateY(-2px)}.about-badge-icon{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);border-radius:50%;padding:.35rem}@media (prefers-reduced-motion:reduce){.about-badge:hover{transform:none}}.about-body{flex-direction:column;gap:1.1rem;max-width:60ch;margin-top:1.75rem;display:flex}.about-body p{color:var(--ink);font-size:1.05rem;line-height:1.8}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:2.5rem;display:flex}.section-title{font-family:var(--font-display);font-size:2rem;font-weight:500}.title-underline{display:inline-block;position:relative}.title-underline:after{content:"";background:var(--accent);transform-origin:0;height:1.5px;transition:transform .9s .4s;position:absolute;bottom:-.2rem;left:0;right:0;transform:scaleX(0)}.is-visible .title-underline:after{transform:scaleX(1)}.section-link{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem;transition:color .2s}.section-link:hover{color:var(--ink)}.project-grid{--gap:1.75rem;--card-h:13.5rem;--slot:calc((100cqw - 2 * var(--gap)) / 3);--step:calc(var(--slot) + var(--gap));--wide:calc(2 * var(--slot) + var(--gap));--pad:1.75rem;--ease:cubic-bezier(.32, .72, 0, 1);--open:.5s;gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid;container-type:inline-size}.projects{z-index:2;position:relative}.proj-slot{height:var(--card-h);position:relative}.proj-card{z-index:1;min-height:var(--card-h);border:.5px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--bg);transition:left var(--open) var(--ease), right var(--open) var(--ease), box-shadow var(--open) var(--ease), z-index var(--open) linear;outline:none;position:absolute;top:0;left:0;right:0}.proj-slot.is-open .proj-card,.proj-card:focus-visible{z-index:20;transition:left var(--open) var(--ease), right var(--open) var(--ease), box-shadow var(--open) var(--ease), z-index 0s;box-shadow:0 24px 56px -18px #2a1f2659}.proj-card:has(:focus-visible){z-index:20;transition:left var(--open) var(--ease), right var(--open) var(--ease), box-shadow var(--open) var(--ease), z-index 0s;box-shadow:0 24px 56px -18px #2a1f2659}.proj-slot:nth-child(3n+1).is-open .proj-card,.proj-slot:nth-child(3n+1) .proj-card:is(:focus-visible,:has(:focus-visible)){right:calc(-1 * var(--step))}.proj-slot:nth-child(3n+2).is-open .proj-card,.proj-slot:nth-child(3n+2) .proj-card:is(:focus-visible,:has(:focus-visible)){left:calc(-.5 * var(--step));right:calc(-.5 * var(--step))}.proj-slot:nth-child(3n).is-open .proj-card,.proj-slot:nth-child(3n) .proj-card:is(:focus-visible,:has(:focus-visible)){left:calc(-1 * var(--step))}.proj-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.proj-front{width:var(--slot);padding:var(--pad)}.proj-front .tag{margin-bottom:.9rem;display:inline-block}.proj-more{transition:grid-template-rows var(--open) var(--ease);grid-template-rows:0fr;display:grid}.proj-more-inner{min-height:0;width:var(--wide);opacity:0;transition:opacity .18s;overflow:hidden}.proj-more-body{padding:0 var(--pad) var(--pad)}.proj-slot.is-open .proj-more,.proj-card:is(:focus-visible,:has(:focus-visible)) .proj-more{grid-template-rows:1fr}.proj-slot.is-open .proj-more-inner,.proj-card:is(:focus-visible,:has(:focus-visible)) .proj-more-inner{opacity:1;transition:opacity .35s .2s}@media (prefers-reduced-motion:reduce){.proj-card,.proj-slot.is-open .proj-card,.proj-more,.proj-more-inner{transition:none}}@media (width<=900px),(hover:none){.project-grid{--slot:100cqw;grid-template-columns:1fr}.proj-slot{height:auto}.proj-card,.proj-slot:nth-child(n).is-open .proj-card,.proj-slot:nth-child(n) .proj-card:is(:focus-visible,:has(:focus-visible)),.proj-slot:nth-child(n) .proj-card:focus-within{cursor:pointer;min-height:0;position:relative;left:0;right:0}.proj-card:focus-within .proj-more{grid-template-rows:1fr}.proj-card:focus-within .proj-more-inner{opacity:1}}.proj-tech{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.proj-tech li{letter-spacing:.03em;color:var(--ink-60);border:.5px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.7rem}.proj-actions{gap:1.25rem;display:flex}.tag{letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:.15rem .55rem;font-size:.65rem}.tag-hobby{background:var(--accent);color:var(--accent-ink)}.tag-skole,.tag-skoleprosjekt,.tag-school,.tag-school-project{background:var(--about-bg);color:var(--ink)}.tag-under-utvikling,.tag-in-progress{color:var(--ink-60);border:.5px solid var(--border);background:0 0}.proj-lang{color:var(--ink-60);font-size:.72rem}.proj-name{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.4rem;font-weight:500}.proj-desc{color:var(--ink-60);margin-bottom:1.25rem;font-size:.92rem;line-height:1.6}.proj-why{border-left:2px solid var(--about-bg);margin-bottom:1.25rem;padding-left:.9rem}.proj-why-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60);margin-bottom:.35rem;font-size:.7rem;font-weight:500}.proj-why p{color:var(--ink-60);font-size:.88rem;line-height:1.6}.proj-progress{margin-bottom:1.5rem}.proj-progress-head{justify-content:space-between;align-items:baseline;display:flex}.proj-progress-count{color:var(--ink-60);font-size:.75rem}.proj-progress-bar{background:var(--border);border-radius:999px;height:4px;margin:.2rem 0 .9rem;overflow:hidden}.proj-progress-bar span{background:var(--accent);height:100%;display:block}.proj-progress-list{flex-direction:column;gap:.45rem;display:flex}.proj-progress-list li{color:var(--ink-60);grid-template-columns:.75rem 1fr;align-items:center;gap:.6rem;font-size:.85rem;display:grid}.proj-progress-list li.is-done{color:var(--ink)}.proj-progress-mark{background:var(--accent);border-radius:50%;width:.6rem;height:.6rem}.is-now .proj-progress-mark{border:1.5px solid var(--ink-40);background:0 0}.proj-link{color:var(--ink-60);border-bottom:.5px solid var(--border);padding-bottom:1px;font-size:.78rem;transition:color .2s,border-color .2s}.proj-link:hover{color:var(--ink);border-color:var(--ink)}.proj-link-live{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.proj-video,.proj-video-trigger{aspect-ratio:16/9;border-radius:var(--radius);border:.5px solid var(--border);background-color:var(--bg);width:100%;margin-bottom:1.25rem;display:block}.proj-video{object-fit:cover}.proj-video-trigger{cursor:pointer;color:var(--ink);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-family:inherit;transition:border-color .2s,transform .2s;display:flex;position:relative}.proj-video-trigger:hover{border-color:var(--ink-40);transform:translateY(-2px)}.proj-video-play{background:var(--surface);border:.5px solid var(--border);border-radius:50%;place-items:center;width:44px;height:44px;padding-left:3px;font-size:.9rem;display:grid}.proj-video-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);font-size:.72rem}.proj-video-trigger.has-poster:after{content:"";border-radius:inherit;background:linear-gradient(#0003,#0000008c);position:absolute;inset:0}.proj-video-trigger.has-poster .proj-video-play,.proj-video-trigger.has-poster .proj-video-label{z-index:1;position:relative}.proj-video-trigger.has-poster .proj-video-play{color:#1a1a1a;background:#fffffff2;border-color:#0000}.proj-video-trigger.has-poster .proj-video-label{color:#fff;text-shadow:0 1px 3px #00000080}@media (prefers-reduced-motion:reduce){.proj-video-trigger:hover{transform:none}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;display:grid}.skills-group-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-40);margin-bottom:.9rem;font-size:.72rem;font-weight:500}.skills-list{flex-direction:column;gap:.4rem;display:flex}.skills-list li{color:var(--ink);border-bottom:.5px solid var(--border);padding:.35rem 0;font-size:.95rem}.skills-icon-groups{flex-direction:column;gap:2.25rem;margin-top:1.75rem;display:flex}.skills-icons{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.75rem;display:grid}.skill-tile{border:.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink-60);text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1.1rem .5rem .9rem;font-size:.78rem;transition:transform .2s,border-color .2s;display:flex}.skill-tile:hover{border-color:var(--ink-40);transform:translateY(-3px)}.skill-icon{width:40px;height:40px}:root[data-theme=dark] .skill-icon.is-mono{filter:invert()}@media (prefers-reduced-motion:reduce){.skill-tile:hover{transform:none}}.timeline{flex-direction:column;display:flex}.timeline-item{border-bottom:.5px solid var(--border);grid-template-columns:9rem 1fr;align-items:baseline;gap:1.5rem;padding:1.1rem 0;display:grid}.timeline-item.is-collapsed{display:none}.timeline-item:first-child{border-top:.5px solid var(--border)}.timeline-date{color:var(--ink-40);padding-top:2px;font-size:.75rem}.timeline-role{font-size:.92rem;font-weight:500;display:block}.timeline-place{color:var(--ink-40);font-size:.8rem}.timeline-featured{padding:1.4rem 0}.timeline-featured .timeline-role{font-size:1rem}.timeline-bullets{flex-direction:column;gap:.3rem;margin-top:.6rem;display:flex}.timeline-bullets li{color:var(--ink-60);padding-left:1rem;font-size:.85rem;line-height:1.5;position:relative}.timeline-bullets li:before{content:"—";color:var(--accent);position:absolute;left:0}.show-more{letter-spacing:.03em;color:var(--ink-60);border:.5px solid var(--border);border-radius:var(--radius);align-items:center;gap:.45rem;margin-top:1.75rem;padding:.55rem 1.1rem;font-size:.8rem;transition:border-color .2s,color .2s;display:inline-flex}.show-more:hover{border-color:var(--ink-40);color:var(--ink)}.show-more-icon{transition:transform .2s}.show-more-icon.open{transform:rotate(180deg)}.contact{background:var(--panel-bg);padding:5rem var(--gutter)}.contact-eyebrow{color:var(--panel-muted)}.contact-title{font-family:var(--font-display);color:var(--panel-ink);margin:.5rem 0 .75rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500}.contact-desc{color:var(--panel-muted);margin-bottom:2rem;font-size:.9rem}.contact-links{flex-wrap:wrap;gap:.75rem;display:flex}.contact-btn{border:1px solid var(--panel-muted);color:var(--panel-ink);border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:500;transition:background .2s,color .2s,transform .2s;display:inline-flex}.contact-btn svg{flex:none;width:1.15rem;height:1.15rem}.contact-btn:hover,.contact-btn:focus-visible{background:var(--panel-cta);border-color:var(--panel-cta);color:var(--panel-cta-ink);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.contact-btn:hover{transform:none}}.footer{background:var(--bg);padding:1rem var(--gutter);color:var(--ink-60);border-top:.5px solid var(--border);justify-content:space-between;font-size:.72rem;display:flex}@media (width<=720px){:root{--gutter:1.25rem}.hero{padding:3rem var(--gutter) 2.5rem;grid-template-columns:1fr}.hero-portrait{max-width:270px;margin:0 auto}.nav{flex-wrap:wrap;gap:.6rem;padding:1rem 1.25rem}.nav-logo{font-size:1rem}.nav-actions{gap:.6rem}.nav-cv{padding:.4rem .7rem}.nav-toggle{display:flex}.nav-menu{display:none}.nav-menu.is-open{border-top:.5px solid var(--border);order:3;width:100%;padding-top:.75rem;display:block}.nav-menu.is-open .nav-links{flex-direction:column;gap:1rem}.timeline-item{grid-template-columns:1fr;gap:.25rem}.footer{flex-direction:column;gap:.25rem}}