*{box-sizing:border-box;margin:0;padding:0}
@font-face{font-family:CustomAgencyFont;src:url(../media/4583c2f788c82dec-s.p.13lsuqgikncc7.woff2)format("woff2");font-display:swap}:root{--primary-bg:#0a0a0a;--primary-text:#fff;--accent-color:#d266ff;--accent-secondary:#9d00ff;--font-heading:"CustomAgencyFont", "Helvetica Neue", Arial, sans-serif;--font-body:"Helvetica Neue", Arial, sans-serif;--container-padding:32px;--header-height:90px;--background-bg-black:#0a0a0a;--background-bg-white:#fff;--card-bg:#141414d9;--text-muted:#8a8a8a}body{background-color:var(--primary-bg);color:var(--primary-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.home-wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}.header{width:100%;height:var(--header-height);z-index:100;mix-blend-mode:exclusion;color:#fff;position:fixed;top:0;left:0}.header-container{padding:0 var(--container-padding);z-index:101;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.logo{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:uppercase;font-size:24px;font-weight:900}.menu-toggle-btn{cursor:pointer;z-index:102;color:inherit;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.09em;background:0 0;border:none;padding:8px 16px;font-size:16px;font-weight:700;transition:opacity .3s}.menu-toggle-btn:hover{opacity:.6}.fullscreen-menu{background-color:var(--primary-text);width:100vw;height:100vh;color:var(--primary-bg);z-index:99;padding:var(--container-padding);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.menu-content-container{width:100%;max-width:1400px;height:100%;padding-top:var(--header-height);flex-direction:column;justify-content:center;display:flex;position:relative}.menu-main-content{justify-content:space-between;align-items:center;gap:60px;width:100%;display:flex}.menu-slider-wrapper{border-radius:10px;width:640px;height:350px;position:relative;overflow:hidden}.menu-gradient-box:after{content:"";opacity:.1;z-index:-1;background:linear-gradient(135deg,#fff,#0000);border-radius:22px;position:absolute;inset:-2px}.fullscreen-nav ul{flex-direction:column;gap:16px;display:flex}.nav-item{line-height:1}.fullscreen-nav a{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(54px,5vw,110px);font-weight:900;transition:color .4s,-webkit-text-stroke .4s;display:inline-block;position:relative}.fullscreen-nav a:hover{color:var(--accent-secondary);-webkit-text-stroke:0px transparent}.fullscreen-nav a.active-link{color:var(--accent-color);text-shadow:0 0 30px #d266ff66}.menu-footer{text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;width:100%;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:32px;left:0}.menu-footer-links{gap:32px;display:flex}.menu-footer a:hover{color:var(--accent-secondary);opacity:1}.hero{min-height:100vh;padding:calc(var(--header-height) + 64px) var(--container-padding) 64px;align-items:center;display:flex}.hero-container{width:100%;max-width:1400px;margin:0 auto}.overflow-hidden{margin-bottom:-8px;padding-bottom:8px;overflow:hidden}.hero h1{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:96px;font-weight:900;line-height:.95}.hero-cta{margin-top:64px}.primary-btn{background-color:var(--primary-text);color:var(--primary-bg);text-transform:uppercase;letter-spacing:.05em;border-radius:50px;padding:16px 40px;font-size:14px;font-weight:700;transition:transform .3s,background-color .3s;display:inline-block}.primary-btn:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.footer{color:#fff;padding:96px var(--container-padding) 32px;background-color:#050505}.footer-container{max-width:1400px;margin:0 auto}.footer-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:32px;padding-bottom:64px;display:flex}.footer-brand h2{font-size:56px;font-family:var(--font-heading);text-transform:uppercase;max-width:500px;margin-bottom:32px;font-weight:900;line-height:1}.email-link{text-underline-offset:8px;font-size:24px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:color .3s}.email-link:hover{color:var(--accent-color)}.footer-links-grid{gap:96px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:24px;font-size:14px}.footer-col ul{flex-direction:column;gap:16px;display:flex}.footer-col a{font-size:18px;font-weight:500;transition:color .3s}.footer-col a:hover{color:var(--accent-color)}.footer-bottom{text-transform:uppercase;letter-spacing:.05em;opacity:.5;justify-content:space-between;align-items:center;font-size:12px;display:flex}.footer-bottom-links{gap:32px;display:flex}.footer-bottom-links a:hover{opacity:1}.preload-container{background-color:var(--primary-text);width:100vw;height:100vh;color:var(--primary-bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.preload-logo{font-size:80px}.preload-progress{font-family:var(--font-heading);font-size:48px;font-weight:900;position:absolute;bottom:48px}.marquee{color:#9800ca;white-space:nowrap;z-index:10;background-color:#fff;width:100vw;padding:24px 0;display:flex;top:80%;left:0;overflow:hidden}.marquee-content{align-items:center;animation:120s linear infinite marquee-scroll;display:flex}.marquee-item{align-items:center;display:flex}.marquee-content span{font-family:var(--font-heading);text-transform:uppercase;color:#9800ca;margin:0 64px;font-size:150px;font-weight:700}.star-icon{flex-shrink:0;width:48px;height:48px}.spin-left{animation:10s linear infinite svg-spin-left}.spin-right{animation:10s linear infinite svg-spin-right}@keyframes svg-spin-left{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes svg-spin-right{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cards-stack-section{background-color:#f6e5ff;padding:64px 0 120px;position:relative}.card-container-wrapper{justify-content:center;align-items:flex-start;height:100vh;display:flex;position:sticky;top:0}.stacked-card{transform-origin:top;background-color:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;width:100%;height:95vh;min-height:500px;max-height:750px;padding:48px;display:flex;position:relative;box-shadow:0 40px 100px #0000001a}.card-header{justify-content:space-between;align-items:center;width:90%;display:flex;position:absolute;top:-70px}.clip{width:40px;position:absolute;top:55px;right:0}.card-header h2{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(64px,8vw,128px);font-weight:900;line-height:1}.paperclip-icon{font-size:80px;transform:rotate(20deg)}.card-divider{background:var(--accent-color);opacity:.1;width:100%;height:1px;margin:64px 0 48px}.card-body{flex:1;justify-content:space-between;align-items:center;gap:64px;display:flex}.card-services{width:300px;color:var(--text-muted);flex-direction:column;gap:32px;font-family:inherit;font-size:20px;font-weight:500;display:flex}.card-services li{color:var(--primary-text)}.card-visual{border-radius:12px;flex-shrink:0;width:850px;height:450px;overflow:hidden}.collage-placeholder{border-radius:12px;width:100%;height:100%}.animated-button{border:0 solid var(--accent-color);background-color:var(--accent-color);color:#000;box-shadow:0 0 0 2px var(--accent-color);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:16px 36px;font-size:16px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.animated-button svg{z-index:9;width:24px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{background-color:var(--accent-color);opacity:0;width:20px;height:20px;box-shadow:0 0 40px var(--accent-color);border-radius:50%;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-button .text{z-index:1;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.animated-button:hover{color:var(--primary-text);border-radius:4px;box-shadow:0 0 0 12px #0000}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translate(12px)}.animated-button:hover svg{fill:var(--primary-text)}.animated-button:active{box-shadow:0 0 0 4px var(--accent-color);scale:.95}.animated-button:hover .circle{opacity:1;background-color:#9800ca;width:220px;height:220px}.projects-section{background:#080808;padding:200px 0 160px;display:flex;position:relative}.projects-sticky-left{width:40%;height:calc(100vh - 100px);padding:0 var(--container-padding) 64px;flex-direction:column;display:flex;position:sticky;top:100px}.projects-actions-wrapper{bottom:64px;left:var(--container-padding);width:calc(40% - var(--container-padding) * 2);z-index:5;position:absolute}.projects-left-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.projects-sticky-left h2{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(48px,5vw,64px);font-weight:700}.projects-sticky-left p{opacity:.7;max-width:400px;margin-bottom:64px}.projects-thumbnails{scrollbar-width:none;flex-direction:column;flex-grow:1;gap:24px;display:flex;overflow-y:auto}.projects-thumbnails::-webkit-scrollbar{display:none}.thumb-wrapper{cursor:pointer;opacity:.4;width:120px;transition:opacity .3s;position:relative}.thumb-wrapper.active,.thumb-wrapper:hover{opacity:1}.thumb-wrapper img{border:1px solid #fff3;width:100%;height:auto}.active-dot{background-color:var(--accent-color);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.projects-actions{gap:2px;display:flex}.view-all-btn,.plus-btn{background-color:var(--accent-color);color:#000;cursor:pointer;border:none;padding:16px 32px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .3s}.plus-btn{justify-content:center;align-items:center;padding:16px 24px;font-size:20px;display:flex}.view-all-btn:hover,.plus-btn:hover{color:#fff;background-color:#9800ca}.projects-scroll-right{width:60%}.project-panel{flex-direction:column;height:100vh;display:flex}.project-image-link{cursor:pointer;background-color:#e5e5e5;flex-grow:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-image-wrapper img{object-fit:cover;filter:drop-shadow(0 20px 30px #0000001a);width:100%;height:100%;transition:transform .5s}.project-image-link:hover .project-image-wrapper img{transform:scale(1.02)}.project-panel-footer{padding:24px var(--container-padding);color:var(--primary-text);letter-spacing:.05em;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:500;display:flex}.project-tags{opacity:.5}.project-detail-layout{background-color:var(--primary-bg)}.project-info-section,.project-challenges-section{padding:160px var(--container-padding)}.project-info-grid,.project-challenges-grid{grid-template-columns:1fr 1fr;gap:96px;max-width:1400px;margin:0 auto;display:grid}.project-detail-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(48px,6vw,80px);font-weight:900}.view-live-link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--accent-color);padding-bottom:8px;font-size:20px;font-weight:700;transition:color .3s}.view-live-link:hover{color:var(--accent-color)}.project-meta-list{flex-direction:column;gap:24px;margin-top:64px;display:flex}.meta-item{border-bottom:1px solid #ffffff1a;flex-direction:row;align-items:center;gap:20px;padding-bottom:16px;display:flex}.meta-label{text-transform:uppercase;opacity:.5;letter-spacing:.05em;font-size:14px;font-weight:600}.meta-value{font-size:18px;font-weight:500}.project-headline{font-family:var(--font-heading);max-width:600px;margin-bottom:48px;font-size:56px;font-weight:900;line-height:1.1}.project-description{opacity:.8;max-width:600px;font-size:18px;line-height:1.6}.section-title{font-family:var(--font-heading);margin-bottom:48px;font-size:48px;font-weight:700}.automated-slider-wrapper{aspect-ratio:16/10;background-color:#111;border-radius:12px;width:100%;max-width:600px;min-height:250px;position:relative;overflow:hidden}.project-gallery-section{padding:64px var(--container-padding) 160px}.gallery-grid{flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;display:flex}.gallery-item-full{border-radius:12px;width:100%;overflow:hidden}.gallery-row{grid-template-columns:1fr 1fr;gap:32px;display:grid}.gallery-item-half{border-radius:12px;overflow:hidden}.gallery-grid img{object-fit:cover;width:100%;height:auto;transition:transform .6s;display:block}.gallery-grid img:hover{transform:scale(1.02)}.back-link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;opacity:.4;font-size:16px;transition:opacity .3s}.back-link:hover{opacity:1;color:var(--accent-color)}.floating-btn-container{z-index:1000;position:fixed;bottom:40px}.floating-btn-container.right{right:40px}.floating-btn-container.left{left:40px}@media (max-width:992px){.project-info-grid,.project-challenges-grid{grid-template-columns:1fr;gap:64px}.project-info-section,.project-challenges-section{padding:96px var(--container-padding)}}@media (max-width:768px){.project-headline{font-size:40px}.gallery-row{grid-template-columns:1fr}.section-title{font-size:35px}}.project-navigation-section{padding:100px var(--container-padding);background-color:var(--primary-bg);border-top:1px solid #ffffff1a}.project-navigation-container{justify-content:space-between;gap:40px;max-width:1400px;margin:0 auto;display:flex}.nav-item{flex-direction:column;flex:1;gap:16px;text-decoration:none;transition:opacity .3s;display:flex}.nav-item:hover{opacity:.7}.nav-item.next{text-align:right;align-items:flex-end}.nav-label{text-transform:uppercase;letter-spacing:.1em;opacity:.4;font-size:14px}.nav-content{align-items:center;gap:24px;display:flex}.nav-thumb{aspect-ratio:16/10;background-color:#111;border-radius:8px;width:120px;overflow:hidden}.nav-thumb img{object-fit:cover;width:100%;height:100%}.nav-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:32px;font-weight:700}@media (max-width:768px){.project-navigation-container{flex-direction:column;gap:60px}.nav-item.next{text-align:left;align-items:flex-start}.nav-item.next .nav-content{flex-direction:row-reverse}.nav-title{font-size:24px}.nav-thumb{width:100px}}.u-relative-z1{z-index:1;position:relative}.u-relative-z2{z-index:2;position:relative}.u-sticky-top{position:sticky;top:0}.u-overflow-hidden{overflow:hidden}.u-flex-center{justify-content:center;align-items:center;display:flex}.u-mb-48{margin-bottom:48px}.u-text-center{text-align:center}.u-no-pointer-events{pointer-events:none}.u-full-width-height{width:100%;height:100%}.u-display-block{display:block}.u-object-cover{object-fit:cover}.u-bg-primary{background-color:var(--primary-bg)}.u-inline-block{display:inline-block}.u-font-32{font-size:32px}.project-hero-scroll-container{height:200vh}.project-hero-sticky-wrapper{height:100vh}.project-hero-image-frame{background-color:#111}.project-hero-title-overlay{color:#fffc;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;z-index:2;font-size:clamp(48px,10vw,160px);font-weight:900;line-height:.9;display:flex;position:absolute;bottom:5%;left:40px}.project-hero-char{display:inline-block}.autoslider-root{width:100%;position:relative}.autoslider-img-full{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.header-cursor-follower{z-index:1000;position:fixed}.header-cursor-icon-box{text-shadow:0 10px 30px #00000080;justify-content:center;align-items:center;font-size:3.5rem;display:flex}.project-back-link-area{padding:64px var(--container-padding) 120px}.hero-cta-wrapper{padding:32px}
@media (max-width:1600px){.menu-slider-wrapper,.card-visual{width:700px}}@media (max-width:1440px){.menu-slider-wrapper,.card-visual{width:600px}}@media (max-width:1200px){.hero h1{font-size:80px}.menu-slider-wrapper,.card-visual{width:500px;height:300px}.footer-top{flex-direction:column;gap:64px}}@media (max-width:992px){.header{mix-blend-mode:normal;color:var(--primary-text)}.header.menu-open{color:var(--primary-bg)}.header.menu-open .logo,.header.menu-open .menu-toggle-btn{color:var(--primary-bg)!important}.hero h1{font-size:64px}.footer-brand h2{font-size:40px}.menu-slider-wrapper,.card-visual{width:450px;height:280px}}@media (max-width:880px){.hero h1{font-size:56px}.marquee-content span{margin:0 32px;font-size:80px}.star-icon{width:30px;height:30px}.stacked-card{aspect-ratio:auto;min-height:45vh;padding:32px}.projects-section{flex-direction:column;padding:100px 0}.projects-sticky-left,.projects-scroll-right{width:100%}.projects-sticky-left{height:auto;padding:0 var(--container-padding) 48px;position:relative;top:0}.projects-left-content p{margin-bottom:32px}.projects-thumbnails{display:none}.project-panel{height:auto;min-height:60vh}.project-panel-footer{padding:16px var(--container-padding);font-size:16px}.projects-actions-wrapper{width:100%;padding:0 var(--container-padding) 64px;margin-top:32px;position:relative;bottom:auto;left:auto}.menu-main-content{flex-direction:column;align-items:flex-start}.menu-slider-wrapper{display:none}.card-services{width:100%}}@media (max-width:810px){.logo{font-size:19px}}@media (max-width:768px){:root{--container-padding:24px}.hero h1{font-size:45px}.footer-links-grid{gap:48px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.project-info-grid,.project-challenges-grid{grid-template-columns:1fr;gap:48px}.card-body{flex-direction:column;align-items:flex-start;gap:32px}.card-visual{width:100%;height:250px}.paperclip-icon{font-size:48px}}@media (max-width:550px){.hero{padding-top:calc(var(--header-height) + 32px);align-items:flex-start}.hero h1{font-size:35px}.marquee-content span{font-size:60px}.menu-footer{flex-direction:column;align-items:flex-start;gap:16px}.footer-links-grid{flex-direction:column;gap:32px}.footer-brand h2{font-size:32px}.card-header h2{font-size:clamp(40px,10vw,56px)}.project-panel-footer{flex-direction:column;align-items:flex-start;gap:8px}}