:root{--bg:#05080b;--ink:#ece8df;--mute:#98a0a8;--bone:#a9d6dc;--gold:#45e0b8;--serif:"Instrument Serif","Times New Roman",serif;--sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0}html{background:var(--bg);scroll-snap-type:y proximity}body{color:var(--ink);font:400 18px/1.5 var(--sans);overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.no-webgl{background:radial-gradient(#15202b,var(--bg))}main{position:relative;z-index:2}.stop{height:100vh;height:100svh;scroll-snap-align:center;display:flex;align-items:center;padding:0 clamp(22px,6vw,90px);position:relative}.stop.right{justify-content:flex-end}.tx{width:min(520px,100%)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:.98}h2{font-size:clamp(36px,5vw,72px);margin-bottom:22px}p{color:#c9d0d6;max-width:46ch}.stack{color:var(--mute);margin:16px 0 22px;font-size:16px}.go{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:3px;font-weight:500}.go:hover{color:var(--gold)}.journey{list-style:none;padding:0}.journey li{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:13px 0;border-top:1px solid #26303a;font-size:16px}.journey time{color:var(--gold)}.journey b{font-weight:500;display:block}.journey span{color:var(--mute)}.contact a{display:block;font:400 clamp(30px,4.6vw,64px)/1.1 var(--serif);text-decoration:none;padding:5px 0;width:fit-content}.contact a:hover{color:var(--gold)}.brand{position:fixed;left:clamp(22px,5vw,80px);top:calc(20px + env(safe-area-inset-top,0px));z-index:6;font:500 15px var(--sans);text-decoration:none;letter-spacing:.01em}.index{position:fixed;right:clamp(14px,2.5vw,34px);top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.index button{background:none;border:0;color:var(--mute);font:400 14px var(--sans);cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 0}.index i{display:block;width:14px;height:2px;background:currentColor;transition:width .3s}.index span{opacity:0;transform:translate(6px);transition:opacity .25s,transform .25s}.index:hover span,.index .on span{opacity:1;transform:none}.index .on{color:var(--ink)}.index .on i{width:34px;background:var(--gold)}.counter{position:fixed;left:clamp(22px,5vw,80px);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:6;font-size:14px;color:var(--mute);white-space:pre}@media (max-width:760px){.stop{align-items:flex-end;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.stop.right{justify-content:flex-start}.tx{background:linear-gradient(transparent,#07090ce6 18%,#07090ce6);margin:0 -22px;padding:64px 22px 0;width:calc(100% + 44px)}.index span{display:none}.journey li{grid-template-columns:70px 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.stop.hero{display:block;padding:0;overflow:hidden}.stop.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 26% 46% at 50% 40%,#1190a63a,transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,#10b98126,transparent 70%)}.hero-gl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hero-gl canvas{display:block;width:100%!important;height:100%!important}.hero-fallback{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:92%;width:auto;border-radius:999px 999px 0 0;object-fit:cover}.name{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,70px) clamp(150px,27vh,300px);margin:0;font-size:clamp(46px,8.6vw,170px);text-transform:uppercase;letter-spacing:.005em;line-height:1;pointer-events:none}.name span{white-space:nowrap}.role{position:absolute;z-index:3;right:clamp(22px,5vw,80px);top:calc(50% + clamp(0px,1.5vw,30px));text-align:right;font-size:15px;line-height:1.5;color:var(--mute)}.pill{position:absolute;z-index:3;left:clamp(22px,5vw,80px);top:calc(50% - clamp(120px,15vw,230px));display:inline-flex;gap:10px;align-items:center;padding:10px 20px;border:1px solid #45e0b855;border-radius:99px;text-decoration:none;font-size:14px;background:#05080bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill:hover{border-color:var(--gold);color:var(--gold)}.lede{position:absolute;z-index:3;left:clamp(22px,5vw,80px);bottom:calc(58px + env(safe-area-inset-bottom,0px));max-width:30ch;font-size:16px;color:#aebdc4}.code{position:absolute;z-index:3;margin:0;font:400 11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#45e0b8a0;white-space:pre;pointer-events:none}.code.c1{right:clamp(22px,6vw,110px);top:19%}.code.c2{left:clamp(22px,5vw,80px);top:67%}.frame{position:absolute;z-index:0;border:1px solid #45d0e02e;pointer-events:none}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),#45d0e02a,transparent calc(50% + .5px))}.f1{left:17%;top:14%;width:15%;height:30%}.f2{right:19%;bottom:12%;width:17%;height:24%}@media (max-width:760px){.stop.hero{height:100svh}.name{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;padding:0 22px calc(176px + env(safe-area-inset-bottom,0px));font-size:clamp(44px,16vw,86px);line-height:.92}.role,.code,.frame{display:none}.pill{top:calc(64px + env(safe-area-inset-top,0px));left:22px}.lede{left:22px;right:22px;bottom:calc(64px + env(safe-area-inset-bottom,0px));max-width:none}}
