:root{--menu-base:#12221e;--menu-raised:#182e28;--menu-highlight:#92d6bf;--menu-size-title:3.6rem;--menu-size-project:2.6rem;--menu-gap:1.5rem;--menu-radius:3rem}
.b-mega{z-index:30;padding:var(--space-20) 0 var(--space-30);min-height:14rem}.b-mega__bar{position:relative;display:flex;align-items:center;gap:var(--space-20);width:153rem;max-width:calc(100% - 6rem);min-height:8.5rem;margin:auto;padding:var(--space-15) var(--space-30);border:var(--thin) solid var(--purple);border-radius:var(--menu-radius);background:linear-gradient(120deg,var(--surface),var(--menu-base));box-shadow:inset 0 -.2rem 1.5rem rgba(87,191,156,.2)}.b-mega .b-logo{font-size:2.8rem;gap:var(--space-10)}.b-mega .b-logo__mark{width:4.5rem;height:4.5rem}.b-mega__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin:auto;font-size:var(--font-size-18);font-weight:700;white-space:nowrap}.b-mega__nav>a,.b-mega__nav>button{display:flex;align-items:center;justify-content:center;gap:var(--space-5);min-height:5rem;padding:var(--space-10) var(--space-15);border:0;border-radius:var(--radius-30);background:none;color:inherit;cursor:pointer}.b-mega__nav svg{width:1.5rem;height:1.5rem;transition:transform .2s}.b-mega__nav [aria-expanded=true]{background:var(--accent);color:var(--white);box-shadow:inset 0 0 1rem #d9f8914d,0 0 2rem var(--shadow)}.b-mega__nav [aria-expanded=true] svg{transform:rotate(180deg)}.b-mega .b-phone{font-size:var(--font-size-16);gap:var(--space-10);padding-left:var(--space-20);border-left:var(--thin) solid var(--purple)}.b-mega .b-button.is-compact{white-space:nowrap;padding-inline:var(--space-20);min-height:5rem}.b-mega__burger{display:none}.b-mega__panel[hidden]{display:none}.b-mega__panel{position:absolute;top:11.5rem;left:50%;transform:translateX(-50%);width:137rem;max-width:calc(100% - 12rem);display:grid;grid-template-columns:30rem 1fr;gap:var(--space-20);padding:var(--space-25);border:var(--thin) solid var(--purple);border-radius:var(--radius-24);background:radial-gradient(ellipse at 0 100%,rgba(199,245,93,.28),transparent 28%),radial-gradient(ellipse at 100% 100%,rgba(87,191,156,.5),transparent 48%),linear-gradient(115deg,var(--menu-raised),var(--menu-base) 50%);box-shadow:0 2rem 5rem #0a141180;animation:mega-reveal .23s ease-out both}.b-mega__joint{position:absolute;left:var(--joint-x,35%);top:-1.6rem;width:4rem;height:1.7rem;transform:translateX(-50%)}.b-mega__joint svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible}.b-mega__joint::after{content:"";position:absolute;left:.1rem;right:.1rem;top:1.5rem;height:.3rem;background:var(--menu-raised)}.b-mega__intro{position:relative;padding:var(--space-30) var(--space-20) 0;isolation:isolate}.b-mega__eyebrow{display:flex;align-items:center;gap:var(--space-20);margin-bottom:var(--space-20);font-size:var(--font-size-16);text-transform:uppercase;letter-spacing:.1rem;color:var(--muted)}.b-mega__eyebrow::after{content:'';width:4rem;height:var(--thin);background:var(--accent)}.b-mega__intro h2{font-size:var(--menu-size-title);font-weight:800;letter-spacing:-.1rem;line-height:1.08}.b-mega__intro h2 span{color:var(--accent)}.b-mega__services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--menu-gap)}.b-mega__service{display:flex;align-items:center;gap:var(--space-15);min-height:6.5rem;padding:.5rem var(--space-10);border:var(--thin) solid var(--line);border-radius:var(--radius-16);background:linear-gradient(120deg,var(--menu-raised),var(--menu-base));font-size:var(--font-size-20);transition:border-color .2s,background .2s}.b-mega__service:hover,.b-mega__project:hover{border-color:var(--purple);background-color:var(--surface)}.b-mega__icon{display:grid;place-items:center;flex:none;width:6rem;height:5.5rem;border-radius:var(--radius-16);background:linear-gradient(130deg,#24453c,#152823)}.b-mega__icon svg{width:4rem;height:4rem}.b-target{display:block;width:28rem;max-width:115%;margin-left:var(--space-10);overflow:visible}.b-target__flight{opacity:0;transform:translate(180px,-166px)}/* SVG transforms use viewBox geometry units to keep the impact aligned at every viewport. */.b-mega__panel.is-open .b-target__flight{animation:mega-arrow 1s .6s cubic-bezier(.25,.65,.28,1) both}.b-mega__panel.is-open .b-target__disk{animation:mega-impact .4s 1.46s ease-out both}.b-mega__projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-25)}.b-mega__project{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:var(--space-15);min-height:14.5rem;padding:var(--space-20);border:var(--thin) solid var(--purple);border-radius:var(--radius-24);background:linear-gradient(130deg,var(--menu-raised),var(--menu-base));font-size:var(--menu-size-project)}.b-mega__project::after{content:'';position:absolute;z-index:-1;width:80%;height:9rem;right:-10%;bottom:-5rem;border-top:.2rem solid var(--menu-highlight);border-radius:50%;transform:rotate(-18deg);box-shadow:0 -1rem 3rem rgba(87,191,156,.5)}.b-mega__next{display:grid;place-items:center;flex:none;width:4rem;height:4rem;border-radius:50%;background:rgba(87,191,156,.2)}.b-mega__project img{position:absolute;z-index:-1;width:23rem;max-width:none;right:-6rem;bottom:0;transform:rotate(-5deg)}.b-mega__project.is-development{padding-right:10rem}.b-mega__panel.is-portfolio .b-mega__intro{padding-top:var(--space-10)}.b-mega__panel.is-portfolio .b-mega__intro h2{font-size:var(--menu-size-title)}[data-theme=light] .b-mega{--menu-base:#ffffff;--menu-raised:#eff2f1;--menu-highlight:#57bf9c}[data-theme=light] .b-mega__icon{background:linear-gradient(130deg,#e4e9e8,#f2f4f4)}[data-theme=light] .b-mega__panel{box-shadow:0 2rem 5rem #203d3522}
@keyframes mega-reveal{from{opacity:0;translate:0 -.5rem}to{opacity:1;translate:0 0}}@keyframes mega-arrow{0%{opacity:0;transform:translate(180px,-166px)}9%{opacity:1}86%,100%{opacity:1;transform:translate(0,0)}}@keyframes mega-impact{0%,100%{transform:translate(0,0)}30%{transform:translate(-1px,2px)}65%{transform:translate(0,-.6px)}}.is-paused .b-target__flight{animation:none!important;opacity:1;transform:none}.is-paused .b-target__disk{animation:none!important}
@media(max-width:991px){.b-mega__bar{flex-wrap:wrap;gap:var(--space-15);padding:var(--space-15) var(--space-20)}.b-mega .b-logo{margin-right:auto}.b-mega .b-phone,.b-mega .b-button.is-compact{display:none}.b-mega__burger{display:grid;gap:.5rem;place-content:center;order:2;width:4.5rem;height:4.5rem;border:var(--thin) solid var(--line);border-radius:var(--radius-16);background:var(--surface)}.b-mega__burger span{display:block;width:2rem;height:.2rem;background:var(--ink)}.b-mega .b-theme{order:1}.b-mega__nav{display:none;order:3;flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;margin:0}.b-mega.is-mobile-open .b-mega__nav{display:flex}.b-mega__panel{top:calc(100% - 3rem);max-width:calc(100% - 6rem);max-height:75dvh;overflow:auto;grid-template-columns:1fr;padding:var(--space-20)}.b-mega__intro{padding:0}.b-target{display:none}.b-mega__intro h2{font-size:var(--font-size-24)}.b-mega__intro h2 br{display:none}.b-mega__intro h2 span::before{content:' '}.b-mega__eyebrow{margin-bottom:var(--space-10)}.b-mega__joint{display:none}.b-mega__services{grid-template-columns:repeat(2,minmax(0,1fr))}.b-mega__service{font-size:var(--font-size-18)}.b-mega__projects{grid-template-columns:1fr}.b-mega__panel.is-portfolio .b-mega__intro h2{font-size:var(--font-size-24)}}
@media(max-width:479px){.b-mega__bar{max-width:calc(100% - 3rem)}.b-mega .b-logo{font-size:2rem}.b-mega .b-logo__mark{width:3.5rem;height:3.5rem}.b-mega__panel{max-width:calc(100% - 3rem)}.b-mega__services{grid-template-columns:1fr}.b-mega__nav{gap:0;font-size:var(--font-size-16)}.b-mega__nav>a,.b-mega__nav>button{padding:var(--space-10)}.b-mega__service{min-height:6rem}.b-mega__icon{width:5rem;height:5rem}.b-mega__project{font-size:var(--font-size-22)}}
@media(prefers-reduced-motion:reduce){.b-mega__panel{animation:none}.b-mega__panel.is-open .b-target__flight{animation:none;opacity:1;transform:none}.b-mega__panel.is-open .b-target__disk{animation:none}.b-mega__nav svg{transition:none}}
@media(max-width:991px){.b-mega__panel>*{min-width:0}.b-mega__service{min-width:0}.b-mega__service>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}.b-mega__intro h2 br{display:initial}.b-mega__intro h2{white-space:normal}.b-mega__panel{overscroll-behavior:contain}.b-mega__projects{min-width:0}.b-mega__project{min-width:0}.b-mega__project strong{min-width:0}}
@media(max-width:479px){.b-mega__bar{gap:var(--space-5);padding:var(--space-10)}.b-mega .b-logo{font-size:1.6rem;gap:var(--space-5)}.b-mega .b-logo__mark{width:2.5rem;height:2.5rem}.b-mega .b-theme{width:5rem;height:2.8rem}.b-mega__burger{width:3rem;height:3rem}.b-mega__nav{font-size:1.3rem;gap:var(--space-5)}.b-mega__nav>a,.b-mega__nav>button{min-height:3.5rem;padding:.5rem}.b-mega__intro h2{font-size:2rem}.b-mega__panel{padding:var(--space-15);max-height:65dvh}.b-mega__service{font-size:1.5rem;gap:var(--space-10)}.b-mega__icon{width:4rem;height:4rem}.b-mega__icon svg{width:3rem;height:3rem}}