/* One cinematic interaction shell for every localized internal page. */
.mi-nav{position:fixed;inset:0 0 auto;z-index:1000;background:transparent;border:0;padding:1.45rem 0;transition:padding .4s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,transform .45s cubic-bezier(.16,1,.3,1)}
.mi-nav.is-scrolled{padding:.85rem 0;background:rgba(10,10,10,.84);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.mi-nav.is-hidden{transform:translateY(-110%)}
.mi-nav__inner{width:min(1440px,calc(100% - 8vw));height:auto;min-height:74px;margin:auto;padding:0;display:flex;align-items:center;gap:clamp(1rem,2vw,2.5rem)}
.mi-logo{display:flex;align-items:center;flex:none}.mi-logo img{width:clamp(138px,11vw,184px)}
.mi-links{display:flex;align-items:center;justify-content:center;gap:clamp(1.1rem,2vw,2.25rem);margin-inline:auto}
.mi-links .mi-link{position:relative;display:flex;align-items:center;gap:.45rem;padding:.3rem 0;color:var(--muted);font-size:.78rem;font-weight:500;white-space:nowrap;transition:color .25s}
.mi-links .mi-link:before{content:attr(data-index);color:var(--dim);font-size:.57rem;font-weight:600}.mi-links .mi-link:after{content:"";position:absolute;inset:auto 0 -.3rem;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.mi-links .mi-link:hover,.mi-links .mi-link[aria-current=page]{color:var(--text)}.mi-links .mi-link:hover:after,.mi-links .mi-link[aria-current=page]:after{transform:scaleX(1)}
.mi-langs{flex:none}.mi-cta{flex:none;padding:.8rem 1.45rem;transition:transform .3s,box-shadow .3s,background .3s}.mi-cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,116,23,.2)}.mi-cta span{transition:transform .3s}.mi-cta:hover span{transform:translateX(4px)}
.mi-toggle{display:none;width:42px;height:42px;padding:8px 7px;border:1px solid transparent;border-radius:50%;background:none;color:inherit}.mi-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:var(--text);transition:.3s}
.mi-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.mi-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.mi-toggle.is-open span:nth-child(2){opacity:0}.mi-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}
.mi-progress{position:fixed;z-index:1100;inset:0 0 auto;height:2px;pointer-events:none}.mi-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--orange),#ff9b55);transform:scaleX(0);transform-origin:left}
.mi-loader{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;background:#080808;transition:opacity .55s cubic-bezier(.16,1,.3,1),visibility .55s}.mi-loader>div{width:min(250px,60vw)}.mi-loader span{display:block;margin-bottom:1rem;font-weight:700;font-size:1.5rem;letter-spacing:-.04em}.mi-loader i{display:block;height:2px;background:var(--orange);transform-origin:left;animation:mi-load .65s cubic-bezier(.16,1,.3,1) both}.mi-loader.is-done{opacity:0;visibility:hidden}@keyframes mi-load{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mi-cursor-dot,.mi-cursor-ring{position:fixed;z-index:1900;left:0;top:0;pointer-events:none;border-radius:50%;opacity:0;will-change:transform}.mi-cursor-dot{width:7px;height:7px;background:var(--orange)}.mi-cursor-ring{width:38px;height:38px;border:1px solid rgba(255,116,23,.55);transition:width .2s,height .2s,border-color .2s}.has-mi-cursor .mi-cursor-dot,.has-mi-cursor .mi-cursor-ring{opacity:1}.has-mi-cursor a,.has-mi-cursor button{cursor:none}.mi-cursor-ring.is-active{width:58px;height:58px;border-color:var(--orange)}
body.is-leaving main,body.is-leaving .mi-footer{opacity:0;transform:translateY(-12px)}main,.mi-footer{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}
body.mi-menu-open{position:fixed;inset:0;width:100%;overflow:hidden;touch-action:none}
body.mi-menu-open .mi-nav{position:fixed;transform:none!important;background:rgba(8,8,8,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.mi-project-hero,.mi-hero{padding-top:clamp(10rem,16vh,13rem)}.mi-reveal{opacity:0;transform:translateY(32px)}.mi-cover img{will-change:transform}.mi-card,.mi-media-card{transition:background .35s,transform .5s cubic-bezier(.16,1,.3,1)}.mi-card:hover,.mi-media-card:hover{transform:translateY(-5px)}
.mi-rtl .mi-links{direction:rtl}.mi-rtl .mi-links .mi-link{justify-content:flex-start;text-align:right}.mi-rtl .mi-links .mi-link:after{transform-origin:right}.mi-rtl .mi-cta:hover span{transform:translateX(-4px)}.mi-rtl .mi-cta span{display:inline-block;transform:scaleX(-1)}
@media(max-width:1100px){.mi-links{gap:1rem}.mi-links .mi-link{font-size:.7rem}.mi-links .mi-link:before{display:none}.mi-logo img{width:132px}.mi-cta{padding:.75rem 1rem}}
@media(max-width:900px){
  .mi-nav{padding:1rem 0}
  .mi-nav__inner{min-height:60px}
  .mi-logo,.mi-langs,.mi-toggle{position:relative;z-index:1003}
  .mi-toggle{display:block;flex:none}
  .mi-links{
    position:fixed;
    inset:0;
    width:100vw;
    height:100dvh;
    min-height:100vh;
    max-height:none;
    z-index:1001;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    margin:0;
    padding:clamp(7.5rem,18vh,10rem) max(2rem,8vw) 3rem;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:rgba(8,8,8,.985);
    -webkit-backdrop-filter:blur(28px);
    backdrop-filter:blur(28px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-1rem);
    transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility .35s;
  }
  .mi-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mi-links .mi-link{
    width:min(100%,28rem);
    margin:0 auto;
    padding:1rem 0;
    border-bottom:1px solid var(--line);
    font-size:clamp(1.25rem,5vw,1.6rem);
    font-weight:600;
  }
  .mi-links .mi-link:before{display:block;min-width:1.8rem;font-size:.67rem}
  .mi-links .mi-link:after{display:none}
  .mi-langs{margin-inline-start:auto}
  .mi-cta{display:none}
  .mi-rtl .mi-links{align-items:stretch}
  .mi-rtl .mi-links .mi-link{margin-inline:auto}
  .mi-rtl .mi-langs{margin-inline-start:0;margin-inline-end:auto}
}
@media(max-width:480px){
  .mi-nav__inner{width:calc(100% - 1.5rem);gap:.55rem}
  .mi-logo img{width:92px}
  .mi-langs a{padding:.32rem .4rem}
  .mi-toggle{width:40px;height:40px}
  .mi-links{padding-inline:1.35rem}
}
@media(hover:none),(pointer:coarse){.mi-cursor-dot,.mi-cursor-ring{display:none!important}.has-mi-cursor a,.has-mi-cursor button{cursor:pointer}}
@media(prefers-reduced-motion:reduce){.mi-reveal{opacity:1!important;transform:none!important}.mi-loader{display:none}.mi-card,.mi-media-card,.mi-nav,main,.mi-footer{transition:none!important}}