:root{--bg-dark:#fcfdfd;--bg-lighter:#f3f5f7;--bg-card:#fff;--text-main:#2b3035;--text-muted:#6c757d;--primary-color:#ff6b5b;--primary-hover:#e85545;--accent-gold:#c2a3a3;--font-display:"Playfair Display", serif;--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--glass-bg:#ffffffb3;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body.is-loading{overflow:hidden}body.is-loading .site-header,body.is-loading main,body.is-loading .site-footer{opacity:0;visibility:hidden}.site-header,main,.site-footer{transition:opacity .45s,visibility .45s}h1,h2,h3,h4,.logo span{font-family:var(--font-heading);letter-spacing:0;font-weight:600}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-loader{z-index:2000;opacity:1;visibility:visible;background:radial-gradient(circle,#fafafad1 0%,#f0f0f0f5 58%,#fff 100%);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.page-loader.is-hidden{opacity:0;visibility:hidden}.page-loader-mark{aspect-ratio:1;width:min(160px,36vw);box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.page-loader-mark img{filter:invert()brightness(.2);width:100%;height:auto;animation:none;display:block;transform:none}.section-eyebrow{color:var(--accent-gold);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.8px;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:inline-block}section,.site-footer{opacity:0;transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)scale(.98)}section.in-view,.site-footer.in-view{opacity:1;transform:translateY(0)scale(1)}@media (width<=768px){.container{padding:0 1.1rem}}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffdb;border-bottom:1px solid #0000000f;width:100%;padding:0;transition:all .3s;position:fixed;top:0;left:0;right:0}.header-inner{min-height:82px;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:relative}.site-header.is-scrolled .header-inner{min-height:76px}.logo{letter-spacing:0;align-items:center;gap:.85rem;font-size:1.05rem;font-weight:700;display:flex}.logo img{filter:none}@media (prefers-color-scheme:dark){.logo img{filter:invert()brightness(.2)}.logo-wordmark{color:#fff}}.logo-wordmark{color:var(--text-main);font-size:1rem;line-height:1;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-block}.main-nav{background:0 0;border:none;border-radius:0;align-items:center;gap:2.5rem;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.main-nav a{color:var(--text-muted);font-size:1rem;font-family:var(--font-body);border-radius:0;padding:.15rem 0;font-weight:500;transition:color .2s}.main-nav a:hover{color:var(--text-main);background:0 0}.btn-primary{background:var(--primary-color);color:#fff;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;z-index:1;border:1px solid #00000014;border-radius:999px;padding:.84rem 1.45rem;transition:all .3s;position:relative;box-shadow:0 8px 20px #7b8b9047}.header-btn{padding:.92rem 1.45rem;font-size:.94rem;font-weight:600}.btn-primary:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px #7b8b9057}@media (width<=768px){.main-nav{display:none}.header-inner{padding:0 1rem}.header-btn{padding:.65rem 1rem;font-size:.85rem}.logo-wordmark{letter-spacing:0;font-size:.8rem}.logo{gap:.5rem}}.hero{text-align:center;background:#f4f5f7;justify-content:center;align-items:center;min-height:100vh;padding:10rem 0 6rem;display:flex;position:relative;overflow:hidden}.hero-montage{z-index:0;pointer-events:none;opacity:.95;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2vw,2.5rem);width:150vw;height:150vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(1000px)rotateX(45deg)rotate(-30deg)scale(1.1)}.hero-overlay{z-index:1;background:radial-gradient(circle,#fcfdfd 20%,#fcfdfdd9 45%,#fcfdfd00 80%);position:absolute;inset:0}.montage-row{gap:clamp(1rem,2vw,2.5rem);display:flex}.montage-row.offset-row{transform:translate(calc(clamp(280px,30vw,480px)/-2))}.project-card{aspect-ratio:16/10;background-color:#fff;background-position:top;background-size:cover;border-radius:12px;flex-direction:column;width:clamp(280px,30vw,480px);height:auto;display:flex;position:relative;overflow:hidden;box-shadow:-20px 30px 60px #00000026}.mock-ui{background:#0000000a;border-bottom:1px solid #0000000f;width:100%;height:24px}.hero-content{z-index:2;max-width:980px;position:relative}.hero-kicker{color:var(--text-muted);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.82rem;font-weight:500;display:inline-flex}.hero-content h1{font-family:var(--font-heading);letter-spacing:-.05em;text-transform:none;color:var(--text-main);opacity:0;text-shadow:none;margin-bottom:1.5rem;font-size:clamp(4.5rem,12vw,9.5rem);font-weight:800;line-height:.9;transition:transform 1.2s cubic-bezier(.175,.885,.32,1.275),opacity 1.2s,text-shadow 1.2s;transform:perspective(600px)rotateX(15deg)translateY(30px)scale(.95)}.hero-content h1.popout{opacity:1;text-shadow:none;transform:perspective(600px)rotateX(0)translateY(0)scale(1)}.hero-content p{color:var(--text-muted);max-width:680px;margin:0 auto;font-size:1.25rem}.hero-proof{color:var(--text-muted);font-size:1rem;font-family:var(--font-body);margin-top:1.6rem}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;margin-top:2.8rem;display:flex}.hero-cta{letter-spacing:.01em;text-transform:none;min-width:240px;padding:1rem 1.8rem;font-size:.96rem;font-weight:600}.hero-arrow-link{background:var(--text-main);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.8rem;line-height:1;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 12px 24px #0000001f}.hero-arrow-link:hover{transform:translateY(-2px);box-shadow:0 16px 32px #00000029}@media (width<=1024px){.hero-content h1{font-size:clamp(4.8rem,12vw,7.5rem)}}@media (width<=768px){.hero{min-height:100svh;padding:8rem 0 4rem}.hero-kicker{letter-spacing:.08em;margin-bottom:.8rem;font-size:.68rem}.hero-content h1{margin-bottom:.85rem;font-size:clamp(4.3rem,18vw,6rem);line-height:.9}.hero-content p{max-width:21rem;font-size:.96rem}.hero-proof{margin-top:1.1rem;font-size:.9rem}.hero-actions{gap:.7rem;margin-top:1.75rem}.hero-cta{min-width:0;padding:.9rem 1.15rem;font-size:.82rem}.hero-arrow-link{width:54px;height:54px;font-size:1.5rem}}.partners{background:var(--bg-dark);border-bottom:1px solid var(--glass-border);z-index:10;padding:1.5rem 0;position:relative;overflow:hidden}.partners-content{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.partners-title{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.85rem;font-weight:600}.marquee-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{gap:4rem;width:max-content;padding:0 2rem;animation:30s linear infinite marquee-scroll;display:flex}.marquee-content:hover{animation-play-state:paused}.badge{color:#00000059;cursor:default;font-size:1.5rem;font-weight:700;transition:color .3s,transform .3s}.badge:hover{color:#000000d9;transform:scale(1.05)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-16.6667%)}}@media (width<=768px){.partners{padding:1rem 0}.marquee-content{gap:2.5rem}.badge{font-size:1rem}}.work-section{background:var(--bg-dark);flex-direction:column;justify-content:space-between;align-items:center;height:100svh;padding:6rem 0 0;display:flex;overflow:hidden}.work-header{width:100%;margin-bottom:1.5rem}.text-center{text-align:center}.work-header h2{margin-bottom:.5rem;font-size:3rem}.work-slogan{color:var(--text-muted);font-size:1.2rem;font-family:var(--font-body)}.portfolio-carousel-wrapper{perspective:1500px;-ms-overflow-style:none;scrollbar-width:none;flex:1;justify-content:center;align-items:center;width:100%;max-width:2000px;min-height:0;display:flex;position:relative;overflow:visible}.portfolio-carousel-wrapper::-webkit-scrollbar{display:none}.portfolio-carousel{width:100%;max-width:2000px;height:550px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.carousel-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;visibility:hidden;flex-direction:column;width:600px;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;display:flex;position:absolute;transform:translateZ(-500px)}.carousel-card.is-active{z-index:5;opacity:1;visibility:visible;cursor:default;filter:none;transform:translateZ(0)}.carousel-card.is-prev{z-index:4;opacity:1;visibility:visible;filter:none;transform:translate(-80%)translateZ(-150px)rotateY(25deg)}.carousel-card.is-next{z-index:4;opacity:1;visibility:visible;filter:none;transform:translate(80%)translateZ(-150px)rotateY(-25deg)}.carousel-card.is-far-prev{z-index:3;opacity:1;visibility:visible;filter:none;transform:translate(-160%)translateZ(-300px)rotateY(35deg)}.carousel-card.is-far-next{z-index:3;opacity:1;visibility:visible;filter:none;transform:translate(160%)translateZ(-300px)rotateY(-35deg)}.mockup-window{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:8px;flex-direction:column;width:100%;height:380px;margin-bottom:1.5rem;transition:transform .6s,box-shadow .6s;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.carousel-card.is-active .mockup-window{transform:scale(1.05);box-shadow:0 40px 80px #000c}.mockup-header{border-bottom:1px solid var(--glass-border);background:#1a1b1e;align-items:center;gap:6px;height:24px;padding:0 12px;display:flex}.mockup-header .dot{background:#444;border-radius:50%;width:10px;height:10px}.mockup-header .dot:first-child{background:#ff5f56}.mockup-header .dot:nth-child(2){background:#ffbd2e}.mockup-header .dot:nth-child(3){background:#27c93f}.mockup-content{background:#f0f0f0;flex:1}.card-info{text-align:center;opacity:0;transition:opacity .4s;transform:translateY(10px)}.carousel-card.is-active .card-info{opacity:1;transform:translateY(0)}.card-info h3{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1.8rem}.card-info p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem}.btn-primary{padding:.6rem 1.2rem;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay:not([aria-hidden=true]){opacity:1;visibility:visible}.modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;width:90%;max-width:1200px;height:85vh;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:scale(.95)}.modal-overlay:not([aria-hidden=true]) .modal-content{transform:scale(1)}.modal-header{border-bottom:1px solid var(--glass-border);background:#111;justify-content:center;align-items:center;height:50px;padding:0 2rem;display:flex}.modal-title{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.9rem}.modal-close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:.75rem;right:1.5rem}.modal-close:hover{color:var(--accent-gold)}.modal-body{background:#fff;flex:1}#site-iframe{border:none;width:100%;height:100%;display:block}@media (width<=1024px){.portfolio-carousel-wrapper{perspective:1000px}.carousel-card{width:500px}.mockup-window{height:320px}}@media (width<=768px){.work-section{padding:6rem 0 4rem}.portfolio-carousel-wrapper{perspective:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;justify-content:flex-start;min-height:auto;padding:2rem 0;scroll-padding:0 2rem;overflow:auto hidden}.portfolio-carousel-wrapper:active{cursor:grabbing}.portfolio-carousel{justify-content:flex-start;align-items:stretch;gap:1rem;width:auto;height:auto;padding:0 12.5vw 2rem;display:flex}.carousel-card{scroll-snap-align:center;cursor:default;flex:0 0 75vw;max-width:none;position:relative;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}.mockup-window{aspect-ratio:16/10;height:auto;margin-bottom:1.5rem;box-shadow:0 10px 20px #0000004d!important}.card-info{opacity:1!important;transform:none!important}.card-info h3{font-size:1.5rem}.modal-content{border-radius:0;width:100%;height:100vh}}.process-section{background:var(--bg-lighter);z-index:10;color:var(--text-main);padding:8rem 0;position:relative;overflow:visible}.process-container{align-items:flex-start;gap:4rem;display:flex;position:relative}.process-sticky-header{width:40%;padding-right:2rem;position:sticky;top:100px}.process-sticky-header h2{color:var(--text-main);margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.process-sticky-header p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.process-cta{color:var(--text-main);font-family:var(--font-body);background:#d8dce608;border:1px solid #d8dce624;border-radius:999px;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.process-cta:hover{border-color:var(--text-main);background:#d8dce60f}.process-scroll-cards{flex-direction:column;gap:3rem;width:60%;padding-bottom:5vh;display:flex}.service-card{top:calc(100px + var(--card-index) * 25px);background:#fff;border:1px solid #00000014;border-radius:24px;padding:3.5rem 3rem;transition:transform .4s,border-color .4s,background .4s;position:sticky;box-shadow:0 15px 35px #0000000d}.service-card:hover{border-color:#00000026;transform:translateY(-4px)}.card-1{--card-index:0;z-index:1}.card-2{--card-index:1;z-index:2}.card-3{--card-index:2;z-index:3}.card-4{--card-index:3;z-index:4}.service-icon{object-fit:contain;filter:brightness(0);width:60px;height:60px;margin-bottom:2rem}.service-card h3{color:var(--text-main);margin-bottom:1rem;font-size:1.8rem}.service-card p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}@media (width<=1024px){.process-container{flex-direction:column;gap:2rem}.process-sticky-header{width:100%;margin-bottom:1rem;padding-right:0;position:relative;top:0}.process-sticky-header h2{font-size:2.8rem}.process-scroll-cards{gap:2rem;width:100%}.service-card{padding:2.5rem 2rem;position:relative;top:0!important}}@media (width<=768px){.process-section{padding:5rem 0}.process-sticky-header h2{font-size:2.3rem}}.site-footer{z-index:20;color:#fff;background:#0a0c10;border-top:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;min-height:100vh;padding:10rem 0 3rem;display:flex;position:relative}.footer-content{flex-direction:column;flex:1;justify-content:space-between;height:100%;display:flex}.footer-top-row{flex:1;justify-content:space-between;align-items:center;gap:4rem;display:flex}.footer-hero{flex:1;max-width:600px}.massive-text{letter-spacing:-.04em;color:#fff;margin-bottom:2rem;font-size:8vw;line-height:1}.footer-cta{text-align:center;width:100%;margin-top:1.5rem;padding:1.2rem;display:block;box-shadow:none!important}.footer-cta:hover{transform:translateY(-2px);box-shadow:none!important}.footer-agenda{flex:1;max-width:500px}.footer-call-card{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:3rem;box-shadow:0 30px 60px #0006}.booking-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2.5rem;display:flex}.booking-logo{object-fit:contain;background:#ffffff08;border-radius:20px;width:80px;height:80px;padding:1rem}.booking-header h3{color:#fff;margin-bottom:.5rem;font-size:1.8rem}.badge-status{color:var(--accent-gold);letter-spacing:.05em;text-transform:uppercase;background:#c8b37e26;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.agenda-list{grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.agenda-list li{color:#ffffffb3;align-items:center;gap:1rem;font-size:1.1rem;display:flex}.check-icon{color:var(--accent-gold);font-weight:700}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:3rem;display:flex}.footer-brand{color:#fffc;align-items:center;gap:1rem;font-weight:600;display:flex}.footer-small-logo{background:#ffffff0d;border-radius:8px;width:32px;height:32px;padding:.3rem}@media (width<=768px){.site-footer{padding:5rem 0 2rem;overflow:hidden}.footer-top-row{text-align:center;flex-direction:column;gap:1rem;width:100%}.footer-hero{width:100%}.footer-hero-copy p{margin:0 auto 3rem}.massive-text{margin-bottom:.5rem;font-size:3rem;line-height:1.1}.footer-agenda{width:100%;max-width:100%}.agenda-list{text-align:left;grid-template-columns:1fr}.footer-call-card{box-sizing:border-box;width:100%;padding:1.5rem}.booking-header{text-align:center;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.footer-bottom{flex-direction:column;gap:2rem;margin-top:3rem;padding-top:2rem}}
