:root{--font-sans:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;--m2-cobalt:#2D46B9;--m2-cobalt-hover:#243a9e;--m2-lime:#C8F400;--m2-midnight:#020617;--m2-sky-main:#0369a1;--m2-sky-hover:#0284c7;--m2-purple-main:#8B5CF6;--m2-purple-hover:#7c3aed;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 255, 255, 0.5);--glass-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.05);--bg-tech-shift:#f0f9ff;--bg-creative-shift:#faf5ff}@media (prefers-color-scheme:dark){:root{--m2-sky-main:#38bdf8;--m2-sky-hover:#7dd3fc;--m2-purple-main:#c084fc;--m2-purple-hover:#e9d5ff;--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#ffffff;--text-secondary:#ffffff;--border-color:#334155;--glass-bg:rgba(30, 41, 59, 0.7);--glass-border:rgba(255, 255, 255, 0.05);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.3);--bg-tech-shift:#0c1a2b;--bg-creative-shift:#1a0f2e}}html.dark{--m2-sky-main:#38bdf8;--m2-sky-hover:#7dd3fc;--m2-purple-main:#c084fc;--m2-purple-hover:#e9d5ff;--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#ffffff;--text-secondary:#ffffff;--border-color:#334155;--glass-bg:rgba(30, 41, 59, 0.7);--glass-border:rgba(255, 255, 255, 0.05);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.3);--bg-tech-shift:#0c1a2b;--bg-creative-shift:#1a0f2e}html:not(.dark){--m2-sky-main:#0369a1;--m2-sky-hover:#0284c7;--m2-purple-main:#8B5CF6;--m2-purple-hover:#7c3aed;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 255, 255, 0.5);--glass-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.05);--bg-tech-shift:#f0f9ff;--bg-creative-shift:#faf5ff}#page,#content,.site,.site-content,.site-main{background-color:transparent!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;transition:background-color 0.8s cubic-bezier(.4,0,.2,1),color 0.5s ease}:root:not(.dark) .site-footer,:root:not(.dark) footer,html:not(.dark) .site-footer,html:not(.dark) footer{background-color:#ffffff!important}html.dark .site-footer,html.dark footer{background-color:rgb(15 23 42 / .95)!important}.site-footer,footer{color:var(--text-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.mt-6{margin-top:1.5rem}.mt-12{margin-top:3rem}.reveal-fade-up{opacity:0;transform:translateY(28px);transition:opacity 0.6s cubic-bezier(.4,0,.2,1),transform 0.6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.reveal-blur{opacity:0;filter:blur(6px);transform:scale(.985);transition:opacity 0.7s cubic-bezier(.4,0,.2,1),filter 0.7s cubic-bezier(.4,0,.2,1),transform 0.7s cubic-bezier(.4,0,.2,1);will-change:opacity,filter,transform}.reveal-fade-up.is-visible,.reveal-blur.is-visible{opacity:1;transform:none;filter:none}.delay-100{transition-delay:100ms}.delay-200{transition-delay:200ms}.delay-300{transition-delay:300ms}@media (prefers-reduced-motion:reduce){.reveal-fade-up,.reveal-blur{opacity:1;transform:none;filter:none;transition:none}}nav.reveal-fade-up,nav.reveal-blur,nav>.reveal-fade-up,nav>.reveal-blur{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.nav-services-wrapper:focus-within .nav-services-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.main-nav-link,.nav-services-toggle,.nav-dropdown-link{color:#1e293b}.main-nav-link:hover,.main-nav-link:focus-visible,.nav-services-toggle:hover,.nav-services-toggle:focus-visible,.nav-services-wrapper:hover .nav-services-toggle,.nav-services-wrapper:focus-within .nav-services-toggle{color:#fff}html.dark .main-nav-link,html.dark .nav-services-toggle,html.dark .nav-dropdown-link{color:#e2e8f0}html.dark .nav-dropdown-link:hover,html.dark .nav-dropdown-link:focus-visible{color:#fff}.theme-toggle{align-items:center;background:#e2e8f0;border:1px solid rgb(15 23 42 / .12);border-radius:9999px;color:#334155;cursor:pointer;display:inline-flex;flex:0 0 auto;height:2.5rem;justify-content:space-between;margin-left:.5rem;padding:0 .35rem;position:relative;width:4.75rem}.theme-toggle-mobile{margin-left:0}.theme-toggle:focus-visible{outline:3px solid var(--m2-lime);outline-offset:3px}.theme-toggle-icon{align-items:center;display:inline-flex;height:1.85rem;justify-content:center;position:relative;width:1.85rem;z-index:2}.theme-toggle-thumb{background:#fff;border-radius:9999px;box-shadow:0 4px 12px rgb(15 23 42 / .2);height:1.85rem;left:.35rem;position:absolute;top:50%;transform:translateY(-50%);transition:left 0.2s ease;width:1.85rem;z-index:1}html.dark .theme-toggle{background:#1e293b;border-color:rgb(255 255 255 / .12);color:#e2e8f0}html.dark .theme-toggle-thumb{left:2.5rem}body[data-active-track="studio"],body[data-active-track="creative"]{background-color:var(--bg-creative-shift)!important}.glass-surface{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.5rem}.glass-panel{background:rgb(255 255 255 / .15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .2)}@media (prefers-color-scheme:dark){.glass-panel{background:rgb(0 0 0 / .3);border:1px solid rgb(255 255 255 / .1)}}.studio-home{overflow:clip}.studio-scroll-hero{padding:7rem 0 2rem 0}.studio-hero-container{display:grid;gap:1.25rem}.studio-hero-copy{max-width:54rem}.studio-kicker{color:var(--m2-cobalt);font-size:.78rem;font-weight:900;letter-spacing:.14em;margin-bottom:.65rem;text-transform:uppercase}html.dark .studio-kicker{color:var(--m2-lime)}.studio-hero-title{color:var(--text-primary);font-size:2.35rem;font-weight:800;line-height:1.1;margin-bottom:0}.studio-hero-under-copy{align-items:flex-start;display:flex;flex-direction:column;gap:1.25rem;max-width:none;width:100%}.studio-hero-under-copy p,.studio-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:78rem}.studio-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.studio-text-link{color:var(--text-primary);font-weight:800;text-decoration:underline;text-decoration-color:var(--m2-lime);text-decoration-thickness:.2em;text-underline-offset:.25em}@media (min-width:768px){.studio-hero-title{font-size:3.4rem}}.studio-scroll-track{min-height:240vh}.studio-hero-sticky{position:sticky;top:7rem;z-index:1}.studio-panel-list{display:flex;flex-direction:column;gap:1rem;min-height:620px}.studio-panel{background-position:center;background-size:cover;border-radius:1.5rem;color:#fff;cursor:pointer;display:flex;flex:1 1 0%;min-height:150px;overflow:hidden;position:relative;transition:flex 0.65s cubic-bezier(.4,0,.2,1),min-height 0.65s cubic-bezier(.4,0,.2,1),opacity 0.3s ease,box-shadow 0.3s ease}.studio-panel.active-panel{flex:2.75 1 0;min-height:340px;box-shadow:0 28px 70px rgb(2 6 23 / .35)}.studio-panel-toggle{appearance:none;background:#fff0;border:0;cursor:pointer;inset:0;padding:0;position:absolute;z-index:9}.studio-panel-toggle:focus-visible{outline:3px solid var(--m2-lime);outline-offset:-8px;border-radius:1.5rem}.studio-panel-overlay{background:linear-gradient(90deg,rgb(2 6 23 / .94) 0%,rgb(2 6 23 / .72) 42%,rgb(45 70 185 / .4) 100%),linear-gradient(0deg,rgb(2 6 23 / .55),rgb(2 6 23 / .15));inset:0;position:absolute;transition:opacity 0.4s ease}.studio-panel:not(.active-panel){opacity:.88}.studio-panel:not(.active-panel) .studio-panel-overlay{opacity:.82}.studio-panel-content{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:1.5rem;pointer-events:none;position:relative;width:100%;z-index:10}.studio-panel-content a{pointer-events:auto}.studio-panel-label{align-items:center;display:flex;gap:.85rem}.studio-panel-icon{align-items:center;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .28);border-radius:1rem;display:inline-flex;justify-content:center;min-height:3rem;min-width:3rem}.studio-panel-label h2{color:#fff;font-size:1.35rem;font-weight:900;line-height:1.15}.studio-panel-expanded{max-height:0;opacity:0;overflow:hidden;transform:translateY(1.5rem);transition:opacity 0.45s ease,transform 0.45s ease,max-height 0.45s ease;visibility:hidden}.studio-panel.active-panel .studio-panel-expanded{max-height:30rem;opacity:1;transform:translateY(0);transition-delay:0.12s;visibility:visible}.studio-panel.active-panel .studio-panel-label{margin-bottom:1rem}.studio-panel-tag{color:var(--m2-lime);font-size:.8rem;font-weight:900;letter-spacing:.12em;margin-bottom:.7rem;text-transform:uppercase}.studio-panel-expanded h3{color:#fff;font-size:1.75rem;font-weight:900;line-height:1.15;margin-bottom:.85rem;max-width:36rem}.studio-panel-expanded p:not(.studio-panel-tag){color:rgb(255 255 255 / .92);font-size:1.05rem;margin-bottom:1.5rem;max-width:34rem}.studio-panel-link{align-items:center;background:#fff;border-radius:9999px;color:var(--m2-midnight);display:inline-flex;font-weight:900;min-height:3rem;padding:.8rem 1.25rem;text-decoration:none}.studio-panel-link:hover{background:var(--m2-lime)}@media (min-width:900px){.studio-panel-list{flex-direction:row;height:min(62vh, 620px);min-height:460px}.studio-panel{min-height:0}.studio-panel.active-panel{flex:3.1 1 0;min-height:0}.studio-panel:not(.active-panel){flex:.58 1 0}.studio-panel:not(.active-panel) .studio-panel-content{align-items:center;justify-content:center;padding:1rem}.studio-panel:not(.active-panel) .studio-panel-label{flex-direction:column;gap:1rem}.studio-panel:not(.active-panel) .studio-panel-label h2{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.studio-panel-content{padding:2rem}.studio-panel-expanded h3{font-size:2.35rem}}@media (prefers-reduced-motion:reduce){.studio-scroll-track{min-height:auto}.studio-hero-sticky{position:static}.studio-panel,.studio-panel-expanded{transition:none}}.track-card{position:relative;border-radius:1.5rem;overflow:hidden;cursor:pointer;transition:all 0.7s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;flex:1}.track-card-toggle{appearance:none;background:#fff0;border:0;cursor:pointer;inset:0;padding:0;position:absolute;width:100%;z-index:9}.track-card-toggle:focus-visible{outline:3px solid #D4FF00;outline-offset:4px;border-radius:1rem}.track-card:not(.active-card){flex:0 0 100px;opacity:.85;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}@media (min-width:768px){.track-card:not(.active-card){flex:1;height:100%}}.track-card:not(.active-card):hover{opacity:1}.track-card.active-card{flex:1 1 auto;min-height:340px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .4)}@media (min-width:768px){.track-card.active-card{flex:1.8;min-height:0}}.track-card.active-card::after{content:'';position:absolute;inset:0;border-radius:1.5rem;border:3px solid rgb(255 255 255 / .8);pointer-events:none}@media (prefers-color-scheme:dark){.track-card.active-card::after{border-color:rgb(255 255 255 / .2)}}.card-overlay{position:absolute;inset:0;transition:opacity 0.5s ease}.tech-overlay{background:linear-gradient(to top,rgb(15 23 42 / .95),rgb(14 165 233 / .6))}.creative-overlay{background:linear-gradient(to top,rgb(15 23 42 / .95),rgb(168 85 247 / .6))}.track-card:not(.active-card) .card-overlay{opacity:.8}.track-card.active-card .card-overlay{opacity:1}.card-content{position:relative;z-index:10;padding:1.5rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}@media (min-width:768px){.card-content{padding:2.5rem}}.card-content a{pointer-events:auto}.card-header{display:flex;align-items:center;gap:1rem;transition:all 0.5s ease}.track-card:not(.active-card) .card-header{position:absolute;bottom:1.5rem;left:1.5rem}@media (min-width:768px){.track-card:not(.active-card) .card-header{bottom:2rem;left:2rem}}.track-card.active-card .card-header{margin-bottom:1rem}.icon-wrapper{color:#fff;padding:.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:transform 0.5s ease}.track-card:not(.active-card) .icon-wrapper{transform:scale(.9)}.card-title-text{color:#fff;font-weight:800;margin:0;transition:font-size 0.5s ease}.track-card:not(.active-card) .card-title-text{font-size:1.25rem}.track-card.active-card .card-title-text{font-size:1.875rem}@media (min-width:768px){.track-card:not(.active-card) .card-title-text{font-size:1.5rem}.track-card.active-card .card-title-text{font-size:2.25rem}}.card-expanded-content{opacity:0;transform:translateY(2rem);transition:all 0.5s ease;visibility:hidden;max-height:0}.track-card.active-card .card-expanded-content{opacity:1;transform:translateY(0);visibility:visible;max-height:500px;transition-delay:0.15s}.card-expanded-content h3{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:.75rem;line-height:1.2}@media (min-width:768px){.card-expanded-content h3{font-size:1.875rem}}.card-expanded-content p{color:rgb(255 255 255 / .9);font-size:1rem;max-width:36rem;margin-bottom:2rem}@media (min-width:768px){.card-expanded-content p{font-size:1.125rem}}.hero-btn,.btn-card,.btn-outline-neutral{border-radius:9999px!important}.hero-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;font-size:1rem;color:#fff;border:none;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.btn-tech{background-color:var(--m2-sky-main)}.btn-tech:hover{background-color:var(--m2-sky-hover);box-shadow:0 10px 15px -3px rgb(14 165 233 / .4)}.btn-creative{background-color:var(--m2-purple-main)}.btn-creative:hover{background-color:var(--m2-purple-hover);box-shadow:0 10px 15px -3px rgb(168 85 247 / .4)}.hero-btn:hover svg{transform:translateX(4px)}.hero-btn svg{transition:transform 0.2s ease}.btn-studio{background-color:var(--m2-cobalt)}.btn-studio:hover{background-color:var(--m2-cobalt-hover);box-shadow:0 10px 24px rgb(45 70 185 / .28)}.dynamic-content-wrapper{position:relative}.track-content{display:none;opacity:0;transform:translateY(2rem);padding:4rem 0}.track-content.active-content{display:block;animation:fadeSlideUp 0.7s ease forwards}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.section-intro{max-width:64rem;margin:0 auto 2rem auto}.section-title{font-size:2.25rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary)}.section-desc{font-size:1.25rem;color:var(--text-secondary)}.service-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.service-grid{grid-template-columns:repeat(3,1fr)}}.service-card{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}.card-hero-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--glass-border)}.service-card-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.card-heading{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.card-desc{color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.btn-card{display:block;width:100%;text-align:center;padding:.75rem 0;font-weight:700;text-decoration:none;transition:all 0.2s ease;border:2px solid #fff0}.tech-btn-outline{color:var(--m2-sky-main);border-color:var(--m2-sky-main)}.tech-btn-outline:hover{background-color:var(--m2-sky-main);color:#fff}.creative-btn-outline{color:var(--m2-purple-main);border-color:var(--m2-purple-main)}.creative-btn-outline:hover{background-color:var(--m2-purple-main);color:#fff}.about-section{padding:5rem 0 2rem 0}.about-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media (min-width:992px){.about-grid{grid-template-columns:1fr 1fr}}.rounded-image{border-radius:2rem;width:100%;height:auto;object-fit:cover}.shadow-main{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04)}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.feature-item{padding:1.5rem}.feature-title{font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.btn-outline-neutral{display:inline-block;padding:1rem 2rem;font-weight:700;color:var(--text-primary);border:2px solid var(--border-color);text-decoration:none;transition:all 0.2s ease}.btn-outline-neutral:hover{border-color:var(--text-primary);background-color:var(--text-primary);color:var(--bg-primary)}.studio-proof-section,.studio-services-section,.studio-work-section{padding:4rem 0}.studio-principle-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.studio-principle-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:var(--glass-shadow);padding:2rem}.studio-principle-card svg{color:var(--m2-cobalt);margin-bottom:1.25rem}html.dark .studio-principle-card svg{color:var(--m2-lime)}.studio-principle-card h3{color:var(--text-primary);font-size:1.35rem;font-weight:900;margin-bottom:.75rem}.studio-principle-card p{color:var(--text-secondary)}@media (min-width:768px){.studio-principle-grid{grid-template-columns:repeat(3,1fr)}}.studio-work-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.studio-work-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:var(--glass-shadow);overflow:hidden}.studio-work-card img{aspect-ratio:4 / 3;display:block;height:auto;object-fit:cover;width:100%}.studio-work-card div{padding:1.35rem}.studio-work-card p{color:var(--m2-cobalt);font-size:.76rem;font-weight:900;letter-spacing:.12em;margin-bottom:.55rem;text-transform:uppercase}html.dark .studio-work-card p{color:var(--m2-lime)}.studio-work-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:900;margin-bottom:.45rem}.studio-work-card span{color:var(--text-secondary);display:block}.studio-work-action{display:flex;justify-content:center;margin-top:2rem}@media (min-width:768px){.studio-work-grid{grid-template-columns:repeat(3,1fr)}}html.dark .glass-card{background-color:rgb(30 41 59 / .85);border-color:rgb(255 255 255 / .08);box-shadow:0 8px 32px 0 rgb(0 0 0 / .35)}.skip-link{position:absolute;top:-100px;left:16px;z-index:10000;padding:12px 24px;background:#2D46B9;color:#fff;font-weight:700;font-size:1rem;line-height:1.5;text-decoration:none;border-radius:0 0 8px 8px;transition:top 0.15s ease}.skip-link:focus{top:0;outline:3px solid #D4FF00;outline-offset:2px}*:focus-visible{outline:3px solid #2D46B9;outline-offset:3px;border-radius:4px}html.dark *:focus-visible{outline-color:#D4FF00}.track-card:focus-visible,.track-card-toggle:focus-visible{outline:3px solid #D4FF00;outline-offset:4px;border-radius:2rem}.nav-services-wrapper:focus-within .nav-services-dropdown{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}a,button{-webkit-tap-highlight-color:rgb(45 70 185 / .18);touch-action:manipulation}#mobile-menu{min-height:100vh;min-height:100dvh;-webkit-overflow-scrolling:touch}.calm-bg{height:100vh;height:100svh;transform:translateZ(0)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px)}.backdrop-blur-2xl{-webkit-backdrop-filter:blur(40px)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.reveal-blur,.reveal-fade-up{opacity:1!important;filter:none!important;transform:none!important}}