:root{--paper: #111213;--ink: #ececec;--ink-2: #9c9c9c;--rule: #2a2a2a;--char: #262626;--on-char: #f4f4f4;--on-char-2: #a8a8a8;--char-rule: #3a3a3a;--live: #5fcf93;--build: #e6a74a;--dormant: #8a8a8a;--chip-on-bg: #ececec;--chip-on-fg: #111213;--portrait-filter: brightness(.82) contrast(1.05);--mark: url(/mb-mark-black-400.png);--display: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--wide: 64rem;--col: 44rem;color-scheme:dark}:root[data-mode=light]{--paper: #f3f3f2;--ink: #161616;--ink-2: #5c5c5c;--rule: #d9d9d6;--char: #2f2f2f;--char-rule: #444444;--live: #1f7a4c;--build: #9a5b00;--dormant: #7a7a7a;--chip-on-bg: #161616;--chip-on-fg: #f3f3f2;--portrait-filter: none;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-color:var(--rule);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.inner{max-width:var(--wide);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.mono{font-family:var(--mono);font-size:.8125rem;letter-spacing:.01em}.label{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.mk{display:inline-block;aspect-ratio:400 / 395;background-color:currentColor;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat}.hero{position:relative;overflow:hidden;min-height:36rem;display:flex;color:var(--hfg);background:var(--hbg)}.hero>.inner{width:100%;position:relative;z-index:5;padding-block:1.5rem 4.5rem;display:flex;flex-direction:column}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-bottom:1rem;border-bottom:1px solid var(--hline)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:600;letter-spacing:-.01em;color:var(--hfg);text-decoration:none}.brand .mk{width:1.7rem}.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}.top nav a{color:var(--hfg2);text-decoration:none;font-size:.9375rem}.top nav a:hover{color:var(--hfg)}.mode{font:inherit;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--hfg2);background:transparent;border:1px solid var(--hline);border-radius:999px;padding:.15rem .65rem;cursor:pointer}.mode:hover{color:var(--hfg)}.thesis{padding-top:clamp(3rem,9vw,6.5rem);max-width:34rem}.thesis h1{font-weight:600;font-size:clamp(2.2rem,6vw,4rem);line-height:1.02;letter-spacing:-.035em;margin:0;text-wrap:balance;max-width:15ch}.thesis p{margin:2rem 0 0;color:var(--hfg2);font-size:1.125rem;max-width:30rem}.thesis p a{color:var(--hfg);text-decoration-color:var(--hline)}.hlayer{position:absolute;inset:0;pointer-events:none}.h-floor{--hbg: #0d0e10;--hfg: #f2f2f2;--hfg2: #9b9b9b;--hline: rgba(255,255,255,.12);min-height:38rem}.f-glow{background:radial-gradient(ellipse 50% 22% at 74% 60%,rgba(255,255,255,.1),transparent 70%)}.f-stage{position:absolute;inset:0;perspective:1000px;perspective-origin:50% 40%;pointer-events:none;overflow:hidden}.f-floor{position:absolute;left:-100%;right:-100%;top:60%;height:110%;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:64px 64px;transform-origin:50% 0;transform:rotateX(78deg);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%)}.f-horizon{position:absolute;left:0;right:0;top:60%;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.28) 45%,rgba(255,255,255,.28) 95%,transparent)}.f-obj{position:absolute;right:10%;top:60%;width:clamp(8rem,17vw,13rem);pointer-events:none}.f-obj>.mk{position:absolute;left:0;bottom:0;width:100%;color:#f0f0f0}.f-refl{position:absolute;left:0;top:2px;width:100%;transform:scaleY(-1);opacity:.22;-webkit-mask-image:linear-gradient(to top,#000,transparent 55%);mask-image:linear-gradient(to top,#000,transparent 55%)}.f-refl .mk{width:100%;filter:blur(1.5px);color:#f0f0f0}@media (prefers-reduced-motion: no-preference){.f-floor{animation:fmove 3s linear infinite}@keyframes fmove{to{background-position:0 64px,0 0}}}@media (max-width: 700px){.f-obj{opacity:.35;right:2%}}@media (max-width: 560px){.h-floor{min-height:0}.hero>.inner{padding-block:1rem 10rem}.thesis{padding-top:2.5rem}.thesis p{font-size:1.0625rem;margin-top:1.5rem}.f-floor,.f-horizon,.f-obj{top:calc(100% - 6rem)}.f-glow{background:radial-gradient(ellipse 60% 18% at 80% calc(100% - 6rem),rgba(255,255,255,.1),transparent 70%)}.f-obj{width:4.5rem;right:10%;opacity:.5}main .inner{gap:3.5rem;padding-block:3rem 2.5rem}}@media (pointer: coarse),(max-width: 640px){.top nav{gap:.25rem 1.1rem}.top nav a,footer nav a{display:inline-flex;align-items:center;min-height:44px}.mode{min-height:36px;padding-inline:.85rem}.filters button{min-height:40px;padding-inline:.95rem}.mailrow button{min-height:40px;padding-inline:1rem}.route a.go,.about a.mono,.thesis p a{padding-block:.4rem}footer .inner nav{gap:0 1.25rem}}main .inner{display:grid;grid-template-columns:minmax(0,1fr);gap:4.5rem;padding-block:4rem 3rem}main .inner>*{min-width:0}.col{max-width:var(--col)}.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1rem;margin-bottom:1.25rem}.sec-head h2{font-weight:600;font-size:1.6rem;letter-spacing:-.02em;margin:0}.now{border-left:2px solid var(--ink);padding-left:1.25rem}.now dl{display:grid;grid-template-columns:8rem 1fr;gap:.7rem 1.5rem;margin:0}.now dt{font-family:var(--mono);font-size:.8125rem;color:var(--ink-2);padding-top:.15rem}.now dd{margin:0;min-width:0}.now .sig{display:flex;align-items:center;gap:.6rem;margin-top:1.1rem;color:var(--ink-2)}.now .sig .mk{width:1.9rem;color:var(--ink)}@media (max-width: 560px){.now dl{grid-template-columns:1fr;gap:.15rem}.now dd{margin-bottom:.7rem}}.filters{display:flex;flex-wrap:wrap;gap:.4rem}.filters button{font:inherit;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;background:transparent;color:var(--ink-2);border:1px solid var(--rule);padding:.32rem .8rem;border-radius:999px;cursor:pointer}.filters button:hover{color:var(--ink);border-color:var(--ink-2)}.filters button[aria-pressed=true]{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.log-scroll{overflow-x:auto}table.log{width:100%;border-collapse:collapse;min-width:48rem}table.log th{text-align:left;font-family:var(--mono);font-weight:500;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);padding:0 1.25rem .65rem 0;border-bottom:1px solid var(--ink)}table.log td{padding:.95rem 1.25rem .95rem 0;border-bottom:1px solid var(--rule);vertical-align:top}table.log td.yr,table.log td.role,table.log td.st{font-family:var(--mono);font-size:.8125rem;white-space:nowrap;font-variant-numeric:tabular-nums}table.log td.name{font-weight:600;white-space:nowrap}table.log td.name a{text-decoration:none}table.log td.name a:hover{text-decoration:underline}table.log td.rem{color:var(--ink-2);font-size:.9375rem;max-width:27rem}.tag{display:block;font-family:var(--mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:.2rem}.st span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.5rem;vertical-align:1px;background:currentColor}.st .live{color:var(--live)}.st .build{color:var(--build)}.st .dormant{color:var(--dormant)}tr[hidden]{display:none}@media (max-width: 640px){table.log{min-width:0}table.log,table.log tbody{display:block}table.log thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}table.log tr{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name name" "yr st" "role role" "rem rem";gap:.2rem 1rem;padding:1rem 0;border-bottom:1px solid var(--rule)}table.log tr[hidden]{display:none}table.log td{display:block;padding:0;border:0}table.log td.name{grid-area:name;font-size:1.125rem;white-space:normal}table.log td.yr{grid-area:yr;color:var(--ink-2)}table.log td.st{grid-area:st;justify-self:end}table.log td.role{grid-area:role;color:var(--ink-2);white-space:normal}table.log td.rem{grid-area:rem;max-width:none;margin-top:.35rem}}.duo{display:grid;grid-template-columns:minmax(0,44rem) minmax(0,1fr);grid-template-areas:"about photo" "contact photo";gap:4.5rem 3rem}.duo .about{grid-area:about;min-width:0}.duo .contact{grid-area:contact;min-width:0}.portrait{grid-area:photo;margin:0;align-self:start;justify-self:end;width:min(100%,24rem)}.portrait img{display:block;width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;object-position:50% 0;filter:var(--portrait-filter)}.portrait img{-webkit-mask-image:linear-gradient(to right,transparent,#000 24%,#000 76%,transparent),linear-gradient(to bottom,#000 50%,transparent 96%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 24%,#000 76%,transparent),linear-gradient(to bottom,#000 50%,transparent 96%);mask-composite:intersect}@media (max-width: 760px){.duo{grid-template-columns:1fr;grid-template-areas:"about" "photo" "contact";gap:2.5rem}.portrait{justify-self:center;width:min(100%,17rem)}}.about p{margin:0 0 .9rem}.about p:last-child{margin:0}.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem 2.5rem}.route h3{font-weight:600;font-size:1.0625rem;margin:0 0 .35rem}.route p{margin:0 0 .6rem;color:var(--ink-2);font-size:.9375rem}.route a.go{font-family:var(--mono);font-size:.8125rem;text-decoration:none;border-bottom:1px solid var(--ink)}.mailrow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.75rem}.mailrow code{font-family:var(--mono);font-size:.9375rem;user-select:all}.mailrow button{font:inherit;font-family:var(--mono);font-size:.75rem;background:transparent;color:var(--ink);border:1px solid var(--rule);padding:.3rem .7rem;border-radius:3px;cursor:pointer}.colophon{display:flex;align-items:center;gap:.9rem;padding-top:2rem;border-top:1px solid var(--rule);color:var(--ink-2)}.colophon .mk{width:2.4rem;color:var(--ink)}footer .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;padding-block:1.25rem 2.5rem;color:var(--ink-2)}footer nav{display:flex;flex-wrap:wrap;gap:1.1rem}footer a{text-decoration:none}footer a:hover{color:var(--ink)}@media (max-width: 760px){footer .inner{flex-direction:column;align-items:center;text-align:center}footer nav{justify-content:center}}