@property --accent{syntax: "<color>"; inherits: true; initial-value: #cfff3e;}@property --bg{syntax: "<color>"; inherits: true; initial-value: #08090d;}@property --hot{syntax: "<color>"; inherits: true; initial-value: #f3ffd2;}:root{--accent: #cfff3e;--bg: #08090d;--hot: #f3ffd2;--line: rgba(236, 234, 228, .14);--paper: #eceae4;--mute: rgba(236, 234, 228, .6);--panel: rgba(8, 9, 13, .55);--f-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--f-body: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--f-pixel: "Silkscreen", "Courier New", monospace;--gut-l: max(16px, env(safe-area-inset-left, 0px));--gut-r: max(16px, env(safe-area-inset-right, 0px));--pad: clamp(16px, 4vw, 56px);color-scheme:dark;transition:--accent .9s cubic-bezier(.2,.7,.2,1),--bg .9s cubic-bezier(.2,.7,.2,1),--hot .9s}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--bg);color:var(--paper);font:400 17px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h2{margin:0;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(48px,7vw,112px);line-height:.85;text-wrap:balance}.label{font-family:var(--f-pixel);font-size:11px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}.lead{color:var(--mute);max-width:58ch;margin:18px 0 0;font-size:clamp(16px,1.3vw,19px)}.wrap{padding-left:calc(var(--gut-l) + var(--pad) - 16px);padding-right:calc(var(--gut-r) + var(--pad) - 16px)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-family:var(--f-pixel);font-size:10px;letter-spacing:.06em;padding:6px 9px;border:1px solid var(--line);background:#00000040}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.stage-fallback{position:fixed;inset:0;z-index:0;background:radial-gradient(60% 50% at 50% 70%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--bg)}.shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--bg) 55%,transparent) 100%)}main{position:relative;z-index:2}#loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#08090d;animation:loaderFailsafe .01s 4s forwards}#loader .ld{display:grid;gap:14px;justify-items:center;font-family:var(--f-pixel);font-size:13px;letter-spacing:.12em;color:var(--mute)}#loader .num{font-family:var(--f-display);font-weight:900;font-size:clamp(72px,14vw,180px);line-height:.8;color:var(--paper);font-variant-numeric:tabular-nums}#loader .bar{width:min(320px,60vw);height:6px;background:var(--line);overflow:hidden}#loader .bar i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}#loader.done{transition:clip-path .9s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 100% 0)}@keyframes loaderFailsafe{to{visibility:hidden;opacity:0}}.top{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:calc(env(safe-area-inset-top,0px) + 18px);padding-bottom:18px;padding-left:calc(var(--gut-l) + var(--pad) - 16px);padding-right:calc(var(--gut-r) + var(--pad) - 16px);font-family:var(--f-pixel);font-size:12px;letter-spacing:.08em;mix-blend-mode:difference;color:#fff}.top .logo{font-family:var(--f-display);font-weight:900;font-size:26px;letter-spacing:0;text-decoration:none;line-height:1}.top nav{display:flex;gap:clamp(12px,2.4vw,32px)}.top nav a{text-decoration:none;position:relative;text-transform:uppercase}.top nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s}.top nav a:hover:after{transform:scaleX(1);transform-origin:left}.fps{font-variant-numeric:tabular-nums;opacity:.7;text-transform:uppercase}@media (max-width: 680px){.top nav{display:none}}.hero{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding-top:calc(env(safe-area-inset-top,0px) + 92px);padding-bottom:28px}.hero-eyebrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero-eyebrow .label{color:var(--paper)}.hero h1{margin:0;align-self:end;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(84px,20.5vw,360px);line-height:.78;letter-spacing:-.01em;display:grid}.hero h1 .row{display:flex;overflow:hidden;padding-top:.06em}.hero h1 .row:last-child{justify-content:flex-end;color:var(--accent)}.hero h1 .ch{display:inline-block;will-change:transform}.js .hero h1 .ch{transform:translateY(105%)}.hero .meta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:28px;align-items:end;margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.hero .summary{margin:0;max-width:46ch;font-size:clamp(17px,1.45vw,21px);line-height:1.45}.hero dl{margin:0;display:grid;gap:10px}.hero dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:baseline}.hero dd{margin:0;font-size:15.5px}.hero dd b{color:var(--accent);font-weight:600}.hero .start{justify-self:end;display:flex;align-items:center;gap:12px;font-family:var(--f-pixel);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.hero .start b{display:inline-block;width:10px;height:10px;background:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 900px){.hero .meta{grid-template-columns:1fr}.hero .start{justify-self:start}}.impact{padding-block:clamp(90px,13vw,180px) 60px}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}.impact .stat{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(8px);padding:26px 22px 24px;display:grid;gap:4px;align-content:start}.impact .stat b{font-family:var(--f-display);font-weight:900;font-size:clamp(56px,6.4vw,92px);line-height:.85;color:var(--paper);font-variant-numeric:tabular-nums}.impact .stat em{font-style:normal;font-family:var(--f-pixel);font-size:11px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.impact .stat span{color:var(--mute);font-size:15px;margin-top:8px}.marquee{border-block:1px solid var(--line);background:var(--accent);color:var(--bg);overflow:hidden;transform:rotate(-2deg) scale(1.04);margin-block:60px}.marquee .track{display:flex;width:max-content;animation:mq 34s linear infinite}.marquee span{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,6vw,84px);line-height:1;padding:14px 0;white-space:nowrap}.marquee span i{display:inline-block;width:.32em;height:.32em;background:currentColor;margin:0 .5em;vertical-align:.18em}@keyframes mq{to{transform:translate(-50%)}}.experience{position:relative}.exp-intro{padding-block:clamp(100px,14vw,200px) 20px}.exp-intro p{color:var(--mute);max-width:52ch;margin:18px 0 0;font-size:clamp(16px,1.3vw,19px)}.chapter{position:relative;min-height:170vh}.chapter-inner{position:sticky;top:0;min-height:100svh;display:grid;align-content:center;gap:22px;padding-top:calc(env(safe-area-inset-top,0px) + 90px);padding-bottom:50px;max-width:min(760px,56vw);box-sizing:content-box}.chapter-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--f-pixel);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.chapter-meta .idx{color:var(--accent)}.chapter-meta .role{color:var(--paper)}.co{margin:0;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:min(clamp(76px,12vw,210px),calc(80vw / var(--n, 6)));line-height:.8;letter-spacing:-.005em;color:var(--accent)}.co.long{font-size:clamp(44px,5.6vw,104px);line-height:.9}.co .mask{display:flex;flex-wrap:wrap;column-gap:.22em;overflow:hidden;padding-top:.05em}.co .word{display:inline-flex;white-space:nowrap}.co .ch{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.15,1);transition-delay:calc(var(--i) * 28ms)}.chapter.is-active .co .ch{transform:none;transition-delay:calc(.18s + var(--i) * 34ms)}.headline{margin:0;font-size:clamp(20px,1.9vw,28px);line-height:1.3;max-width:30ch;text-wrap:balance}.metrics{display:flex;flex-wrap:wrap;gap:14px 34px}.metrics div{display:grid;gap:2px}.metrics b{font-family:var(--f-display);font-weight:900;font-size:clamp(34px,3.4vw,54px);line-height:.9;color:var(--hot)}.metrics span{font-size:14px;color:var(--mute)}.points{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-width:62ch}.points li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.5;color:color-mix(in srgb,var(--paper) 88%,transparent)}.points li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--accent)}.chapter-inner:before{content:"";position:absolute;inset:0 -40px 0 -40vw;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,transparent) 55%,transparent);pointer-events:none}.rise{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.15,1)}.chapter.is-active .rise{opacity:1;transform:none;transition-delay:calc(.38s + var(--d) * 90ms)}.wipe{position:fixed;inset:0;z-index:30;pointer-events:none;clip-path:inset(0 100% 0 0)}.exp-rail{position:fixed;z-index:35;right:calc(var(--gut-r) + 10px);top:50%;transform:translate(20px,-50%);display:grid;gap:4px;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}.in-exp .exp-rail{opacity:1;transform:translateY(-50%);pointer-events:auto}.exp-rail button{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:6px 0;font-family:var(--f-pixel);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.exp-rail button span{opacity:0;transform:translate(6px);transition:opacity .3s,transform .3s}.exp-rail button:hover span,.exp-rail button.on span{opacity:1;transform:none}.exp-rail button i{display:block;width:18px;height:3px;background:var(--line);transition:width .4s,background .4s}.exp-rail button.on{color:var(--paper)}.exp-rail button.on i{width:40px;background:var(--accent)}@media (max-width: 900px){.chapter{min-height:auto}.chapter-inner{position:relative;max-width:none;min-height:auto;padding-top:58vh;padding-bottom:90px}.chapter-inner:before{inset:48vh -40px 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 94%,transparent) 14%)}.exp-rail{display:none}.co{font-size:min(clamp(56px,19vw,140px),calc(138vw / var(--n, 6)))}.co.long{font-size:clamp(38px,9.5vw,72px)}}.expertise{padding-block:clamp(110px,15vw,220px) 40px}.expertise h2{margin-top:18px}.ex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}.ex-col{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(8px);padding:26px 24px 28px}.ex-col h3,.sub{margin:0 0 16px;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(26px,2.3vw,34px);line-height:.95}.ex-col ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.ex-col li{color:color-mix(in srgb,var(--paper) 86%,transparent);font-size:15.5px;padding-left:18px;position:relative}.ex-col li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--accent)}.sub{margin-top:90px}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}.principles div{border-top:2px solid var(--accent);padding-top:14px}.principles b{font-family:var(--f-pixel);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.principles p{margin:8px 0 0;color:var(--mute);font-size:16px}.edu{border-top:1px solid var(--line)}.edu-row{display:grid;grid-template-columns:70px minmax(0,1.3fr) minmax(0,1fr);gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);align-items:baseline}.edu-row .when{font-family:var(--f-pixel);font-size:12px;color:var(--accent)}.edu-row .what{font-size:clamp(17px,1.5vw,21px)}.edu-row .where{color:var(--mute);font-size:15px}@media (max-width: 640px){.edu-row{grid-template-columns:52px minmax(0,1fr)}.edu-row .where{grid-column:2}}.lab{padding-block:clamp(110px,15vw,220px) 40px}.lab h2{margin-top:18px}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:48px}.lab-card{display:grid;grid-template-rows:auto 1fr;text-decoration:none;background:color-mix(in srgb,var(--bg) 86%,transparent);border:1px solid var(--line);backdrop-filter:blur(8px);transition:border-color .3s,transform .5s cubic-bezier(.2,.7,.2,1)}.lab-card:hover{border-color:var(--hue);transform:translateY(-6px)}.lab-card.featured{grid-column:1 / -1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto}.lab-shot{overflow:hidden;border-bottom:1px solid var(--line);background:#07080b}.lab-card.featured .lab-shot{border-bottom:0;border-right:1px solid var(--line)}.lab-shot canvas{display:block;width:100%;max-width:100%;aspect-ratio:120 / 75;image-rendering:pixelated;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.lab-card:hover canvas{transform:scale(1.04)}.lab-body{padding:22px 22px 24px;display:grid;gap:14px;align-content:start}.lab-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.lab-head h3{margin:0;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(34px,3.2vw,52px);line-height:.9}.lab-head .go{font-family:var(--f-pixel);font-size:11px;letter-spacing:.1em;color:var(--hue);text-transform:uppercase;white-space:nowrap}.lab-body p{margin:0;color:var(--mute);font-size:15.5px}.facts{margin:0;padding:0;list-style:none;display:grid;gap:6px}.facts li{font-family:var(--f-pixel);font-size:11px;letter-spacing:.04em;color:var(--hue)}@media (max-width: 820px){.lab-grid,.lab-card.featured{grid-template-columns:1fr}.lab-card.featured .lab-shot{border-right:0;border-bottom:1px solid var(--line)}}.contact{padding-block:clamp(110px,15vw,220px) 40px;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 50%,transparent),var(--bg) 70%)}.contact .big{margin-top:22px;font-size:clamp(64px,13vw,230px);line-height:.8}.contact .big span{display:block}.contact .big span:last-child{color:var(--accent)}.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}.links a,.mail-btn{font-family:var(--f-pixel);font-size:12px;letter-spacing:.08em;text-decoration:none;padding:15px 18px;border:1px solid var(--line);text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}.links a:hover,.mail-btn:hover{background:var(--paper);color:#08090d;border-color:var(--paper)}.mail-btn{display:flex;gap:14px;align-items:center;text-transform:none;background:var(--accent);color:var(--bg);border-color:var(--accent)}.mail-btn em{font-style:normal;text-transform:uppercase;opacity:.7}.mail-btn .mail{user-select:all;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:110px;color:var(--mute);font-family:var(--f-pixel);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.cursor{position:fixed;left:0;top:0;z-index:60;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;background:#fff;mix-blend-mode:difference;transition:width .3s,height .3s,margin .3s;will-change:transform}.cursor.big{width:64px;height:64px;margin:-32px 0 0 -32px}@media (hover: none),(pointer: coarse){.cursor{display:none}}@media (prefers-reduced-motion: reduce){:root{transition:none}.marquee .track,.hero .start b{animation:none}.js .hero h1 .ch,.co .ch{transform:none}.rise{opacity:1;transform:none}}.chapter-meta .sites{display:flex;flex-wrap:wrap;gap:8px 14px}.chapter-meta .sites a{color:var(--hot);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--hot) 40%,transparent);transition:border-color .3s,color .3s}.chapter-meta .sites a:hover{color:var(--paper);border-color:var(--paper)}.lab .kicker{font-family:var(--f-pixel);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--hue)}footer a{text-decoration:none}footer a:hover{color:var(--paper)}
