*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}:-webkit-any(:fullscreen,:fullscreen *){cursor:auto!important}:is(:fullscreen,:fullscreen *){cursor:auto!important}html,body,#root,#app{width:100%;height:100%;overflow:hidden}@keyframes cursorColor{0%{background:#f44}33%{background:#4f8}66%{background:#48f}to{background:#f44}}.audio-panel{flex-direction:column;align-items:center;gap:10px;display:flex}.audio-btn{color:#fff;opacity:.75;cursor:pointer;background:#0000008c;border:1px solid #ffffff4d;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:opacity .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex}.audio-btn-main{border-color:#8caaff8c;width:48px;height:48px;box-shadow:0 0 14px #5a8cff40}.audio-btn:hover,.audio-btn:focus-visible{opacity:1;border-color:#ffffffd9;transform:scale(1.08);box-shadow:0 0 18px #6ea0ff80}.audio-vol{opacity:0;pointer-events:none;transform-origin:bottom;background:#0000008c;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:40px;padding:12px 0 8px;transition:opacity .25s,transform .3s;display:flex;transform:translateY(8px)scaleY(.92)}.audio-vol.is-open{opacity:1;pointer-events:auto;transform:none}.audio-slider{cursor:pointer;touch-action:none;outline:none;width:28px;height:104px;position:relative}.audio-slider-track{background:#ffffff38;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.audio-slider-fill{height:calc(var(--vol) * 100%);background:linear-gradient(#fff,#8caaff66);border-radius:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #78a0ffb3}.audio-slider-thumb{left:50%;bottom:calc(var(--vol) * 100%);background:#000;border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;margin:0 0 -6px -6px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:absolute;box-shadow:0 0 10px #78a0ffb3}.audio-slider:hover .audio-slider-thumb,.audio-slider:focus-visible .audio-slider-thumb,.audio-slider:active .audio-slider-thumb{background:#fff;transform:scale(1.35)}.audio-vol-readout{letter-spacing:.1em;color:#fff;opacity:.55;-webkit-user-select:none;user-select:none;font-family:Jost,sans-serif;font-size:.7rem;font-weight:300}@keyframes echo-sheen{0%,25%{transform:translate(-120%)}75%,to{transform:translate(250%)}}.echo-sheen-btn{letter-spacing:.4em;-webkit-text-stroke:.5px currentColor;color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #ffffff40;outline:none;padding:.6em 1.8em;font-family:Bungee Hairline,sans-serif;font-size:clamp(.7rem,1.8vh,1.5rem);transition:border-color .35s,box-shadow .35s,transform .35s,letter-spacing .35s;position:relative;overflow:hidden}.echo-sheen-btn:hover{letter-spacing:.5em;border-color:#ffffffa6;transform:scale(1.06);box-shadow:0 0 18px #ffffff1f}.echo-sheen-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);width:50%;height:100%;animation:3s linear infinite echo-sheen;position:absolute;top:0;left:0;transform:translate(-120%)}.nav-btn{pointer-events:auto;color:#fff;cursor:pointer;letter-spacing:.1em;background:0 0;border:none;padding:0;font-family:Bungee Hairline,sans-serif;font-size:1rem;transition:filter .6s,color .6s}.nav-btn:hover{color:#fff;filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 20px #fff)drop-shadow(0 0 40px #c8c8ff)drop-shadow(0 0 80px #c8c8ff)drop-shadow(0 0 120px #b4b4ff)drop-shadow(0 0 200px #a0a0ff)drop-shadow(0 0 300px #8c8cff)drop-shadow(0 0 400px #7878ffe6)}.sec-rail{z-index:20;width:28px;position:fixed;top:20vh;bottom:28vh;left:clamp(.9rem,2.2vw,2rem)}.sec-rail-track{touch-action:none;position:absolute;inset:-10px -6px}.sec-rail-line,.sec-rail-fill{pointer-events:none;width:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sec-rail-line{background:#fff3;height:100%}.sec-rail-fill{background:linear-gradient(#fff3,#8caaffe6);box-shadow:0 0 8px #78a0ff99}.sec-rail-dot{color:#fff;background:0 0;border:none;outline:none;width:28px;height:28px;margin-top:-14px;padding:0;position:absolute;left:0}.sec-rail-circle{background:#000;border:1px solid #ffffff8c;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .3s,box-shadow .3s,border-color .3s;position:absolute;top:50%;left:50%}.sec-rail-circle:after{content:"";opacity:0;border:1px solid #8caaffb3;border-radius:50%;position:absolute;inset:-7px}.sec-rail-dot.is-active .sec-rail-circle{border-color:#fff}.sec-rail-dot:hover .sec-rail-circle,.sec-rail-dot:focus-visible .sec-rail-circle{background:#fff;border-color:#fff;transform:scale(1.35);box-shadow:0 0 14px #8caaffe6}.sec-rail-dot:hover .sec-rail-circle:after,.sec-rail-dot:focus-visible .sec-rail-circle:after{animation:1.4s ease-out infinite proj-rail-pulse}@keyframes proj-rail-pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.sec-rail-label{white-space:nowrap;letter-spacing:.3em;text-transform:uppercase;-webkit-text-stroke:.6px currentColor;text-shadow:0 0 12px #8caaffb3;opacity:0;pointer-events:none;clip-path:inset(0 100% 0 0);font-family:Bungee Hairline,sans-serif;font-size:1rem;transition:opacity .3s,transform .4s,clip-path .45s;position:absolute;top:50%;left:40px;transform:translate(-14px,-50%)}.sec-rail-dot:hover .sec-rail-label,.sec-rail-dot:focus-visible .sec-rail-label{opacity:1;clip-path:inset(0);transform:translateY(-50%)}.sec-rail-user{pointer-events:none;z-index:2;width:0;height:0;position:absolute;left:50%}.sec-rail-orb{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#02081f 0%,#07184a 45%,#1537b8 72%,#4f86ff 90%,#a9c6ff 100%);border-radius:50%;width:16px;height:16px;animation:2.4s ease-in-out infinite sec-rail-breathe;position:absolute;top:-8px;left:-8px;box-shadow:inset 0 0 5px 1px #96beffd9,0 0 8px 1px #285affcc,0 0 22px 5px #1e46dc66}.sec-rail-orb:before{content:"";border-radius:50%;position:absolute;inset:-10px}.sec-rail.is-dragging .sec-rail-orb{animation:none;transform:scale(1.25);box-shadow:inset 0 0 6px 1px #aacdff,0 0 14px 3px #3269ff,0 0 36px 9px #1e46dc8c}@keyframes sec-rail-breathe{50%{transform:scale(1.1);box-shadow:inset 0 0 6px 1px #aacdff,0 0 12px 2px #3269fff2,0 0 30px 8px #1e46dc80}}.sec-rail-orbit{width:0;height:0;animation:sec-rail-spin var(--dur) linear infinite;animation-delay:var(--delay);position:absolute;top:0;left:0}.sec-rail-orbit i{left:var(--r);top:calc(var(--size) / -2);width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);background:#cfe0ff;border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #8cb4ffe6}.sec-rail-orbit:nth-child(2n){animation-direction:reverse}@keyframes sec-rail-spin{to{transform:rotate(360deg)}}@media (width<=680px){.sec-rail{left:.4rem}}.proj-page{scrollbar-width:none;background:#000;width:100%;height:100%;padding:clamp(7rem,17vh,10rem) clamp(1.5rem,6vw,6rem) 6rem;position:relative;overflow-y:auto}.proj-page::-webkit-scrollbar{display:none}.proj-home{z-index:10;position:fixed;top:5%;left:5%}.proj-header{text-align:center;margin-bottom:clamp(2.5rem,6vh,4.5rem)}.proj-page-title{color:#fff;letter-spacing:.45em;opacity:.35;text-transform:uppercase;-webkit-text-stroke:.5px currentColor;margin:0 0 1.2rem;padding-left:.45em;font-family:Bungee Hairline,sans-serif;font-size:clamp(1.4rem,3.2vh,2.2rem);font-weight:400}.proj-line{background:#fff3;width:40px;height:1px}.proj-line-center{margin:0 auto}.proj-section{max-width:1400px;margin:0 auto}.proj-section+.proj-section{margin-top:clamp(4rem,10vh,7rem)}.proj-section-title{color:#fff;letter-spacing:.3em;text-transform:uppercase;-webkit-text-stroke:1.2px currentColor;text-shadow:0 0 18px #8caaff8c,0 0 42px #5a8cff40;opacity:1;margin:0 0 1.2rem;font-family:Bungee Hairline,sans-serif;font-size:clamp(1.6rem,4vh,2.8rem);font-weight:400}.proj-hint{vertical-align:middle;outline:none;margin-left:1.1rem;display:inline-block;position:relative}.proj-hint-icon{letter-spacing:0;-webkit-text-stroke:0;width:1.5rem;height:1.5rem;text-shadow:none;opacity:.75;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;font-family:Jost,sans-serif;font-size:.85rem;font-weight:400;transition:opacity .25s,border-color .25s,box-shadow .25s,background .25s;display:flex}.proj-hint:hover .proj-hint-icon,.proj-hint:focus-visible .proj-hint-icon{opacity:1;background:#ffffff14;border-color:#fff;box-shadow:0 0 14px #6ea0ff80}.proj-hint-box{z-index:30;letter-spacing:.03em;text-transform:none;text-align:left;white-space:normal;-webkit-text-stroke:0;width:min(300px,80vw);text-shadow:none;color:#fff;opacity:0;pointer-events:none;background:#06070ef5;border:1px solid #fff3;padding:.9rem 1.1rem;font-family:Jost,sans-serif;font-size:.9rem;font-weight:300;line-height:1.6;transition:opacity .25s,transform .25s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-6px);box-shadow:0 8px 30px #000000b3}.proj-hint:hover .proj-hint-box,.proj-hint:focus-visible .proj-hint-box{opacity:1;transform:translate(-50%)}.proj-section>.proj-line{background:linear-gradient(90deg,#8caaffe6,#0000);width:120px;height:2px;margin-bottom:clamp(1.5rem,3.5vh,2.5rem)}@media (width<=680px){.proj-page{padding-left:3rem}}.proj-row-wrap{--arrow:44px;--wgap:clamp(.5rem, 1.2vw, 1rem);--cgap:clamp(1.5rem, 3vw, 3rem);--n:3;--card:calc((100cqw - 2 * var(--arrow) - 2 * var(--wgap) - 2rem - (var(--n) - 1) * var(--cgap)) / var(--n));align-items:flex-start;gap:var(--wgap);display:flex;container-type:inline-size}@media (width<=900px){.proj-row-wrap{--n:2}}@media (width<=560px){.proj-row-wrap{--n:1}}.proj-row-main{flex:1 1 0;min-width:0}.proj-grid{gap:var(--cgap);scroll-snap-type:x proximity;scrollbar-width:none;align-items:flex-start;margin:-1.2rem 0;padding:1.2rem 1rem 1.4rem;scroll-padding-inline:1rem;display:flex;overflow:auto hidden}.proj-grid::-webkit-scrollbar{display:none}.proj-grid>.proj-card{flex:0 0 var(--card);scroll-snap-align:start;width:auto}.proj-row-arrow{flex:0 0 var(--arrow);width:var(--arrow);height:var(--arrow);margin-top:calc(var(--card) * 9 / 32 - var(--arrow) / 2);opacity:.8;background:#0009;border:1px solid #ffffff4d;justify-content:center;align-items:center;transition:opacity .25s,border-color .25s,box-shadow .25s;display:flex}.proj-row-arrow svg{width:12px;height:18px}.proj-row-arrow:hover:not(:disabled),.proj-row-arrow:focus-visible{opacity:1;border-color:#fffc;outline:none;box-shadow:0 0 16px #5a8cff59}.proj-row-arrow:disabled{opacity:.2;pointer-events:none}.proj-grid.is-gliding{scroll-snap-type:none}.proj-card{text-align:left;color:#fff;background:0 0;border:none;outline:none;width:100%;padding:0;display:block}.proj-thumb{aspect-ratio:16/9;background:#05060d;border:1px solid #ffffff26;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.proj-thumb img,.proj-thumb video{object-fit:cover;opacity:.7;width:100%;height:100%;transition:opacity .4s,transform .8s;display:block}.proj-thumb:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:40%;position:absolute;inset:0 auto 0 0;transform:translate(-120%)}.proj-card:hover .proj-thumb,.proj-card:focus-visible .proj-thumb{border-color:#fff9;box-shadow:0 0 28px #5a8cff2e}.proj-card:hover .proj-thumb img,.proj-card:hover .proj-thumb video,.proj-card:focus-visible .proj-thumb img,.proj-card:focus-visible .proj-thumb video{opacity:1;transform:scale(1.04)}.proj-card:hover .proj-thumb:after{animation:1.1s forwards proj-sheen}@keyframes proj-sheen{to{transform:translate(300%)}}.proj-meta{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.proj-index{letter-spacing:.2em;opacity:.35;font-family:Jost,sans-serif;font-size:.8rem;font-weight:300}.proj-index-dot{margin:0 .7em}.proj-title{letter-spacing:.3em;text-transform:uppercase;-webkit-text-stroke:.5px currentColor;opacity:.85;font-family:Bungee Hairline,sans-serif;font-size:clamp(1.05rem,2.2vh,1.4rem);transition:opacity .3s,letter-spacing .3s}.proj-card:hover .proj-title{opacity:1;letter-spacing:.36em}.proj-subtitle{letter-spacing:.04em;opacity:.45;font-family:Jost,sans-serif;font-size:.9rem;font-weight:300}.proj-overlay{z-index:900;scrollbar-width:none;background:#000000f7;animation:.35s proj-overlay-in;position:fixed;inset:0;overflow-y:auto}.proj-overlay::-webkit-scrollbar{display:none}.proj-overlay.is-closing{pointer-events:none;animation:.3s forwards proj-overlay-out}@keyframes proj-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes proj-overlay-out{0%{opacity:1}to{opacity:0}}.proj-topbar{z-index:3;background:linear-gradient(#000 55%,#0000);justify-content:space-between;align-items:center;padding:1.6rem 5%;display:flex;position:sticky;top:0}.proj-close{color:#fff;letter-spacing:.3em;-webkit-text-stroke:.4px currentColor;opacity:.7;background:0 0;border:none;align-items:center;gap:.8rem;padding:.4rem 0;font-family:Bungee Hairline,sans-serif;font-size:1.1rem;transition:opacity .25s,filter .4s;display:flex}.proj-close:hover,.proj-close:focus-visible{opacity:1;filter:drop-shadow(0 0 8px #c8c8ffcc);outline:none}.proj-counter{color:#fff;letter-spacing:.35em;opacity:.45;font-family:Bungee Hairline,sans-serif;font-size:1rem}.proj-arrow{z-index:4;opacity:.7;background:#0006;border:1px solid #ffffff38;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-28px;transition:opacity .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex;position:fixed;top:50%}.proj-arrow-prev{left:2.5%}.proj-arrow-next{right:2.5%}.proj-arrow:hover,.proj-arrow:focus-visible{opacity:1;border-color:#ffffffb3;outline:none;box-shadow:0 0 18px #5a8cff40}.proj-arrow-prev:hover{transform:translate(-3px)}.proj-arrow-next:hover{transform:translate(3px)}.proj-detail{color:#fff;max-width:1100px;margin:0 auto;padding:1rem clamp(1.5rem,9vw,8rem) 6rem;animation:.45s proj-in-none}.proj-detail.from-next{animation-name:proj-in-next}.proj-detail.from-prev{animation-name:proj-in-prev}@keyframes proj-in-none{0%{opacity:0;transform:translateY(14px)}}@keyframes proj-in-next{0%{opacity:0;transform:translate(40px)}}@keyframes proj-in-prev{0%{opacity:0;transform:translate(-40px)}}.proj-detail-title{letter-spacing:.3em;text-transform:uppercase;-webkit-text-stroke:.6px currentColor;opacity:.92;margin:0 0 .8rem;font-family:Bungee Hairline,sans-serif;font-size:clamp(1.9rem,5vh,3.2rem);font-weight:400}.proj-detail-subtitle{letter-spacing:.05em;opacity:.5;margin:0 0 1.8rem;font-family:Jost,sans-serif;font-size:clamp(.95rem,1.9vh,1.15rem);font-weight:300}.proj-detail header .proj-line{margin-bottom:2.5rem}.proj-hero{margin:0 0 2.8rem}.proj-hero-btn{background:0 0;border:none;outline:none;width:100%;padding:0;display:block}.proj-hero img{transition:border-color .3s,box-shadow .3s,opacity .3s}.proj-hero-btn:hover img,.proj-hero-btn:focus-visible img{border-color:#fff9;box-shadow:0 0 22px #5a8cff2e}.proj-hero img{border:1px solid #ffffff26;width:100%;height:auto;display:block}.proj-video-title{letter-spacing:.3em;text-transform:uppercase;-webkit-text-stroke:.6px currentColor;opacity:.85;margin:0 0 1rem;font-family:Bungee Hairline,sans-serif;font-size:clamp(1rem,2.2vh,1.4rem);font-weight:400}.proj-video-description{letter-spacing:.03em;opacity:.7;max-width:760px;margin:-1.4rem 0 2.8rem;font-family:Jost,sans-serif;font-size:clamp(1rem,2vh,1.2rem);font-weight:300;line-height:1.8}.proj-video{aspect-ratio:16/9;background:#000;border:1px solid #ffffff26;margin-bottom:2.8rem}.proj-video video{object-fit:cover;width:100%;height:100%;display:block}.proj-video iframe{border:0;width:100%;height:100%;display:block}.proj-description p{letter-spacing:.03em;opacity:.7;max-width:760px;margin:0 0 1.4rem;font-family:Jost,sans-serif;font-size:clamp(1.05rem,2.2vh,1.3rem);font-weight:300;line-height:1.9}.proj-concepts{margin-top:3.5rem}.proj-section-label{letter-spacing:.45em;text-transform:uppercase;-webkit-text-stroke:.5px currentColor;opacity:.45;margin:0 0 1.5rem;font-family:Bungee Hairline,sans-serif;font-size:clamp(1rem,2.2vh,1.4rem);font-weight:400}.proj-prod-videos{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:1.2rem;margin-bottom:1.2rem;display:grid}.proj-prod-video video{aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid #ffffff26;width:100%;display:block}.proj-prod-video figcaption{letter-spacing:.04em;opacity:.45;margin-top:.6rem;font-family:Jost,sans-serif;font-size:.85rem;font-weight:300}.proj-concept-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1rem;display:grid}.proj-concept{text-align:left;color:#fff;background:0 0;border:none;outline:none;flex-direction:column;gap:.6rem;padding:0;display:flex}.proj-concept img{aspect-ratio:4/3;object-fit:cover;opacity:.8;border:1px solid #ffffff26;width:100%;transition:opacity .3s,border-color .3s,box-shadow .3s;display:block}.proj-concept:hover img,.proj-concept:focus-visible img{opacity:1;border-color:#fff9;box-shadow:0 0 22px #5a8cff2e}.proj-concept span{letter-spacing:.04em;opacity:.45;font-family:Jost,sans-serif;font-size:.85rem;font-weight:300}.proj-link-btn{margin-top:3rem;text-decoration:none;display:inline-block}.proj-viewer{z-index:950;background:#000000f5;flex-direction:column;animation:.25s proj-overlay-in;display:flex;position:fixed;inset:0}.proj-backdrop{background:0 0;border:none;padding:0;position:absolute;inset:0}.proj-viewer .proj-topbar{background:0 0}.proj-viewer-figure{pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:0;margin:0 auto;padding:0 clamp(1rem,9vw,8rem) 2.5rem;animation:.3s proj-in-none;display:flex;position:relative}.proj-viewer-figure img{object-fit:contain;pointer-events:auto;border:1px solid #ffffff26;max-width:100%;min-height:0;max-height:100%}.proj-viewer-figure figcaption{letter-spacing:.04em;color:#fff;opacity:.55;font-family:Jost,sans-serif;font-size:.95rem;font-weight:300}@media (width<=680px){.proj-arrow{width:48px;height:48px;margin-top:0;top:auto;bottom:1.2rem}.proj-arrow-prev{left:auto;right:calc(2rem + 48px)}.proj-arrow-next{right:1.2rem}.proj-detail{padding:.5rem 1.5rem 7rem}.proj-close{font-size:.95rem}}