:root{--ink-950: #070b12;--ink-900: #0b111b;--ink-800: #101a2a;--mist-100: #e4eaf2;--mist-200: #c5d0e1;--accent-cool: #7d93cb;--accent-warm: #d2a16d;--accent-gold: #e2c28f;--danger: #ff8b8b;--success: #9fe0b3;--card-bg: rgba(10, 15, 26, .72);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--mist-100)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}#root{touch-action:none}body{overflow:hidden;background:#060a12}button,input,textarea{font:inherit}button{border:0;color:inherit;background:none}a{color:var(--accent-gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.seo-static-content{position:fixed;inset:0;z-index:10000;overflow:auto;padding:clamp(1.5rem,5vw,5rem);color:var(--mist-100);background:#060a12;line-height:1.65}.seo-static-content>*{width:min(100%,76rem);margin-inline:auto}.seo-static-content section,.seo-static-content article{margin-block:3rem}.seo-static-content h1,.seo-static-content h2{font-family:Newsreader,Georgia,serif;line-height:1.05}.seo-static-content h1{max-width:16ch;font-size:clamp(2.8rem,7vw,6.5rem)}.seo-static-content h2{font-size:clamp(1.8rem,4vw,3.5rem)}.seo-static-content img{display:block;max-width:min(100%,60rem);height:auto;border-radius:1rem}.seo-static-content__hero img{width:min(13rem,45vw);border-radius:0}.seo-static-content__projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;padding:0;list-style:none}.seo-static-content__projects a{display:grid;gap:.35rem;height:100%;padding:1rem;border:1px solid rgba(201,214,238,.22);border-radius:.75rem;text-decoration:none}.seo-static-content__projects span{color:var(--mist-200)}.seo-static-content__cta{display:inline-block;margin-top:1rem;padding:.75rem 1rem;border:1px solid currentColor;border-radius:999px;text-decoration:none}.seo-static-content--centered{display:grid;place-content:center;text-align:center}.app-shell{position:relative;width:100%;height:100%;color:var(--mist-100)}.app-shell--experience{-webkit-user-select:none;user-select:none}.app-shell--experience .projects-search-input,.app-shell--experience .project-modal-body-scrollable{-webkit-user-select:text;user-select:text}.app-shell--project .top-bar{background:linear-gradient(180deg,#121f3ba3,#0c172d75 58%,#08102100);border-bottom:0;box-shadow:none;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.route-fallback{position:fixed;inset:0;z-index:4;display:grid;place-items:center;color:#e1e9f8eb;font-size:.95rem;letter-spacing:.03em}.perf-hud{position:fixed;z-index:8;right:1rem;top:5rem;display:grid;gap:.15rem;min-width:10rem;padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(196,212,239,.28);background:#080d15c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5eefc;font-size:.74rem;pointer-events:none}.perf-hud.pass{border-color:#84d09c73}.perf-hud.warn{border-color:#deaf6d73}.canvas-shell{position:fixed;inset:0;z-index:0}.vignette-layer,.grain-layer,.fog-mask{position:fixed;inset:0;pointer-events:none}.vignette-layer{z-index:1;opacity:1;background:radial-gradient(circle at 50% 45%,#0000 35%,#00000085);transition:opacity .32s ease,background .32s ease}.vignette-layer--imaginative{opacity:.46;background:radial-gradient(circle at 50% 45%,#0000 42%,#00000061)}.grain-layer{z-index:1;opacity:.06;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.26'/%3E%3C/svg%3E");background-size:160px 160px;background-position:0 0}.fog-mask{z-index:4;background:radial-gradient(circle at 50% 50%,var(--fog-mask-center, rgba(216, 229, 255, .22)) 0%,var(--fog-mask-mid, rgba(30, 40, 62, .72)) 42%,var(--fog-mask-edge, rgba(13, 18, 30, .95)) 72%)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20;padding:.9rem clamp(1rem,3.5vw,2.2rem) .7rem;display:grid;gap:.35rem;pointer-events:none}.top-bar-line{height:1px;width:100%;background:linear-gradient(90deg,#b1c5e71f,#c3d5f373,#b1c5e71f)}.top-bar-main{display:flex;justify-content:space-between;align-items:center}.wordmark,.contact-link,.control-btn,.section-pill,.cta-btn{pointer-events:auto;cursor:pointer}.wordmark{padding:.08rem .18rem .08rem 0;border-radius:6px;border:none;background:transparent;transition:transform .3s ease,filter .3s ease}.wordmark:hover,.wordmark:focus-visible{outline:none;transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(226,194,143,.7)) drop-shadow(0 0 22px rgba(210,161,109,.4))}.wordmark-logo{display:block;height:clamp(2.8rem,6.2vw,4.2rem);width:auto;filter:brightness(0) invert(1);opacity:.94}.top-bar-right{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;flex-wrap:nowrap}.control-row{display:flex;gap:.28rem;padding:.12rem 0;border-radius:999px;border:1px solid transparent;flex-wrap:nowrap}.control-btn,.contact-link{border-radius:999px;border:1px solid rgba(194,209,233,.28);padding:.4rem .78rem;font-size:.76rem;font-weight:560;letter-spacing:.045em;text-transform:uppercase;color:var(--mist-200);background:#0b121f3d;transition:transform .25s ease,box-shadow .25s ease,color .2s,border-color .2s,background .2s;white-space:nowrap}.control-btn:hover,.control-btn:focus-visible,.contact-link:hover,.contact-link:focus-visible,.cta-btn:hover,.cta-btn:focus-visible{outline:none;color:var(--mist-100);transform:scale(1.05);border-color:#e2c28f73;background:#1d2b4473;box-shadow:0 0 12px #e2c28f59,0 0 28px #d2a16d2e}.control-btn.active{color:#fff;background:transparent;border-color:#e2c28f61;text-shadow:0 0 10px rgba(226,194,143,.9),0 0 20px rgba(210,161,109,.5);box-shadow:none}.control-btn--hint,.control-btn--icon{width:2.05rem;min-width:2.05rem;height:2.05rem;padding:0;font-size:.96rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.control-btn--hint{animation:hint-btn-glow 2s ease-in-out infinite}@keyframes hint-btn-glow{0%,to{border-color:#c2d1e947;box-shadow:none}50%{border-color:#e2c28f80;box-shadow:0 0 10px #e2c28f73,0 0 22px #d2a16d38}}.contact-link{display:inline-flex;align-items:center;justify-content:center;color:var(--mist-100);text-decoration:none;border-radius:999px;border:1px solid rgba(226,194,143,.2);padding:.4rem .78rem;font-size:.76rem;font-weight:560;letter-spacing:.045em;text-transform:uppercase;background:#131b2a7a;transition:all .2s ease}.mobile-menu{display:none;position:relative;pointer-events:auto}.mobile-menu-toggle{border-radius:999px;border:1px solid rgba(219,228,247,.28);padding:.38rem .9rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f4f7ff;background:#131b2a94;white-space:nowrap}.mobile-menu-panel{position:absolute;top:calc(100% + .55rem);right:0;min-width:min(94vw,320px);display:grid;gap:.44rem;padding:.65rem;border-radius:12px;border:1px solid rgba(194,209,233,.24);background:#080d16eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu-panel .control-btn,.mobile-menu-panel .contact-link,.mobile-menu-panel .control-btn--hint,.mobile-menu-panel .control-btn--icon{width:100%;min-width:unset;height:unset;justify-content:center;text-align:center;padding:.4rem .78rem;font-size:.76rem;font-weight:560;animation:none;color:var(--mist-100);background:#0b121f3d;border:1px solid rgba(194,209,233,.28)}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:20;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(200,215,240,.28);background:#0c14238c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e6f0ffd9;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .5s ease,color .2s,border-color .2s,background .2s,box-shadow .2s}.nav-arrow--left{left:clamp(.8rem,2.5vw,1.8rem)}.nav-arrow--right{right:clamp(.8rem,2.5vw,1.8rem)}body:has(.project-modal-backdrop) .nav-arrow,body:has(.project-cinema-backdrop) .nav-arrow{display:none!important;opacity:0!important;pointer-events:none!important}.nav-arrow--visible{opacity:1;animation:nav-arrow-pulse 2s ease-in-out infinite}.nav-arrow:hover,.nav-arrow:focus-visible{outline:none;color:#fff;border-color:#e2c28f80;background:#1e3250a6;box-shadow:0 0 16px #e2c28f66,0 0 32px #d2a16d33}@keyframes nav-arrow-pulse{0%,to{transform:translateY(-50%) scale(1);opacity:.8;border-color:#c8d7f047;box-shadow:none}50%{transform:translateY(-50%) scale(1.12);opacity:1;border-color:#e2c28f80;box-shadow:0 0 16px #e2c28f66,0 0 32px #d2a16d33}}.scene-copy{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:clamp(4.8rem,11vh,7.4rem);width:min(760px,calc(100vw - 2rem));text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;isolation:isolate}.scene-copy>*{position:relative;z-index:1}.scene-copy h1{margin:0 0 .95rem;font-family:Newsreader,Georgia,serif;font-size:clamp(2rem,4.35vw,3.08rem);line-height:1.08;letter-spacing:.01em;font-weight:500;max-width:30ch;margin-inline:auto}.scene-copy p{margin:0;max-width:46ch;margin-inline:auto;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.55;color:#dfe7f6ed;text-shadow:0 4px 16px rgba(3,6,12,.56),0 18px 42px rgba(3,6,12,.32)}.scene-gesture-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.965);z-index:6;width:min(520px,calc(100vw - 2.1rem));padding:.58rem 3.05rem .62rem .84rem;border-radius:13px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;border:1px solid rgba(188,207,236,.36);background:linear-gradient(180deg,#121e32b3,#0a101dc2);box-shadow:0 14px 28px #04080f61;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),visibility 0ms linear .32s}.scene-gesture-hint.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1),visibility 0ms linear 0ms}.scene-gesture-hint-close{position:absolute;top:.34rem;right:.4rem;width:2.125rem;height:2.125rem;border:1px solid rgba(212,225,247,.55);border-radius:999px;background:#0c1628c7;color:#e8f1fff2;font-size:1.14rem;font-weight:700;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;animation:scene-hint-close-pulse 1.6s ease-in-out infinite}.scene-gesture-hint-close:hover,.scene-gesture-hint-close:focus-visible{outline:none;border-color:#e2c28fcc;box-shadow:0 0 0 2px #e2c28f4d,0 0 18px #e2c28fa6,0 0 36px #d2a16d59}@keyframes scene-hint-close-pulse{0%,to{transform:scale(1);border-color:#d4e1f76b;box-shadow:0 0 0 1px #a3bcea24,0 0 6px #e2c28f24}50%{transform:scale(1.07);border-color:#e2c28f80;box-shadow:0 0 0 1px #e2c28f52,0 0 14px #e2c28f85,0 0 28px #d2a16d42}}.scene-gesture-hint-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:999px;border:1px solid rgba(195,213,239,.38);background:#060d1885;font-size:1.52rem;flex-shrink:0}.scene-gesture-hint-copy{text-align:left}.scene-gesture-hint-label{display:block;margin-bottom:.16rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#deeafcdb}.scene-gesture-hint p{margin:0;font-size:clamp(.86rem,1.2vw,.95rem);line-height:1.34;color:#eef4fff2}.tracking-cursor-overlay{position:fixed;z-index:9;width:22px;height:22px;border-radius:999px;border:1px solid rgba(216,234,255,.78);background:radial-gradient(circle at 35% 35%,#fffffff5 0,#d2ecffb8 30%,#96ceff3d 58%,#729cd10d);box-shadow:0 0 0 1px #587cba3d,0 0 18px #73aaf152;transform:translate(-50%,-50%) scale(.92);opacity:0;transition:opacity .16s ease,transform .16s ease;pointer-events:none}.tracking-cursor-overlay.active{opacity:.96;transform:translate(-50%,-50%) scale(1)}.tracking-cursor-overlay.fading{opacity:0;transform:translate(-50%,-50%) scale(.9)}.responsive-aperture-cursor{display:none}@media(hover:hover)and (pointer:fine){.custom-cursor-enabled,.custom-cursor-enabled body,.custom-cursor-enabled a,.custom-cursor-enabled button,.custom-cursor-enabled [role=button],.custom-cursor-enabled [role=link],.custom-cursor-enabled canvas,.custom-cursor-enabled .project-card,.custom-cursor-enabled .project-list-item{cursor:none!important}.custom-cursor-enabled input,.custom-cursor-enabled iframe,.custom-cursor-enabled textarea,.custom-cursor-enabled select,.custom-cursor-enabled [contenteditable=true]{cursor:auto!important}.custom-cursor-enabled input,.custom-cursor-enabled textarea,.custom-cursor-enabled [contenteditable=true]{cursor:text!important}.responsive-aperture-cursor{position:fixed;z-index:10000;top:0;left:0;display:block;width:38px;height:38px;margin:-19px 0 0 -19px;opacity:0;pointer-events:none;will-change:transform,opacity;transition:opacity .14s ease}.responsive-aperture-cursor.is-visible{opacity:1}.responsive-aperture-cursor.is-native{opacity:0}.responsive-aperture-cursor__halo,.responsive-aperture-cursor__aperture,.responsive-aperture-cursor__point{position:absolute;left:50%;top:50%;pointer-events:none}.responsive-aperture-cursor__halo{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,rgba(221,236,255,.22),rgba(153,191,247,.08) 45%,transparent 72%);box-shadow:0 0 7px #ebf5ff7a,0 0 15px #7eaef652;transform:translate(-50%,-50%) scale(.9);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.responsive-aperture-cursor__aperture{width:28px;height:28px;transform:translate(-50%,-50%) rotate(-8deg) scale(.92);transform-origin:50% 50%;filter:drop-shadow(0 1px 1px rgba(2,5,12,.82)) drop-shadow(0 0 3px rgba(236,246,255,.64));transition:transform .24s cubic-bezier(.22,1,.36,1),filter .18s ease}.responsive-aperture-cursor__aperture svg{display:block;width:100%;height:100%;overflow:visible}.responsive-aperture-cursor__aperture path{fill:none;stroke:url(#cursor-iridescence);stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .18s ease}.responsive-aperture-cursor__point{width:4px;height:4px;border-radius:50%;background:#fff;border:1px solid rgba(4,8,16,.78);box-shadow:0 0 0 1px #ffffff80,0 0 5px #ffffffd1,0 0 10px #87b5f87a;transform:translate(-50%,-50%);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.responsive-aperture-cursor.is-interactive .responsive-aperture-cursor__halo{transform:translate(-50%,-50%) scale(1.58);box-shadow:0 0 9px #fff5e094,0 0 19px #e2c28f6b}.responsive-aperture-cursor.is-interactive .responsive-aperture-cursor__aperture{transform:translate(-50%,-50%) rotate(12deg) scale(1.3);filter:drop-shadow(0 1px 1px rgba(4,4,8,.82)) drop-shadow(0 0 4px rgba(255,247,228,.78)) drop-shadow(0 0 8px rgba(226,194,143,.5))}.responsive-aperture-cursor.is-interactive .responsive-aperture-cursor__aperture path{stroke:url(#cursor-iridescence-active)}.responsive-aperture-cursor.is-interactive .responsive-aperture-cursor__point{background:#e2c28f;border-color:#050301f2;box-shadow:0 0 0 1px #fffaeee6,0 0 8px #fff6de,0 0 18px #e2c28ff2;transform:translate(-50%,-50%) scale(.78)}.responsive-aperture-cursor.is-pressed .responsive-aperture-cursor__halo{transform:translate(-50%,-50%) scale(.68)}.responsive-aperture-cursor.is-pressed .responsive-aperture-cursor__aperture{transform:translate(-50%,-50%) rotate(30deg) scale(.76)}@media(prefers-reduced-motion:reduce){.responsive-aperture-cursor,.responsive-aperture-cursor__halo,.responsive-aperture-cursor__aperture,.responsive-aperture-cursor__point{transition-duration:.01ms!important}}}.scene-copy-hero h1{--hero-shadow-opacity: 0;width:100%;max-width:none;margin-inline:auto;font-size:clamp(2rem,4.35vw,3.08rem);white-space:nowrap;text-shadow:0 2px 10px rgba(5,8,16,calc(var(--hero-shadow-opacity) * .7)),0 10px 28px rgba(3,6,14,calc(var(--hero-shadow-opacity) * .48))}.scene-copy-hero{width:min(1120px,calc(100vw - 2rem))}.scene-copy-heading-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.scene-copy-rule{flex:1;height:1px;background:linear-gradient(90deg,#c4d4f300,#c4d4f370,#c4d4f300)}.scene-copy-interactive h1{color:#f4f8ff;text-shadow:0 3px 14px rgba(3,6,12,.66),0 12px 34px rgba(3,6,12,.34)}.scene-copy-interactive p{color:#e1e9f6f2;text-shadow:0 4px 16px rgba(3,6,12,.66),0 18px 42px rgba(3,6,12,.36)}.scene-copy-interactive .scene-copy-rule{background:linear-gradient(90deg,#92acdc00,#b0c7f080,#92acdc00)}.scene-copy-immersive h1{color:#f3f8ff;text-shadow:0 3px 14px rgba(3,6,13,.68),0 12px 34px rgba(3,6,13,.35)}.scene-copy-immersive p{color:#e4ecf8f5;text-shadow:0 4px 16px rgba(3,6,13,.68),0 18px 42px rgba(3,6,13,.38)}.scene-copy-immersive .scene-copy-rule{background:linear-gradient(90deg,#9cbef000,#bcd6f88a,#9cbef000)}.scene-copy-imaginative h1{color:#f3f8ff;text-shadow:0 3px 12px rgba(4,8,15,.18),0 8px 20px rgba(4,8,15,.12)}.scene-copy-imaginative p{color:#e4ecf8f5;text-shadow:0 4px 12px rgba(4,8,15,.18),0 10px 24px rgba(4,8,15,.12)}.footer-cta{margin-top:1rem;pointer-events:auto}.cta-btn{margin-top:.68rem;padding:.62rem 1rem;border-radius:999px;font-weight:580;color:#f4f7ff;border:1px solid rgba(214,190,140,.42);background:linear-gradient(120deg,#6d522e80,#262c4280)}.section-indicator{position:fixed;z-index:20;left:50%;bottom:calc(.44rem + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:.22rem;width:min(90vw,760px);justify-content:center;align-items:center;padding:.5rem .9rem;border-top:none;border-bottom:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;pointer-events:none}.section-indicator:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#070b1200,#070b1233 8%,#070b126b 18% 82%,#070b1233 92%,#070b1200),linear-gradient(90deg,#c2d1e900,#c2d1e93b 18% 82%,#c2d1e900) top/100% 1px no-repeat,linear-gradient(90deg,#c2d1e900,#c2d1e91f 18% 82%,#c2d1e900) bottom/100% 1px no-repeat;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:-1}.section-pill{position:relative;border-radius:999px;padding:.56rem 1.05rem;font-size:clamp(.96rem,1.35vw,1.08rem);font-weight:580;letter-spacing:.02em;text-transform:capitalize;color:#dbe3f0db;border:1px solid rgba(194,209,233,.26);pointer-events:auto;background:transparent;transition:transform .25s ease,box-shadow .25s ease,color .2s,border-color .2s}.section-pill:hover,.section-pill:focus-visible{outline:none;color:#faf8f0f5;transform:scale(1.05);border-color:#e2c28f66;background:#1d2b4459;box-shadow:0 0 12px #e2c28f4d,0 0 26px #d2a16d26}.section-pill.active{color:#fff;background:transparent;border-color:#e2c28f66;text-shadow:0 0 12px rgba(226,194,143,.9),0 0 24px rgba(210,161,109,.5);box-shadow:none;transform:scale(1.02)}.modal-backdrop{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:1rem;background:#070a12bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(600px,100%);background:linear-gradient(160deg,#121a2af5,#090e18f5);border:1px solid rgba(197,208,225,.24);border-radius:16px;padding:1.2rem}.modal-card h2{margin:0 0 .8rem;font-size:1.25rem}.modal-card p{margin:.4rem 0;color:#dee6f2f2;line-height:1.45}.modal-error{color:#ffcdcdf2}.modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.6rem}.contact-route{--contact-top-pad: clamp(6.2rem, 14vh, 9rem);--contact-bottom-pad: clamp(2rem, 6vh, 4rem);position:relative;z-index:3;width:100%;height:100dvh;overflow:hidden;background:#060a108f;backdrop-filter:blur(2px) saturate(.95);-webkit-backdrop-filter:blur(2px) saturate(.95);touch-action:auto;padding:var(--contact-top-pad) clamp(1rem,4vw,2.7rem) var(--contact-bottom-pad);scroll-padding-top:calc(var(--contact-top-pad) + .4rem);display:grid;grid-template-columns:minmax(0,640px) minmax(0,380px);justify-content:center;align-items:start;gap:clamp(1rem,3vw,1.8rem);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.contact-close-btn{position:fixed;top:clamp(4.2rem,10vh,5.5rem);right:clamp(.75rem,3vw,1.2rem);z-index:6;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:300;color:#fff;background:#0c121ea3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(214,226,248,.28);border-radius:50%;cursor:pointer;transition:all .24s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0003}.contact-close-btn:hover,.contact-close-btn:focus-visible{outline:none;transform:scale(1.1);background:#1e2d4bb8;border-color:#e2c28f99;box-shadow:0 0 16px #e2c28f59,0 0 32px #d2a16d26}.contact-close-btn:active{transform:scale(.96)}@media(max-width:980px){.contact-close-btn{width:2.5rem;height:2.5rem;font-size:1.8rem;background:#0a0f1ae0;border-color:#c2d1e959}}.contact-pane,.team-pane{min-height:0;max-height:calc(100dvh - var(--contact-top-pad) - var(--contact-bottom-pad));overflow-y:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(182,198,226,.56) rgba(10,16,29,.62)}.contact-pane{display:grid;grid-column:1;grid-row:1}.team-pane{display:grid;align-content:stretch;grid-column:2;grid-row:1;height:100%}.contact-pane::-webkit-scrollbar,.team-pane::-webkit-scrollbar,.contact-route::-webkit-scrollbar{width:11px;height:11px}.contact-pane::-webkit-scrollbar-track,.team-pane::-webkit-scrollbar-track,.contact-route::-webkit-scrollbar-track{background:#090e18ad;border-radius:999px;border:1px solid rgba(163,181,214,.16)}.contact-pane::-webkit-scrollbar-thumb,.team-pane::-webkit-scrollbar-thumb,.contact-route::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c2d0eca3,#7a92c2c7);border-radius:999px;border:2px solid rgba(10,16,29,.78)}.contact-pane::-webkit-scrollbar-thumb:hover,.team-pane::-webkit-scrollbar-thumb:hover,.contact-route::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d9c6a2ad,#9db1d6db)}.contact-card,.team-card,.about-card{border-radius:16px;border:1px solid rgba(201,214,238,.22);background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.contact-card,.about-card{padding:1.15rem}.contact-card h2,.about-card h1{margin:0;font-size:clamp(1.5rem,4vw,2.4rem)}.about-text p{margin:0}.contact-intro{margin:.8rem 0 0;color:#e0e8f6eb;max-width:52ch}.contact-form{margin-top:1rem;display:grid;gap:.58rem}.contact-form label{font-size:.85rem;color:#cddbf2f5}.contact-form input,.contact-form textarea{width:100%;border-radius:10px;border:1px solid rgba(188,202,225,.25);background:#0b1019cc;color:var(--mist-100);padding:.65rem .75rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid rgba(196,164,118,.54);outline-offset:1px}.privacy-line,.fallback-link,.team-links{font-size:.8rem;line-height:1.4;color:#c9d6ede6}.field-error,.form-status.error{margin:0;color:var(--danger);font-size:.8rem}.form-status.success{margin:0;color:var(--success);font-size:.8rem}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.team-grid{display:grid;gap:.85rem;grid-template-columns:1fr;align-content:stretch;height:100%}.team-card{padding:1.25rem;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.team-photo-block{margin:0 0 1.05rem;border-radius:12px;overflow:hidden;border:1px solid rgba(201,214,238,.26);background:#080c14b8;flex:1;display:flex}.team-photo{display:block;width:100%;height:100%;object-fit:cover}.team-card h2{margin-top:0;font-size:1rem}.team-card p{margin:0;line-height:1.45;color:#dae4f5f2}.team-linkedin-btn{margin:1rem auto 0;display:flex;width:fit-content;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(194,209,233,.38);padding:.44rem .82rem;font-size:.8rem;font-weight:560;letter-spacing:.035em;text-transform:uppercase;text-decoration:none;color:#ecf2fcf5;background:#131e317a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.team-linkedin-btn:hover,.team-linkedin-btn:focus-visible{outline:none;transform:translateY(-1px);border-color:#e2c28f7a;background:#1c2b459e;box-shadow:0 0 12px #e2c28f47}@media(max-width:980px){.contact-route{--contact-top-pad: calc(env(safe-area-inset-top) + clamp(5.8rem, 12vh, 7.4rem)) ;--contact-bottom-pad: calc(env(safe-area-inset-bottom) + 1rem) ;grid-template-columns:minmax(0,760px);justify-content:stretch;align-content:start;width:min(100%,760px);margin:0 auto;height:100dvh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;gap:clamp(.85rem,2.4vw,1.15rem);padding-inline:clamp(.75rem,3.8vw,1.2rem)}.contact-pane,.team-pane{display:contents}.about-card{order:1;text-align:center}.about-text p{text-align:center}.team-grid{order:2}.team-card{text-align:center;align-items:center}.team-photo-block{margin-left:auto;margin-right:auto;max-width:280px;width:100%}.team-card p{text-align:center}.contact-card{order:3}.about-card,.contact-card,.team-grid{grid-column:1;grid-row:auto;max-height:none;overflow:visible}.contact-card,.team-card{border-radius:14px}.contact-card{padding:1rem}.contact-card h2{font-size:clamp(1.45rem,4.6vw,2rem)}.contact-intro{margin-top:.7rem;font-size:.95rem;line-height:1.45}.contact-form{margin-top:.9rem;gap:.62rem}.contact-form label{font-size:.88rem}.contact-form input,.contact-form textarea{min-height:44px;padding:.72rem .8rem;font-size:16px}.contact-form textarea{min-height:8.75rem}.contact-form .cta-btn{width:100%;min-height:46px;margin-top:.75rem}.privacy-line,.fallback-link,.team-links,.field-error,.form-status.error,.form-status.success{font-size:.82rem}.team-grid{gap:.75rem;grid-template-columns:1fr;height:auto}.team-card{padding:.9rem;display:block;height:auto}.team-card h2{font-size:.98rem;line-height:1.35}.team-card p{margin-top:0;font-size:.92rem;line-height:1.42}.team-photo-block{margin-bottom:.9rem;flex:none;display:block}.team-photo{height:auto}.top-bar-right{display:none}.mobile-menu{display:block}.wordmark-logo{height:clamp(2.5rem,9vw,3.8rem)}.section-indicator{gap:.02rem;justify-content:center;width:min(94vw,720px)}.section-pill{padding:.45rem .76rem;font-size:.88rem}}@media(max-width:760px){.contact-route{--contact-top-pad: calc(env(safe-area-inset-top) + 5.8rem) ;--contact-bottom-pad: calc(env(safe-area-inset-bottom) + .9rem) ;padding-inline:clamp(.65rem,3.6vw,.92rem);gap:.72rem}.contact-card,.team-card{border-radius:12px}.contact-card{padding:.9rem}.contact-form input,.contact-form textarea{padding:.72rem .76rem}.team-card{padding:.82rem}.team-card p{font-size:.9rem}.top-bar{gap:.45rem}.top-bar-main{align-items:center;gap:.45rem;flex-wrap:nowrap}.mobile-menu-toggle{padding:.35rem .78rem;font-size:.72rem}.scene-copy{width:calc(100vw - 2rem)}.scene-copy h1{font-size:clamp(1.86rem,8.2vw,2.5rem)}.scene-copy-hero h1{white-space:normal}.scene-copy p{font-size:clamp(.95rem,3.2vw,1.05rem)}.scene-gesture-hint{top:50%;width:min(92vw,430px);padding:.5rem 2.3rem .56rem .68rem;grid-template-columns:1fr;row-gap:.4rem;text-align:center}.scene-gesture-hint-close{top:.28rem;right:.3rem;width:1.95rem;height:1.95rem}.scene-gesture-hint-icon{margin-inline:auto}.scene-gesture-hint-copy{text-align:center}.scene-gesture-hint-label{font-size:.66rem}.scene-gesture-hint p{font-size:clamp(.84rem,3vw,.94rem)}.section-indicator{width:min(96vw,760px);bottom:calc(.28rem + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes aboutPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.projects-scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto;transition:opacity .35s ease;background:radial-gradient(circle at 50% 30%,#0d1629,#070b15 65%,#04070d)}.projects-scene-inner{width:100%;max-width:1100px;height:100%;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(6.8rem,12.5vh,8.5rem) clamp(1rem,3.5vw,2.5rem) clamp(4rem,6vh,5.2rem);box-sizing:border-box}.projects-scene-header{width:100%;margin-top:.5rem;margin-bottom:.6rem;text-align:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.projects-scene-rule{width:2.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(125,147,203,.7),transparent);margin:0 auto .35rem}.projects-scene-title{margin:0 0 .25rem;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--mist-100)}.projects-scene-subtitle{margin:0 0 .85rem;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:400;letter-spacing:.03em;color:#c4d4efbf}.projects-control-bar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;max-width:520px;margin:0 auto .4rem;padding:.32rem .6rem;border-radius:999px;border:1px solid rgba(125,147,203,.22);background:#0a0f1abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;flex-shrink:0}.projects-search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:320px}.projects-search-icon{position:absolute;left:.75rem;color:#c4d4ef80;pointer-events:none}.projects-search-input{width:100%;padding:.35rem 1.8rem .35rem 2.2rem;border-radius:999px;border:1px solid rgba(125,147,203,.2);background:#080c16cc!important;color:var(--mist-100)!important;font-size:.78rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box}.projects-search-input::placeholder{color:#c4d4ef73}.projects-search-input:focus{border-color:#e2c28f99;box-shadow:0 0 14px #e2c28f40;background:#0c1220f2!important}.projects-search-clear{position:absolute;right:.6rem;background:none;border:none;color:#c4d4ef8c;font-size:1rem;line-height:1;cursor:pointer;padding:.1rem}.projects-search-clear:hover{color:#e2c28f}.projects-view-toggle{display:flex;gap:.15rem;padding:.12rem;border-radius:999px;border:1px solid rgba(125,147,203,.22);background:#080c1699;flex-shrink:0}.projects-view-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;border:none;background:transparent;color:#c4d4ef99;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease}.projects-view-btn.active{background:#7d93cb40;color:#fff}.projects-view-label{font-size:.7rem}.projects-scroll-area{width:100%;flex:1;max-height:calc(100vh - 275px);overflow-y:auto;padding:.4rem .2rem;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(125,147,203,.3) transparent}.projects-scroll-area--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:1.5rem;align-items:stretch;align-content:start;width:100%;max-width:920px;margin:0 auto;padding:.5rem .2rem 2.5rem}@media(max-width:780px){.projects-scroll-area--grid{grid-template-columns:1fr;max-width:440px}}.projects-scroll-area--list{display:flex;flex-direction:column;gap:.75rem;max-width:780px;width:100%;margin:0 auto;justify-content:flex-start;align-items:stretch;height:auto;padding:.5rem .2rem 2rem}.projects-scroll-bottom-spacer{width:100%;height:1.5rem;flex-shrink:0;pointer-events:none}.projects-scroll-arrow-btn{position:fixed;bottom:clamp(4.4rem,8.5vh,5.4rem);left:50%;transform:translate(-50%);z-index:25;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(200,215,240,.28);background:#0c1423b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e6f0ffe6;cursor:pointer;pointer-events:none;opacity:0;transition:opacity .35s ease,color .2s,border-color .2s,background .2s,box-shadow .2s;animation:nav-down-arrow-pulse 2.2s ease-in-out infinite}.projects-scroll-arrow-btn.visible{opacity:1;pointer-events:auto}.projects-scroll-arrow-btn:hover,.projects-scroll-arrow-btn:focus-visible{outline:none;color:#fff;border-color:#e2c28fb3;background:#1e3250bf;box-shadow:0 0 16px #e2c28f80,0 0 32px #d2a16d40}@keyframes nav-down-arrow-pulse{0%,to{transform:translate(-50%) scale(1);border-color:#c8d7f047;box-shadow:0 4px 16px #0006}50%{transform:translate(-50%) translateY(4px) scale(1.1);border-color:#e2c28fcc;box-shadow:0 0 18px #e2c28f8c;color:#e2c28f}}body:has(.project-modal-backdrop) .projects-scroll-arrow-btn,body:has(.project-cinema-backdrop) .projects-scroll-arrow-btn{display:none!important;opacity:0!important;pointer-events:none!important}@media(max-width:640px){.projects-scroll-arrow-btn{bottom:clamp(4.2rem,8.5vh,4.9rem);width:38px;height:38px}.projects-scroll-arrow-btn svg{width:18px;height:18px}}.project-card{position:relative;border-radius:16px;border:1px solid rgba(125,147,203,.22);background:#0a0f1ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;min-height:100%;width:100%;margin:0;-webkit-user-select:none;user-select:none}.project-card:hover,.project-card.hovered{transform:translateY(-6px) scale(1.01);border-color:#e2c28f73;box-shadow:0 12px 40px #00000080,0 0 0 1px #e2c28f26,0 0 28px #7d93cb33}.project-card:focus-visible{outline:2px solid rgba(226,194,143,.6);outline-offset:3px}.project-card.coming-soon{cursor:default;opacity:.72}.project-card.coming-soon:hover{transform:none;border-color:#7d93cb2e;box-shadow:none}.project-card-image-wrap{position:relative;width:100%;aspect-ratio:16 / 9;max-height:220px;overflow:hidden;background:#080d1a;flex-shrink:0}.project-card-image{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transform:none;transition:opacity .4s ease,transform .4s ease}.project-card-video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transform:none;transition:opacity .4s ease,transform .4s ease;pointer-events:none}.project-card-video.active,.project-card:hover .project-card-video{opacity:1!important}.project-card:hover .project-card-image,.project-card:hover .project-card-video{transform:scale(1.04)}.project-card-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(8,12,22,.88) 100%)}.project-card-body{padding:1.05rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.45rem;flex:1 1 auto;min-height:fit-content}.project-card-meta-row{display:flex;align-items:center;gap:.5rem}.project-card-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.project-card-title{margin:.1rem 0 0;font-size:1.22rem;font-weight:700;letter-spacing:-.01em;color:var(--mist-100)}.project-card-tagline{margin:0;font-size:.83rem;line-height:1.45;color:#c4d4efc7;flex:1}.project-card-tags-row{display:flex;align-items:center;gap:.32rem;flex-wrap:wrap;margin-top:.2rem}.project-card-footer{margin-top:auto;padding-top:.75rem}.project-card-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:999px;border:1px solid rgba(226,194,143,.35);background:#e2c28f14;color:#e2c28ff2;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;pointer-events:none;transition:all .2s ease}.project-card:hover .project-card-btn{background:#e2c28f33;border-color:#e2c28fb3;color:#fff}.project-status-badge{display:inline-flex;align-items:center;padding:.16rem .55rem;border-radius:999px;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-status-badge--live{background:#3cc87826;border:1px solid rgba(60,200,120,.45);color:#7de8a8}.project-status-badge--beta{background:#7d93cb24;border:1px solid rgba(125,147,203,.35);color:#a0b8e8}.project-status-badge--coming-soon{background:#b48c501f;border:1px solid rgba(180,140,80,.28);color:#e2c28fbf}.project-date-badge{display:inline-flex;align-items:center;padding:.16rem .55rem;border-radius:999px;border:1px solid rgba(125,147,203,.28);background:#7d93cb17;color:#dce8fcd9;font-size:.67rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.project-modal-date{border-color:#e2c28f59;background:#e2c28f1a;color:#eedab9eb;font-size:.64rem;padding:.14rem .52rem}.projects-sort-wrap{display:flex;align-items:center}.projects-sort-btn{display:inline-flex;align-items:center;gap:.38rem;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(125,147,203,.28);background:#7d93cb14;color:#c4d4efd9;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.projects-sort-btn:hover{border-color:#7d93cb80;background:#7d93cb2e;color:#fff}.project-modal-dev-note{margin-top:1.4rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(226,194,143,.32);background:#e2c28f12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-modal-dev-note-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;color:#e2c28f;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.project-modal-dev-note-text{margin:0;color:#eef5ffd9;font-size:.84rem;line-height:1.55}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem}.project-tag{padding:.16rem .48rem;border-radius:999px;border:1px solid rgba(125,147,203,.22);background:#7d93cb12;color:#c4d4efb8;font-size:.65rem;font-weight:600;letter-spacing:.05em;white-space:nowrap}.project-tag--more{color:#c4d4ef80;border-color:#7d93cb24}.project-card--placeholder{cursor:default;border:1px dashed rgba(125,147,203,.22);background:#0a0f1a66;min-height:220px;display:flex;align-items:center;justify-content:center}.project-card--placeholder:hover{transform:none;border-color:#7d93cb47;box-shadow:none}.project-card-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem;text-align:center}.project-card-placeholder-icon{color:#7d93cb73}.project-card-placeholder-text{margin:0;font-size:.92rem;font-weight:600;color:#c4d4efa6;letter-spacing:.02em}.project-card-placeholder-sub{margin:0;font-size:.78rem;color:#c4d4ef66}.project-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem}.project-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .85rem;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.project-action-btn--launch{border:1px solid rgba(226,194,143,.45);background:#e2c28f1f;color:#e2c28f}.project-action-btn--launch:hover{background:#e2c28f40;border-color:#e2c28fb3;color:#fff}.project-action-btn--details,.project-action-btn--share{border:1px solid rgba(125,147,203,.28);background:#7d93cb14;color:#c4d4efd1}.project-action-btn--details:hover,.project-action-btn--share:hover{border-color:#7d93cb80;background:#7d93cb2e;color:#fff}.project-action-btn--share.copied{border-color:#64dca099!important;background:#28a06440!important;color:#64dca0!important}.project-card--list{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1.15rem!important;padding:.54rem 1.15rem .78rem!important;width:100%!important;max-width:780px!important;height:auto!important;min-height:auto!important;flex:0 0 auto!important;align-self:stretch!important;border-radius:14px}.project-card--list .project-card-image-wrap{width:120px!important;min-width:120px!important;max-width:120px!important;height:76px!important;min-height:76px!important;max-height:76px!important;border-radius:9px;flex-shrink:0!important}.project-card--list .project-card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:.2rem!important;padding:0!important;width:100%!important;height:auto!important;flex:1 1 auto!important;min-width:0!important}.project-card-info{display:flex;flex-direction:column;gap:.34rem;flex:1;min-width:0}.project-card-list-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.project-card--list .project-status-badge{font-size:.58rem;padding:.1rem .44rem}.project-card--list .project-date-badge{font-size:.58rem;padding:.1rem .46rem}.project-card-actions--list{margin-top:0;padding-top:0;gap:.4rem}.project-action-btn--icon{width:28px!important;height:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important}.project-card--list .project-card-title{font-size:1.15rem;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--mist-100)}.project-card--list .project-card-tagline{font-size:.78rem;line-height:1.42;margin:0;color:#c4d4efbf}.project-card--list .project-card-tags-row{margin-top:.12rem;gap:.28rem}.project-card--list .project-tag{font-size:.58rem;padding:.1rem .38rem}.project-modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(4.5rem,8vh,5.5rem) 1rem;background:#04070ee0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.project-modal-dialog{position:relative;width:min(88vw,680px);max-height:min(84vh,670px);border-radius:20px;border:1px solid rgba(125,147,203,.28);background:#0a0f1af5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #000000d9;overflow:hidden;display:flex;flex-direction:column;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes slideUpModal{0%{transform:translateY(18px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.project-modal-close-btn{position:absolute;top:.75rem;right:.75rem;z-index:20;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(194,209,233,.25);background:#0b121fe0;color:var(--mist-100);font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.project-modal-close-btn:hover{background:#e2c28f33;border-color:#e2c28f99;color:#e2c28f;transform:scale(1.08)}.project-modal-share-btn{position:absolute;top:.75rem;right:3.25rem;z-index:20;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(194,209,233,.25);background:#0b121fe0;color:var(--mist-100);cursor:pointer;transition:all .2s ease}.project-modal-share-btn:hover,.project-modal-share-btn.copied{color:#e2c28f;border-color:#e2c28f99;background:#e2c28f29}.project-modal-header{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.35rem .95rem;border-bottom:1px solid rgba(125,147,203,.16);background:#080c1680;flex-shrink:0}.project-modal-preview{position:relative;width:100%;aspect-ratio:16 / 9;max-height:240px;border-radius:12px;overflow:hidden;border:1px solid rgba(125,147,203,.2);background:#080d1a;flex-shrink:0}.project-modal-preview-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transform:none}.project-modal-preview-video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;display:block;transform:none;pointer-events:none}.project-modal-preview-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,transparent 60%,rgba(10,15,26,.85) 100%)}.project-modal-header-info-col{display:flex;flex-direction:column;gap:.45rem;min-width:0;padding-right:0}.project-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.project-modal-title{margin:0;font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:700;letter-spacing:-.015em;color:var(--mist-100);line-height:1.2}.project-modal-tagline{margin:0;font-size:.82rem;font-weight:500;color:#e2c28f;line-height:1.45}.project-modal-summary{margin:0;font-size:.8rem;line-height:1.5;color:#c4d4efd1}.project-modal-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.15rem}.project-modal-bottom-row .project-tags{display:flex;flex-wrap:wrap;gap:.3rem;flex:1}.project-modal-bottom-row .project-tag{font-size:.65rem;padding:.14rem .48rem}.project-modal-launch-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.28rem .75rem;border-radius:999px;border:1px solid rgba(226,194,143,.5);background:#e2c28f26;color:#e2c28f;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .22s ease;white-space:nowrap;flex-shrink:0}.project-modal-launch-btn:hover{background:#e2c28f47;border-color:#e2c28fcc;color:#fff;box-shadow:0 0 16px #e2c28f59}.project-modal-body-scrollable{flex:1;overflow-y:auto;padding:1.2rem 1.4rem 1.8rem;display:flex;flex-direction:column;gap:1.2rem;scrollbar-width:thin;scrollbar-color:rgba(125,147,203,.35) transparent;box-sizing:border-box}.project-modal-bottom-spacer{height:120px;width:100%;flex-shrink:0}.project-modal-body-scrollable::-webkit-scrollbar{width:6px}.project-modal-body-scrollable::-webkit-scrollbar-thumb{background:#7d93cb59;border-radius:4px}.project-modal-section{padding-top:.6rem}.project-modal-section+.project-modal-section{border-top:1px solid rgba(125,147,203,.14);margin-top:.8rem;padding-top:.8rem}.project-modal-subtitle{margin:0 0 .5rem;font-size:.88rem;font-weight:700;color:var(--mist-100)}.project-modal-paragraph{margin:0 0 .6rem;font-size:.82rem;line-height:1.55;color:#c4d4efc7}.project-modal-inline-link{color:#e2c28f;text-decoration-color:#e2c28f80;text-underline-offset:.16em;transition:color .2s ease,text-decoration-color .2s ease}.project-modal-inline-link:hover,.project-modal-inline-link:focus-visible{color:#fff;text-decoration-color:#e2c28fe6}.tool-description-inline-link{color:#e2c28f;text-decoration-color:#e2c28f80;text-underline-offset:.16em;transition:color .2s ease,text-decoration-color .2s ease}.tool-description-inline-link:hover,.tool-description-inline-link:focus-visible{color:#fff;text-decoration-color:#e2c28fe6}.project-modal-features-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.project-modal-feature-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.81rem;line-height:1.45;color:#c4d4efd1}.project-modal-feature-dot{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#7d93cb,#d2a16d);margin-top:.4em}@media(max-width:680px){.project-modal-header{grid-template-columns:1fr}.project-modal-header-info-col{padding-right:0}}.projects-container{width:100%;max-width:1100px}.projects-container--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.25rem;align-items:start}.projects-container--list{display:flex;flex-direction:column;gap:.85rem}.project-card--list.project-card--placeholder{min-height:auto;padding:1rem}.project-card--list.project-card--placeholder .project-card-placeholder-inner{flex-direction:row;gap:1rem;padding:0;text-align:left}@media(max-width:680px){.project-card--list{flex-direction:column}.project-card--list .project-card-image-wrap{width:100%;min-width:100%;aspect-ratio:16 / 9}.project-card--list .project-card-body{flex-direction:column;align-items:flex-start}}.tool-route{position:fixed;inset:0;z-index:7;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 20% 15%,rgba(15,30,65,.85) 0%,transparent 55%),radial-gradient(circle at 80% 85%,rgba(10,20,50,.7) 0%,transparent 50%),#060a12;scrollbar-width:thin;scrollbar-color:rgba(125,147,203,.3) transparent}.tool-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;color:#c4d4efb3;font-size:1rem}.tool-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:1200px;margin:0 auto;padding:clamp(8rem,16vh,10rem) clamp(1.5rem,5vw,4rem) clamp(2.5rem,6vh,4rem)}.tool-hero-inner{display:flex;flex-direction:column;gap:1rem}.tool-hero-type{margin:.15rem 0 -.4rem;color:#e2c28f;font-size:clamp(.85rem,1.4vw,1rem);font-weight:650;letter-spacing:.11em;text-transform:uppercase}.tool-hero-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.tool-hero-title{margin:0;font-size:clamp(2.6rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--mist-100);background:linear-gradient(135deg,#e4eaf2,#c5d0e1 50%,#7d93cb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-hero-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.35rem}.tool-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1rem;border-radius:999px;border:1px solid rgba(194,209,233,.3);color:var(--mist-200);background:#0b121f6b;font-size:.78rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.tool-share-btn:hover,.tool-share-btn:focus-visible{color:var(--mist-100);border-color:#e2c28f80;outline:none}.tool-hero-summary{margin:0;font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.65;color:#c4d4efcc;max-width:55ch}.tool-launch-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.5rem;border-radius:999px;border:1px solid rgba(226,194,143,.4);background:#e2c28f1a;color:#e2c28f;font-size:.88rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s ease;align-self:flex-start;width:fit-content}.tool-launch-btn:hover,.tool-launch-btn:focus-visible{outline:none;background:#e2c28f33;border-color:#e2c28fb3;box-shadow:0 0 20px #e2c28f4d,0 0 48px #d2a16d26;transform:translateY(-2px);color:#f0d4a8}.tool-launch-btn--large{padding:.9rem 2rem;font-size:1rem}.tool-hero-preview{border-radius:16px;overflow:hidden;border:1px solid rgba(125,147,203,.2);box-shadow:0 24px 60px #0000008c,0 0 0 1px #7d93cb14}.tool-hero-preview-img{width:100%;height:auto;display:block}.tool-embed-section{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem) clamp(2rem,5vh,3.5rem)}.tool-embed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.tool-embed-title{margin:0;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:var(--mist-100);letter-spacing:-.01em}.tool-embed-external{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#e2c28fcc;text-decoration:none;transition:color .2s ease}.tool-embed-external:hover{color:#e2c28f}.tool-embed-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;border:1px solid rgba(125,147,203,.2);background:#060a12;box-shadow:0 20px 60px #00000080}.tool-embed-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:2;color:#c4d4ef99;font-size:.88rem}.tool-embed-spinner{width:36px;height:36px;border:2px solid rgba(125,147,203,.2);border-top-color:#7d93cbcc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-embed-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;transition:opacity .4s ease}.tool-embed-iframe.loaded{opacity:1}.tool-content-grid{max-width:1200px;margin:0 auto;padding:clamp(1rem,3vh,2rem) clamp(1.5rem,5vw,4rem) clamp(2rem,5vh,3.5rem);display:grid;grid-template-columns:3fr 2fr;gap:clamp(2rem,5vw,4rem);align-items:start}.tool-section-title{margin:0 0 1.1rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:var(--mist-100);letter-spacing:-.01em}.tool-description{display:flex;flex-direction:column;gap:0}.tool-description-para{margin:0 0 1rem;font-size:clamp(.88rem,1.5vw,.98rem);line-height:1.7;color:#c4d4efcc}.tool-description-para:last-child{margin-bottom:0}.tool-features{padding:1.5rem;border-radius:16px;border:1px solid rgba(125,147,203,.15);background:#0a0f1a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-features-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.tool-feature-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.5;color:#c4d4efd1}.tool-feature-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7d93cb,#d2a16d);margin-top:.42em}.tool-footer-cta{max-width:1200px;margin:0 auto;padding:clamp(1rem,2vh,1.5rem) clamp(1.5rem,5vw,4rem) clamp(3rem,8vh,5rem);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;border-top:1px solid rgba(125,147,203,.12)}.tool-back-btn{font-size:.82rem;font-weight:600;letter-spacing:.04em;color:#c4d4ef8c;background:none;border:none;cursor:pointer;padding:.7rem 0;border-radius:6px;transition:color .2s ease}.tool-back-btn:hover{color:#c4d4efe6}@media(max-width:768px){.tool-hero{grid-template-columns:1fr;gap:2rem}.tool-hero-preview{order:-1}.tool-content-grid{grid-template-columns:1fr}.tool-features{padding:1.1rem}}.dechode-nav-bar{display:none}@media(max-width:640px){.desktop-only-arrow{display:none!important}@keyframes mobile-side-arrow-pulse{0%,to{transform:translateY(-50%) scale(1);box-shadow:0 4px 16px #00000073;border-color:#7d93cb59}50%{transform:translateY(-50%) scale(1.09);box-shadow:0 0 18px #e2c28f8c;border-color:#e2c28fcc;color:#e2c28f}}.nav-arrow.show-projects-mobile{display:grid!important;position:fixed!important;top:50%!important;transform:translateY(-50%)!important;bottom:auto!important;z-index:25!important;width:38px!important;height:38px!important;animation:mobile-side-arrow-pulse 2.4s ease-in-out infinite!important}.nav-arrow.show-projects-mobile svg{width:20px!important;height:20px!important}.nav-arrow.show-projects-mobile.nav-arrow--left{left:.5rem!important}.nav-arrow.show-projects-mobile.nav-arrow--right{right:.5rem!important}.dechode-nav-bar{position:fixed;bottom:clamp(4.1rem,9.5vh,5.1rem);left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(200,215,240,.22);background:#0a101cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .4s ease;pointer-events:auto}.dechode-nav-bar.visible{opacity:1}@keyframes mobile-nav-btn-pulse{0%,to{transform:scale(1);box-shadow:0 0 #e2c28f00;border-color:#c8d7f040}50%{transform:scale(1.09);box-shadow:0 0 12px #e2c28f80;border-color:#e2c28fbf;color:#fff}}.dechode-nav-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(200,215,240,.25);background:#0f182ab3;color:var(--mist-100);cursor:pointer;padding:0;transition:all .2s ease;animation:mobile-nav-btn-pulse 2.4s ease-in-out infinite}.dechode-nav-btn:hover,.dechode-nav-btn:active{background:#1e3250d9;border-color:#fff9;color:#fff}.dechode-nav-dots{display:flex;align-items:center;gap:.45rem}.dechode-nav-dot{width:6px;height:6px;border-radius:999px;border:none;background:#c4d4ef59;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.dechode-nav-dot.active{width:18px;background:#fff;box-shadow:0 0 10px #ffffff80}body:has(.project-modal-backdrop) .dechode-nav-bar,body:has(.project-cinema-backdrop) .dechode-nav-bar{display:none!important}.scene-copy{bottom:clamp(7.6rem,17.5vh,9.5rem)!important}.scene-copy p{font-size:.84rem!important;line-height:1.4!important;max-width:min(88vw,340px)!important;margin:0 auto!important}.projects-scene-inner{padding:4.8rem .85rem calc(env(safe-area-inset-bottom) + 5.5rem)!important;height:100dvh!important;max-height:100dvh!important}.projects-scene-header{margin-top:0!important;margin-bottom:.35rem!important}.projects-scene-title{font-size:1.25rem!important}.projects-scene-subtitle{font-size:.76rem!important;margin-bottom:.45rem!important}.projects-control-bar{margin-bottom:.55rem!important}.projects-scroll-area{max-height:calc(100dvh - 160px)!important;height:100%!important;flex:1 1 auto!important}.projects-scroll-area--grid,.projects-scroll-area--list{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:1rem!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:.2rem .2rem calc(env(safe-area-inset-bottom) + 5.5rem)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.projects-scroll-bottom-spacer{height:calc(env(safe-area-inset-bottom) + 5rem)!important}.projects-view-toggle{display:none!important}.project-card,.project-card--list{display:flex!important;flex-direction:column!important;width:100%!important;max-width:360px!important;margin:0 auto!important;border-radius:14px!important;height:auto!important;min-height:auto!important;flex-shrink:0!important}.project-card .project-card-image-wrap,.project-card--list .project-card-image-wrap{width:100%!important;min-width:100%!important;max-width:100%!important;height:150px!important;min-height:150px!important;max-height:150px!important;aspect-ratio:16 / 9!important}.project-card--list .project-card-body,.project-card .project-card-body{display:flex!important;flex-direction:column!important;padding:.85rem .95rem 1rem!important;gap:.4rem!important}.project-card--list .project-card-list-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.project-card--list .project-card-actions{width:auto!important;justify-content:flex-end!important;margin-top:0!important;padding-top:0!important}.project-status-badge,.project-modal-status{padding:.1rem .4rem;font-size:.58rem}.project-modal-status-overlay{position:absolute;top:.45rem;left:.45rem;z-index:10;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-tag,.project-modal-tag{padding:.08rem .38rem;font-size:.6rem}.project-tags,.project-modal-tags{gap:.2rem}.project-card-image-wrap,.project-modal-preview{aspect-ratio:16 / 9!important}.project-modal-backdrop{padding:0;align-items:flex-start;z-index:99999}.project-modal-dialog{width:min(90vw,380px);max-height:calc(100vh - 6.5rem);margin:5.2rem auto 1.2rem;border-radius:14px}.project-modal-close-btn{top:.4rem;right:.4rem;width:1.8rem;height:1.8rem;font-size:1rem;background:#121c30f2;border-color:#e2c28f80;color:#e2c28f;z-index:30}.project-modal-header{gap:.65rem;padding:.85rem .95rem .75rem}.project-modal-preview{width:100%;aspect-ratio:16 / 9;max-height:155px;border-radius:10px}.project-modal-header-info-col{padding-right:0;gap:.35rem}.project-modal-bottom-row{margin-top:.15rem;gap:.35rem;flex-wrap:nowrap;align-items:center;justify-content:space-between}.project-modal-bottom-row .project-tags{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.22rem;scrollbar-width:none;flex:1;min-width:0}.project-modal-bottom-row .project-tags::-webkit-scrollbar{display:none}.project-modal-bottom-row .project-tag{font-size:.58rem;padding:.1rem .34rem;white-space:nowrap}.project-modal-launch-btn{padding:.22rem .55rem;font-size:.64rem;gap:.25rem;flex-shrink:0}.project-tags{gap:.24rem}.project-modal-title{font-size:1.05rem;font-weight:700;margin:0}.project-modal-tagline{font-size:.74rem;line-height:1.4;letter-spacing:-.01em;color:#e2c28f;margin:0}.project-modal-summary{font-size:.7rem;line-height:1.45;margin:0}.project-modal-body-scrollable{padding:.95rem .9rem 4.5rem!important;gap:.85rem}.project-modal-subtitle{font-size:.82rem;margin-bottom:.45rem}.project-modal-paragraph,.project-modal-feature-item{font-size:.7rem;line-height:1.45;margin-bottom:.45rem}}.project-cinema-backdrop{position:fixed;inset:0;z-index:99999;background:#04070eeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:grid;place-items:center;padding:1.5rem;box-sizing:border-box;animation:projectModalFadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.project-cinema-dialog{position:relative;width:min(92vw,860px);background:#080d1a;border:1px solid rgba(125,147,203,.3);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #000000d9,0 0 0 1px #e2c28f26,0 0 40px #7d93cb33;animation:projectModalScaleUp .3s cubic-bezier(.16,1,.3,1) forwards}.project-cinema-close-btn{position:absolute;top:.75rem;right:.85rem;z-index:10;width:32px;height:32px;border-radius:50%;border:1px solid rgba(125,147,203,.3);background:#0a0f1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mist-200);font-size:1.3rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.project-cinema-close-btn:hover{color:#fff;border-color:#e2c28f99;background:#e2c28f26;transform:scale(1.08)}.project-cinema-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;cursor:pointer}.project-cinema-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;pointer-events:none}.project-cinema-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:68px;height:68px;border-radius:50%;background:#0a101cbf;border:1.5px solid rgba(226,194,143,.75);color:#e2c28f;display:grid;place-items:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 30px #0009,0 0 20px #e2c28f4d;animation:projectModalScaleUp .2s ease forwards}.project-cinema-center-play svg{margin-left:4px}.project-cinema-custom-controls{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:1.5rem 1.25rem .75rem;background:linear-gradient(to top,rgba(5,8,16,.94) 0%,rgba(5,8,16,.7) 65%,transparent 100%);display:flex;flex-direction:column;gap:.45rem;opacity:0;pointer-events:none;transition:opacity .18s ease-out}.project-cinema-custom-controls.visible{opacity:1;pointer-events:auto}.project-cinema-progress-row{width:100%;display:flex;align-items:center}.project-cinema-progress-slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;outline:none;cursor:pointer;transition:height .15s ease}.project-cinema-progress-slider:hover{height:7px}.project-cinema-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #e2c28f;cursor:pointer;box-shadow:0 0 8px #e2c28f99}.project-cinema-progress-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #e2c28f;cursor:pointer;box-shadow:0 0 8px #e2c28f99}.project-cinema-ctrl-bar{display:flex;align-items:center;justify-content:space-between}.project-cinema-ctrl-left,.project-cinema-ctrl-right{display:flex;align-items:center;gap:.75rem}.project-cinema-ctrl-btn{display:grid;place-items:center;background:transparent;border:none;color:var(--mist-100);cursor:pointer;padding:.25rem;border-radius:6px;transition:color .15s ease,transform .15s ease}.project-cinema-ctrl-btn:hover{color:#e2c28f;transform:scale(1.1)}.project-cinema-time{font-size:.76rem;font-weight:500;color:var(--mist-200);font-variant-numeric:tabular-nums;margin-left:.25rem}.project-cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:#0a0f1af2;border-top:1px solid rgba(125,147,203,.15)}.project-cinema-meta{display:flex;align-items:center;gap:.65rem;min-width:0}.project-cinema-title{font-size:.95rem;font-weight:700;color:var(--mist-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-cinema-external-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;color:#e2c28f;text-decoration:none;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(226,194,143,.35);background:#e2c28f14;transition:all .2s ease;white-space:nowrap}.project-cinema-external-link:hover{background:#e2c28f33;border-color:#e2c28fb3;color:#fff}@media(max-width:640px){.project-cinema-backdrop{padding:.75rem}.project-cinema-dialog{width:100%;border-radius:12px}.project-cinema-footer{padding:.65rem .85rem}.project-cinema-title{font-size:.82rem}.project-cinema-external-link{font-size:.68rem;padding:.25rem .55rem}.project-cinema-custom-controls{padding:1rem .75rem .5rem}}.loading-screen{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0b0f18;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-symbol{width:120px;height:120px;animation:symbolPulse 2.4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(140,170,255,.35)) drop-shadow(0 0 40px rgba(180,140,255,.18))}.loading-symbol path{fill:url(#iridescent-grad)}@keyframes symbolPulse{0%,to{opacity:.5;transform:scale(.96);filter:drop-shadow(0 0 14px rgba(140,170,255,.25)) drop-shadow(0 0 30px rgba(180,140,255,.12))}50%{opacity:1;transform:scale(1.04);filter:drop-shadow(0 0 24px rgba(140,180,255,.5)) drop-shadow(0 0 56px rgba(180,140,255,.3)) drop-shadow(0 0 80px rgba(120,160,255,.15))}}