html{font-size:calc(min(100vw,100vh * 16 / 9) / 1440 * 16)!important}html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}:root{--bg-color: #050505;--text-color: #ffffff;--text-muted: #999999;--accent-color: #ffffff;--border-color: #222222;--modal-bg: #111111;--font-main: "Inter", sans-serif;--font-display: "Playfair Display", serif;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 5rem;--spacing-xl: 10rem;--transition-fast: .3s ease;--transition-smooth: .8s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;background-color:var(--bg-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}@media(hover:none)and (pointer:coarse){:root{--spacing-xl: 4rem;--spacing-lg: 3rem}.cursor-dot,.cursor-outline{display:none!important}*{cursor:auto!important}.project-filters and (pointer: coarse){margin-top:1rem!important}.nav-links a:hover .nav-char{animation:none!important;transform:none!important}.nav-links a:hover{color:inherit!important}.nav-links a:hover:after{width:0%!important}.contact-btn:hover .btn-char{animation:none!important}.contact-btn:hover{transform:none!important;box-shadow:none!important;color:var(--text-color)!important}.logo{font-size:4.25rem!important;pointer-events:auto!important}.logo:hover{color:inherit!important}.nav-right{gap:3rem!important}.mobile-menu-toggle{display:block!important;position:relative!important;background:none;border:2px solid rgba(255,255,255,.2)!important;color:var(--text-color);font-size:2.25rem!important;cursor:pointer;z-index:1005!important;padding:1rem 2.25rem!important;border-radius:2.5rem!important;margin-top:0!important;transition:border-color .1s,background-color .1s!important}.mobile-menu-toggle.active,.mobile-menu-toggle:active{border-color:#fff!important;background-color:#ffffff1a!important}.nav-links{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;background:#050505fa!important;-webkit-backdrop-filter:blur(1.25rem)!important;backdrop-filter:blur(1.25rem)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4rem!important;z-index:1000;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .5s ease,visibility .5s ease!important;transition-delay:.4s!important}.nav-links.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition-delay:0s!important}.nav-links a{font-family:var(--font-display)!important;font-weight:700!important;opacity:0;transform:translateY(1.25rem);transition:opacity .3s ease,transform .3s ease,color .3s ease!important;color:var(--text-color)}.nav-links.active a{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,color .3s ease!important}.nav-links.active li:nth-child(1) a{transition-delay:.1s!important}.nav-links.active li:nth-child(2) a{transition-delay:.2s!important}.nav-links.active li:nth-child(3) a{transition-delay:.3s!important}.nav-links.active li:nth-child(4) a{transition-delay:.4s!important}.nav-links li:nth-child(1) a{transition-delay:.2s!important}.nav-links li:nth-child(2) a{transition-delay:.1s!important}.nav-links li:nth-child(3) a{transition-delay:0s!important}.nav-links li:nth-child(4) a{transition-delay:0s!important}.logo{transition:opacity .3s ease,color .3s ease!important;opacity:1}.logo:active{transition:none!important;opacity:.5}.contact-btn{transition:transform .3s ease!important;transform:scale(1)}.contact-btn:active{transition:none!important;transform:scale(.95)!important}.lang-btn{font-size:2.25rem!important;padding:1rem 2.25rem!important;margin-top:0!important;border-width:2px!important;z-index:1005!important;position:relative!important;border-radius:2.5rem!important;transition:border-color .3s ease,background-color .3s ease!important}.lang-btn:hover,.lang-btn:focus{border-color:#fff3!important;background-color:transparent!important;color:var(--text-color)!important}.lang-btn:active{border-color:#fff!important;background-color:#ffffff1a!important;transition:none!important}}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.custom-cursor-active,.custom-cursor-active *{cursor:none!important}@media(hover:none)and (pointer:coarse){.custom-cursor-active,.custom-cursor-active *{cursor:auto!important}}.cursor-dot{width:.5rem;height:.5rem;background-color:var(--accent-color)}.cursor-outline{width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.5);transition:width .2s,height .2s,background-color .2s}body.hovering .cursor-outline{width:3.75rem;height:3.75rem;background-color:#ffffff1a;border-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast);cursor:none}button{cursor:none}a:hover{color:var(--text-muted)}.external-link,.email-interaction{cursor:none!important}img,video{max-width:100%;display:block}.container{max-width:100rem;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.uppercase{text-transform:uppercase;letter-spacing:.05em}header{padding:3rem 0;position:absolute;top:0;left:0;width:100%;z-index:100;transition:background var(--transition-fast)}nav{display:flex!important;justify-content:space-between;align-items:center}.nav-right{display:flex!important;align-items:center;gap:3rem}.mobile-menu-toggle{display:none}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.nav-links{display:flex!important;gap:3rem;list-style:none;align-items:center}.nav-links a{font-size:.9rem;font-weight:400;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-.3125rem;left:0;width:0%;height:1px;background:var(--accent-color);transition:width var(--transition-fast)}.nav-links a:hover:after{width:100%}.nav-links a .nav-char{display:inline-block;transition:transform .3s ease}.nav-links a:hover .nav-char{animation:navJump .5s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--i) * .03s)}@keyframes navJump{0%,to{transform:translateY(0)}50%{transform:translateY(-.1875rem)}}.lang-btn{background:none;border:1px solid rgba(255,255,255,.2);color:var(--text-color);padding:.3rem .8rem;font-family:var(--font-main);font-size:.8rem;cursor:pointer;border-radius:1.25rem;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.lang-btn:hover{border-color:var(--text-color);background:#ffffff1a}.contact-btn{display:inline-block;padding:1.2rem 2.5rem;border:1px solid var(--text-color);background:transparent;color:var(--text-color);margin-top:var(--spacing-md);font-family:var(--font-display);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,color .3s ease;cursor:none!important;border-radius:0}.contact-btn:hover{background:transparent;color:var(--text-color);transform:scale(1.05);box-shadow:0 0 .9375rem #ffffff1a}.contact-btn .btn-char{display:inline-block;transition:transform .3s ease}.contact-btn:hover .btn-char{animation:wave .6s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--i) * .05s)}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}.contact-btn:active{transform:scale(.95);transition:transform .1s ease}.hero{height:100vh;height:100dvh;display:flex!important;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:-1;filter:contrast(1.1) brightness(.8)}.hero-content{container-type:inline-size;container-name:hero;text-align:center;z-index:1;width:100%;max-width:75rem;padding:0 2rem}.stagger-text{display:flex!important;flex-direction:column;align-items:center;font-family:Playfair Display,serif;color:#e0e0e0;line-height:.85;margin-bottom:3rem}.stagger-text .line{display:block;font-size:12.5cqw;font-weight:700;text-transform:uppercase;letter-spacing:-.04em;opacity:0;animation:slideUp 1s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap}.stagger-text .line.italic{font-family:Playfair Display,serif;font-style:italic;font-weight:700;text-transform:lowercase;letter-spacing:-.02em;margin-top:2cqw;font-size:9.5cqw}.stagger-text .line:nth-child(1){animation-delay:.1s}.stagger-text .line:nth-child(2){animation-delay:.3s}.stagger-text .line:nth-child(3){animation-delay:.5s}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.hero p.fade-up{font-family:var(--font-main);font-size:1rem;color:#fff9;text-transform:uppercase;letter-spacing:.3em;opacity:0;margin-top:2rem;transform:translateY(1.25rem);animation:fadeIn 1.5s cubic-bezier(.25,.46,.45,.94) forwards 1.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}#work{min-height:100vh;display:flex!important;flex-direction:column;justify-content:center;position:relative;padding:0;padding-bottom:40vh}.work-container{overflow:hidden;position:relative;max-width:100%!important;padding:0!important}.gallery-wrapper{position:relative;width:100%;overflow:hidden;padding:5rem 0;-webkit-user-select:none;user-select:none}.gallery-track{display:grid;grid-template-rows:repeat(2,40vh);grid-template-rows:repeat(2,40dvh);grid-auto-flow:column;grid-auto-columns:calc(40vh * 16 / 9);gap:5vw;padding-left:5vw;width:max-content;will-change:transform;touch-action:pan-y;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:62.5rem;transform-style:preserve-3d}@media(max-width:1200px)and (pointer:coarse)and (orientation:portrait){#work{padding-bottom:10vh}.gallery-track{grid-template-rows:repeat(2,40vh);grid-template-rows:repeat(2,40dvh);grid-auto-columns:calc(40vh * 16 / 9);gap:5vw!important;padding-left:5vw}}.gallery-track.center-content{width:100%;justify-content:center;padding-left:0;gap:5vw!important}#about,footer{contain:content}.project-card{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden;border-radius:.25rem;will-change:transform;transform:translateZ(0)}.project-media{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .5s ease;filter:grayscale(100%);-webkit-user-select:none;user-select:none;pointer-events:none}@media(hover:hover){.project-card:hover .project-media{transform:scale(1.05);filter:grayscale(0%)}.project-card:hover .project-info{opacity:1;transform:translateY(0)}}.project-info{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transform:translateY(1.25rem);transition:opacity .5s ease,transform .5s ease;z-index:10;pointer-events:none}.project-card.touched .project-media{transform:scale(1.05);filter:grayscale(0%)}.project-card.touched .project-info{opacity:1!important;transform:translateY(0)!important}.project-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-style:italic;letter-spacing:-.02em}.project-category{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:var(--font-main)}.project-overlay-role{position:absolute;top:1.5rem;right:1.5rem;z-index:5;pointer-events:none;display:flex!important;gap:.5rem;align-items:center;justify-content:flex-end}.role-badge{display:inline-block;background:#05050599;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:1px solid rgba(255,255,255,.15);color:var(--text-color);font-family:var(--font-main);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:.4rem 1rem;border-radius:3.125rem;box-shadow:0 .25rem 1.25rem #0000004d;transition:all .3s ease;opacity:0;transform:translateY(-.625rem)}.status-badge{display:inline-block;background:#ffa50026;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:1px solid rgba(255,165,0,.6);color:#ffb347;font-family:var(--font-main);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:.4rem 1rem;border-radius:3.125rem;box-shadow:0 .25rem 1.25rem #0000004d;transition:all .3s ease;opacity:0;transform:translateY(-.625rem);transition-delay:.1s}#modal-title .status-badge{display:inline-block;white-space:nowrap;opacity:.5;transform:none;margin-left:.3rem;vertical-align:super;font-size:.2em;padding:.1rem .4rem;box-shadow:none;background:transparent;color:#ffb347;border:1px solid rgba(255,165,0,.2);letter-spacing:.05em;border-radius:.25rem}@media(hover:hover){.project-card:hover .role-badge,.project-card:hover .status-badge{background:#fffffff2;color:#000;opacity:1;transform:translateY(0)}.project-card:hover .status-badge{background:#ffa500e6;color:#000;border-color:transparent}}.project-card.touched .project-overlay-role{opacity:1!important;transform:translateY(0)!important}.project-card.touched .role-badge{background:#fffffff2;color:#000;border-color:#fff;opacity:1!important;transform:translateY(0)!important}.project-card.touched .status-badge{background:#ffa500e6;color:#000;border-color:transparent;opacity:1!important;transform:translateY(0)!important}.project-filters{position:sticky;bottom:2rem;align-self:center;margin-top:auto;left:0;right:0;margin-left:auto;margin-right:auto;width:fit-content;max-width:90%;transform:none!important;background:#0a0a0ad9;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);padding:1.2rem 5rem;border-radius:3.125rem;border:1px solid rgba(255,255,255,.15);display:flex!important;gap:2rem;z-index:900;transition:opacity .5s ease,transform .5s ease;opacity:0;pointer-events:none}.project-filters.visible{opacity:1;pointer-events:auto}.filter-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-main);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;cursor:pointer;transition:color .3s ease}@media(hover:hover){.filter-btn:hover{color:var(--text-color)}}.filter-btn.active{color:var(--text-color)}.filter-btn:active{color:var(--text-color);transform:scale(.95);transition:transform .1s}.filter-dropup{position:relative;display:flex!important;align-items:center;justify-content:center}.dropup-menu{position:absolute;bottom:140%;left:50%;transform:translate(-50%) scaleY(.5);transform-origin:bottom center;background:#0a0a0af2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:1.5rem 2rem 1rem;width:max-content;min-width:unset;display:flex!important;flex-direction:column;align-items:center;gap:.2rem;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.19,1,.22,1),visibility .4s,transform .4s cubic-bezier(.19,1,.22,1);z-index:1000;box-shadow:0 .625rem 2.5rem #0009;pointer-events:none}@media(max-width:1200px)and (pointer:coarse)and (orientation:portrait){.project-filters{padding:1rem 1.5rem;width:fit-content;max-width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:none;justify-content:center;gap:1rem;bottom:2rem;flex-wrap:wrap}.dropup-menu{min-width:15.625rem;display:none!important}}@media(min-width:1201px){.filter-dropup:hover .dropup-menu{opacity:1;visibility:visible;transform:translate(-50%) scaleY(1) translateY(0);pointer-events:auto}}.dropup-item{color:var(--text-muted)!important;font-family:var(--font-main);font-size:.75rem;font-style:normal;font-weight:600;text-transform:uppercase;padding:0;margin:0;white-space:nowrap;background:transparent!important;border:none!important;cursor:default;position:relative;opacity:.7;transition:opacity .3s;letter-spacing:.05em;display:flex!important;flex-direction:column;align-items:center}@media(hover:hover){.dropup-item:hover{opacity:1;color:#fff!important;background:transparent!important;text-shadow:0 0 .9375rem rgba(255,255,255,.4)}}.dropup-item:active{opacity:1;color:#fff!important;transform:scale(.95);transition:transform .1s}.dropup-item:not(:last-child):after{content:"";display:block;width:1.25rem;height:1px;background:#ffffff26;margin-top:.6rem;margin-bottom:.4rem}.gallery-nav{display:none!important}.gallery-wrapper:hover .gallery-nav{opacity:0}.gallery-nav:hover{transform:translateY(-50%) scale(1.2);color:#fff}.gallery-nav.prev{left:0}.gallery-nav.next{right:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.about-text h2{font-family:var(--font-display);font-size:4rem;margin-bottom:2rem;font-weight:700;text-transform:uppercase;letter-spacing:-.03em}.about-text p{margin-bottom:1.5rem;color:var(--text-muted);font-size:1.1rem;max-width:31.25rem}.about-image{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:.25rem}.about-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.25rem}footer{padding:.5rem 0;border-top:1px solid var(--border-color);margin-top:2rem;position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;align-items:center;gap:0rem 1rem;padding-top:0;width:100%}.footer-col{display:none}.f-name{grid-column:1;grid-row:1;text-align:left;margin:0}.f-mail1{grid-column:2;grid-row:1;text-align:center;margin:0}.f-social{grid-column:3;grid-row:1;justify-self:end;display:flex!important;align-items:center;gap:1rem;margin:0;line-height:normal;height:100%;padding-top:.5rem}.f-city{grid-column:1;grid-row:2;text-align:left;margin:0}.f-mail2{grid-column:2;grid-row:2;text-align:center;margin:0}.f-copy{grid-column:1;grid-row:3;text-align:left;margin:0}.f-phone{grid-column:2;grid-row:3;text-align:center;margin:0}.f-credits{grid-column:3;grid-row:3;text-align:right;margin:0}.footer-grid p,.footer-grid a,.footer-grid h2{margin:0}@media(max-width:1100px)and (pointer:coarse)and (orientation:portrait){footer{margin-top:-10vh!important;padding-top:2rem!important;background:#050505}.footer-grid{gap:.5rem}}.footer-sub{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.footer-highlight{font-size:1.2rem;color:#fff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.footer-highlight:hover{border-color:#fff}.footer-sublink{font-size:.9rem;color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-sublink:hover{color:#fff}.footer-phone{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.social-icons{display:flex!important;gap:1.5rem;list-style:none;margin-bottom:1rem}.social-icons a{font-size:1.5rem;color:#fff;opacity:.7;transition:all .3s}.social-icons a:hover{opacity:1;transform:translateY(-.1875rem)}.copyright,.credits{font-size:.8rem;color:var(--text-muted);opacity:.5}.brand{font-weight:700;color:#fff}@media(max-width:768px)and (pointer:coarse)and (orientation:portrait){.footer-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.footer-col.left,.footer-col.right,.footer-col.center{align-items:center;text-align:center}.mobile-hidden{display:none}.gallery-track{grid-template-rows:repeat(2,60vw)!important;grid-auto-columns:75vw!important;gap:2rem!important}.gallery-wrapper{padding-bottom:0!important;padding-top:2rem!important}#work{padding-bottom:3.5rem!important;min-height:0!important;display:flex!important;justify-content:flex-start!important;flex-direction:column!important}.project-title{font-size:5.5rem!important;line-height:.9}.project-category{font-size:1.3rem!important;margin-top:.5rem}}.footer-links a:hover{opacity:1;transform:translateY(-.1875rem);color:var(--text-color)}.email-interaction,[data-scroll]{cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center}.modal.active{display:flex!important}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);opacity:0;transition:opacity .5s ease}.modal.active .modal-backdrop{opacity:1}.modal-content-wrapper{position:relative;width:90%;max-width:75rem;max-height:90dvh;background:var(--modal-bg);border-radius:.625rem;overflow-y:auto;overflow-x:hidden;opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 1.25rem 3.125rem #00000080}.modal.active .modal-content-wrapper{opacity:1;transform:scale(1)}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:3.125rem;height:3.125rem;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);transition:all .3s ease;display:flex!important;align-items:center;justify-content:center}.modal-close:hover{background:#fff3}.modal-mute{position:absolute;top:1.25rem;right:5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:3.125rem;height:3.125rem;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);transition:all .3s ease;display:flex!important;align-items:center;justify-content:center}@keyframes soundPulse{0%{box-shadow:0 0 #fff6;transform:scale(1)}50%{transform:scale(1.05)}70%{box-shadow:0 0 0 .625rem #fff0}to{box-shadow:0 0 #fff0;transform:scale(1)}}.modal-mute.sound-active{animation:soundPulse .6s ease-out 2;background:#ffffff4d;border-color:#fff;color:#fff}.modal-controls button{position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:3.125rem;height:3.125rem;border-radius:50%;font-size:1.2rem;cursor:pointer;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);transition:all .3s ease;display:flex!important;align-items:center;justify-content:center}.modal-rotate i{transform:rotate(90deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}.modal-rotate.active i{transform:rotate(0)}@media(hover:hover){.modal-controls button:hover{background:#fff3;transform:scale(1.05)}.modal-mute:hover{background:#fff3}}.reel-inner{width:100%;height:100%;position:relative;transform:rotate(0) scale(1);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex!important;align-items:center;justify-content:center}.reel-item.is-rotated .reel-inner{transform:rotate(-90deg) scale(.57)}.modal-content{padding-bottom:4rem}.modal-media-container{width:100%;aspect-ratio:16/9;background:var(--modal-bg);position:relative}.modal.collection-mode .modal-media-container{aspect-ratio:unset!important;height:70vh!important;min-height:37.5rem;background:transparent;overflow:visible!important;display:flex!important;align-items:center;justify-content:center;margin-bottom:4rem;margin-top:2rem}@media(max-width:1200px)and (pointer:coarse)and (orientation:portrait){.modal.collection-mode .modal-media-container{height:30vh!important;margin-bottom:0!important}.modal.collection-mode .modal-controls{margin-top:-3rem!important;position:relative;z-index:2050}}.modal-controls{display:flex!important;justify-content:center;gap:1.5rem;width:100%;position:relative;z-index:20;margin-top:1.5rem;margin-bottom:1rem;transform:none;left:auto;bottom:auto}@media(min-width:1101px){.modal-controls{transform:translateY(-5.625rem);margin-bottom:-5.625rem;margin-top:0}}@media(max-width:1100px)and (pointer:coarse)and (orientation:portrait){.modal-controls{position:relative!important;transform:none!important;margin:1.5rem auto 1rem!important}}.modal-media-container img,.modal-media-container video{width:100%;height:100%;object-fit:cover}.modal-details{padding:1.5rem 4rem 2rem;max-width:50rem;text-align:center;margin:0 auto}.modal-details h2{display:inline-block;font-family:var(--font-display);font-size:3rem;margin-bottom:.5rem;max-width:100%}.project-overlay-role{position:absolute;top:1.5rem;left:1.5rem;z-index:5;opacity:0;transform:translateY(-.625rem);transition:all .4s ease;pointer-events:none}@media(hover:hover){.project-card:hover .project-overlay-role{opacity:1;transform:translateY(0)}}.role-badge{background:#ffffff1a;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:1px solid rgba(255,255,255,.15);padding:.4rem .8rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-family:var(--font-main)}.modal-meta{display:flex!important;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.5rem}#modal-category{font-size:.9rem;letter-spacing:.1em;color:var(--text-muted)}.meta-sep{color:var(--text-muted);opacity:.5}#modal-date{font-size:.9rem;color:#fff;font-family:var(--font-display);font-weight:400;font-style:italic}#modal-description{font-size:1.1rem;line-height:1.7;color:#ccc;margin-bottom:2rem}.modal-related{padding:2rem 4rem;border-top:1px solid var(--border-color)}.modal-related h4{text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;color:var(--text-muted)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-item{aspect-ratio:16/9;background:#222;cursor:pointer;overflow:hidden}.related-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-item:hover img{transform:scale(1.05)}.carousel-viewport{width:100%;height:60vh;position:relative;overflow:visible!important;perspective:62.5rem;cursor:none;margin-top:1rem}@media(max-width:1200px)and (pointer:coarse)and (orientation:portrait){.carousel-viewport{height:30vh!important}}.carousel-viewport:active{cursor:none}.carousel-track{position:absolute;top:50%;left:50%;transform-style:preserve-3d;width:0;height:0}.carousel-item{position:absolute;top:50%;left:50%;width:16.25rem;aspect-ratio:9/16;margin-left:-8.125rem;margin-top:-14.375rem;background:#111;border-radius:1rem;overflow:hidden;transform-style:preserve-3d;box-shadow:0 .625rem 2.5rem #00000080;border:1px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none;transition:box-shadow .3s ease,border-color .3s ease}.carousel-item.active{box-shadow:0 1.25rem 3.75rem #000c,0 0 0 2px #ffffff4d;border-color:#fff}.carousel-item .video-wrapper{width:100%;height:100%;pointer-events:none}.carousel-item video,.carousel-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel-item .item-overlay{pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);transform:translateY(0);opacity:1}.carousel-item .play-icon{font-size:2.5rem;background:#0000004d;width:3.75rem;height:3.75rem;display:flex!important;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border:1px solid rgba(255,255,255,.2)}.reveal{opacity:0;transform:translateY(3.125rem);transition:all 1s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#555;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:#777}.project-card,.related-item,.modal-close,.lang-btn,button,a,.contact-btn{cursor:none!important}@media(max-width:768px)and (pointer:coarse)and (orientation:portrait){.hero-content h1{font-size:3rem}.work-grid,.about{grid-template-columns:1fr 1fr;gap:1rem}.about-text h2{font-size:2.5rem}.about-text p{font-size:.9rem}.modal-details{padding:2rem}.related-grid{grid-template-columns:1fr}.nav-links{display:none}}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:2.5rem;color:#ffffff80;cursor:pointer;z-index:1010;padding:2rem;transition:all .3s ease}@media(hover:hover){.modal-nav:hover{color:#fff;transform:translateY(-50%) scale(1.2)}}.modal-nav:active{color:#fff;transform:translateY(-50%) scale(.9);transition:transform .1s}.modal-nav.prev{left:-5rem}.modal-nav.next{right:-5rem}@media(max-width:900px)and (pointer:coarse)and (orientation:portrait){.modal-nav{font-size:1.5rem;padding:1rem;background:#00000080;border-radius:50%}.modal-nav.prev{left:.625rem}.modal-nav.next{right:.625rem}}.modal-badge{position:absolute;top:1rem;left:1rem;z-index:10;font-size:.8rem;padding:.4rem .8rem;opacity:1}.modal.collection-mode .carousel-item{display:none}.reel-carousel-viewport{width:100%;height:100%;position:relative;overflow:hidden;cursor:none;perspective:62.5rem}.reel-carousel-viewport:active{cursor:none}.reel-carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d}.reel-item{position:absolute;top:50%;left:50%;width:13.75rem;height:24.4375rem;margin-left:-6.875rem;margin-top:-12.25rem;display:block;will-change:transform,opacity,z-index}.reel-inner{width:100%;height:100%;border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem .9375rem #00000080;border:1px solid rgba(255,255,255,.1);background:var(--modal-bg);-webkit-user-select:none;user-select:none;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .3s ease;transform-origin:center center}.reel-item:hover .reel-inner{border-color:#fff}.reel-item.is-rotated .reel-inner{transform:rotate(-90deg);box-shadow:0 1.25rem 3.125rem #0009;z-index:100}.reel-item video{width:100%;height:100%;object-fit:cover;pointer-events:none}.reel-item .play-overlay{position:absolute;inset:0;display:flex!important;align-items:center;justify-content:center;background:#0003;opacity:0;transition:opacity .3s ease}.reel-item:hover .play-overlay{opacity:1}.reel-item .play-icon-small{font-size:1.5rem;color:#fff;background:#00000080;padding:.625rem;border-radius:50%;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.modal-nav.prev{left:2rem!important;display:block!important;opacity:1!important;z-index:2000!important}.modal-nav.next{right:2rem!important;display:block!important;opacity:1!important;z-index:2000!important}@media(max-width:900px)and (pointer:coarse)and (orientation:portrait){.modal-nav.prev{left:1rem!important}.modal-nav.next{right:1rem!important}}.modal-meta-block{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:none;display:flex!important;flex-direction:column;gap:1rem;align-items:center;width:100%}.modal-meta-block .meta-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-color);margin:0;font-weight:600;opacity:.9}.modal-meta-block .meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:.2rem}.modal-meta-block .meta-item{display:flex!important;flex-direction:column;gap:.2rem}.modal-meta-block .meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#666;font-weight:500}.modal-meta-block .meta-value{font-size:1rem;color:#fff;font-weight:400;letter-spacing:.02em}.project-link-btn{display:inline-block;margin:1.5rem auto 0;padding:.8rem 2rem;background:#fff3;border:none;color:#fff;text-decoration:none;font-family:var(--font-main);font-size:.9rem;font-weight:500;border-radius:3.125rem;transition:all .3s ease;width:fit-content;cursor:none!important}.project-link-btn:hover{background:#fff;color:#000;transform:scale(1.05)}.project-link-btn .btn-char{display:inline}.related-item{width:100%;aspect-ratio:16/9;border-radius:.25rem;overflow:hidden;position:relative;cursor:pointer;background:#111}.related-card-inner{width:100%;height:100%;position:relative}.related-card-inner img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.related-item:hover .related-card-inner img{transform:scale(1.05)}.related-overlay{position:absolute;inset:0;background:#0009;display:flex!important;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;padding:1rem;text-align:center}.related-item:hover .related-overlay{opacity:1}.related-cat-overlay{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-color);margin-bottom:.3rem;font-weight:600;transform:translateY(.625rem);transition:transform .3s ease}.related-title-overlay{font-size:.9rem;font-weight:500;color:#fff;margin:0;transform:translateY(.625rem);transition:transform .3s ease .05s}.related-item:hover .related-cat-overlay,.related-item:hover .related-title-overlay{transform:translateY(0)}.related-item .related-info{display:none}.modal-content.animating-out-left{opacity:0;transform:translate(-6.25rem) rotateY(-15deg);transition:all .4s ease-in}.modal-content.animating-out-right{opacity:0;transform:translate(6.25rem) rotateY(15deg);transition:all .4s ease-in}.modal-content.animating-in-left{opacity:0;transform:translate(6.25rem) rotateY(15deg)}.modal-content.animating-in-right{opacity:0;transform:translate(-6.25rem) rotateY(-15deg)}.modal-content{transition:all .4s ease-out;transform-style:preserve-3d;perspective:62.5rem}.credits-section{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.credits-toggle{background:transparent;border:none;color:#ffffffb3;font-family:var(--font-main);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:flex!important;align-items:center;gap:.5rem;padding:0;transition:color .3s ease;margin:0 auto}.credits-toggle:hover{color:#fff}.arrow-icon{font-size:.8rem;transition:transform .3s ease}.credits-content{display:block;max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .6s ease,margin-top .6s ease;opacity:0;margin-top:0}.credits-content.active{max-height:125rem;opacity:1;margin-top:1rem}.credits-text{font-size:.9rem;color:#fff9;line-height:1.5}.credits-row{opacity:0;transform:translateY(.625rem);transition:opacity .5s ease,transform .5s ease}.credits-content.active .credits-row{opacity:1;transform:translateY(0)}@keyframes pulse-arrow{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.15);color:#fff}}.social-icons a{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.social-icons{position:relative;display:flex!important;align-items:center;gap:1rem}@keyframes pulse-size{0%,to{transform:scale(1)}50%{transform:scale(1.15);color:#fff}}.blink-size{display:inline-block;animation:pulse-size .5s ease-in-out 3}.carousel-viewport{perspective:62.5rem;width:100%;height:100%;position:relative;overflow:visible;display:flex!important;align-items:center;justify-content:center}.carousel-track{width:100%;height:100%;position:absolute;transform-style:preserve-3d}.reel-carousel-viewport{margin-left:0;pointer-events:none;cursor:none!important}.reel-carousel-track{pointer-events:none;cursor:none!important}.reel-item{position:absolute;left:50%;top:50%;width:13.75rem;height:24.4375rem;margin-left:-6.875rem;margin-top:-12.25rem;transform-style:preserve-3d;backface-visibility:hidden;transition:opacity .3s ease;pointer-events:auto!important;cursor:none!important;background:var(--modal-bg);border-radius:.75rem;box-shadow:0 1.5625rem 3.75rem #000c;border:1px solid rgba(255,255,255,.1)}.click-layer{cursor:none!important;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;pointer-events:auto!important}.project-link-btn{background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.5)!important;color:#fff!important;padding:.3125rem 0!important;border-radius:0!important;margin-top:1rem}.play-overlay{display:none!important}.modal-mute{position:absolute;top:1.875rem;left:1.875rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10001;padding:.625rem;opacity:.8;transition:opacity .3s ease}.modal-mute:hover{opacity:1}.click-layer{position:absolute;inset:0;z-index:5;cursor:pointer;background:transparent}.project-carousel{width:100%;height:100%;position:relative;overflow:hidden;border-radius:.25rem}.project-carousel-track{display:flex!important;height:100%;width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1)}.project-carousel-slide{min-width:100%;height:100%;display:flex!important;align-items:center;justify-content:center;background:#000}.project-carousel-slide img,.project-carousel-slide video{width:100%;height:100%;object-fit:cover;display:block}.project-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:1.5rem;padding:1rem;cursor:pointer;z-index:100;border-radius:50%;width:3.125rem;height:3.125rem;display:flex!important;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}@media(hover:hover){.project-carousel-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}}.project-carousel-nav:active{background:#ffffff4d;transform:translateY(-50%) scale(.95);transition:transform .1s}.project-carousel-nav.prev{left:1rem}.project-carousel-nav.next{right:1rem}@keyframes highlightPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5;color:var(--accent-color)}to{transform:scale(1);opacity:1}}.highlight-pulse{animation:highlightPulse .4s ease-in-out 3;transform-origin:center}.credits-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:.5rem 1.5rem;font-size:.9rem;line-height:1.4;text-align:left;margin-top:1rem}.credits-row{display:contents}.credit-role{text-align:right;color:#ffffff80;font-weight:400}.credit-value{color:#ffffffe6;font-weight:500}.credit-link{color:#ffffffe6;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);transition:all .2s ease}.credit-link:hover{color:#fff;border-bottom-color:#fff}@media(max-width:600px)and (pointer:coarse)and (orientation:portrait){.credits-grid{grid-template-columns:1fr;gap:.2rem;text-align:center}.credit-role{text-align:center;margin-top:.8rem;font-size:.8rem}.credits-row:first-child .credit-role{margin-top:0}}.credits-category{margin-bottom:2rem}.credits-category-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#fff6;text-transform:uppercase;margin-bottom:.8rem;text-align:center;padding-left:0}@media(max-width:1024px)and (pointer:coarse)and (orientation:portrait){.project-overlay-role{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:.3rem!important;top:1rem;right:1rem}.role-badge,.status-badge{font-size:.6rem!important;padding:.3rem .6rem!important;white-space:nowrap!important;max-width:100%;text-align:right;display:block!important}}@media(hover:none)and (pointer:coarse){.related-item .related-overlay{display:none!important;opacity:0!important}.related-item:hover .related-card-inner img{transform:none!important}.related-item{cursor:default!important;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.related-item.is-pressed{transform:scale(1.02)!important}}#about.section{padding-top:6.25rem!important;padding-bottom:6.25rem!important}.about-desktop{display:block}.about-mobile-scroll-track{display:none}@media(max-width:1100px)and (pointer:coarse)and (orientation:portrait){.about-desktop{display:none!important}#about.section{padding:0!important}.about-mobile-scroll-track{display:block!important;height:350vh;position:relative;background:#050505}.about-sticky-viewport{position:sticky;top:0;height:100vh;overflow:hidden;width:100%}.about-sticky-viewport .container{position:relative;width:100%;height:100%;display:flex!important;align-items:center;justify-content:center;padding:0!important;max-width:none!important;transform:translateY(-4rem)}.about-content-wrapper{position:relative;width:100%;padding:0 8%;text-align:left;z-index:1}.about-title-styled{font-family:var(--font-display);font-size:6.5rem;font-weight:700;margin-bottom:5rem;transform:translateY(-1.25rem);filter:none!important}.scroll-reveal-block{margin-bottom:3rem;font-family:var(--font-main);font-size:2.9rem;line-height:1.4;color:#e0e0e0}.about-card-overlay-anim{position:absolute;top:50%;left:50%;width:52.8125rem;z-index:10;pointer-events:none;transform:translate(-50%,-50%);display:flex!important;justify-content:center;align-items:center}.card-anim-inner{transform-origin:center center;opacity:0;width:100%}.card-anim-inner img{width:100%;border-radius:1.5625rem;box-shadow:0 3.75rem 7.5rem #000000f2;display:block}.about-actions{position:absolute;left:0;bottom:-21.875rem;width:100%;text-align:center;z-index:20;opacity:0}.about-actions .contact-btn{padding:2.6rem 5.2rem!important;font-size:2.34rem!important}}::-webkit-scrollbar{display:none}body,html{-ms-overflow-style:none;scrollbar-width:none}.test-modal-overlay{will-change:opacity;--cqw: calc(min(90vw, 90dvh * 16 / 9)*.01) ;position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(.9375rem);-webkit-backdrop-filter:blur(.9375rem);z-index:9000;display:none;opacity:0;transition:opacity .8s ease;cursor:pointer}.test-modal-overlay.active{opacity:1}.test-modal-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-48%) scale(.96);opacity:0;width:90vw;height:auto;max-width:160dvh;max-height:90dvh;aspect-ratio:16 / 9;container-type:inline-size;background:#000;overflow:hidden;box-shadow:0 2.5rem 6.25rem #000;border-radius:calc(1.2 * var(--cqw));border:1px solid rgba(255,255,255,.1);padding:1px;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s ease;cursor:default}.test-modal-overlay.active .test-modal-frame{transform:translate(-50%,-50%) scale(1);opacity:1}.test-nav-zone{position:absolute;top:0;bottom:0;z-index:50;cursor:none}.test-nav-zone.prev-zone{left:0;width:15vw}.test-nav-zone.next-zone{right:0;width:15vw}.test-nav-zone.center-zone{left:15vw;right:15vw;cursor:none}.test-progress-container{position:absolute;top:calc(1.5 * var(--cqw));left:50%;transform:translate(-50%);width:calc(15 * var(--cqw));height:calc(.15 * var(--cqw));background:#ffffff26;border-radius:2px;z-index:10001;opacity:0;transition:opacity .8s ease}.test-modal-overlay.active .test-progress-container{opacity:1;transition-delay:.8s}.test-progress-bar{height:100%;width:0%;background:#fff;transition:width .3s ease-out;box-shadow:0 0 .625rem #ffffff80}.test-cinematic-gallery{position:absolute;inset:1px;display:flex!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:none;border-radius:calc(1.1 * var(--cqw))}.test-cinematic-gallery::-webkit-scrollbar{display:none}.test-gallery-item{scroll-snap-align:center;scroll-snap-stop:always}.test-gallery-item{flex:0 0 100%;position:relative;height:100%}.test-cinematic-gallery img{width:100%;height:100%;object-fit:cover;pointer-events:none}.main-layer,.bts-layer{position:absolute;inset:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.main-layer.active,.bts-layer.active{opacity:1;z-index:2}.main-layer.inactive,.bts-layer.inactive{opacity:0;z-index:1}.test-vignette{display:none}.test-instructions{position:absolute;top:calc(3 * var(--cqw));left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:calc(2 * var(--cqw));z-index:10005;pointer-events:none;opacity:0;transform:translate(-50%,-1.25rem);color:#fff;text-align:center;font-size:calc(.85 * var(--cqw));font-weight:500}.test-modal-overlay.active .test-instructions:not(.hidden){animation:instrFadeIn .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.2s;opacity:0}@keyframes instrFadeIn{0%{opacity:0;transform:translate(-50%,-1.25rem)}to{opacity:1;transform:translate(-50%)}}.test-instructions.hidden{opacity:0!important;animation:none!important}.test-instruction-item{background:#0009;padding:calc(.6 * var(--cqw)) calc(1.5 * var(--cqw));border-radius:calc(2 * var(--cqw));-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border:1px solid rgba(255,255,255,.1);animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}to{box-shadow:0 0 .625rem #fff3}}.test-hud-layer{position:absolute;inset:0;pointer-events:none;z-index:10000;display:flex;justify-content:space-between;align-items:flex-end;padding:calc(3 * var(--cqw));transition:opacity .6s ease,transform .6s ease}.test-hud-layer>*{pointer-events:auto}.test-hud-layer.hidden{pointer-events:none}.test-hud-layer.hidden .test-hud-left{opacity:0;transform:translate(-6.25rem);filter:blur(.625rem)}.test-hud-layer.hidden .test-hud-right{opacity:0;transform:translate(6.25rem);filter:blur(.625rem)}.test-hud-layer.hidden .test-close-btn{position:absolute;top:calc(1.5 * var(--cqw));right:calc(2 * var(--cqw));background:none;border:none;color:#fff;font-size:calc(2 * var(--cqw));cursor:none;pointer-events:auto;padding:calc(1 * var(--cqw));mix-blend-mode:difference;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s}.test-hud-left,.test-hud-right,.test-close-btn{position:relative;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease,filter .8s ease}.test-anim,.test-anim-group{opacity:0;transform:translateY(1.25rem);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-hud-meta{transition-delay:.2s;opacity:1;transform:translateY(0)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-hud-title{transition-delay:.3s;opacity:1;transform:translateY(0)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-hud-desc{transition-delay:.4s;opacity:1;transform:translateY(0)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-hud-tech{transition-delay:.5s;opacity:1;transform:translateY(0)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-hud-play-btn{animation:hudSlideUp .8s .8s cubic-bezier(.16,1,.3,1) both;opacity:1;transform:translateY(0)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-anim-group{transition-delay:.4s;opacity:1;transform:translateY(0)}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-close-btn{animation:hudSlideUpDim .8s 1.7s cubic-bezier(.16,1,.3,1) both;opacity:.4;transform:translateY(0)}.test-hud-left{max-width:calc(45 * var(--cqw));max-height:85dvh;pointer-events:auto;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.test-hud-meta{font-size:calc(.85 * var(--cqw));text-transform:uppercase;letter-spacing:calc(.15 * var(--cqw));color:#fffffff2;margin-bottom:calc(1 * var(--cqw));font-weight:500;text-shadow:0 2px .5rem rgba(0,0,0,1),0 .25rem 1rem rgba(0,0,0,.8),0 0 .25rem rgba(0,0,0,.8)}.test-hud-title{font-size:calc(3.5 * var(--cqw));font-weight:400;letter-spacing:calc(.15 * var(--cqw));color:#fff;margin-bottom:calc(1.5 * var(--cqw));text-transform:uppercase;line-height:1;text-shadow:0 .25rem 1rem rgba(0,0,0,1),0 .5rem 1.875rem rgba(0,0,0,.8),0 0 .5rem rgba(0,0,0,.8)}.test-hud-desc{min-height:0;flex-shrink:1;font-size:calc(1.15 * var(--cqw));line-height:1.6;color:#fff;font-weight:400;margin-bottom:calc(1.8 * var(--cqw));text-align:justify;text-shadow:0 2px .5rem rgba(0,0,0,1),0 .25rem 1rem rgba(0,0,0,.8),0 0 .25rem rgba(0,0,0,.8)}.test-hud-tech{font-size:calc(.85 * var(--cqw));text-transform:uppercase;letter-spacing:calc(.2 * var(--cqw));color:#fffffff2;font-weight:500;margin-bottom:calc(1.8 * var(--cqw));text-shadow:0 2px .5rem rgba(0,0,0,1),0 .25rem 1rem rgba(0,0,0,.8),0 0 .25rem rgba(0,0,0,.8)}.test-hud-play-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:calc(.85 * var(--cqw));padding:calc(.85 * var(--cqw)) calc(2 * var(--cqw));align-self:flex-start;width:fit-content;background:#0f0f0fd9;border:1px solid rgba(255,255,255,.4);border-radius:calc(3 * var(--cqw));color:#fff;text-decoration:none;font-size:calc(.85 * var(--cqw));text-transform:uppercase;letter-spacing:calc(.15 * var(--cqw));transition:all .5s cubic-bezier(.2,1,.3,1);cursor:none;font-weight:700;text-shadow:0 calc(.15 * var(--cqw)) calc(.4 * var(--cqw)) rgba(0,0,0,.5);box-shadow:0 calc(.4 * var(--cqw)) calc(1 * var(--cqw)) #0000004d}.test-hud-play-btn:hover{background:#fff;color:#000;transform:scale(1.03)!important;transition:all .5s cubic-bezier(.2,1,.3,1)!important;transition-delay:0s!important}.test-hud-right{display:flex!important;flex-direction:column;align-items:flex-end;gap:calc(3 * var(--cqw))}.test-related-wrapper{display:flex!important;flex-direction:column;align-items:flex-end;gap:calc(1 * var(--cqw))}.test-related-title{font-size:calc(.65 * var(--cqw));text-transform:uppercase;letter-spacing:calc(.15 * var(--cqw));color:#ffffffe6;text-shadow:0 calc(.15 * var(--cqw)) calc(.4 * var(--cqw)) rgba(0,0,0,.8)}.test-related-list{display:flex!important;gap:calc(1 * var(--cqw))}.test-related-item{position:relative;width:calc(9 * var(--cqw));aspect-ratio:16/9;cursor:none;overflow:hidden;border-radius:calc(.15 * var(--cqw));box-shadow:0 calc(.4 * var(--cqw)) calc(1 * var(--cqw)) #00000080}.test-related-item img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:all .4s}@media(hover:hover){.test-related-item:hover img{opacity:1;transform:scale(1.05)}}.test-related-item .hover-title{position:absolute;inset:0;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:calc(.65 * var(--cqw));text-transform:uppercase;letter-spacing:calc(.1 * var(--cqw));color:#fff;background:#000000e6;opacity:0;transition:opacity .3s;padding:calc(.7 * var(--cqw))}@media(hover:hover){.test-related-item:hover .hover-title{opacity:1}}.test-pip-wrapper{position:relative;width:calc(20 * var(--cqw));aspect-ratio:16/9;cursor:none;box-shadow:0 calc(.7 * var(--cqw)) calc(3 * var(--cqw)) #000c;border:1px solid rgba(255,255,255,.05);border-radius:calc(.3 * var(--cqw));transition:transform .4s ease;overflow:hidden}.test-modal-overlay.active .test-pip-wrapper:hover{transform:scale(1.05) translateY(calc(-.4 * var(--cqw)));transition-delay:0s}.pip-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1) brightness(.5);opacity:.8;transition:opacity .8s cubic-bezier(.4,0,.2,1),filter .4s ease}.pip-layer.active{opacity:.8;z-index:2}.pip-layer.inactive{opacity:0;z-index:1}.test-modal-overlay.active .test-pip-wrapper:hover .pip-layer.active{opacity:1;filter:grayscale(100%) contrast(1.2) brightness(.8)}.test-pip-label{position:absolute;top:0;right:0;background:#fff;color:#000;font-size:calc(.65 * var(--cqw));text-transform:uppercase;letter-spacing:calc(.15 * var(--cqw));padding:calc(.4 * var(--cqw)) calc(1 * var(--cqw));z-index:10;font-weight:800;box-shadow:0 calc(.7 * var(--cqw)) calc(1.5 * var(--cqw)) #000c;border-bottom-left-radius:calc(.3 * var(--cqw))}.test-close-btn{position:absolute;top:calc(1.5 * var(--cqw));right:calc(2 * var(--cqw));background:none;border:none;color:#fff;font-size:calc(2 * var(--cqw));cursor:none;pointer-events:auto;padding:calc(1 * var(--cqw));mix-blend-mode:difference;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s}.test-modal-overlay.active .test-hud-layer:not(.hidden) .test-close-btn:hover{opacity:1;transform:scale(1.1)}.test-rotate-message{display:flex;opacity:0;pointer-events:none;position:absolute;inset:0;background:#0b0b0b;z-index:100000;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1.25rem;transition:opacity .8s ease}.test-rotate-message i{font-size:3.5rem;margin-bottom:1.5625rem;animation:rotatePhone 2s infinite ease-in-out;color:#ffffffe6}.test-rotate-message p{font-size:1rem;line-height:1.6;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:#fffc}@keyframes rotatePhone{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}@media(pointer:coarse)and (orientation:portrait),(pointer:coarse)and (max-aspect-ratio:1/1){.test-modal-overlay.active:not(.force-landscape-bypass) .test-rotate-message{opacity:1!important;pointer-events:auto!important}.test-modal-overlay.active:not(.force-landscape-bypass) .test-modal-frame{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-48%) scale(.96)!important}.test-modal-overlay.force-landscape-bypass{--cqw: calc(min(90dvh, 90vw * 16 / 9)*.01) !important}.test-modal-overlay.force-landscape-bypass .test-related-item{width:calc(14 * var(--cqw))!important}.test-modal-overlay.force-landscape-bypass .test-related-title{font-size:calc(1 * var(--cqw))!important}.test-modal-overlay.force-landscape-bypass .test-modal-frame{width:90dvh!important;max-width:160vw!important;max-height:90vw!important;transform:translate(-50%,-50%) rotate(90deg) scale(1)!important}}.instr-mobile{display:none}@media(max-width:768px)and (pointer:coarse),(pointer:coarse){.instr-desktop{display:none}.instr-mobile{display:inline}}@keyframes hudSlideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hudSlideUpDim{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:.4;transform:translateY(0) scale(1)}}.test-hud-layer.restart-anim .test-anim,.test-hud-layer.restart-anim .test-anim-group,.test-hud-layer.restart-anim .test-hud-play-btn,.test-hud-layer.restart-anim .test-close-btn{transition:none!important;animation:none!important;opacity:0!important;transform:translateY(1.25rem)!important}.test-instructions.restart-anim{transition:none!important;animation:none!important;opacity:0!important;transform:translate(-50%,-1.25rem)!important}.test-hud-layer.instant-show .test-anim,.test-hud-layer.instant-show .test-anim-group,.test-hud-layer.instant-show .test-close-btn,.test-hud-layer.instant-show .test-hud-play-btn,.test-hud-layer.instant-show .test-hud-title,.test-hud-layer.instant-show .test-hud-desc,.test-hud-layer.instant-show .test-hud-tech,.test-hud-layer.instant-show .test-hud-meta{transition-delay:0s!important;animation-delay:0s!important;transition-duration:0s!important;animation-duration:0s!important;opacity:1!important;transform:translateY(0) scale(1)!important}.instant-switch .main-layer,.instant-switch .bts-layer{transition:none!important}@media(max-width:768px)and (pointer:coarse),(pointer:coarse){.test-related-item{width:calc(18 * var(--cqw))}.test-related-title{font-size:calc(1.2 * var(--cqw))}.test-related-item .hover-title{font-size:calc(1.1 * var(--cqw))}}.project-card{container-type:inline-size;container-name:card}.project-card .project-title{font-size:8cqw!important;margin-bottom:1.5cqw!important;line-height:1!important}.project-card .project-category{font-size:2.2cqw!important}.project-card .role-badge,.project-card .status-badge{font-size:2cqw!important;padding:1cqw 2cqw!important}.project-card .project-info{padding:5cqw!important}.project-card .project-overlay-role{top:4cqw!important;right:4cqw!important;left:auto!important}.portrait-lock-message{display:none;position:fixed;inset:0;background:#0b0b0b;z-index:999999;flex-direction:column;align-items:center;justify-content:center;text-align:center}.portrait-lock-message i{font-size:3.5rem;margin-bottom:1.5625rem;animation:rotatePhoneToPortrait 2s infinite ease-in-out;color:#ffffffe6}.portrait-lock-message p{font-size:1rem;line-height:1.6;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:#fffc}@keyframes rotatePhoneToPortrait{0%{transform:rotate(-90deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@media(max-height:600px)and (orientation:landscape)and (pointer:coarse){body:not(.modal-open) .portrait-lock-message{display:flex!important}}.modal-random-nav{display:none;position:absolute;z-index:99999;align-items:center;justify-content:center;color:#fff6;font-size:2.5rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}.modal-random-nav i{transition:transform .3s}.modal-random-nav:active{background:#ffffff1a;color:#fff}.modal-random-nav{top:0;bottom:0;width:10vw;min-width:3.75rem}.modal-random-nav.left{left:0}.modal-random-nav.right{right:0}@media(pointer:coarse),(max-width:1000px)and (pointer:coarse){.test-modal-overlay.active .modal-random-nav{display:flex}}@media(pointer:coarse)and (orientation:portrait),(pointer:coarse)and (max-aspect-ratio:1/1){.test-modal-overlay.force-landscape-bypass .modal-random-nav{width:100%;height:10vh;min-width:0;left:0;right:0}.test-modal-overlay.force-landscape-bypass .modal-random-nav.left{inset:0 0 auto}.test-modal-overlay.force-landscape-bypass .modal-random-nav.right{inset:auto 0 0}.test-modal-overlay.force-landscape-bypass .modal-random-nav.left i,.test-modal-overlay.force-landscape-bypass .modal-random-nav.right i{transform:rotate(90deg)}}body.modal-open .portrait-lock-message{display:none!important}.container,.nav,.footer-bar,.footer-top{max-width:90rem!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important}@media(pointer:coarse)and (orientation:portrait){html{font-size:16px!important}}.test-modal-overlay.pending-rotate,.test-modal-overlay.pending-rotate .test-rotate-message{opacity:1!important;pointer-events:auto!important}.test-modal-overlay.pending-rotate .test-modal-frame{opacity:0!important;transform:translate(-50%,-48%) scale(.96)!important;pointer-events:none!important;transition:none!important}