@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";
@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.cp-metaball-root{--warm-off-white:#fff;--warm-off-white-dim:#ccc;--text-primary:#fff;--text-secondary:#ccc;--background-dark:#1a1a1a;--background-gradient-1:#222;--background-gradient-2:#1a1a1a;--font-primary:"PP Neue Montreal", sans-serif;--font-secondary:"PPSupplyMono", monospace;--font-sans:"PP Neue Montreal", sans-serif;--font-size-small:10px;--font-size-regular:1rem;--font-size-medium:1.5rem;--font-size-large:6.5rem;--spacing-small:.5rem;--spacing-medium:1rem;--spacing-large:2rem;--transition-fast:.3s ease;--transition-medium:.5s cubic-bezier(.445, .05, .55, .95)}.hero-lusion-shell{background:var(--background);min-height:100dvh;color:var(--foreground);flex-direction:column;gap:clamp(.65rem,1.4vw,1rem);padding:clamp(.75rem,1.8vw,1.35rem);display:flex}.hero-lusion-chrome{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;min-height:2rem;padding:0 clamp(.25rem,1vw,.5rem);display:grid;position:relative}.hero-lusion-chrome .logo-container{appearance:none;background:0 0;border:0;justify-self:start;padding:0;position:relative;top:0;left:0}.hero-lusion-chrome .logo-mark{background-color:var(--foreground);width:2rem;height:2rem;transition:background-color .3s,filter .35s,transform .35s;display:block;-webkit-mask:url(/images/logo-mark.png) 50%/contain no-repeat;mask:url(/images/logo-mark.png) 50%/contain no-repeat}.hero-lusion-chrome .logo-container:hover .logo-mark,.hero-lusion-chrome .logo-container:focus-visible .logo-mark{filter:drop-shadow(0 0 4px #ff3030f2)drop-shadow(0 0 12px #ff2020bf)drop-shadow(0 0 24px #dc101080);transform:scale(1.06)}.hero-lusion-chrome .logo-container:focus-visible{outline:2px solid color-mix(in srgb, var(--foreground) 45%, transparent);outline-offset:4px;border-radius:6px}.hero-lusion-chrome .center-logo{justify-self:center}.hero-lusion-chrome #logo-text{color:var(--foreground);font-family:var(--font-outfit), var(--font-primary), system-ui, sans-serif}.hero-lusion-chrome-spacer{justify-self:end;width:2.5rem;height:2rem}.hero-lusion-stage{z-index:1;border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);background:#0f0f0f;border-radius:clamp(1.35rem,2.8vw,2.15rem);flex:auto;min-height:min(68dvh,720px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #0000002e}.hero-lusion-stage .cp-metaball-root--framed{--warm-off-white:#fff;--warm-off-white-dim:#ccc;--text-primary:#fff;--text-secondary:#ccc;--background-dark:#0f0f0f;--background-gradient-1:#161616;--background-gradient-2:#0f0f0f;background-color:#0f0f0f;width:100%;height:100%;min-height:0;position:absolute;inset:0}.hero-lusion-stage .cp-metaball-root--framed .section,.hero-lusion-stage .cp-metaball-root--framed .hero-section{width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.hero-lusion-stage .cp-metaball-root--framed .hero h1{color:#fff;text-shadow:none}html[data-theme=light] .hero-lusion-stage .cp-metaball-root--framed{--warm-off-white:#fff;--warm-off-white-dim:#ccc;--text-primary:#fff;--text-secondary:#ccc;--background-dark:#0f0f0f;background-color:#0f0f0f}html[data-theme=light] .hero-lusion-stage #cp-metaball-webgl{background:#0f0f0f}html[data-theme=light] .hero-lusion-stage .cp-metaball-root--framed .hero h1{color:#fff;text-shadow:none}.hero-lusion-footer{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.35rem clamp(.25rem,1vw,.5rem) .45rem;display:grid;position:relative}.hero-lusion-footer .footer-links{flex-flow:wrap;justify-self:start;align-items:center;gap:.15rem 1.35rem;display:flex;position:relative;bottom:auto;left:auto}.hero-lusion-footer .footer-link{color:var(--foreground);font-family:var(--font-outfit), var(--font-sans), system-ui, sans-serif;letter-spacing:-.01em;opacity:.42;text-shadow:none;padding-left:0;font-size:clamp(.95rem,1.35vw,1.15rem);font-weight:450;transition:opacity .35s,color .35s,text-shadow .35s}.hero-lusion-footer .footer-link:before{display:none}.hero-lusion-footer .footer-link:hover,.hero-lusion-footer .footer-link:focus-visible{opacity:1;color:var(--foreground);text-shadow:0 0 12px color-mix(in srgb, var(--foreground) 45%, transparent), 0 0 28px color-mix(in srgb, var(--foreground) 22%, transparent);padding-left:0}.hero-lusion-footer .coordinates{color:var(--foreground-subtle);font-family:var(--font-geist-mono), var(--font-secondary), ui-monospace, monospace;opacity:.7;justify-self:end;position:relative;bottom:auto;right:auto}.hero-lusion-scroll{text-align:center;color:var(--foreground-subtle);flex-direction:column;justify-self:center;align-items:center;gap:.55rem;margin:0;display:flex}.hero-lusion-scroll-label{letter-spacing:.22em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:600}.hero-lusion-scroll-mouse{border:1.5px solid color-mix(in srgb, var(--foreground) 35%, transparent);border-radius:11px;width:18px;height:28px;display:block;position:relative}.hero-lusion-scroll-wheel{background:var(--foreground);opacity:.7;border-radius:999px;width:3px;height:6px;margin-left:-1.5px;animation:1.7s cubic-bezier(.45,0,.2,1) infinite hero-scroll-wheel;position:absolute;top:5px;left:50%}@keyframes hero-scroll-wheel{0%{opacity:.85;transform:translateY(0)}55%{opacity:.15;transform:translateY(8px)}to{opacity:.85;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-lusion-scroll-wheel{opacity:.55;animation:none;top:9px}}@media (max-width:768px){.hero-lusion-shell{gap:.55rem;padding:.65rem}.hero-lusion-stage{border-radius:1.25rem;min-height:min(62dvh,560px)}.hero-lusion-footer{grid-template-columns:1fr auto;align-items:end}.hero-lusion-footer .footer-links{display:none}.hero-lusion-scroll{flex-direction:row;justify-self:start;gap:.65rem}.hero-lusion-footer .coordinates{justify-self:end}}.cp-metaball-root *,.cp-metaball-root :before,.cp-metaball-root :after{box-sizing:border-box;margin:0;padding:0}.cp-metaball-root{scroll-behavior:smooth;font-size:16px}@media (min-width:768px){.cp-metaball-root{font-size:18px}}@media (min-width:1200px){.cp-metaball-root{font-size:20px}}.cp-metaball-root{isolation:isolate;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--background-dark);font-family:var(--font-secondary);font-size:var(--font-size-small);transition:background-color .55s cubic-bezier(.32,.72,0,1),color .55s cubic-bezier(.32,.72,0,1);position:relative;overflow-x:hidden}html[data-theme=light] .cp-metaball-root{--warm-off-white:#121317;--warm-off-white-dim:#1213178c;--text-primary:#121317;--text-secondary:#12131785;--background-dark:#e9eaee;--background-gradient-1:#f2f3f6;--background-gradient-2:#e9eaee}html[data-theme=light] #cp-metaball-webgl{background:#e9eaee}html[data-theme=light] .cp-metaball-root:after{opacity:.07;mix-blend-mode:multiply;filter:invert()contrast(.9)}html[data-theme=light] .hero h1{color:#fff;text-shadow:0 1px 1px #12131759,0 2px 12px #12131766,0 10px 36px #12131747}.section{width:100%;height:100%;min-height:100dvh;position:relative}.hero-section{z-index:2;padding:var(--spacing-large);position:relative}.fin-section{background-color:var(--background-dark);z-index:20;justify-content:center;align-items:center;display:flex;position:relative}.fin-text{font-family:var(--font-primary);color:var(--text-secondary);text-transform:none;letter-spacing:.05em;font-size:3rem}.cp-metaball-root:after{content:"";opacity:.2;mix-blend-mode:multiply;pointer-events:none;z-index:1;filter:invert(0);background-image:url(https://img.freepik.com/premium-photo/white-dust-scratches-black-background_279525-2.jpg?w=640);background-repeat:repeat;width:100%;height:100%;position:absolute;inset:0}#cp-metaball-webgl{z-index:0;pointer-events:none;background:#0f0f0f;width:100%;height:100%;transition:background-color .55s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}#ui-container{z-index:40;opacity:.72;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #ffffff8c;border-radius:10px;max-width:min(280px,100vw - 2rem);transition:opacity .35s cubic-bezier(.32,.72,0,1),background-color .35s,border-color .35s;position:absolute;top:1.15rem;right:1.15rem;overflow:hidden}#ui-container:hover,#ui-container:focus-within{opacity:1;box-shadow:none;background:0 0;border-color:#ffffffe6;border-radius:10px;overflow:visible}html[data-theme=light] #ui-container{background:0 0;border-color:#12131773}html[data-theme=light] #ui-container:hover,html[data-theme=light] #ui-container:focus-within{background:0 0;border-color:#121317bf}#ui-container .tp-dfwv{min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important}#ui-container [class^=tp-],#ui-container [class*=\ tp-]{font-family:var(--font-secondary)}#ui-container .tp-rotv{background:0 0!important;border-radius:10px!important;margin:0!important}#ui-container .tp-rotv button,#ui-container .tp-rotv .tp-rotv_b{color:#ffffffc7!important;letter-spacing:.14em!important;text-transform:uppercase!important;background:0 0!important;border:0!important;min-height:1.85rem!important;padding:.3rem .7rem!important;font-size:.55rem!important;font-weight:500!important}#ui-container:hover .tp-rotv button,#ui-container:hover .tp-rotv .tp-rotv_b,#ui-container:focus-within .tp-rotv button,#ui-container:focus-within .tp-rotv .tp-rotv_b,#ui-container .tp-rotv button:hover,#ui-container .tp-rotv .tp-rotv_b:hover{color:#fffffffa!important}html[data-theme=light] #ui-container .tp-rotv button,html[data-theme=light] #ui-container .tp-rotv .tp-rotv_b{color:#121317a6!important}html[data-theme=light] #ui-container:hover .tp-rotv button,html[data-theme=light] #ui-container:focus-within .tp-rotv button,html[data-theme=light] #ui-container .tp-rotv button:hover{color:#121317eb!important}#stats{z-index:100;position:absolute;top:10px;left:10px}.header-area{top:var(--spacing-large);width:100%;padding:0 var(--spacing-large);z-index:10;justify-content:center;display:flex;position:absolute;left:0}.logo-container{left:var(--spacing-large);z-index:10;cursor:pointer;align-items:center;height:2rem;display:flex;position:absolute;top:0}.logo-circles{width:100%;height:100%;position:relative}.circle{transition:transform var(--transition-medium);background-color:var(--text-primary);border-radius:50%;width:1.4rem;height:1.4rem;position:absolute;top:50%}.circle-1{left:0;transform:translateY(-50%)}.circle-2{mix-blend-mode:exclusion;left:.8rem;transform:translateY(-50%)}.logo-container:hover .circle-1{transform:translate(-.5rem,-50%)}.logo-container:hover .circle-2{transform:translate(.5rem,-50%)}.center-logo{text-align:center;z-index:10;height:2rem}#logo-text{font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-medium);color:var(--text-primary);text-transform:none;margin:0;line-height:1}.hero{text-align:center;z-index:10;color:var(--text-primary);width:90%;max-width:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero h1{font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-large);letter-spacing:-.02em;color:var(--text-primary);text-transform:none;margin:0 0 2rem;line-height:.9}.hero h2{font-family:var(--font-secondary);font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.7;transition:opacity var(--transition-fast);margin:0;font-weight:1000;line-height:1.4}.hero:hover h2{opacity:1}.contact-info{top:50%;left:var(--spacing-large);z-index:10;font-family:var(--font-secondary);letter-spacing:.05em;font-size:var(--font-size-small);color:var(--text-primary);text-transform:uppercase;position:absolute;transform:translateY(-50%)}.contact-heading{font-size:var(--font-size-small);color:var(--text-secondary);margin-bottom:var(--spacing-small)}.contact-email{color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;display:block}.contact-email:hover{color:var(--text-secondary)}.footer-links{bottom:var(--spacing-large);left:var(--spacing-large);z-index:10;font-family:var(--font-sans);font-weight:400;font-size:var(--font-size-regular);flex-direction:column;align-items:flex-start;gap:.25rem;display:flex;position:absolute}.footer-link{color:var(--text-secondary);transition:all var(--transition-fast);text-transform:none;padding-left:0;font-size:1.4rem;text-decoration:none;position:relative}.footer-link:before{content:"";background-color:var(--text-primary);width:0;height:1px;transition:width var(--transition-fast), opacity var(--transition-fast);opacity:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-link:hover{color:var(--text-primary);padding-left:1.2rem}.footer-link:hover:before{opacity:1;width:.8rem}.coordinates{bottom:var(--spacing-large);right:var(--spacing-large);text-align:right;z-index:10;font-family:var(--font-secondary);font-size:var(--font-size-small);color:var(--text-secondary);position:absolute}.tp-dfwv{min-width:280px!important}.section{transition:all .6s}@media (max-width:768px){#ui-container{display:none!important}.cp-metaball-root.mobile-controls-open #ui-container{opacity:.95;display:block!important}.contact-info,.footer-links{display:none}.hero h1{font-size:3.5rem}.footer-links{gap:.4rem}.coordinates,.hero p{font-size:10px}.story-display{width:90%;font-size:.8rem}}@media (max-width:480px){.hero-section{padding:var(--spacing-medium)}.header-area,.contact-info,.footer-links,.coordinates{padding:0 var(--spacing-medium)}.logo-container,.contact-info,.footer-links{left:var(--spacing-medium)}.coordinates{right:var(--spacing-medium)}.hero h1{font-size:2.6rem}.circle{width:1.2rem;height:1.2rem}.circle-2{left:.7rem}#logo-text{font-size:1.3rem}.contact-heading,.contact-email{font-size:10px}.story-display{width:95%;font-size:.75rem}}