*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-accent:#447794;--c-slate:#2d5b75;--c-navy:#123249;--c-midnight:#061222;--c-light:#f5f5f5;--c-white:#fff;--c-dark-text:#0a0a0a;--c-muted-dark:#0a0a0a8c;--c-muted-light:#ffffff8c;--c-border-dark:#ffffff1f;--c-border-light:#0a0a0a17;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fragment Mono", monospace;--ease-framer:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.44, 0, .56, 1);--max-w:1520px;--pad-x:36px;--nav-h:80px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--c-midnight);color:var(--c-white);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.site-container{max-width:var(--max-w);padding:0 var(--pad-x);width:100%;margin:0 auto}.section-light{background-color:var(--c-light);padding:94px 0 100px}.section-light-flush{background-color:var(--c-light);padding:0 0 100px}.section-dark{background-color:var(--c-midnight);padding:94px 0 100px}.section-chip-light{letter-spacing:-.03em;color:#ffffff80;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:600;display:inline-flex}.section-chip-dark{letter-spacing:-.03em;color:var(--c-dark-text);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:600;display:inline-flex}.cross-icon-light,.cross-icon-dark{flex-shrink:0;width:14px;height:14px;position:relative}.cross-icon-light:before,.cross-icon-light:after,.cross-icon-dark:before,.cross-icon-dark:after{content:"";background-color:currentColor;border-radius:1px;position:absolute}.cross-icon-light:before,.cross-icon-dark:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.cross-icon-light:after,.cross-icon-dark:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#nav{z-index:999;padding:16px var(--pad-x) 0;pointer-events:none;transition:transform .3s var(--ease-framer);position:fixed;top:0;left:0;right:0}.nav-island{max-width:var(--max-w);-webkit-backdrop-filter:blur(24px);pointer-events:auto;transition:background .3s var(--ease-smooth), box-shadow .3s var(--ease-smooth);background:#f5f5f5e6;border:1px solid #ffffffbf;border-radius:100px;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:8px 14px 8px 22px;display:flex;box-shadow:0 10px 36px -10px #0000001f}.nav-scrolled .nav-island{background:#f5f5f5fa;box-shadow:0 14px 44px -8px #0000002e}.nav-brand{transition:transform .25s var(--ease-framer);flex-shrink:0;align-items:center;display:flex}.nav-brand:hover{transform:scale(1.03)}.nav-logo-img{object-fit:contain;width:auto;height:32px}.nav-menu{background:#0000000a;border-radius:100px;align-items:center;gap:4px;padding:4px;display:flex;position:relative}.nav-active-pill{background:var(--c-white);pointer-events:none;opacity:0;width:0;transition:all .3s var(--ease-framer);z-index:1;border-radius:100px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 2px 10px #00000014}.nav-item{z-index:2;letter-spacing:-.02em;color:var(--c-navy);border-radius:100px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:color .2s;position:relative}.nav-item:hover,.nav-item.is-active{color:var(--c-dark-text);font-weight:600}.nav-actions{align-items:center;gap:12px;display:flex}.nav-btn-pill{background:var(--c-navy);color:var(--c-white);letter-spacing:-.01em;transition:background .2s, transform .2s var(--ease-framer);border-radius:100px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;display:inline-flex}.nav-btn-pill:hover{background:var(--c-slate);transform:translateY(-1px)}.nav-btn-arrow{opacity:.85;font-size:13px;font-weight:400}.nav-hamburger{cursor:pointer;pointer-events:auto;background:#0000000d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;transition:background .2s;display:none}.nav-hamburger:hover{background:#0000001a}.nav-hamburger span{background:var(--c-navy);width:18px;height:2px;transition:transform .3s var(--ease-framer), opacity .2s;border-radius:2px;display:block}.mobile-menu-drawer{top:calc(var(--nav-h) + 12px);left:var(--pad-x);right:var(--pad-x);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;transition:all .35s var(--ease-framer);background:#f5f5f5f5;border:1px solid #fffc;border-radius:24px;padding:28px 24px;position:fixed;transform:translateY(-16px);box-shadow:0 20px 48px #0003}.mobile-menu-drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-drawer-inner{flex-direction:column;gap:16px;display:flex}.mobile-nav-link{letter-spacing:-.03em;color:var(--c-navy);border-radius:12px;padding:10px 14px;font-size:18px;font-weight:600;transition:background .2s}.mobile-nav-link:hover{background:#0000000d}.mobile-wa-btn{background:var(--c-navy);color:var(--c-white);border-radius:14px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 20px;font-size:15px;font-weight:600;display:flex}#hero{background-color:var(--c-midnight);min-height:100vh;padding-top:calc(var(--nav-h) + 20px);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero-bg-media{filter:brightness(.42)saturate(.85);transform-origin:50%;will-change:transform;background-image:url(https://images.unsplash.com/photo-1534088568595-a066f410bcda?w=1920&q=80);background-position:50% 30%;background-size:cover;position:absolute;inset:0}.hero-noise-overlay{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-stage{z-index:2;max-width:var(--max-w);width:100%;padding:20px var(--pad-x) 24px;flex-direction:column;flex:1;justify-content:space-between;margin:0 auto;display:flex;position:relative}.hero-title-wrap{margin-top:auto;margin-bottom:24px}.hero-display-title{font-family:var(--font-sans);letter-spacing:-.045em;color:var(--c-white);-webkit-user-select:none;user-select:none;font-size:clamp(68px,12.5vw,190px);font-weight:600;line-height:.9}.title-word-line{display:block;overflow:hidden}.title-word-devala{will-change:transform, opacity;display:inline-block}.title-word-studio{will-change:transform, opacity;padding-left:clamp(60px,12vw,220px);font-size:clamp(52px,9.5vw,150px);font-weight:600;display:inline-block}.hero-dock{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:20px;display:flex}.hero-tagline-col{max-width:440px}.hero-tagline-text{letter-spacing:-.02em;color:#ffffffb8;font-size:15px;font-weight:400;line-height:1.6}.hero-capabilities-col{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hero-cap-item{align-items:baseline;gap:12px;display:flex}.cap-index{font-family:var(--font-mono);color:#fff6;font-size:12px}.cap-label{letter-spacing:-.02em;color:var(--c-white);font-size:14px;font-weight:600}.hero-copyright-note{text-align:center;letter-spacing:-.01em;color:#ffffff59;font-size:12px;font-weight:500}.ticker-strip{background:var(--c-slate);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:14px 0;overflow:hidden}.ticker-flow{will-change:transform;align-items:center;gap:32px;width:max-content;display:flex}.ticker-entry{letter-spacing:-.02em;color:var(--c-white);white-space:nowrap;font-size:13px;font-weight:600}.ticker-bullet{color:var(--c-accent);flex-shrink:0;font-size:12px}.projects-header-grid{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px;display:flex}.section-headline-dark{letter-spacing:-.04em;color:var(--c-navy);font-size:clamp(56px,8vw,120px);font-weight:600;line-height:.9}.section-year-tag{font-family:var(--font-mono);letter-spacing:-.02em;color:#0a0a0a59;margin-top:8px;font-size:clamp(20px,2.5vw,36px);font-weight:400}.projects-header-desc{letter-spacing:-.02em;max-width:440px;color:var(--c-muted-dark);font-size:15px;font-weight:500;line-height:1.6}.projects-card-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card-item{transition:transform .4s var(--ease-framer), box-shadow .4s var(--ease-framer);border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:hidden}.project-card-item:hover{transform:translateY(-6px);box-shadow:0 20px 48px -12px #12324933}.project-card-top-bar{background:var(--c-white);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.project-brand-name{letter-spacing:-.03em;color:var(--c-dark-text);font-size:15px;font-weight:600}.project-year-label{font-family:var(--font-mono);color:#0a0a0a66;font-size:12px;font-weight:400}.project-dots-icon{letter-spacing:2px;color:#0a0a0a4d;font-weight:700}.project-card-visual{aspect-ratio:16/10;background:var(--c-navy);width:100%;position:relative;overflow:hidden}.project-real-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-framer), filter .4s ease;filter:brightness(.92)}.project-card-item:hover .project-real-img{filter:brightness();transform:scale(1.04)}.project-img-overlay{background:linear-gradient(#0000 0%,#061222bf 100%);align-items:flex-end;padding:20px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-service-tags-row{flex-wrap:wrap;gap:6px;display:flex}.project-pill-tag{-webkit-backdrop-filter:blur(10px);color:var(--c-white);letter-spacing:-.01em;background:#06122299;border:1px solid #fff3;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:500}.services-header-layout{justify-content:space-between;margin-bottom:60px;display:flex}.services-header-info{flex-direction:column;gap:20px;display:flex}.services-headline{letter-spacing:-.04em;color:var(--c-white);font-size:clamp(64px,8vw,130px);font-weight:600;line-height:.9}.services-count{font-family:var(--font-mono);color:#ffffff59;vertical-align:super;font-size:clamp(20px,2.5vw,36px);font-weight:400}.services-stats-row{gap:80px;margin-top:24px;display:flex}.stat-number{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--c-white);font-size:clamp(36px,4.5vw,64px);font-weight:700;line-height:1;display:block}.stat-caption{letter-spacing:-.02em;color:#ffffff80;margin-top:6px;font-size:13px;font-weight:500;display:block}.services-accordion-list{border-top:1px solid var(--c-border-dark)}.service-accordion-row{border-bottom:1px solid var(--c-border-dark);overflow:hidden}.service-row-trigger{width:100%;color:var(--c-white);cursor:pointer;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:28px 0;transition:color .2s;display:grid}.service-row-trigger:hover{color:var(--c-accent)}.service-index-number{font-family:var(--font-mono);color:#ffffff59;text-align:left;font-size:13px;font-weight:400}.service-title-text{letter-spacing:-.035em;text-align:left;font-size:clamp(20px,2.4vw,32px);font-weight:600}.service-plus-badge{border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .25s,border-color .25s;display:flex}.service-plus-badge svg{stroke:#ffffffb3;width:16px;height:16px;transition:transform .4s var(--ease-framer), stroke .2s}.service-accordion-row.open .service-plus-badge{background:var(--c-accent);border-color:var(--c-accent)}.service-accordion-row.open .service-plus-badge svg{stroke:var(--c-white);transform:rotate(45deg)}.service-row-expandable{max-height:0;transition:max-height .45s var(--ease-framer);overflow:hidden}.service-expandable-content{grid-template-columns:80px 1fr auto;align-items:start;gap:32px;padding:0 0 32px 100px;display:grid}.service-preview-thumb{background:var(--c-navy);border-radius:12px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.service-preview-thumb img{object-fit:cover;width:100%;height:100%}.service-full-desc{letter-spacing:-.015em;color:#ffffffa6;max-width:520px;font-size:14px;font-weight:400;line-height:1.65}.service-badge-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.service-badge-pill{color:var(--c-white);letter-spacing:-.01em;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.services-footer-cta{justify-content:flex-end;margin-top:60px;display:flex}.btn-cta-pill-accent{background:var(--c-accent);color:var(--c-white);letter-spacing:-.02em;transition:background .2s, transform .2s var(--ease-framer);border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-cta-pill-accent:hover{background:var(--c-slate);transform:translateY(-2px)}.about-header-block{margin-bottom:60px}.about-animated-heading{letter-spacing:-.04em;color:#0a0a0a73;font-size:clamp(40px,6vw,84px);font-weight:600;line-height:.96}.about-strong-accent{color:var(--c-navy)}.reveal-word-item{will-change:transform, opacity;display:inline-block}.about-steps-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.about-step-card{background:var(--c-white);transition:transform .3s var(--ease-framer);border-radius:16px;flex-direction:column;gap:18px;padding:28px 24px;display:flex}.about-step-card:hover{transform:translateY(-3px)}.step-card-header{justify-content:space-between;align-items:center;display:flex}.step-dots-indicator{gap:4px;display:flex}.step-dot-bead{background:#e8e8e8;border-radius:50%;width:9px;height:9px}.step-dot-bead.active{background:var(--c-accent)}.step-num-code{font-family:var(--font-mono);color:#0a0a0a66;font-size:11px}.step-avatar-icon{background:var(--c-light);border-radius:10px;width:48px;height:48px;overflow:hidden}.step-avatar-icon img{object-fit:cover;width:100%;height:100%}.step-lead-text{letter-spacing:-.025em;color:var(--c-dark-text);font-size:14px;font-weight:600;line-height:1.45}.philosophy-split-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.philosophy-agency-name{letter-spacing:-.03em;color:var(--c-navy);margin-bottom:8px;font-size:18px;font-weight:600}.philosophy-agency-desc{letter-spacing:-.01em;color:var(--c-muted-dark);font-size:14px;font-weight:400;line-height:1.5}.philosophy-quote-body{letter-spacing:-.035em;color:#0a0a0a4d;font-size:clamp(22px,2.8vw,40px);font-weight:600;line-height:1.25}.philosophy-quote-body .reveal-word-item{transition:color .3s,opacity .3s}.philosophy-highlight-word{color:var(--c-navy);opacity:1!important}.faq-layout-grid{grid-template-columns:1fr 2fr;align-items:start;gap:60px;display:grid}.faq-display-title{letter-spacing:-.04em;color:var(--c-navy);margin-bottom:18px;font-size:clamp(56px,7vw,110px);font-weight:600;line-height:.9}.faq-intro-text{letter-spacing:-.01em;color:var(--c-muted-dark);max-width:320px;font-size:14px;font-weight:400;line-height:1.6}.faq-card-list{flex-direction:column;gap:4px;display:flex}.faq-accordion-item{background:var(--c-white);transition:transform .25s var(--ease-framer);border-radius:14px;overflow:hidden}.faq-accordion-item:hover{transform:translateY(-2px)}.faq-item-trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:24px 26px;display:flex}.faq-item-question{letter-spacing:-.03em;color:var(--c-dark-text);text-align:left;font-size:17px;font-weight:500;line-height:1.35}.faq-item-circle-icon{border:2px solid var(--c-dark-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s,border-color .2s;display:flex}.faq-item-circle-icon svg{width:10px;height:10px;stroke:var(--c-dark-text);fill:none;stroke-width:2.5px;stroke-linecap:round;transition:transform .4s var(--ease-framer), stroke .2s}.faq-accordion-item.open .faq-item-circle-icon{background:var(--c-dark-text)}.faq-accordion-item.open .faq-item-circle-icon svg{stroke:var(--c-white);transform:rotate(45deg)}.faq-item-expandable{max-height:0;transition:max-height .45s var(--ease-framer);overflow:hidden}.faq-item-answer{letter-spacing:-.015em;color:var(--c-muted-dark);padding:0 26px 24px;font-size:14px;font-weight:400;line-height:1.6}.contact-header-wrap{margin-bottom:48px}.contact-sub-intro{letter-spacing:-.02em;color:var(--c-muted-dark);max-width:520px;margin-top:14px;font-size:15px;font-weight:500;line-height:1.6}.contact-cards-layout{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.contact-form-box{background:var(--c-white);border-radius:16px;padding:44px 40px;box-shadow:0 4px 20px #00000005}.contact-clean-form{flex-direction:column;gap:20px;display:flex}.form-row-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-item-clean{flex-direction:column;gap:6px;display:flex}.form-label-clean{letter-spacing:-.01em;color:var(--c-navy);font-size:12.5px;font-weight:600}.form-input-clean{letter-spacing:-.01em;color:var(--c-dark-text);font-size:14px;font-weight:400;font-family:var(--font-sans);background:0 0;border:1px solid #12324924;border-radius:8px;outline:none;padding:13px 15px;transition:border-color .2s,box-shadow .2s}.form-input-clean::placeholder{color:#0a0a0a4d}.form-input-clean:focus{border-color:var(--c-navy);box-shadow:0 0 0 2px #12324914}.form-textarea-clean{resize:vertical;min-height:110px}.service-selector-row{flex-wrap:wrap;gap:8px;display:flex}.service-option-item{cursor:pointer}.service-option-item input{display:none}.service-option-pill{letter-spacing:-.01em;color:var(--c-muted-dark);transition:all .2s var(--ease-framer);background:0 0;border:1px solid #12324924;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:500;display:inline-block}.service-option-item input:checked+.service-option-pill{background:var(--c-navy);border-color:var(--c-navy);color:var(--c-white);font-weight:600}.contact-submit-btn-pill{background:var(--c-navy);width:100%;color:var(--c-white);letter-spacing:-.01em;transition:background .2s, transform .2s var(--ease-framer);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:15px 28px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #12324926}.contact-submit-btn-pill:hover{background:var(--c-slate);transform:translateY(-1px)}.btn-arrow-icon{opacity:.85;font-size:14px;font-weight:400}.contact-editorial-card{border-radius:16px;flex-direction:column;min-height:440px;display:flex;position:relative;overflow:hidden}.editorial-card-bg{object-fit:cover;filter:brightness(.42);width:100%;height:100%;position:absolute;inset:0}.editorial-card-content{z-index:2;background:linear-gradient(#06122233 0%,#061222cc 100%);flex-direction:column;justify-content:space-between;height:100%;padding:44px 38px;display:flex;position:relative}.editorial-title{letter-spacing:-.04em;color:var(--c-white);margin-bottom:14px;font-size:clamp(34px,4.5vw,56px);font-weight:600;line-height:1}.editorial-desc{letter-spacing:-.015em;color:#ffffffb8;max-width:380px;font-size:14.5px;font-weight:400;line-height:1.6}.editorial-wa-pill-btn{background:var(--c-white);color:var(--c-dark-text);letter-spacing:-.02em;transition:transform .25s var(--ease-framer), background .2s;border-radius:100px;justify-content:space-between;align-items:center;gap:12px;width:fit-content;padding:13px 22px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #00000026}.editorial-wa-pill-btn:hover{background:var(--c-light);transform:translateY(-2px)scale(1.02)}.pill-arrow-right{color:var(--c-navy);font-size:16px}#footer{background:linear-gradient(90deg, var(--c-slate) 0%, var(--c-navy) 85%);padding:42px 0}.footer-layout-row{grid-template-columns:1fr 2fr;align-items:center;gap:24px;display:grid}.footer-copy-text{letter-spacing:-.01em;color:#ffffff8c;font-size:13px;font-weight:400;line-height:1.6}.footer-navigation-block{justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-nav-links{flex-wrap:wrap;gap:28px;display:flex}.footer-nav-item{letter-spacing:-.01em;color:#fff9;font-size:13px;font-weight:500;transition:color .2s}.footer-nav-item:hover{color:var(--c-white)}.footer-social-icons{gap:12px;display:flex}.footer-social-btn{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,transform .2s;display:flex}.footer-social-btn:hover{background:#fff3;transform:translateY(-2px)}.footer-social-btn svg{fill:#ffffffb3;width:16px;height:16px}@media (width<=1199px){:root{--pad-x:28px}.about-steps-grid{grid-template-columns:repeat(2,1fr)}.faq-layout-grid{grid-template-columns:1fr;gap:40px}.contact-cards-layout{grid-template-columns:1fr}.contact-editorial-card{min-height:320px}.philosophy-split-grid{grid-template-columns:1fr}.footer-layout-row{grid-template-columns:1fr;gap:20px}}@media (width<=809px){:root{--pad-x:18px}.nav-menu{display:none}.nav-hamburger{display:flex}.nav-island{border-radius:100px;padding:8px 12px 8px 18px}.hero-dock{flex-direction:column;align-items:flex-start;gap:24px}.hero-capabilities-col{align-items:flex-start}.projects-card-grid{grid-template-columns:1fr}.projects-header-grid{flex-direction:column;align-items:flex-start;gap:20px}.about-steps-grid{grid-template-columns:1fr}.service-expandable-content{grid-template-columns:1fr;padding-left:0}.service-row-trigger{grid-template-columns:60px 1fr auto}.footer-navigation-block{flex-direction:column;align-items:flex-start;gap:20px}.contact-form-box{padding:28px 20px}.form-row-pair{grid-template-columns:1fr}}