@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-ext-wght-normal.hsMS0n0O.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-wght-normal.Bb8VGrTG.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/red-hat-mono-latin-ext-wght-normal.BQQ6IFDA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/red-hat-mono-latin-wght-normal.Dwfc5A3M.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground: #ffffff;--ink: #0f1320;--ink-2: #4a5165;--line: #0f1320;--hair: #d6dae3;--well: #eef1f6;--wire: #98a1b1;--blue: #2450a8;--red: #b52a17;--sans: "Schibsted Grotesk Variable", system-ui, sans-serif;--mono: "Red Hat Mono Variable", ui-monospace, monospace;--gutter: clamp(16px, 5vw, 72px);--ease: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth;scrollbar-color:var(--ink) var(--ground);-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}.skip{position:absolute;left:var(--gutter);top:-4rem;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:20}.skip:focus{top:.75rem}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.75rem 2rem;padding:clamp(40px,9vh,96px) var(--gutter) clamp(36px,7vh,72px)}.node-name{position:relative;grid-column:1;justify-self:start;padding:clamp(14px,1.6vw,22px) clamp(16px,2vw,28px);margin-left:calc(-1*clamp(16px,2vw,28px));outline:1px dashed var(--wire);transition:outline-color .3s var(--ease)}.node-name:hover{outline:1px solid var(--blue)}.handles i{position:absolute;width:8px;height:8px;background:var(--ground);border:1px solid var(--ink);transition:background-color .3s var(--ease),border-color .3s var(--ease),transform .4s var(--ease)}.handles i:nth-child(1){left:-4px;top:-4px}.handles i:nth-child(2){right:-4px;top:-4px}.handles i:nth-child(3){left:-4px;bottom:-4px}.handles i:nth-child(4){right:-4px;bottom:-4px}.node-name:hover .handles i{background:var(--blue);border-color:var(--blue);transform:scale(1.25)}.name{font-size:clamp(3rem,9vw,6rem);font-weight:700;line-height:.95;letter-spacing:-.04em;user-select:none}.name .word{display:inline-block;white-space:nowrap}.name .word+.word{margin-left:.22em}.name .ch{--t: 0;display:inline-block;font-variation-settings:"wght" calc(700 + var(--t) * 200);transform:translateY(calc(var(--t) * -.08em));color:color-mix(in srgb,var(--blue) calc(var(--t) * 100%),var(--ink));transition:font-variation-settings .35s var(--ease),transform .35s var(--ease),color .35s var(--ease);cursor:default}.motion .name .ch{animation:drop .9s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .12s)}@keyframes drop{0%{opacity:0;transform:translateY(.45em) rotate(8deg);filter:blur(6px)}}.motion .role{animation:fade .9s var(--ease) .75s both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}.name .ch.hop{animation:hop .6s var(--spring)}@keyframes hop{40%{transform:translateY(-.28em) rotate(-6deg)}}.role{margin-top:.5rem;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:500;letter-spacing:-.01em;color:var(--ink-2)}.links{display:flex;flex-wrap:wrap;gap:.25rem 1.75rem;font-size:1.0625rem}.top .links{grid-column:2;align-self:end}.links a{position:relative;display:inline-block;padding:.4rem 0;text-decoration:none}.links a:after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:1px;background:currentColor;transform-origin:right;transition:transform .45s var(--ease)}.links a:hover{color:var(--blue)}.links a:hover:after{animation:sweep .6s var(--ease)}@keyframes sweep{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}46%{transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.wires{position:absolute;top:0;left:0;z-index:0;overflow:visible;pointer-events:none}.top,main,.end{position:relative;z-index:1}.wires .base path{fill:none;stroke:var(--wire);stroke-width:1}.wires .base rect{fill:var(--ground);stroke:var(--ink);stroke-width:1}.wires .base circle{fill:var(--blue)}.wires .flow{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:square;stroke-dasharray:3 9;opacity:0;transition:opacity .25s var(--ease)}.wires.on .flow{opacity:1;animation:packets .5s linear infinite}@keyframes packets{to{stroke-dashoffset:-12}}main{padding:0 var(--gutter)}.group{padding-top:clamp(48px,9vh,96px);scroll-margin-top:24px}.group:first-child{padding-top:0}.ghead{position:relative;display:flex;align-items:baseline;gap:.9rem;padding-bottom:.9rem;border-bottom:2px solid var(--line)}.ghead:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left}.motion .ghead.in:after{animation:run 1.4s var(--ease) .1s both}@keyframes run{0%{transform:scaleX(0);transform-origin:left}55%{transform:scaleX(1);transform-origin:left}56%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1;letter-spacing:-.03em}.lede{margin-top:1rem;max-width:60ch;color:var(--ink-2)}.frames{display:grid;gap:clamp(24px,2.6vw,36px) clamp(16px,1.8vw,26px);margin-top:1.6rem}.frames.big{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.frames.small{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.frame{--mx: 50%;--my: 50%;position:relative;display:block;border:1px solid var(--line);text-decoration:none;background:var(--ground);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}.frame:after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;background:var(--ground);border:1px solid var(--ink);z-index:2;transition:background-color .25s,border-color .25s}.frame:before{content:"";position:absolute;inset:-5px;z-index:2;pointer-events:none;background:linear-gradient(var(--blue),var(--blue)) left top / 8px 8px no-repeat,linear-gradient(var(--blue),var(--blue)) right top / 8px 8px no-repeat,linear-gradient(var(--blue),var(--blue)) left bottom / 8px 8px no-repeat,linear-gradient(var(--blue),var(--blue)) right bottom / 8px 8px no-repeat;opacity:0;transform:scale(.98);transition:opacity .25s var(--ease),transform .35s var(--ease)}.frame:hover,.frame:focus-visible{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 22px 36px -24px #0f132080;transform:translateY(-3px)}.frame:hover:before,.frame:focus-visible:before{opacity:1;transform:none}.frame:hover:after,.frame:focus-visible:after{background:var(--blue);border-color:var(--blue)}.ftop,.fcap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem}.ftop{font-family:var(--mono);font-size:.75rem;letter-spacing:.02em;border-bottom:1px solid var(--line)}.ftop .dom{min-width:0;overflow-wrap:anywhere;color:var(--ink-2)}.state{flex:none;display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;color:var(--blue);font-weight:600}.state i{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.live .state i{animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #2450a880}70%,to{box-shadow:0 0 0 7px #2450a800}}.archived .state,.sold .state{color:var(--red)}.archived .state i,.sold .state i{background:none;border:1.5px solid currentColor}.shot{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--well)}.shot img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .9s var(--ease),object-position 2.4s var(--ease)}.frame:hover .shot img{transform:scale(1.04)}.sheen{position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx) var(--my),rgb(255 255 255 / .38),transparent 60%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.frame:hover .sheen{opacity:1}.shot .grey{filter:grayscale(1) contrast(.95)}.shot .color{-webkit-mask-image:radial-gradient(0px circle at var(--mx) var(--my),#000 98%,transparent 100%);mask-image:radial-gradient(0px circle at var(--mx) var(--my),#000 98%,transparent 100%)}html.mouse .frame:hover .shot .color{-webkit-mask-image:radial-gradient(150px circle at var(--mx) var(--my),#000 60%,transparent 100%);mask-image:radial-gradient(150px circle at var(--mx) var(--my),#000 60%,transparent 100%)}.frame:focus-visible .shot .color,html:not(.mouse) .frame:hover .shot .color,html:not(.mouse) .frame:active .shot .color{-webkit-mask-image:none;mask-image:none}.noshot{display:flex;align-items:flex-end;aspect-ratio:16 / 10;padding:.8rem;background:repeating-linear-gradient(135deg,var(--well) 0 9px,var(--ground) 9px 18px);background-size:200% 100%;transition:background-position 1.2s linear}.frame:hover .noshot{background-position:100% 0}.noshot .nr{max-width:24ch;padding:.45rem .6rem;background:var(--ground);font-size:.875rem;line-height:1.35}.fcap{border-top:1px solid var(--line);font-size:1.0625rem}.fcap strong{font-weight:650}.fcap svg{flex:none;transition:transform .35s var(--spring),color .2s}.frame:hover .fcap svg,.frame:focus-visible .fcap svg{transform:translate(3px,-3px);color:var(--blue)}.blurb{margin-top:.65rem;font-size:.9375rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}.rows{margin-top:0}.rows li{border-bottom:1px solid var(--hair)}.rows a{position:relative;display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr) auto;gap:.25rem 1.5rem;align-items:baseline;padding:1rem .75rem;margin:0 -.75rem;text-decoration:none;isolation:isolate}.rows a:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--well);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.rows a:hover:before,.rows a:focus-visible:before{transform:scaleX(1)}.rname{font-weight:650;overflow-wrap:anywhere;transition:transform .4s var(--ease),color .2s}.rows a:hover .rname{transform:translate(6px);color:var(--blue)}.rnote{color:var(--ink-2);font-size:.9375rem}.rows svg{align-self:center;opacity:.35;transition:transform .35s var(--spring),opacity .2s,color .2s}.rows a:hover svg{opacity:1;color:var(--blue);transform:translate(3px,-3px)}.boundary{position:relative;margin-top:1.6rem;padding:2rem clamp(14px,2vw,24px) clamp(14px,2vw,24px);border:1.5px dashed var(--ink-2);background:#ffffffb3}.blabel{position:absolute;top:-.65rem;left:1rem;padding:0 .5rem;background:var(--ground);font-family:var(--mono);font-size:.75rem;color:var(--ink-2)}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{display:inline-block;padding:.5rem .85rem;border:1px solid var(--line);font-family:var(--mono);font-size:.875rem;background:var(--ground);transition:transform .5s var(--ease),background-color .25s,color .25s,border-color .25s;cursor:default}.chip:hover,.chip:focus-visible{background:var(--ink);color:#fff}.motion .reveal{opacity:0;filter:blur(4px);transition:opacity .7s var(--ease),filter .7s var(--ease);transition-delay:calc(var(--d, 0) * 70ms)}.motion .reveal.in{opacity:1;filter:none}.end{margin-top:clamp(80px,14vh,140px);padding:clamp(40px,7vh,64px) var(--gutter) clamp(88px,12vh,112px);background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:1.25rem 2rem}.end ::selection{background:#fff;color:var(--blue)}.end a:focus-visible{outline-color:#fff}.reach{font-size:clamp(1.5rem,4.4vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.reach a{text-decoration:none;background:linear-gradient(#fff,#fff) left bottom / 0% 2px no-repeat;transition:background-size .5s var(--ease)}.reach a:hover{background-size:100% 2px}.end .links a:hover{color:#fff}.fine{grid-column:1 / -1;max-width:68ch;font-size:.875rem;color:#fff}.field{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.cursor{position:fixed;left:0;top:0;z-index:40;width:0;height:0;pointer-events:none}.cursor:before{content:"";position:absolute;left:-6px;top:-6px;width:12px;height:12px;border:1.5px solid var(--blue);border-radius:50%;transition:transform .35s var(--ease),background-color .25s,opacity .25s}.cursor.hot:before{transform:scale(3.2);background:#2450a814}.cursor.off:before{opacity:0}@media(max-width:640px){.top{grid-template-columns:1fr}.top .links{grid-column:1;margin-top:.75rem}.node-name{margin-left:0}.rows a{grid-template-columns:1fr auto}.rnote{grid-column:1 / -1;grid-row:2}.end{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.lost{display:grid;gap:1.25rem;align-content:center;min-height:100vh;padding:0 var(--gutter)}.lost h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1;letter-spacing:-.03em}.lost .intro{max-width:46ch;font-size:clamp(1.25rem,2.2vw,1.75rem)}.lost .back{font-size:1.0625rem}.lost .back a:hover{color:var(--blue)}