@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--nexo-green:#00a57c;--nexo-green-d:#017a5c;--nexo-ink:#04150f;--paper:#eef1ee;--nexo-mono:"Atkinson Hyperlegible Mono", "SFMono-Regular", ui-monospace, "Roboto Mono", Menlo, Consolas, monospace}.nexo-stage{background:var(--nexo-green);color:#fff;font-family:var(--nexo-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:fixed;inset:0;overflow:hidden}.nexo-stage *,.nexo-stage :before,.nexo-stage :after{box-sizing:border-box}.nexo-stage .word{z-index:2;justify-content:center;align-items:center;gap:clamp(2px,1vw,22px);display:flex;position:absolute;inset:0}.nexo-stage .word.single{gap:0}.nexo-stage .glyph{aspect-ratio:1;will-change:transform;flex:none;height:min(46vh,22vw);position:relative}.nexo-stage .word.single .glyph{aspect-ratio:auto;width:auto;height:auto;position:absolute;inset:clamp(40px,6vh,90px) clamp(60px,7vw,140px)}.nexo-stage .glyph-vid{object-fit:cover;filter:grayscale()contrast(1.08)brightness(1.02);width:100%;height:100%;display:block}.nexo-stage .veil{z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:.35;background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px);position:absolute;inset:0}.nexo-stage .veil:after{content:"";mix-blend-mode:multiply;background:radial-gradient(130% 120% at 50% 42%,#0000 55%,#00000073 100%);position:absolute;inset:0}.nexo-stage .chrome{z-index:5;pointer-events:none;position:absolute;inset:0}.nexo-stage .chrome a{pointer-events:auto}.nexo-stage .mark{align-items:center;gap:clamp(12px,1.2vw,18px);display:flex;position:absolute;top:clamp(20px,3.4vw,46px);left:clamp(20px,3.4vw,46px)}.nexo-stage .mark svg{width:clamp(34px,3.4vw,50px);height:auto;display:block}.nexo-stage .mark .wordmark{letter-spacing:.34em;text-transform:uppercase;color:#fff;white-space:nowrap;padding-left:.18em;font-size:clamp(13px,1.05vw,16px);font-weight:700;overflow:hidden}.nexo-stage .coming-soon{z-index:5;pointer-events:none;letter-spacing:.24em;text-transform:uppercase;color:#ffffffe6;align-items:center;gap:.65em;margin:0;font-size:clamp(15px,1.35vw,22px);display:flex;position:absolute;top:calc(50% + min(23vh,11vw) + clamp(18px,2.4vw,32px));left:50%;transform:translate(-50%)}.nexo-stage .scroll-hint{z-index:6;color:#fff;font:inherit;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-direction:column;align-items:center;gap:.55em;margin:0;padding:0;font-size:clamp(10px,.78vw,12px);animation:2.6s ease-in-out infinite nexo-float;display:flex;position:absolute;top:calc(50% + min(15vh,7.5vw) + clamp(18px,2.4vw,32px));left:50%}.nexo-stage .scroll-hint-arrow{width:22px;height:22px;display:block}@keyframes nexo-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.nexo-stage .status{letter-spacing:.26em;text-transform:uppercase;color:#ffffffd1;align-items:center;gap:.6em;font-size:clamp(11px,.86vw,13px);display:flex;position:absolute;top:clamp(22px,3.4vw,48px);right:clamp(20px,3.4vw,46px)}.nexo-stage .status .dot,.nexo-stage .coming-soon .dot{background:#fff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-out infinite nexo-pulse;box-shadow:0 0 #fff9}.nexo-stage .coming-soon .dot{width:10px;height:10px}@keyframes nexo-pulse{0%{box-shadow:0 0 #ffffff8c}70%{box-shadow:0 0 0 9px #fff0}to{box-shadow:0 0 #fff0}}.nexo-stage .contacts{text-align:right;letter-spacing:.02em;flex-direction:column;gap:.5em;font-size:clamp(12px,.95vw,15px);line-height:1.35;display:flex;position:absolute;bottom:clamp(20px,3.4vw,44px);right:clamp(20px,3.4vw,46px)}.nexo-stage .contacts .label{letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c;margin-bottom:.35em;font-size:clamp(10px,.72vw,11px)}.nexo-stage .contacts a{color:#fff;width:max-content;margin-left:auto;text-decoration:none;transition:opacity .2s;position:relative}.nexo-stage .contacts a:after{content:"";background:currentColor;height:1px;transition:right .28s cubic-bezier(.5,0,.1,1);position:absolute;bottom:-2px;left:0;right:100%}.nexo-stage .contacts a:hover{opacity:.85}.nexo-stage .contacts a:hover:after{right:0}.nexo-stage .contacts .contact-line{color:#ffffffd1;width:max-content;margin-left:auto}.nexo-stage .caption{letter-spacing:.04em;color:#fff9;max-width:34ch;font-size:clamp(11px,.82vw,13px);line-height:1.5;position:absolute;bottom:clamp(20px,3.4vw,44px);left:clamp(20px,3.4vw,46px)}.nexo-stage .caption b{color:#fff;font-weight:700}.nexo-stage .switch{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border-radius:999px;gap:1px;padding:3px;display:flex;position:absolute;bottom:clamp(18px,2.6vw,30px);left:50%;transform:translate(-50%)}.nexo-stage .switch a{pointer-events:auto;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;border-radius:999px;padding:.6em 1.1em;font-size:clamp(10px,.78vw,12px);text-decoration:none;transition:all .2s}.nexo-stage .switch a.active{color:var(--nexo-green);background:#fff;font-weight:700}.nexo-stage .switch a:not(.active):hover{color:#fff}.nexo-stage .seq-index{z-index:5;letter-spacing:.3em;gap:.85em;font-size:clamp(11px,.86vw,13px);font-weight:700;display:flex;position:absolute;top:clamp(16px,3vw,42px);left:50%;transform:translate(-50%)}.nexo-stage .seq-index span{color:#ffffff52;transition:color .25s}.nexo-stage .seq-index span.on{color:#fff}.nexo-stage .flash{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(90deg,#7fe3c400 0%,#7fe3c459 50%,#7fe3c400 100%);position:absolute;inset:0}.nexo-stage.has-reel{--p:0;--q:0}.nexo-stage.has-reel .glyph{height:min(30vh,15vw)}.nexo-stage.has-reel .word{transform:translateY(calc(var(--q,0) * -27vh)) scale(calc(1 - var(--q,0) * .6))}.nexo-stage.has-reel .mark{gap:calc(clamp(12px, 1.2vw, 18px) * (1 - var(--t,0)));left:calc((1 - var(--t,0)) * clamp(20px, 3.4vw, 46px) + var(--t,0) * 50%);transform:translateX(calc(var(--t,0) * -50%)) scale(calc(1 - var(--t,0) * .58));transform-origin:50%}.nexo-stage.has-reel .mark .wordmark{max-width:calc((1 - var(--t,0)) * 8rem);opacity:calc(1 - var(--t,0) * 1.6);padding-left:calc(.18em * (1 - var(--t,0)))}.nexo-stage.has-reel .scroll-hint{opacity:calc(1 - var(--p,0) * 1.8)}.nexo-stage.has-reel.reel-open .scroll-hint{pointer-events:none}.nexo-stage.has-reel .caption,.nexo-stage.has-reel .contacts{opacity:calc(1 - var(--p,0) * 1.6);bottom:calc(clamp(20px,3.4vw,44px) + 10vh)}.nexo-stage.has-reel .switch{opacity:calc(1 - var(--p,0) * 1.6);bottom:calc(clamp(18px,2.6vw,30px) + 10vh)}.nexo-stage.reel-hot .caption,.nexo-stage.reel-hot .contacts,.nexo-stage.reel-hot .scroll-hint,.nexo-stage.reel-hot .switch{opacity:.1;transition:opacity .35s}.nexo-stage .reel{z-index:4;--ih:20vh;height:0;position:absolute;top:100%;left:0;right:0}.nexo-stage .reel-track{will-change:transform;--push:0px;align-items:flex-start;gap:clamp(10px,1.1vw,22px);padding:0 clamp(10px,1.1vw,22px);display:flex}.nexo-stage .reel-item{height:var(--ih);aspect-ratio:3/4;background:var(--paper);cursor:pointer;transform-origin:50% 0;flex:none;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:relative;overflow:hidden}.nexo-stage .reel-item img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .45s;display:block}.nexo-stage .reel-item.hot img,.nexo-stage .reel-item:hover img{filter:grayscale(0)contrast(1.05)}.nexo-stage .reel-item .ph,.nexo-stage .gallery-grid .ph{letter-spacing:.22em;text-transform:uppercase;color:#04150f66;background:linear-gradient(160deg,#f4f6f4 0%,#dfe3df 55%,#cfd4d0 100%);justify-content:flex-start;align-items:flex-end;padding:.7em;font-size:10px;display:flex;position:absolute;inset:0}.nexo-stage .reel-item.hot{z-index:3;box-shadow:0 3vh 7vh #00000057}.nexo-stage .reel-item.push-prev{transform:translateX(calc(-1 * var(--push,0px)))}.nexo-stage .reel-item.push-next{transform:translateX(var(--push,0px))}.nexo-stage .reel-info{z-index:7;pointer-events:none;opacity:0;letter-spacing:.16em;text-transform:uppercase;color:#fff;max-width:26ch;font-size:clamp(10px,.74vw,12px);line-height:1.6;transition:opacity .3s,transform .3s;position:absolute;top:0;transform:translateY(6px)}.nexo-stage .reel-info.on{opacity:1;transform:translateY(0)}.nexo-stage .reel-info .ri-num{color:#ffffffb3;margin-bottom:1.4em;display:block}.nexo-stage .gallery{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04150fe6;flex-direction:column;gap:clamp(12px,1.4vw,20px);width:min(46vw,620px);padding:clamp(24px,3vw,44px);transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0 0 0 auto;overflow-y:auto;transform:translate(100%)}.nexo-stage .gallery.open{transform:none}.nexo-stage .gallery-head{letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:2em;font-size:clamp(10px,.76vw,12px);display:flex}.nexo-stage .gallery-head p{color:#ffffff9e;max-width:30ch;line-height:1.6}.nexo-stage .gallery-close{color:#fff;font:inherit;cursor:pointer;letter-spacing:.22em;text-transform:uppercase;background:0 0;border:0;padding:.3em 0}.nexo-stage .gallery-grid{grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,18px);display:grid}.nexo-stage .gallery-grid>div{aspect-ratio:3/4;background:var(--paper);position:relative;overflow:hidden}.nexo-stage .gallery-grid img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .45s}.nexo-stage .gallery-grid>div:hover img{filter:grayscale(0)contrast(1.05)}.nexo-stage.has-reel{touch-action:none;overscroll-behavior:none}.nexo-stage .gallery{touch-action:pan-y;-webkit-overflow-scrolling:touch}@media (hover:none){.nexo-stage .gallery-grid img{filter:grayscale(0)contrast(1.05)}}@media (width<=720px){.nexo-stage.has-reel .glyph{height:min(18vh,20vw)}.nexo-stage.has-reel .word{transform:translateY(calc(var(--q,0) * -16vh)) scale(calc(1 - var(--q,0) * .4))}.nexo-stage.has-reel .scroll-hint{letter-spacing:.2em;gap:.4em;font-size:10px;top:calc(50% + min(9vh,10vw) + 10px)}.nexo-stage.has-reel .scroll-hint-arrow{width:18px;height:18px}.nexo-stage.has-reel .caption,.nexo-stage.has-reel .contacts,.nexo-stage.has-reel .switch{bottom:calc(12px + 16vh + env(safe-area-inset-bottom,0px))}.nexo-stage .mark{top:max(12px, env(safe-area-inset-top,0px));gap:8px;left:14px}.nexo-stage.has-reel .mark{left:calc((1 - var(--t,0)) * 14px + var(--t,0) * 50%);top:max(12px, env(safe-area-inset-top,0px))}.nexo-stage .mark svg{width:28px}.nexo-stage .mark .wordmark{letter-spacing:.28em;font-size:11px}.nexo-stage .status{top:max(14px, env(safe-area-inset-top,0px));font-size:10px;right:14px}.nexo-stage .caption{max-width:48vw;font-size:10px;line-height:1.4;left:14px}.nexo-stage .contacts{gap:.28em;font-size:10px;right:14px}.nexo-stage .contacts .contact-line{display:none}.nexo-stage .reel-info{letter-spacing:.12em;max-width:calc(100vw - 28px);font-size:10px}.nexo-stage .gallery{width:100%;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px))}.nexo-stage .gallery-head{align-items:flex-start;gap:1em}.nexo-stage .gallery-close{flex-shrink:0;min-height:44px;padding:.7em 0}.nexo-stage .gallery-grid{gap:10px}}@media (prefers-reduced-motion:reduce){.nexo-stage .status .dot,.nexo-stage .coming-soon .dot,.nexo-stage .scroll-hint{animation:none}.nexo-stage .scroll-hint{transform:translate(-50%)}}
