@font-face{font-family:Gallo Mono;src:local("SFMono-Regular"),local("Menlo"),local("Consolas");font-display:swap}:root{--gallo-white:#f4f3ee;--gallo-paper:#e9e8e1;--gallo-black:#0d0f12;--gallo-orange:#e4673e;--gallo-blue:#7b91b5;--gallo-green:#80937d;--gallo-line:rgba(13,15,18,0.15);--gallo-ease:cubic-bezier(0.16,1,0.3,1)}html{overflow-x:clip}.live2d-gate,html body[data-live2d-gate=error],html body[data-live2d-gate=exiting],html body[data-live2d-gate=loading]{overflow:hidden}.live2d-gate{--live2d-progress:.06;position:fixed;inset:0;z-index:2000;color:var(--gallo-black);background:var(--gallo-white);font-family:Arial,Helvetica,sans-serif;transition:opacity .68s var(--gallo-ease),visibility .68s}.live2d-gate:after,.live2d-gate:before{content:"";position:absolute;pointer-events:none}.live2d-gate:before{inset:0;background:linear-gradient(90deg,transparent calc(25% - .5px),var(--gallo-line) 25%,transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),var(--gallo-line) 75%,transparent calc(75% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--gallo-line) 50%,transparent calc(50% + .5px))}.live2d-gate:after{top:-34vh;right:-10vw;width:64vw;height:110vh;background:var(--gallo-orange);-webkit-clip-path:polygon(68% 0,100% 0,32% 100%,0 100%);clip-path:polygon(68% 0,100% 0,32% 100%,0 100%);opacity:.94;transform:translateX(120%);animation:live2dGateArrival 1.15s .16s var(--gallo-ease) forwards}.live2d-gate-grain{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(rgba(13,15,18,.22) .55px,transparent .7px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none}.live2d-gate-header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 30px;border-bottom:1px solid var(--gallo-line);font:600 11px/1 Gallo Mono,monospace;letter-spacing:.11em}.live2d-gate-header span{opacity:.48}.live2d-gate-center{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;grid-gap:22px;gap:22px;transform:translate(-50%,-50%)}.live2d-gate-orbit{position:relative;display:grid;width:clamp(132px,13vw,200px);aspect-ratio:1;place-items:center;border:1px solid rgba(13,15,18,.25);border-radius:50%}.live2d-gate-orbit:after,.live2d-gate-orbit:before{content:"";position:absolute;inset:13%;border:1px solid rgba(13,15,18,.16);border-radius:inherit}.live2d-gate-orbit:after{inset:-8px;border-color:transparent var(--gallo-orange) transparent transparent;animation:live2dGateSpin 1.1s linear infinite}.live2d-gate-orbit strong{font-size:clamp(66px,8vw,116px);font-weight:800;line-height:1;letter-spacing:-.12em;transform:translateX(-.06em)}.live2d-gate-scan{position:absolute;left:50%;bottom:50%;width:1px;height:50%;background:linear-gradient(var(--gallo-orange),transparent);transform-origin:50% 100%;animation:live2dGateSpin 1.8s linear infinite reverse}.live2d-gate-center p,.live2d-gate-kicker{margin:0;font:600 10px/1.3 Gallo Mono,monospace;letter-spacing:.14em}.live2d-gate-copy{position:absolute;left:30px;bottom:122px;z-index:2}.live2d-gate-kicker{margin-bottom:15px;color:var(--gallo-orange)}.live2d-gate-copy h1{margin:0;font-size:clamp(42px,6.2vw,104px);font-weight:750;line-height:.82;letter-spacing:-.075em}.live2d-gate-status{position:absolute;left:30px;right:30px;bottom:26px;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:16px 24px;gap:16px 24px;font-family:Gallo Mono,monospace}.live2d-gate-status div{display:grid;grid-gap:7px;gap:7px}.live2d-gate-status div span{font-size:9px;letter-spacing:.16em;opacity:.46}.live2d-gate-status div strong{font-size:11px;font-weight:500;letter-spacing:.04em}.live2d-gate-status output{font-size:13px;font-weight:600}.live2d-gate-status button{padding:11px 15px;border:1px solid var(--gallo-black);border-radius:999px;color:var(--gallo-black);background:transparent;font:600 10px/1 Gallo Mono,monospace;letter-spacing:.08em;cursor:pointer;transition:color .22s ease,background .22s ease}.live2d-gate-status button:focus-visible,.live2d-gate-status button:hover{color:var(--gallo-white);background:var(--gallo-black)}.live2d-gate-track{grid-column:1/-1;display:block;height:2px;overflow:hidden;background:rgba(13,15,18,.14)}.live2d-gate-track i{display:block;width:100%;height:100%;background:var(--gallo-orange);transform:scaleX(var(--live2d-progress));transform-origin:0 50%;transition:transform .52s var(--gallo-ease)}.live2d-gate.is-error:after{opacity:.16;animation:none;transform:translateX(36%)}.live2d-gate.is-error .live2d-gate-orbit:after,.live2d-gate.is-error .live2d-gate-scan{animation-play-state:paused}.live2d-gate.is-error .live2d-gate-track i{background:var(--gallo-black)}.live2d-gate.is-exiting{opacity:0;visibility:hidden;pointer-events:none}.live2d-gate.is-exiting .live2d-gate-center{transform:translate(-50%,-50%) scale(1.18);transition:transform .72s var(--gallo-ease)}@keyframes live2dGateSpin{to{transform:rotate(1turn)}}@keyframes live2dGateArrival{to{transform:translateX(38%)}}@media (max-width:800px){.live2d-gate-header{height:58px;padding:0 18px}.live2d-gate-header span{display:none}.live2d-gate:before{background:linear-gradient(90deg,transparent calc(50% - .5px),var(--gallo-line) 50%,transparent calc(50% + .5px))}.live2d-gate:after{right:-32vw;width:96vw}.live2d-gate-center{top:38%}.live2d-gate-copy{left:18px;bottom:126px}.live2d-gate-copy h1{font-size:clamp(44px,15vw,72px)}.live2d-gate-status{left:18px;right:18px;bottom:22px}.live2d-gate-status div strong{max-width:66vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.particle-prologue{--particle-ivory:#f3e6d9;--particle-coral:#df765d;--particle-amber:#d99346;--particle-hair:#5a3c33;--particle-slate:#6f8795;position:relative;z-index:4;height:145svh;color:var(--particle-ivory);background:#050506}.particle-prologue-stage{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(102,64,49,.12),transparent 31%),linear-gradient(180deg,#080809,#030304)}.particle-prologue-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:0;transition:opacity .9s var(--gallo-ease),filter .9s var(--gallo-ease)}.particle-prologue.is-ready .particle-prologue-canvas{opacity:1}.particle-prologue.is-exiting .particle-prologue-canvas{filter:saturate(.78) contrast(1.04)}.particle-prologue-atmosphere,.particle-prologue-stage:after,.particle-prologue-stage:before{content:"";position:absolute;inset:0;pointer-events:none}.particle-prologue-atmosphere{z-index:1;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(1,1,2,.3) 70%,rgba(1,1,2,.78) 100%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(rgba(255,255,255,.014) 1px,transparent 0);background-size:auto,12.5vw 100%,100% 12.5vh;mix-blend-mode:screen}.particle-prologue-stage:before{z-index:1;opacity:.18;background-image:radial-gradient(rgba(242,230,218,.32) .5px,transparent .7px);background-size:5px 5px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.particle-prologue-stage:after{z-index:1;box-shadow:inset 0 0 180px rgba(0,0,0,.88)}.particle-prologue-ui{position:absolute;inset:0;z-index:3;pointer-events:none;font:600 10px/1.2 Gallo Mono,monospace;letter-spacing:.13em;transition:opacity .5s ease,transform .8s var(--gallo-ease)}.particle-prologue.is-exiting .particle-prologue-ui{opacity:0;transform:translateY(-10px)}.particle-prologue-ui header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 30px;border-bottom:1px solid rgba(243,230,217,.12)}.particle-prologue-ui header strong{color:#fff8f0;font-size:11px}.particle-prologue-ui header span{color:rgba(243,230,217,.48)}.particle-prologue-form-status{display:flex;align-items:center;gap:14px}.particle-prologue-form-status .particle-prologue-progress{padding-left:14px;border-left:1px solid rgba(243,230,217,.16);color:var(--particle-coral)}.particle-prologue-intro{position:absolute;top:104px;left:50%;display:grid;grid-gap:9px;gap:9px;width:min(560px,calc(100% - 360px));text-align:center;transform:translateX(-50%)}.particle-prologue-intro>span{color:rgba(243,230,217,.42)}.particle-prologue-intro p{margin:0;color:rgba(255,248,240,.88);font:500 clamp(17px,1.6vw,25px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.035em}.particle-prologue-coordinates{position:absolute;top:50%;left:30px;display:grid;align-items:center;grid-gap:11px;gap:11px;width:180px;color:rgba(243,230,217,.34);transform:translateY(-50%)}.particle-prologue-coordinates i{display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(223,118,93,.8),rgba(243,230,217,.05))}.particle-prologue-instructions{position:absolute;left:30px;bottom:28px;display:grid;grid-gap:8px;gap:8px;color:rgba(243,230,217,.42)}.particle-prologue-instructions p{margin:0}.particle-prologue-instructions span{display:inline-block;min-width:54px;color:var(--particle-coral)}.particle-prologue-scroll{position:absolute;right:30px;bottom:28px;display:grid;grid-template-columns:auto 34px;align-items:center;grid-gap:14px;gap:14px;color:rgba(243,230,217,.52)}.particle-prologue-scroll i{position:relative;display:block;width:34px;height:1px;overflow:visible;background:rgba(243,230,217,.2)}.particle-prologue-scroll i:after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--particle-coral);animation:particleScrollCue 1.8s var(--gallo-ease) infinite}.particle-prologue-hit{position:absolute;inset:72px 0 0;z-index:2;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.particle-prologue-hit:focus-visible{outline:1px solid rgba(223,118,93,.9);outline-offset:-12px}.particle-prologue-skip{position:absolute;top:94px;left:30px;z-index:4;display:inline-flex;align-items:center;gap:15px;min-height:34px;padding:0;border:0;border-bottom:1px solid rgba(243,230,217,.28);color:rgba(243,230,217,.58);background:transparent;font:600 9px/1 Gallo Mono,monospace;letter-spacing:.13em;cursor:pointer;transition:color .22s ease,border-color .22s ease,opacity .5s ease,transform .5s var(--gallo-ease)}.particle-prologue-skip span{color:var(--particle-coral);font-size:14px;transition:transform .36s var(--gallo-ease)}.particle-prologue-skip:focus-visible,.particle-prologue-skip:hover{border-color:var(--particle-coral);color:#fff8f0}.particle-prologue-skip:focus-visible span,.particle-prologue-skip:hover span{transform:translateY(3px)}.particle-prologue-skip:focus-visible{outline:1px solid rgba(223,118,93,.72);outline-offset:5px}.particle-prologue.is-exiting .particle-prologue-skip{opacity:0;pointer-events:none;transform:translateY(-8px)}@keyframes particleScrollCue{0%{transform:translateX(0);opacity:0}18%{opacity:1}78%{opacity:1}to{transform:translateX(29px);opacity:0}}@media (max-width:800px){.particle-prologue{height:138svh}.particle-prologue-ui header{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.particle-prologue-form-status{gap:8px}.particle-prologue-form-status .particle-prologue-progress{padding-left:8px}.particle-prologue-intro{top:calc(122px + env(safe-area-inset-top));width:calc(100% - 36px)}.particle-prologue-intro p{font-size:clamp(16px,5vw,21px)}.particle-prologue-coordinates{display:none}.particle-prologue-instructions{left:max(18px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom))}.particle-prologue-instructions p:last-child{display:none}.particle-prologue-scroll{right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}.particle-prologue-scroll span{display:none}.particle-prologue-hit{top:calc(60px + env(safe-area-inset-top))}.particle-prologue-skip{top:calc(76px + env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.particle-prologue-atmosphere{background-size:auto,25vw 100%,100% 12.5vh}}@media (prefers-reduced-motion:reduce){.particle-prologue-scroll i:after{animation:none;opacity:1}.particle-prologue-canvas,.particle-prologue-ui{transition-duration:1ms}}.site-audio-toggle{position:fixed;top:88px;right:24px;z-index:1900;display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid rgba(255,248,240,.22);border-radius:50%;color:#fff8f0;background:rgba(6,7,8,.64);box-shadow:0 12px 38px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:opacity .26s ease,transform .36s var(--gallo-ease),border-color .26s ease,background .26s ease}.site-audio-toggle:after{content:attr(data-label);position:absolute;top:50%;right:calc(100% + 10px);padding:5px 7px;border:1px solid rgba(255,248,240,.13);color:rgba(255,248,240,.72);background:rgba(6,7,8,.72);font:600 8px/1 Gallo Mono,monospace;letter-spacing:.12em;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(4px,-50%);transition:opacity .18s ease,transform .28s var(--gallo-ease)}.site-audio-toggle:focus-visible,.site-audio-toggle:hover{border-color:rgba(223,118,93,.72);background:rgba(6,7,8,.82);transform:scale(1.06)}.site-audio-toggle:focus-visible:after,.site-audio-toggle:hover:after{opacity:1;transform:translateY(-50%)}.site-audio-toggle:focus-visible{outline:2px solid rgba(223,118,93,.42);outline-offset:3px}.site-audio-toggle svg{width:19px;height:19px;overflow:visible}.site-audio-speaker{fill:currentColor}.site-audio-slash,.site-audio-wave{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round}.site-audio-wave{opacity:1;transform-origin:13px 12px}.site-audio-slash,.site-audio-wave{transition:opacity .22s ease,transform .32s var(--gallo-ease)}.site-audio-slash{color:var(--gallo-orange);opacity:0;transform:scale(.7);transform-origin:center}.site-audio-status{position:absolute;right:1px;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--gallo-orange);box-shadow:0 0 10px rgba(223,118,93,.72);transition:opacity .22s ease,transform .32s var(--gallo-ease)}.site-audio-toggle[aria-pressed=false] .site-audio-wave{opacity:0;transform:scale(.72)}.site-audio-toggle[aria-pressed=false] .site-audio-slash{opacity:1;transform:scale(1)}.site-audio-toggle[aria-pressed=false] .site-audio-status{opacity:.28;transform:scale(.72);box-shadow:none}body[data-live2d-gate=error] .site-audio-toggle,body[data-live2d-gate=exiting] .site-audio-toggle,body[data-live2d-gate=loading] .site-audio-toggle{opacity:0;pointer-events:none;transform:translateY(-5px)}@media (max-width:800px){.site-audio-toggle{top:calc(72px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:38px;height:38px}.site-audio-toggle:after{display:none}}body:not([data-state]){overflow:auto}body[data-state=home]{overflow-x:clip;overflow-y:visible;background:var(--gallo-white)}.native-phone-device{aspect-ratio:390/844;width:min(48vw,390px);max-height:88vh;overflow:visible}.native-phone-shell{position:absolute;inset:0;overflow:hidden;border:10px solid #090b0e;border-radius:54px;background:#121820;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 56px 130px rgba(0,0,0,.62)}.native-phone-shell:before{content:"";position:absolute;top:10px;left:50%;z-index:9;width:102px;height:29px;border-radius:999px;background:#07090b;transform:translateX(-50%)}.native-phone-status{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;justify-content:space-between;padding:16px 24px 0;color:#f7f8fa;font:600 11px/1 Gallo Mono,monospace;letter-spacing:.04em}.native-phone-home,.native-phone-map{position:absolute;inset:0;transition:opacity .64s var(--gallo-ease),transform .76s var(--gallo-ease),filter .64s ease}.native-phone-home{display:flex;flex-direction:column;justify-content:space-between;padding:92px 28px 52px;color:#f5f7f8;background:radial-gradient(circle at 76% 18%,rgba(123,145,181,.52),transparent 36%),linear-gradient(150deg,#26353f,#11171f 56%,#273631)}.phone-home-copy p,.phone-home-copy span,.phone-opening-cue{margin:0;font:600 10px/1.4 Gallo Mono,monospace;letter-spacing:.12em}.phone-home-copy strong{display:block;margin:14px 0 4px;font-size:78px;font-weight:500;letter-spacing:-.08em}.phone-opening-cue{align-self:center;opacity:.52}.native-phone-home .joi-map-app-hit{position:absolute;left:50%;top:52%;display:grid;width:102px;height:auto;grid-gap:10px;gap:10px;place-items:center;color:white;transform:translate(-50%,-50%);border-radius:22px}.native-phone-home .joi-map-app-hit img{width:82px;height:82px;border-radius:19px;box-shadow:0 18px 36px rgba(0,0,0,.28)}.native-phone-home .joi-map-app-hit span{font-size:12px;font-weight:650}.native-phone-map{opacity:0;transform:scale(.72);filter:blur(18px);background:#e9ebe3}.native-phone-map .world-field{position:absolute;inset:0;width:100%;height:100%}body[data-state=doorTurn] .native-phone-home,body[data-state=knocking] .native-phone-home,body[data-state=mapHome] .native-phone-home,body[data-state=mapOpening] .native-phone-home{opacity:0;transform:scale(1.2);filter:blur(14px)}body[data-state=doorTurn] .native-phone-map,body[data-state=knocking] .native-phone-map,body[data-state=mapHome] .native-phone-map,body[data-state=mapOpening] .native-phone-map{opacity:1;transform:scale(1);filter:blur(0)}.phone-map-dock,.phone-map-route,.phone-map-search{position:absolute;z-index:3;left:18px;right:18px;border:1px solid rgba(22,42,34,.12);background:rgba(250,249,244,.84);color:#17221d;box-shadow:0 16px 38px rgba(31,50,40,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.phone-map-search{top:58px;display:flex;justify-content:space-between;padding:14px 16px;border-radius:16px;font-size:12px}.phone-map-search b{color:var(--gallo-orange);font:700 9px/1.4 Gallo Mono,monospace}.phone-map-route{bottom:90px;padding:16px;border-radius:18px}.phone-map-route span{display:block;font-size:11px;color:rgba(23,34,29,.56)}.phone-map-route strong{display:block;margin-top:4px;font-size:17px}.phone-map-dock{bottom:24px;display:flex;justify-content:space-around;padding:15px 12px;border-radius:18px;font:700 9px/1 Gallo Mono,monospace}.peephole-view video{transform:scale(1.06)}.peephole-view video,.qte-door-plate{width:100%;height:100%;object-fit:cover}.qte-door-plate{position:absolute;inset:0;z-index:1;object-position:center;transform:translate(13vw,-30vh) scale(2.25);filter:saturate(.78) brightness(.66);transition:transform 1.1s var(--gallo-ease),filter 1s ease}body[data-state=videoIntro] .qte-door-plate{transform:translate(13vw,-30vh) scale(2.05);filter:saturate(.88) brightness(.82)}body[data-state=qteDragging] .qte-door-plate,body[data-state=qteLocked] .qte-door-plate{transform:translate(13vw,-30vh) scale(2.25);filter:saturate(.92) brightness(.78)}.qte-stage .handle-hotspot{left:50%;top:50%;width:min(40vw,500px);height:min(38vh,330px)}.handle-cue{position:absolute;z-index:8;left:50%;bottom:8vh;margin:0;color:rgba(255,248,232,.7);font:600 10px/1 Gallo Mono,monospace;letter-spacing:.18em;opacity:0;transform:translateX(-50%) translateY(12px);transition:.6s var(--gallo-ease)}body[data-state=qteDragging] .handle-cue,body[data-state=qteLocked] .handle-cue{opacity:1;transform:translateX(-50%)}body[data-state=qteDragging] .qte-door-plate{transform:translate(13vw,var(--qte-door-y,-30vh)) scale(var(--qte-door-scale,2.25))}.gallo-experience{isolation:isolate;opacity:1;color:var(--gallo-black);background:var(--gallo-white)}.gallo-experience .shader-canvas{opacity:.42;mix-blend-mode:multiply}.gallo-hud{position:fixed;z-index:12;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 34px;color:var(--gallo-black);mix-blend-mode:difference}.gallo-hud a,.gallo-hud button{color:white}.gallo-wordmark{font-size:22px;font-weight:860;letter-spacing:.14em}.gallo-hud nav{display:flex;gap:34px;font:600 11px/1 Gallo Mono,monospace;letter-spacing:.12em}.gallo-hud .replay-button{justify-self:end;border:0;background:transparent;font:600 11px/1 Gallo Mono,monospace;cursor:pointer}.gallo-hero{position:relative;min-height:180vh;background:transparent}.gallo-hero-sticky{position:-webkit-sticky;position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:100px 4vw 50px;overflow:hidden}.hero-index,.section-tag{font:600 11px/1.3 Gallo Mono,monospace;letter-spacing:.14em}.gallo-hero h1{margin:28px 0 0;font-size:clamp(66px,10.8vw,174px);line-height:.8;letter-spacing:-.08em;font-weight:820}.gallo-hero h1 span{display:block;transform:translate3d(calc((var(--pointer-x) - .5) * var(--hero-shift, 26px)),0,0);transition:transform 1.1s var(--gallo-ease)}.gallo-hero h1 span:nth-child(2){--hero-shift:-42px;color:transparent;-webkit-text-stroke:1.5px var(--gallo-black)}.gallo-hero h1 span:nth-child(3){--hero-shift:18px}.hero-question{display:flex;justify-content:space-between;align-items:flex-end;margin-top:36px;border-top:1px solid var(--gallo-line);padding-top:16px}.hero-question span{font:600 10px/1 Gallo Mono,monospace;letter-spacing:.12em}.hero-question p{width:min(340px,34vw);margin:0 22vw 0 auto;font:500 clamp(16px,1.6vw,24px)/1.25 Georgia,serif}.hero-enter{position:absolute;right:4vw;bottom:34px;display:flex;gap:28px;align-items:center;font:700 11px/1 Gallo Mono,monospace;letter-spacing:.1em}.hero-enter span{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--gallo-black);border-radius:50%}.manifesto{position:relative;z-index:2;min-height:125vh;padding:140px 4vw;background:var(--gallo-black);color:var(--gallo-white)}.manifesto-copy{margin-top:100px;font-size:clamp(54px,8vw,132px);line-height:.86;letter-spacing:-.065em;font-weight:720}.manifesto-copy span{display:block}.manifesto-copy span:nth-child(2){margin-left:10vw;color:var(--gallo-orange)}.manifesto-note{display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;margin:110px 0 0 42vw;font-size:clamp(16px,1.45vw,22px);line-height:1.5;color:rgba(244,243,238,.62)}.character-manifesto{max-width:14ch}.character-manifesto .character-line{display:flex;flex-wrap:wrap;gap:0 .22em}.character-manifesto .character-line:nth-child(2){margin-left:10vw;color:var(--gallo-orange)}.character-manifesto .character-word{display:inline-flex;white-space:nowrap}.character-manifesto .character-line .character-word,.character-manifesto .character-line [data-character]{margin-left:0;color:inherit}.character-manifesto [data-character]{display:inline-block;opacity:.18;transform:translateY(12px);will-change:opacity,transform}.work-intro{position:relative;z-index:2;min-height:86vh;padding:140px 4vw;background:var(--gallo-white)}.work-intro h2{margin:70px 0 0;font-size:clamp(60px,9vw,142px);line-height:.86;letter-spacing:-.07em}.work-intro>p:last-child{width:min(620px,78vw);margin:50px 0 0 auto;font-size:clamp(18px,2vw,30px);line-height:1.25}.native-project{position:relative;z-index:3;min-height:185vh}.native-project-sticky{position:-webkit-sticky;position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;height:100vh;padding:82px 3vw 28px;overflow:hidden}.native-project-dark{background:#101318;color:#f2f1eb}.native-project-light{background:#e3e7dc;color:#152019}.project-header{display:grid;grid-template-columns:70px 1fr auto;align-items:baseline;padding-bottom:14px;border-bottom:1px solid}.project-header span{color:var(--gallo-orange);font-size:22px;font-weight:800}.project-header h3{margin:0;font-size:clamp(24px,3vw,52px);letter-spacing:-.04em}.project-header p{margin:0;font:600 10px/1 Gallo Mono,monospace;letter-spacing:.12em;opacity:.54}.project-live-stage{display:grid;place-items:center;min-height:0;padding:22px 0}.project-footer{display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:40px;gap:40px;padding-top:14px;border-top:1px solid}.project-footer>p{width:min(570px,56vw);margin:0;font-size:clamp(15px,1.35vw,21px);line-height:1.4;opacity:.7}.project-footer>div{display:flex;gap:30px;font:700 10px/1 Gallo Mono,monospace;letter-spacing:.1em}.joi-native-demo,.map-native-demo{position:relative;width:100%;height:100%;max-height:66vh;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px}.joi-native-demo{background:radial-gradient(circle at 18% 20%,rgba(91,113,164,.22),transparent 34%),#171b23;box-shadow:0 48px 90px rgba(0,0,0,.36)}.native-window-bar{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.12);font:600 9px/1 Gallo Mono,monospace;letter-spacing:.12em;color:rgba(255,255,255,.54)}.native-window-bar b{color:#8cc4a1}.joi-demo-grid{display:grid;grid-template-columns:1.25fr .75fr;height:calc(100% - 52px)}.joi-conversation{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,70px);border-right:1px solid rgba(255,255,255,.12)}.joi-presence-label{margin:0 0 36px;font:600 10px/1.4 Gallo Mono,monospace;letter-spacing:.11em;color:#8e9cb8}.chat-line{max-width:76%;margin:8px 0;padding:14px 17px;border-radius:15px;font-size:clamp(13px,1.2vw,18px);line-height:1.35}.chat-line.user{align-self:flex-end;background:#f1f0eb;color:#12151a;border-bottom-right-radius:3px}.chat-line.joi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:3px}.joi-status-line{display:flex;align-items:center;gap:10px;margin-top:42px;font:700 12px/1 Gallo Mono,monospace;letter-spacing:.08em}.status-pulse{width:8px;height:8px;border-radius:50%;background:#e56d43;box-shadow:0 0 0 8px rgba(229,109,67,.12);animation:statusPulse 1.8s ease-in-out infinite}.joi-step-body{min-height:3em;margin:16px 0 0;color:rgba(255,255,255,.6);font-size:clamp(14px,1.2vw,18px);line-height:1.45;animation:copyIn .7s var(--gallo-ease) both}.agent-trace{padding:clamp(22px,3vw,48px)}.agent-trace header{display:flex;justify-content:space-between;font:600 9px/1 Gallo Mono,monospace;letter-spacing:.11em;color:rgba(255,255,255,.42)}.trace-steps{display:grid;grid-gap:8px;gap:8px;margin-top:38px}.trace-steps button{display:grid;grid-template-columns:34px 1fr 8px;align-items:center;height:54px;padding:0 14px;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.38);text-align:left;cursor:pointer;transition:.55s var(--gallo-ease)}.trace-steps button span{font:600 9px/1 Gallo Mono,monospace}.trace-steps button b{font-size:12px;letter-spacing:.08em}.trace-steps button i{width:6px;height:6px;border-radius:50%;background:currentColor}.trace-steps button.is-active{color:white;border-color:#7188b6;background:rgba(113,136,182,.18);transform:translateX(-8px)}.trace-steps button.is-complete{color:#7ca98a}.permission-panel{position:absolute;right:clamp(22px,3vw,48px);bottom:clamp(22px,3vw,48px);left:calc(62.5% + clamp(22px,3vw,48px));padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.permission-panel span{display:block;font:600 9px/1 Gallo Mono,monospace;color:rgba(255,255,255,.38)}.permission-panel strong{display:block;margin-top:8px;font-size:13px;color:#e7a383}.map-native-demo{border-color:rgba(21,32,25,.16);background:#dde3d8;box-shadow:0 48px 90px rgba(28,50,36,.17)}.world-field{width:100%;height:100%}.map-native-demo>.world-field{position:absolute;inset:0}.map-demo-topbar{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 22px;border-bottom:1px solid rgba(21,32,25,.13);background:rgba(242,244,237,.54);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:600 9px/1 Gallo Mono,monospace;letter-spacing:.11em}.map-demo-topbar b{color:var(--gallo-orange)}.map-insight{position:absolute;z-index:2;left:clamp(24px,4vw,64px);top:50%;width:min(500px,46%);padding:26px;background:rgba(246,245,238,.82);border:1px solid rgba(21,32,25,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(-50%);animation:mapCardIn .75s var(--gallo-ease) both}.map-insight span{font:700 9px/1 Gallo Mono,monospace;letter-spacing:.12em;color:var(--gallo-orange)}.map-insight h4{margin:24px 0 0;font-size:clamp(30px,4vw,64px);line-height:.92;letter-spacing:-.055em}.map-insight p{width:80%;margin:22px 0 0;font-size:clamp(14px,1.25vw,19px);line-height:1.42;color:rgba(21,32,25,.62)}.map-position-card{position:absolute;z-index:2;top:90px;right:32px;width:250px;padding:20px;background:rgba(20,31,25,.88);color:white;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-position-card span{font:700 9px/1 Gallo Mono,monospace;color:#9bb89f}.map-position-card strong{display:block;margin-top:10px;font-size:18px}.map-position-card p{margin:8px 0 0;color:rgba(255,255,255,.56);font-size:12px;line-height:1.4}.map-mode-nav{position:absolute;z-index:2;right:32px;bottom:30px;display:flex;gap:8px}.map-mode-nav button{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:center;min-width:118px;padding:15px 16px;border:1px solid rgba(21,32,25,.14);background:rgba(246,245,238,.76);color:rgba(21,32,25,.52);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;font:700 9px/1 Gallo Mono,monospace;letter-spacing:.08em;transition:.5s var(--gallo-ease)}.map-mode-nav button span{color:var(--gallo-orange)}.map-mode-nav button.is-active{color:white;background:#1b2b23;transform:translateY(-8px)}.project-stack{position:relative;z-index:4;padding:24px 0 0;background:#080a0d}.project-stack .native-project{min-height:190svh;padding:0 2vw;background:transparent}.project-stack .native-project:first-of-type{z-index:1;margin-bottom:-98svh}.project-stack .native-project:last-of-type{z-index:2}.project-stack .native-project-sticky{top:24px;height:calc(100svh - 48px);border-radius:clamp(22px,2.5vw,38px);transform:translate3d(0,var(--stack-y,0),0) scale(var(--stack-scale,1));transform-origin:top center;transition:border-radius .35s ease;will-change:transform}.project-stack .native-project-dark .native-project-sticky{background:#101318;color:#f2f1eb}.project-stack .native-project-light .native-project-sticky{background:#e3e7dc;color:#152019}.project-stack .native-project-light .native-project-sticky:before{content:"PRESENCE BECOMES REACH";position:absolute;top:22px;left:50%;color:rgba(21,32,25,.52);font:700 8px/1 Gallo Mono,monospace;letter-spacing:.16em;transform:translateX(-50%)}.gallo-experience .about-section{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);grid-template-areas:"tag tag" "headline bio";grid-column-gap:clamp(64px,8vw,150px);column-gap:clamp(64px,8vw,150px);grid-row-gap:clamp(64px,8vh,100px);row-gap:clamp(64px,8vh,100px);align-items:start;min-height:max(100svh,820px);padding:clamp(110px,13vh,150px) 6vw clamp(90px,12vh,140px);background:var(--gallo-white)}.gallo-experience .about-section>.section-tag{grid-area:tag;margin:0}.gallo-experience .about-section h2{grid-area:headline;max-width:9ch;margin:0;font-size:clamp(64px,7.3vw,132px);line-height:.86;letter-spacing:-.07em;text-wrap:balance}.gallo-experience .about-grid{grid-area:bio;display:flex;width:100%;max-width:470px;flex-direction:column;gap:clamp(54px,7vh,82px);margin:8px 0 0}.gallo-experience .about-grid>p{max-width:34ch;margin:0;font-size:clamp(20px,1.45vw,25px);line-height:1.48;letter-spacing:-.025em;text-wrap:pretty}.gallo-experience .about-links{display:grid;align-content:start}.gallo-experience .about-links a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--gallo-black);font:700 11px/1 Gallo Mono,monospace;letter-spacing:.1em}.gallo-footer{position:relative;z-index:4;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:120px 4vw 34px;background:var(--gallo-black);color:var(--gallo-white)}.gallo-footer>p{margin:0;font-size:clamp(64px,10.5vw,168px);line-height:.82;letter-spacing:-.075em;font-weight:800}.scramble-line,.scramble-text-visual{display:block}.scramble-word{display:inline-block;white-space:nowrap}.scramble-space{white-space:pre}.scramble-character{position:relative;display:inline-block;vertical-align:top}.scramble-character-size{visibility:hidden}.scramble-character-display{position:absolute;inset:0 auto auto 0;min-width:100%;color:currentColor;transition:opacity 90ms linear,color 90ms linear,transform .15s var(--gallo-ease)}.scramble-text.is-mounted .scramble-character.is-pending .scramble-character-display{opacity:0;transform:translateY(.08em)}.scramble-text .scramble-character.is-scrambling .scramble-character-display{color:rgba(244,243,238,.43);opacity:1;transform:none}.scramble-text .scramble-character.is-locked .scramble-character-display{opacity:1;transform:none}.footer-door{align-self:flex-start;padding:15px 22px;border:1px solid;background:transparent;color:inherit;font:700 10px/1 Gallo Mono,monospace;letter-spacing:.1em;cursor:pointer}.gallo-footer>span{align-self:flex-end;font:600 9px/1 Gallo Mono,monospace;letter-spacing:.12em;opacity:.46}.project-detail-live{height:min(76vh,820px);min-height:580px;margin-top:56px;padding:24px;overflow:hidden}.project-detail-live.is-dark{background:#101318}.project-detail-live.is-light{background:#e3e7dc}.project-detail-live .joi-native-demo,.project-detail-live .map-native-demo{max-height:none;height:100%}[data-reveal]{opacity:.001;transform:translateY(70px);transition:opacity 1s var(--gallo-ease),transform 1.2s var(--gallo-ease)}[data-reveal].is-visible{opacity:1;transform:none}.magnetic{transition:transform .45s var(--gallo-ease),opacity .3s ease}.magnetic:hover{transform:translateY(-3px);opacity:.62}@keyframes statusPulse{50%{transform:scale(.72);opacity:.55}}@keyframes copyIn{0%{opacity:0;transform:translateY(18px)}}@keyframes mapCardIn{0%{opacity:0;transform:translateY(calc(-50% + 30px))}}@media (max-width:800px){.gallo-hud{grid-template-columns:1fr auto;height:62px;padding:0 18px}.gallo-hud nav{display:none}.gallo-hero-sticky{padding:90px 18px 50px}.gallo-hero h1{font-size:20.5vw;line-height:.83}.hero-question{display:block}.hero-question p{width:86%;margin:18px 0 0}.about-section,.manifesto,.work-intro{padding-left:18px;padding-right:18px}.manifesto-copy span:nth-child(2){margin-left:0}.character-manifesto{max-width:none}.character-manifesto .character-line:nth-child(2){margin-left:0}.manifesto-note{grid-template-columns:1fr;margin-left:20vw}.project-stack{padding-top:8px}.project-stack .native-project{min-height:200svh;padding:0 8px}.project-stack .native-project:first-of-type{margin-bottom:-112svh}.project-stack .native-project-sticky{top:8px;height:calc(100svh - 16px);border-radius:20px}.native-project-sticky{padding:68px 12px 18px}.project-header{grid-template-columns:44px 1fr}.project-header p{display:none}.project-footer{grid-template-columns:1fr;gap:12px}.project-footer>p{width:100%}.project-footer>div{gap:18px}.joi-demo-grid{grid-template-columns:1fr}.joi-conversation{border-right:0}.agent-trace{display:none}.chat-line{max-width:92%}.map-insight{left:14px;top:auto;bottom:86px;width:calc(100% - 28px);transform:none}.map-insight h4{font-size:34px}.map-position-card{display:none}.map-mode-nav{left:14px;right:14px;bottom:14px}.map-mode-nav button{min-width:0;flex:1 1;padding:12px 9px;gap:5px}.gallo-experience .about-section{grid-template-columns:1fr;grid-template-areas:"tag" "headline" "bio";gap:0;min-height:auto;padding-top:96px;padding-bottom:96px}.gallo-experience .about-section h2{max-width:10ch;margin-top:58px;font-size:clamp(54px,16vw,84px);line-height:.88}.gallo-experience .about-grid{max-width:38rem;gap:52px;margin:72px 0 0}.gallo-experience .about-grid>p{max-width:32ch;font-size:19px;line-height:1.52}.gallo-footer{padding-left:18px;padding-right:18px}.gallo-footer>p{font-size:clamp(44px,13.5vw,64px)}.project-detail-live{min-height:620px;height:78vh;margin-top:30px;padding:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.project-stack .native-project{min-height:110svh}.project-stack .native-project:first-of-type{margin-bottom:0}.project-stack .native-project-sticky{transform:none!important}}