:root{--cyan:#32ddff;--violet:#8264ff;--pink:#ee57df;--paper:#f0eff8;--muted:#a2a3bb;--cursor-x:50vw;--cursor-y:50vh}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#01030a;color:var(--paper);font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif}body{display:grid;place-items:center}.experience{position:relative;width:min(1600px,100vw,calc(100svh*1.7778));aspect-ratio:16/9;overflow:hidden;cursor:auto;background:#03050d;isolation:isolate}.experience.cursor-inside{cursor:none}
.experience:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#070817b5 0,#07081570 34%,transparent 57%),linear-gradient(0deg,#02040a80,transparent 18%,transparent 85%,#02040a55);pointer-events:none}.experience.cursor-inside,.experience.cursor-inside a,.experience.cursor-inside button{cursor:none!important}.robot-stage{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden}.frame-canvas{display:block;width:100%;height:100%;filter:saturate(1.08) contrast(1.08) brightness(.97)}
.edge-frame{display:block;position:absolute;z-index:8;inset:0;border:1px solid #9aa8c31f;pointer-events:none}.topbar{position:absolute;z-index:12;left:3.4%;right:3.4%;top:0;height:11%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#a7a8be;font-size:clamp(8px,.68vw,12px);letter-spacing:.16em}.portfolio{display:flex;gap:17px;align-items:center;color:inherit;text-decoration:none;transition:color .3s,transform .3s}.portfolio:hover{color:#e9efff;transform:translateX(-3px)}.portfolio b{font-size:22px;font-weight:300}.identity{display:flex;align-items:center;gap:16px}.identity strong{font-size:clamp(13px,1.05vw,18px);font-weight:400;letter-spacing:.08em;color:#b99aff}.identity i{font-style:normal;color:#697084}.identity span{font-size:clamp(8px,.68vw,12px)}.identity .interactive-count{display:inline!important;color:inherit;font-size:inherit;letter-spacing:0}.menu{justify-self:end;width:23px;padding:0;border:0;background:none;display:grid;gap:5px}.menu i{display:block;width:100%;height:1px;background:#b8bdca;transform-origin:center;transition:transform .25s,opacity .2s}.menu.is-open i:first-child{transform:translateY(6px) rotate(45deg)}.menu.is-open i:nth-child(2){opacity:0}.menu.is-open i:last-child{transform:translateY(-6px) rotate(-45deg)}.menu-panel{position:absolute;z-index:11;top:9%;right:3.4%;width:min(360px,42vw);padding:20px;border:1px solid #8fa4cc26;border-radius:20px;background:#090c17e8;box-shadow:0 20px 60px #0008;backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,visibility .25s,transform .25s}.menu-panel.is-open{opacity:1;visibility:visible;transform:none}.menu-panel a{display:flex;align-items:center;gap:18px;padding:16px 12px;border-bottom:1px solid #8896b31c;color:#dedfee;font-size:clamp(11px,.86vw,15px);font-weight:350;letter-spacing:.1em;text-decoration:none;transition:color .2s,background .2s,padding-left .2s}.menu-panel a:last-child{border-bottom:0}.menu-panel a:hover{padding-left:18px;color:#b99aff;background:#b99aff0d}.menu-panel a span{color:#777e93;font:10px ui-monospace,monospace;letter-spacing:0}
.hero-content{position:absolute;z-index:4;inset:11% 0 9%;display:flex;align-items:center;padding-left:9.2%}.copy{width:44%;transform:translateY(-1%)}.lumi-title{margin:0 0 5.2%;font-size:clamp(68px,8.5vw,142px);font-weight:380;line-height:.72;letter-spacing:.17em;color:transparent;background:linear-gradient(90deg,#25e2ff 0%,#7776ff 48%,#ff3fba 100%);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 30px #4e8eff22}.copy h1.character-copy{max-width:none;margin:0;color:#d5d5e2;font-size:clamp(14px,2vw,34px);font-weight:280;line-height:1.28;letter-spacing:.025em}.character-copy span{display:block;white-space:nowrap}.character-copy em{color:#b99aff;font-style:normal}.move-hint{margin-top:6.5%;color:#b99aff;font-size:clamp(10px,.88vw,15px);font-weight:300;letter-spacing:.22em}.character-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:5.4%;min-height:48px;padding:0 28px;border:1px solid #4fdcf099;border-radius:99px;color:#e9faff;background:linear-gradient(90deg,#20d9f214,#dc4fdc14);font-size:clamp(10px,.76vw,13px);font-weight:600;letter-spacing:.11em;text-decoration:none;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}.character-cta:hover{border-color:#cf62e8;background:linear-gradient(90deg,#20d9f226,#dc4fdc26);box-shadow:0 0 24px #785cff30;transform:translateY(-2px)}
.footer{position:absolute;z-index:5;left:9.2%;right:6.5%;bottom:5.7%;display:flex;justify-content:space-between;align-items:center;color:#77798f;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:clamp(8px,.62vw,11px);font-weight:300;letter-spacing:.08em}.system-note i,.sees-all i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 5px white,0 0 13px #6b55ff}.system-note i{margin-right:25px}.sees-all{letter-spacing:0;font-size:clamp(9px,.76vw,13px)}.sees-all i{margin-left:30px;position:relative}.sees-all i:after{content:"";position:absolute;width:1px;height:35px;left:3px;top:12px;background:linear-gradient(#a35aff99,transparent)}
.loader{position:absolute;z-index:30;inset:0;background:#03050d;display:grid;place-content:center;justify-items:center;transition:opacity .65s .15s,visibility .65s .15s}.loader-done{opacity:0;visibility:hidden;pointer-events:none}.loader-brand{font-size:17px;letter-spacing:.3em;color:var(--cyan)}.loader-value{margin:24px 0 15px;font:clamp(48px,6vw,90px) ui-monospace,monospace;color:#e6e7f2}.loader-line{width:min(300px,62vw);height:1px;background:#273148}.loader-line i{display:block;height:1px;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .1s}.loader-caption{margin-top:13px;color:#687088;font:8px ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(14px);transition:opacity .75s,transform .75s}.is-ready .reveal{opacity:1;transform:none}.is-ready .r1{transition-delay:.2s}.is-ready .r2{transition-delay:.32s}.is-ready .r3{transition-delay:.42s}.is-ready .r4{transition-delay:.54s}.is-ready .r5{transition-delay:.68s}
.custom-cursor{position:fixed;z-index:50;left:var(--cursor-x);top:var(--cursor-y);width:52px;height:auto;opacity:0;transform:translate(-27%,-18%) scale(.86);pointer-events:none;filter:drop-shadow(0 0 8px #24a9ff);transition:opacity .15s,transform .15s}.cursor-inside .custom-cursor{opacity:1;transform:translate(-27%,-18%) scale(1)}.custom-cursor img{display:block;width:100%;height:auto}

@media(max-width:900px){.experience{width:100vw}.topbar{left:3%;right:3%}.portfolio{font-size:9px}.identity span{display:none}.hero-content{padding-left:6%}.copy{width:60%}.lumi-title{font-size:11vw;margin-bottom:5%}.copy h1.character-copy{font-size:clamp(14px,2.5vw,22px)}.move-hint{margin-top:5%}.footer{left:6%;right:5%}.system-note{max-width:55%}}
@media(max-width:640px){body{display:block;background:#02040b}.experience,.experience.cursor-inside,.experience.cursor-inside a,.experience.cursor-inside button{cursor:auto!important}.experience{width:100vw;height:100svh;aspect-ratio:auto;background:#02040b}.experience:after{background:linear-gradient(0deg,#02040bf8 18%,#02040b9e 46%,transparent 68%)}.topbar{height:64px;left:18px;right:18px}.portfolio{font-size:0}.portfolio b{font-size:20px}.identity strong{font-size:15px}.menu{width:20px}.menu-panel{top:64px;left:18px;right:18px;width:auto;padding:16px;border-radius:17px}.menu-panel a{padding:15px 10px;font-size:12px}.robot-stage{top:64px;height:min(38svh,340px);transform:none;background:#02040b}.robot-stage:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:34%;background:linear-gradient(transparent,#02040b);pointer-events:none}.hero-content{inset:calc(64px + min(38svh,340px)) 0 55px;padding:0 22px;align-items:flex-start}.copy{width:100%;margin:0}.lumi-title{font-size:20vw;margin-bottom:20px}.copy h1.character-copy{font-size:clamp(15px,4.6vw,30px);line-height:1.32;letter-spacing:0}.character-copy span{width:max-content;max-width:100%}.move-hint{margin-top:28px;font-size:11px}.character-cta{margin-top:24px;min-height:46px;padding:0 24px;font-size:10px}.footer{left:22px;right:22px;bottom:3vh}.system-note{display:none}.sees-all{margin-left:auto}.custom-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.reveal,.loader{transition:none}.frame-canvas{filter:none}}