@font-face{font-family:Hanken Grotesk Variable;font-weight:100 900;font-display:swap;src:url(/assets/hanken-grotesk-latin-CaVRRdDk.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque Variable;font-weight:800;font-display:swap;src:url(/assets/queltaf-800-U3cLCykM.woff2)format("woff2")}:root{--ink:#f4f4f4;--soft:#a8a8a8;--line:#333;--out:cubic-bezier(.16, 1, .3, 1);--g:clamp(16px, 3vw, 44px);--gl:max(var(--g), env(safe-area-inset-left,0px));--gr:max(var(--g), env(safe-area-inset-right,0px));--orange:#ff7a1a;--blue:#2f7bff;--brand:"Bricolage Grotesque Variable", "Hanken Grotesk Variable", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:#000;margin:0}html{-webkit-text-size-adjust:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;font:400 clamp(1rem,.96rem + .2vw,1.125rem)/1.5 Hanken Grotesk Variable,system-ui,sans-serif;overflow-x:clip}h1,h2,p,dl,dd,figure{margin:0}img,svg{display:block}a{color:inherit;text-underline-offset:.3em;text-decoration-thickness:1px}:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #fff}.lens{aspect-ratio:1;flex:none;display:block;position:relative}.rings,.spin,.eye,.drift{position:absolute;inset:0}.rings,.eye,.drift{will-change:transform}.spin{will-change:transform;width:100%;height:100%;animation:46s linear infinite spin;overflow:visible}.spin-back{animation-duration:28s;animation-direction:reverse}.rings{animation:ring-in 1.6s var(--out) backwards}.ring-b{animation-delay:.2s}.sweep{background:conic-gradient(transparent 0 62%, #ffffff8c);border-radius:50%;animation:7s linear infinite turn,1s 1.2s both fade;position:absolute;inset:9%;-webkit-mask:radial-gradient(closest-side,#0000 92%,#000 93% 99%,#0000);mask:radial-gradient(closest-side,#0000 92%,#000 93% 99%,#0000)}.drift{animation:13s ease-in-out infinite alternate drift}.core{animation:ignite 1.5s .5s var(--out) backwards, breathe 6s 2s ease-in-out infinite;background:radial-gradient(circle,#fff 0 12%,#d6d6d6 20%,#7c7c7c 44%,#2c2c2c 72%,#0b0b0b);border-radius:50%;position:absolute;inset:36%;box-shadow:0 0 30px 6px #ffffff47,0 0 80px 22px #ffffff1a}.ripple{pointer-events:none;border:1px solid #fff;border-radius:50%;position:absolute;inset:20%}.paused *{animation-play-state:paused!important}.home{min-height:100svh;padding:max(var(--g), env(safe-area-inset-top,0px)) var(--gr) max(var(--g), env(safe-area-inset-bottom,0px)) var(--gl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:3vw;display:grid}.name{letter-spacing:-.03em;font-size:min(7.2vw,14svh);font-weight:200;line-height:1}.ln{white-space:nowrap;padding-bottom:.12em;display:block;overflow:hidden}.ln>span{animation:rise 1.3s var(--out) both;display:block}.ln:nth-child(2)>span{animation-delay:.12s}.nick{letter-spacing:0;color:var(--soft);margin-top:.15em;font-size:.34em;font-weight:300;line-height:1.2;animation:1.2s .4s both fade;display:block}.nick b{color:var(--ink);font-weight:500}.orbit{flex-wrap:wrap;justify-content:center;justify-self:center;gap:12px;width:min(38vw,66svh);display:flex;position:relative}.orbit .lens{width:100%}.sat{z-index:2;min-height:48px;color:var(--ink);white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:99px;align-items:center;gap:10px;padding:0 18px 0 16px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.sat>.rim{z-index:auto;will-change:transform;background:conic-gradient(#fff 0 12%, #555 22%, #555 88%, #fff);width:240px;height:240px;margin:-120px 0 0 -120px;animation:5s linear infinite spin;position:absolute;top:50%;left:50%}.sat:after{content:"";background:#000;border-radius:99px;transition:background .4s;position:absolute;inset:1px}.sat>*{z-index:1;transition:color .4s,background .4s;position:relative}i.pt{background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px 2px #ffffffb3}.sat-q{gap:8px;min-height:54px;padding:0 20px 0 14px}.sat-q>.rim{background:conic-gradient(var(--orange) 0 18%, #2b2b2b 30%, #2b2b2b 45%, var(--blue) 58%, var(--blue) 72%, #2b2b2b 82%, #2b2b2b 92%, var(--orange))}.sat-logo{color:#fff;width:28px;height:28px;overflow:visible}.sat-name{font:800 1.3rem / 1 var(--brand);letter-spacing:-.03em}@media (hover:hover){.sat:hover:after{background:#fff}.sat:hover>span,.sat-q:hover .sat-logo{color:#000}.sat:hover i.pt{box-shadow:none;background:#000}}.trail,.iris,.spark,.close{display:none}.sheet-h2{letter-spacing:-.03em;font-size:clamp(2.6rem,1.5rem + 5vw,6rem);font-weight:200;line-height:1.05}.panel{position:relative}.q-hero{min-height:100svh;padding:84px var(--gr) 48px var(--gl);flex-direction:column;justify-content:center;gap:clamp(10px,2svh,20px);max-width:860px;margin-inline:auto;display:flex;position:relative}.glows{pointer-events:none;height:100svh;position:absolute;top:0;left:0;right:0;overflow:clip}.glow{pointer-events:none;will-change:opacity;border-radius:50%;width:30vmax;height:30vmax;position:absolute;scale:3}.glow-orange{background:radial-gradient(closest-side,#ff7a1a42,#0000);top:-20vmax;right:-5vmax}.glow-blue{background:radial-gradient(closest-side,#2f7bff4d,#0000);bottom:-25vmax;left:5vmax}.brand{align-items:center;gap:clamp(10px,1.6vw,22px);display:flex}.q-logo{flex:none;width:clamp(68px,9vw,120px);height:auto;overflow:visible}.wordmark{font:800 clamp(3.6rem, 1.6rem + 7vw, 8rem) / 1 var(--brand);letter-spacing:-.03em}.wc{display:inline-block}.tagline{font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:500;line-height:1.15}.q-text{color:#c9c9c9;max-width:56ch}.shots{padding:24px max(var(--gr), calc((100% - 860px) / 2 + var(--g))) 40px max(var(--gl), calc((100% - 860px) / 2 + var(--g)));gap:clamp(64px,12svh,140px);display:grid;position:relative;overflow-x:clip}.shot{grid-template-columns:min(38vw,300px) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,90px);display:grid}.shot:nth-child(2n){grid-template-columns:minmax(0,1fr) min(38vw,300px)}.shot:nth-child(2n) .phone{order:1}.phone{aspect-ratio:640/1385;will-change:transform;-webkit-tap-highlight-color:transparent;max-width:100%;position:relative}.js .phone{cursor:pointer;transform-style:preserve-3d;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.js .phone.drag{cursor:grabbing}.face{object-fit:cover;will-change:transform;border-radius:34px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff29,0 30px 90px -20px #2f7bff66}.face.light{box-shadow:0 0 0 1px #0000001f,0 30px 90px -20px #ff7a1a57}html:not(.js) .face.dark{z-index:2}html:not(.js) .face.light{transform:translate(13%,3%)rotate(5deg)scale(.95)}figcaption{color:var(--soft);min-width:0;line-height:1.35}figcaption strong{color:var(--ink);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.6rem);font-weight:200;line-height:1.1;display:block}.try{padding:clamp(60px, 14svh, 140px) var(--gr) clamp(60px, 14svh, 140px) var(--gl);justify-items:start;gap:12px;max-width:860px;margin-inline:auto;display:grid;position:relative}.q-logo-small{width:64px;height:64px}.try p{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);font-weight:200;line-height:1.1}.try-link{color:#000;min-height:52px;transition:scale .5s var(--out);background:#fff;border-radius:99px;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex}.try-link:hover{scale:1.05}.try small{color:var(--soft)}.sheet{padding:96px var(--gr) 80px var(--gl);max-width:1100px;margin-inline:auto}.rows{margin-top:clamp(28px,6svh,64px)}.row{grid-template-columns:9em minmax(0,1fr);gap:2px 24px;padding:clamp(14px,2.6svh,26px) 0;font-size:clamp(1.05rem,.9rem + .7vw,1.5rem);font-weight:300;display:grid;position:relative}.row dt{color:var(--soft)}.rule{background:var(--line);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.sheet-contact{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:100svh;display:flex}.lens-end{width:min(30svh,56vw);margin-bottom:clamp(8px,3svh,32px)}.mail{letter-spacing:-.02em;overflow-wrap:anywhere;text-underline-offset:.2em;max-width:100%;font-size:min(6vw,4.4rem);font-weight:200;line-height:1.2}.linkedin{align-items:center;min-height:44px;display:inline-flex}.js body{height:100%;overflow:hidden}.js .home{z-index:1;min-height:0;position:fixed;inset:0}.js .home.off{visibility:hidden}.js .orbit{display:block}.js .sat{will-change:transform;position:absolute;top:50%;left:50%}.js .trail{pointer-events:none;will-change:transform;background:conic-gradient(transparent 0 66%, #fffc);border-radius:50%;display:block;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 97.4%,#000 98% 99.6%,#0000);mask:radial-gradient(closest-side,#0000 97.4%,#000 98% 99.6%,#0000)}.js .panel{z-index:32;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#000;display:none;position:fixed;inset:0;overflow:hidden auto}.js .panel.open{display:block}.js .iris{z-index:30;visibility:hidden;will-change:transform;background:#000;border-radius:50%;width:600px;height:600px;display:block;position:fixed;top:-300px;left:-300px;box-shadow:0 0 1px .5px #fff,0 0 8px 1px #ffffff8c,0 0 26px 6px #ffffff24}.js .spark{z-index:40;opacity:0;visibility:hidden;pointer-events:none;will-change:transform;background:#fff;border-radius:50%;width:7px;height:7px;display:block;position:fixed;top:-3.5px;left:-3.5px}.js .spark:before{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:0 0 16px 4px #ffffffa6}.js .iris.on{visibility:visible}.js .spark.on{visibility:visible;opacity:1}.js .panel.veil{visibility:hidden}.pre .q-dot,.pre .wc,.pre .tagline,.pre .q-text,.pre .sheet-h2,.pre .row dt,.pre .row dd,.pre .mail,.pre .linkedin,.pre .lens-end{opacity:0}.pre .q-curve{stroke-dashoffset:1050px}.pre .glow{opacity:.001}.pre .rule{transform:scaleX(0)}.js .q-curve{stroke-dasharray:1000 2000}.motion .rv:not(.seen) .phone,.motion .rv:not(.seen) figcaption,.motion .try:not(.seen)>*{opacity:0}.js .close{z-index:45;left:max(var(--g), calc(env(safe-area-inset-left,0px) + 8px));top:max(14px, env(safe-area-inset-top,0px));visibility:hidden;opacity:0;-webkit-tap-highlight-color:transparent;background:#000000b8;border-radius:50%;width:56px;height:56px;display:block;position:fixed}.js .close.on{visibility:visible;opacity:1}.close .ripple{inset:0}.mini{opacity:.9;transition:opacity .35s, transform .35s var(--out);will-change:opacity, transform;position:absolute;inset:0}.close.reading .mini{opacity:.4}.close:active .mini{transform:scale(.86)}.mr{will-change:transform;border:1px solid #6e6e6e;border-radius:50%;position:absolute;inset:0}.mr:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;top:-2px;left:50%}.mr-b{border-color:#3a3a3a;inset:7px}.mc{will-change:transform;background:radial-gradient(circle,#fff 0 14%,#d6d6d6 24%,#7c7c7c 50%,#2c2c2c 78%,#0b0b0b);border-radius:50%;position:absolute;inset:20px;box-shadow:0 0 10px 2px #ffffff38}.close.on .mr-a{animation:24s linear infinite spin}.close.on .mr-b{animation:16s linear infinite reverse spin}.close.on .mc{animation:7s ease-in-out infinite breathe}.close.closing .mr{animation:mini-shut .28s var(--out) forwards}.close.closing .mc{animation:mini-core .28s var(--out) forwards}@keyframes mini-shut{to{transform:scale(.4)}}@keyframes mini-core{to{transform:scale(.1)}}@media (hover:hover){.close:hover .mini{opacity:1;transform:scale(1.08)}}@media (pointer:coarse){.js .close{top:auto;left:50%;bottom:max(14px, env(safe-area-inset-bottom,0px));margin-left:-28px}.js .q-hero,.js .sheet,.js .try{padding-top:max(32px, env(safe-area-inset-top,0px));padding-bottom:96px}}@media (width<=760px){.home{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(36px,8svh,72px)}.who{order:1;justify-self:start}.name{font-size:min(13vw,8svh)}.orbit{width:min(66vw,42svh)}.row{grid-template-columns:minmax(0,1fr)}.q-hero{text-align:center;align-items:center}.shot,.shot:nth-child(2n){text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px}.try{text-align:center;justify-items:center}.shot .phone,.shot:nth-child(2n) .phone{order:0;width:min(66vw,300px)}}@media (height<=460px){.home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:10px;padding-bottom:8px}.who{order:0}.orbit{width:58svh}.name{font-size:min(5.6vw,16svh)}.q-hero{text-align:left;align-items:flex-start;padding-top:72px}.try{text-align:left;justify-items:start}.wordmark{font-size:3rem}.q-logo{width:52px}.tagline{font-size:1.1rem}.q-text{font-size:.9rem;line-height:1.35}.shot{text-align:left;grid-template-columns:170px minmax(0,1fr);justify-items:stretch}.shot:nth-child(2n){text-align:left;grid-template-columns:minmax(0,1fr) 206px;justify-items:stretch}.shot:nth-child(2n) .phone{order:1}.shot .phone,.shot:nth-child(2n) .phone{width:170px}.lens-end{width:34svh;margin-bottom:4px}.sheet{padding-top:76px}}@keyframes rise{0%{transform:translateY(108%)}}@keyframes fade{0%{opacity:0}}@keyframes ring-in{0%{opacity:0;transform:scale(.88)}}@keyframes turn{to{rotate:360deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translate(-2.4%,-1.4%)}to{transform:translate(2.4%,1.8%)}}@keyframes ignite{0%{opacity:0;scale:0}}@keyframes breathe{50%{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
