@font-face{font-family:Magnetik;src:url(/topology/assets/www.topology.vc/build/Magnetik-Light-D4up6828.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LazareGrotesk;src:url(/topology/assets/www.topology.vc/build/LazareGrotesk-Light-D7jfWktA.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LazareGrotesk;src:url(/topology/assets/www.topology.vc/build/LazareGrotesk-Regular-RnosNKiO.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/topology/assets/www.topology.vc/build/SpaceMono-Regular-DidEy8wt.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-body:"Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-ui:"LazareGrotesk", "Helvetica Neue", Arial, sans-serif;--font-display:"Magnetik", "Helvetica Neue", Arial, sans-serif;--header-padding:24px 1.6vw;--header-logo-width:220px;--header-logo-size:36px;--header-nav-size:16px;--header-nav-gap:36px}*{box-sizing:border-box}html,body{color:#fff;background:#000;margin:0}html{scrollbar-width:thin}body{font-family:var(--font-body);font-synthesis:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:8px;outline:2px solid}#topology-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.joker-card-stage{--card-x:50vw;--card-y:50vh;--card-scale:1;--card-scene-x:0deg;--card-scene-y:0deg;--card-scene-z:0deg;z-index:1;visibility:hidden;opacity:0;perspective:1000px;pointer-events:none;position:fixed;inset:0}.joker-card-track{left:var(--card-x);top:var(--card-y);transform:translate(-50%, -50%) scale(var(--card-scale)) rotateX(var(--card-scene-x)) rotateY(var(--card-scene-y)) rotateZ(var(--card-scene-z));transform-style:preserve-3d;position:absolute}.joker-card-float,.joker-card-spinner{transform-style:preserve-3d}.holographic-joker{--tilt-x:0deg;--tilt-y:0deg;--foil-angle:105deg;--foil-x:50%;--foil-y:50%;--foil-opacity:.33;--grain-opacity:.25;--glare-opacity:0;--chroma-opacity:.16;aspect-ratio:530/380;width:clamp(330px,36.8vw,530px);transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1);pointer-events:none;border-radius:20px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 14px 34px #00000052}.joker-card-stage[data-active=true] .holographic-joker{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.03);transition:transform .3s ease-out;box-shadow:0 28px 60px #00000073,0 8px 20px #0000004d}[data-entrance^=rabbithole] .joker-card-stage[data-active=true] .holographic-joker{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1);box-shadow:0 14px 34px #00000052}.joker-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#15151c;border-radius:20px;position:absolute;inset:0;overflow:hidden}.joker-card-back{transform:rotateY(180deg)}.joker-card-face img{object-fit:cover;border-radius:20px;width:71.698%;height:139.474%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.joker-card-back img{transform:translate(-50%,-50%)rotate(-90deg)}.joker-card-tone,.joker-card-chroma,.joker-card-foil,.joker-card-grain,.joker-card-glare,.joker-card-edge{pointer-events:none;border-radius:20px;width:100%;height:100%;position:absolute;inset:0}.joker-card-tone{mix-blend-mode:multiply;opacity:.82;background:linear-gradient(135deg,#07162f 0%,#25103f 52%,#091f36 100%)}.joker-card-chroma{background:radial-gradient(circle at var(--foil-x) var(--foil-y), #ffffff14 0 8%, transparent 32%), repeating-linear-gradient(var(--foil-angle), #ff2f81 0 9%, #35cfff 17%, #a33fff 25%, #ffe05d 33%, #ff2f81 42%);background-position:var(--foil-x) var(--foil-y);mix-blend-mode:screen;opacity:var(--chroma-opacity);filter:saturate(1.45)contrast(1.05);background-size:180% 180%,240% 240%;transition:opacity .35s}.joker-card-foil{background:linear-gradient(var(--foil-angle), #ff4d8d 0%, #4dd2ff 38%, #b14dff 62%, #ff4d8d 100%) var(--foil-x) var(--foil-y) / 260% 260%;mix-blend-mode:color-dodge;opacity:var(--foil-opacity);transition:opacity .4s}.joker-card-grain{mix-blend-mode:overlay;opacity:var(--grain-opacity);transition:opacity .4s;overflow:hidden}.joker-card-glare{background:radial-gradient(circle at var(--foil-x) var(--foil-y), #ffffff73 0%, transparent 45%);mix-blend-mode:soft-light;opacity:var(--glare-opacity);transition:opacity .3s}.joker-card-edge{box-shadow:inset 0 1.5px #ffffff8c,inset 0 -1px #00000059,inset 1px 0 #ffffff2e,inset -1px 0 #0000002e,inset 0 0 12px #ffffff0f}.topology-header{z-index:5;padding:var(--header-padding);font-family:var(--font-ui);justify-content:space-between;align-items:center;font-weight:300;display:flex;position:fixed;inset:0 0 auto}.topology-header>a{width:var(--header-logo-width);display:block}.topology-logo{font-family:var(--font-display);font-size:var(--header-logo-size);letter-spacing:-.07em;font-weight:300;line-height:.9;display:inline-block}.topology-header nav{gap:var(--header-nav-gap);text-transform:uppercase;font-size:var(--header-nav-size);letter-spacing:normal;display:flex}.topology-header a:hover{opacity:.7}.entrance{height:400vh}.entrance-copy{z-index:3;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:fixed;inset:0}.hero-text{justify-content:space-between;align-items:flex-end;padding-bottom:32px;display:flex}.hero-text h1{font:300 clamp(80px, 10.3vw, 210px) / .9 var(--font-display);letter-spacing:-.015em;margin:0}.hero-text p{font:300 clamp(24px, 1.8vw, 38px) / 1 var(--font-ui);letter-spacing:.02em;margin:0 12vw 0 0}.entrance-footer{font:300 14px var(--font-ui);letter-spacing:1px;text-transform:uppercase;border-top:1px solid #ffffff70;justify-content:space-between;margin-top:20px;padding-top:24px;display:flex}.arrow{margin-left:8px;animation:2s infinite arrow;display:inline-block}@keyframes arrow{0%{opacity:0;transform:translateY(-65%)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(65%)}}.podium-mosaic{height:220vh;position:relative}@media (aspect-ratio<=1.5){.hero-text{display:block}.hero-text h1{margin-bottom:42px;font-size:10.4vw}.hero-text p{margin:0;font-size:2vw}.entrance-footer{margin-top:40px}}@media (width<=700px){.entrance-copy{padding:20px}.hero-text h1{margin-bottom:28px;font-size:19vw}.hero-text p{font-size:24px}.entrance-footer{margin-top:14px;padding-top:18px;font-size:12px}}@media (prefers-reduced-motion:reduce){.arrow{animation:none}.holographic-joker{transition:none}}.podium-header{z-index:8;padding:var(--header-padding);opacity:0;pointer-events:none;mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.podium-header>a{width:var(--header-logo-width);display:block}.brand-wordmark{font-family:var(--font-display);font-size:var(--header-logo-size);letter-spacing:-.07em;font-weight:300;line-height:.9;display:inline-block}.podium-header nav{gap:var(--header-nav-gap);font-size:var(--header-nav-size);font-family:var(--font-ui);text-transform:uppercase;font-weight:300;display:flex}.podium-header nav a:hover{text-underline-offset:6px;text-decoration:underline}#podium-canvas{pointer-events:none;z-index:1;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}.podium-footer{z-index:3;background:#000;justify-content:space-between;align-items:center;height:100vh;min-height:650px;padding:24px 1.6vw;display:flex;position:relative}html[data-podium=ready] .podium-footer{cursor:grab;touch-action:pan-y;background:0 0}html[data-podium=ready] .podium-footer:active{cursor:grabbing}html[data-podium=ready] .footer-center>.footer-wordmark{visibility:hidden}.footer-center{transform:translateY(10vh)}.podium-footer>span{font-size:18px}.footer-center{text-align:center;width:60%}.footer-wordmark{margin-bottom:70px;font-size:clamp(96px,18vw,320px);display:block}.footer-center p{font-size:clamp(32px,4vw,68px);font-family:var(--font-display);letter-spacing:-.04em;font-weight:300;line-height:1.1}.footer-center a{text-underline-offset:10px;text-decoration:underline}.footer-bottom{font:400 14px / 1 var(--font-ui);justify-content:space-between;display:flex;position:absolute;bottom:24px;left:1.6vw;right:1.6vw}.contact-dialog{color:#000;background:#ecece8;border:0;grid-template-columns:1fr 1fr;gap:8vw;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:8vw 3vw}.contact-dialog[open]{display:grid}.contact-dialog::backdrop{background:#000}.contact-dialog h2{letter-spacing:-.05em;margin:0;font-size:clamp(50px,7vw,120px);line-height:.9}.contact-close{color:#000;text-transform:uppercase;font-family:var(--font-ui);background:0 0;border:0;font-weight:300;position:absolute;top:24px;right:24px}.contact-details{grid-template-columns:1fr 1fr;gap:30px;font-size:18px;display:grid}.contact-details h3{margin:0 0 8px;font-size:18px}.contact-details p{margin:0}.socials{gap:16px;display:flex}.contact-details a:hover{text-decoration:underline}@media (width<=899px){:root{--header-padding:22px 20px;--header-logo-width:180px;--header-nav-size:13px;--header-nav-gap:18px}.podium-footer>span{display:none}.footer-center{width:100%;padding:20px}.contact-dialog{grid-template-columns:1fr;height:auto;min-height:100dvh;padding:100px 20px 30px}.contact-details,.contact-details h3{font-size:16px}}@media (width<=480px){:root{--header-logo-width:145px;--header-nav-size:12px;--header-nav-gap:14px}.footer-bottom{padding:0 12px;font-size:12px}.contact-details{grid-template-columns:1fr}.contact-dialog{overflow-y:auto}}.hero-text{padding-bottom:16px}.entrance-footer{margin-top:16px}@media (aspect-ratio<=1.5){.hero-text h1{margin-bottom:28px}.entrance-footer{margin-top:20px}}.scene-fallback{pointer-events:none;visibility:hidden;background-position:50%;background-size:cover;position:fixed;inset:0}#entrance-fallback{z-index:2;background-image:var(--entrance-fallback-desktop,none)}#mosaic-fallback{z-index:1;background-image:none}.dardo-entrance .entrance-copy{padding:32px}.dardo-entrance .hero-text{padding-bottom:22px;display:block}.dardo-entrance .hero-text h1{max-width:55vw;margin-bottom:24px;font-size:clamp(76px,8.5vw,160px);line-height:.91}.dardo-entrance .hero-text p{color:#c9c5bc;margin:0;font-size:clamp(18px,1.5vw,25px);line-height:1.2}.dardo-entrance .entrance-footer{margin-top:8px}.dardo-entrance .topology-header nav a{display:inline}@media (width<=700px){#entrance-fallback{background-image:var(--entrance-fallback-mobile,none)}.dardo-entrance .entrance-copy{padding:20px}.dardo-entrance .hero-text h1{max-width:none;margin-bottom:20px;font-size:19vw}.dardo-entrance .hero-text p{font-size:17px}.dardo-entrance .entrance-footer{padding-top:18px;font-size:11px}}[data-entrance=dartboard] #entrance-fallback{background-image:url(/media/dartboard-desktop.png)}@media (width<=700px){[data-entrance=dartboard] #entrance-fallback{background-image:url(/media/dartboard-mobile.png)}}.study-navigation[hidden]{display:none}.study-navigation{z-index:20;color:#fff;font:400 14px / 1 var(--font-ui);white-space:nowrap;backdrop-filter:blur(12px);background:#121716ed;border:1px solid #ffffff35;align-items:center;gap:20px;padding:13px 18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.study-navigation a{text-underline-offset:4px;text-decoration:underline}.study-navigation span{opacity:.6}[data-entrance=chromatic] .entrance-copy,[data-entrance=signature] .entrance-copy{color:#202725}[data-entrance=chromatic] .hero-text p,[data-entrance=signature] .hero-text p{color:#303a36}[data-entrance=chromatic] .entrance-footer,[data-entrance=signature] .entrance-footer{border-color:#29362b50}[data-entrance=chromatic] .topology-header,[data-entrance=signature] .topology-header{mix-blend-mode:difference}[data-entrance=nightwatch] .hero-text h1{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(82px,11vw,190px)}[data-entrance=nightwatch] .hero-text p{color:#aba28a}[data-entrance^=rabbithole] .entrance-copy,[data-entrance^=rabbithole] .topology-header{mix-blend-mode:difference}@media (width<=700px){.study-navigation{gap:14px;max-width:calc(100vw - 24px);padding:12px;font-size:14px;bottom:12px}.study-navigation span{font-size:12px}.dardo-entrance:has(.study-navigation:not([hidden])) .entrance-footer{padding-bottom:60px}[data-entrance=nightwatch] .hero-text h1{font-size:22vw}}[data-entrance^=rabbithole] .entrance-copy{mix-blend-mode:difference;isolation:auto;color:#fff}:is([data-entrance^=rabbithole],[data-entrance=original-dartboard]) .entrance-copy:before{content:none}:is([data-entrance^=rabbithole],[data-entrance=original-dartboard]) .hero-text h1{text-shadow:none}[data-entrance=original-dartboard] .entrance-copy{mix-blend-mode:normal;isolation:auto;color:#fff;box-shadow:none;filter:none;background:0 0}:is([data-entrance=rabbithole-original],[data-terrain-study]) .entrance-copy,:is([data-entrance=rabbithole-original],[data-terrain-study]) .topology-header{mix-blend-mode:normal;color:#fff}.joker-card-stage[hidden],.client-card-flight[hidden]{display:none}
