/* MNK v79   THE NEXT CHAPTER.  Footer-only design. */
.mnk55-footer{
  --f-bg:#102B3B;--f-fg:#FFFFFF;--f-muted:#DCE4EA;--f-accent:#CAD3D9;
  position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0!important;padding:0!important;
  background:var(--f-bg)!important;color:var(--f-fg)!important;
  font:400 16px/1.45 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.mnk55-footer *,.mnk55-footer *::before,.mnk55-footer *::after{box-sizing:border-box}
.mnk55-footer a{color:inherit;text-decoration:none}
.mnk55-footer button{font:inherit}
.mnk55-footer a:focus-visible,.mnk55-footer button:focus-visible,.mnk55-code:focus-visible{outline:2px solid #CAD3D9;outline-offset:5px}
.mnk79-main{position:relative;z-index:3;padding:clamp(27px,3vw,54px) clamp(22px,4.5vw,88px) 0;max-width:1920px;margin:0 auto}
.mnk79-topline{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}
.mnk79-brandname{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:.14em;white-space:nowrap}
.mnk79-brand-second{font-weight:450;color:#DCE4EA;letter-spacing:.13em}
.mnk79-gold-dot{height:8px;width:8px;border-radius:50%;background:var(--f-accent);box-shadow:0 0 18px rgba(202,211,217,.3)}
.mnk79-position{justify-self:center;color:#A6B5BF;font-size:10px;letter-spacing:.15em;white-space:nowrap}
.mnk79-to-top{display:flex;align-items:center;gap:11px;justify-self:end;border:0;background:transparent;color:#F0F3F5;cursor:pointer;padding:8px 0;letter-spacing:.1em;font-size:10px!important}
.mnk79-to-top svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .28s ease}
.mnk79-to-top:hover svg{transform:translateY(-4px)}
.mnk79-hero{margin-top:clamp(64px,7.4vw,145px)}
.mnk79-hero-lead{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;font-weight:600;color:#CAD3D9}
.mnk79-asterisk{font-size:19px;font-weight:400;line-height:1;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.mnk79-hero:hover .mnk79-asterisk{transform:rotate(100deg)}
.mnk79-display{margin:clamp(20px,2vw,36px) 0 0;max-width:1400px;color:#FFFFFF;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  font-weight:450;letter-spacing:-.083em;line-height:.96;font-size:clamp(65px,10.45vw,188px)}
.mnk79-display>span{display:inline-block;white-space:nowrap}
.mnk79-question{display:inline-block;color:var(--f-accent);transition:transform .65s cubic-bezier(.16,1,.3,1),color .4s}
.mnk79-hero:hover .mnk79-question{transform:translate(.09em,-.11em) rotate(10deg);color:#F0F3F5}
.mnk79-action-row{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:end;gap:36px;margin-top:clamp(40px,5vw,88px);padding:0 0 5px}
.mnk79-note{font-size:clamp(15px,1.3vw,21px);font-weight:400;color:#DCE4EA;letter-spacing:-.025em;line-height:1.55;margin:0;max-width:500px}
.mnk79-main-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;background:#FFFFFF;color:#304551!important;border-radius:100px;padding:9px 10px 9px clamp(20px,2.35vw,38px);width:min(100%,390px);min-height:82px;transition:background .27s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.mnk79-main-cta:hover{background:#F0F3F5;transform:translateY(-4px);box-shadow:0 15px 48px rgba(8,9,11,.19)}
.mnk79-cta-caption{display:flex;flex-direction:column;gap:3px}
.mnk79-cta-caption small{font-size:9px;font-weight:700;letter-spacing:.14em;color:#607684}
.mnk79-cta-caption strong{font-size:clamp(16px,1.45vw,21px);font-weight:650;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}
.mnk79-cta-icon{width:61px;height:61px;flex-shrink:0;display:grid;place-items:center;background:#304551;color:#FFFFFF;border-radius:50%;transition:transform .45s cubic-bezier(.18,.8,.22,1),background .35s}
.mnk79-main-cta:hover .mnk79-cta-icon{transform:rotate(45deg);background:#102B3B}
.mnk79-cta-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .45s}
.mnk79-main-cta:hover .mnk79-cta-icon svg{transform:rotate(-45deg)}
.mnk79-cityscape{position:relative;z-index:1;margin-top:clamp(-65px,-4vw,-24px);overflow:hidden;}
.mnk79-city-topline{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:clamp(35px,4vw,75px) clamp(22px,4.5vw,88px) 0;color:#CAD3D9;font-size:10px;font-weight:600;letter-spacing:.15em;pointer-events:none}
.mnk55-code{position:relative;z-index:1;width:100%;height:min(60vw,920px);min-height:530px;overflow:hidden;opacity:0;transform:translateY(14px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,.8,.22,1);cursor:crosshair;background:transparent!important;margin-top:clamp(-160px,-9vw,-90px);pointer-events:auto}
.mnk55-footer.is-ready .mnk55-code{opacity:1;transform:none}
.mnk55-code-fallback{position:absolute;inset:0;background:rgba(16,43,59,.32);mask:url('/assets/mnk55/dubai-skyline.svg') center bottom/cover no-repeat;-webkit-mask:url('/assets/mnk55/dubai-skyline.svg') center bottom/cover no-repeat}
.mnk55-code canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.mnk55-footer.has-code .mnk55-code-fallback{opacity:0}
.mnk55-grid{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;transition:opacity .3s}
.mnk55-footer.show-grid .mnk55-grid{opacity:1}
.mnk79-city-hint{position:absolute;z-index:2;right:clamp(22px,4.5vw,88px);bottom:18px;font-size:10px;letter-spacing:.14em;color:rgba(240,243,245,.68);margin:0;pointer-events:none}
.mnk79-city-hint span{margin-left:8px;font-size:15px}
.mnk79-floor{position:relative;z-index:3;padding:clamp(20px,3vw,55px) clamp(22px,4.5vw,88px) 30px;max-width:1920px;margin:0 auto}
.mnk79-floor-main{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(260px,1fr) minmax(180px,.65fr);gap:clamp(22px,4vw,70px);padding-bottom:clamp(60px,6vw,110px);align-items:start}
.mnk79-lockup{display:flex;align-items:flex-end;gap:23px}
.mnk79-lockup>span{font-size:clamp(60px,8vw,130px);font-weight:700;letter-spacing:-.105em;line-height:.76}
.mnk79-lockup-period{color:#CAD3D9}
.mnk79-lockup small{font-size:9px;letter-spacing:.13em;color:#DCE4EA;line-height:1.6;padding-bottom:2px}
.mnk79-site-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;padding-top:7px}
.mnk79-site-links a{font-size:clamp(15px,1.2vw,19px);letter-spacing:-.025em;line-height:1.4;color:#F0F3F5;transition:color .2s}
.mnk79-site-links a span{font-size:.73em;display:inline-block;margin-left:5px;transition:transform .3s}
.mnk79-site-links a:hover{color:#F0F3F5}
.mnk79-site-links a:hover span{transform:translate(3px,-3px)}
.mnk79-reach{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:13px;line-height:1.55;color:#F0F3F5}
.mnk79-label{display:block;font-size:10px;letter-spacing:.16em;color:#CAD3D9;margin-bottom:6px;font-weight:650}
.mnk79-reach p{margin:0 0 7px;color:#DCE4EA}
.mnk79-reach a{transition:color .2s}
.mnk79-reach a:hover{color:#F0F3F5}
.mnk79-legalbar{border-top:1px solid rgba(240,243,245,.14);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:600;letter-spacing:.1em;color:#A6B5BF}
.mnk79-legalbar nav{display:flex;gap:26px}
.mnk79-legalbar a:hover{color:#F0F3F5}
@media(prefers-reduced-motion:no-preference){
  .mnk79-display,.mnk79-action-row{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .9s cubic-bezier(.22,.8,.22,1)}
  .mnk79-display.is-visible,.mnk79-action-row.is-visible{opacity:1;transform:none}
}
@media(max-width:1100px){
  .mnk79-position{display:none}.mnk79-topline{grid-template-columns:1fr auto}
  .mnk79-display{font-size:clamp(62px,10vw,113px)}
  .mnk79-floor-main{grid-template-columns:minmax(170px,1fr) minmax(260px,1fr)}
  .mnk79-reach{grid-column:2}
  .mnk79-cityscape{margin-top:0}
  .mnk55-code{height:68vw;min-height:500px;margin-top:-130px}
}
@media(max-width:700px){
  .mnk79-main{padding:26px 22px 0}
  .mnk79-topline{gap:12px}
  .mnk79-brandname{font-size:11px;letter-spacing:.08em}
  .mnk79-brand-second{font-size:10px;letter-spacing:.05em}
  .mnk79-to-top>span{display:none}
  .mnk79-to-top svg{width:22px;height:22px}
  .mnk79-hero{margin-top:clamp(75px,18vw,116px)}
  .mnk79-hero-lead{font-size:10px}
  .mnk79-display{font-size:clamp(43px,10.5vw,74px);letter-spacing:-.077em;line-height:1.01;margin-top:20px}
  .mnk79-action-row{grid-template-columns:1fr;margin-top:40px;gap:26px}
  .mnk79-note{font-size:15px;line-height:1.55}
  .mnk79-note br{display:none}
  .mnk79-main-cta{width:100%;max-width:none;min-height:74px;padding:8px 8px 8px 24px}
  .mnk79-cta-icon{width:57px;height:57px}
  .mnk79-cityscape{margin-top:35px}
  .mnk79-city-topline{padding:12px 22px 0;font-size:8px;letter-spacing:.09em}
  .mnk79-city-topline span:last-child{display:none}
  .mnk55-code{height:118vw;min-height:390px;margin-top:-62px}
  .mnk79-city-hint{bottom:4px;right:22px;font-size:9px}
  .mnk79-floor{padding:52px 22px 24px}
  .mnk79-floor-main{grid-template-columns:1fr;gap:38px;padding-bottom:48px}
  .mnk79-lockup>span{font-size:85px}
  .mnk79-lockup small{font-size:8px}
  .mnk79-site-links{gap:17px 12px}
  .mnk79-site-links a{font-size:19px}
  .mnk79-reach{grid-column:auto;font-size:14px}
  .mnk79-legalbar{flex-wrap:wrap;row-gap:18px;font-size:9px;line-height:1.3}
  .mnk79-legalbar nav{order:2;flex:0 0 100%;gap:22px}
  .mnk79-legalbar>span:last-child{display:none}
}
@media(max-width:360px){
  .mnk79-display{font-size:42px}
  .mnk79-cta-caption strong{font-size:16px}
  .mnk79-site-links a{font-size:16px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .mnk55-code{opacity:1;transform:none;transition:none}
  .mnk79-main-cta,.mnk79-to-top svg,.mnk79-question,.mnk79-asterisk{transition:none}
}

/* MNK v116 — controlled logo-led footer composition, placed immediately beneath the preserved skyline. */
.mnk55-footer .mnk79-topline-signature{font-size:10px;font-weight:650;letter-spacing:.16em;color:#c7d8e4}
.mnk55-footer .mnk79-floor{padding:clamp(16px,2.6vw,36px) clamp(22px,4.5vw,88px) 25px}
.mnk116-floor-main{display:grid;grid-template-columns:minmax(200px,1.16fr) minmax(260px,1fr) minmax(210px,.83fr);gap:clamp(35px,5vw,100px);align-items:start;padding:0 0 clamp(43px,5vw,75px)}
.mnk116-brand{display:flex;align-items:flex-start;flex-direction:column;gap:0;min-width:0}
.mnk116-brand-link{display:inline-flex;align-items:center;justify-content:flex-start;width:clamp(125px,15vw,190px);height:clamp(84px,10vw,132px);margin:-16px 0 8px -3px;transition:transform .45s cubic-bezier(.16,1,.3,1);outline-offset:5px}
.mnk116-brand-link:hover{transform:translateY(-3px)}
.mnk116-brand-link img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;mix-blend-mode:normal}
.mnk116-brand p{font-size:clamp(17px,1.35vw,21px);line-height:1.4;letter-spacing:-.03em;font-weight:450;color:#f5f8fb;margin:0 0 26px}
.mnk116-brand-place,.mnk116-footer-kicker{font-size:10px;line-height:1.45;font-weight:600;letter-spacing:.14em;color:#afc3d0}
.mnk116-footer-nav,.mnk116-reach{display:flex;flex-direction:column;gap:24px;padding-top:13px}
.mnk116-nav-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px}
.mnk116-nav-columns a{display:inline-flex;align-items:baseline;gap:6px;color:#f0f5f8;font-size:clamp(15px,1.1vw,18px);font-weight:450;letter-spacing:-.022em;line-height:1.45;transition:color .2s ease}
.mnk116-nav-columns a span{color:#b8ceda;font-size:12px;transition:transform .25s ease}
.mnk116-nav-columns a:hover{color:#d7e6ed}.mnk116-nav-columns a:hover span{transform:translate(2px,-2px)}
.mnk116-reach{gap:14px}
.mnk116-whatsapp{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:310px;padding:14px 0;border-bottom:1px solid rgba(239,247,250,.45);font-size:clamp(16px,1.35vw,21px);font-weight:520;letter-spacing:-.04em;transition:color .25s ease,border-color .25s}
.mnk116-whatsapp:hover{color:#dcecf4;border-color:#e5f1f8}.mnk116-whatsapp span:last-child{font-size:20px;transition:transform .3s}
.mnk116-whatsapp:hover span:last-child{transform:translate(3px,-3px)}
.mnk116-email{display:inline-block;font-size:clamp(13px,1.05vw,16px);color:#edf5fa;overflow-wrap:anywhere}.mnk116-email:hover{text-decoration:underline;text-underline-offset:4px}
.mnk116-contact-note{font-size:12px;color:#b2c4cf;line-height:1.55;margin-top:8px}
.mnk116-legalbar{border-top:1px solid rgba(240,243,245,.18);padding-top:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#afc3d0;font-size:10px;font-weight:600;letter-spacing:.105em}
.mnk116-legalbar nav{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,30px)}.mnk116-legalbar nav a:hover{color:#fff}
.mnk116-bottom-top{justify-self:end;background:none;border:0;color:#afc3d0;cursor:pointer;letter-spacing:.1em;font-size:10px!important;padding:6px 0}.mnk116-bottom-top:hover{color:#fff}
@media(max-width:1000px){.mnk116-floor-main{grid-template-columns:1fr 1.2fr;gap:35px 45px}.mnk116-reach{grid-column:2}.mnk116-legalbar{grid-template-columns:1fr auto}.mnk116-bottom-top{grid-column:2}.mnk116-legalbar nav{grid-column:1;grid-row:2}.mnk116-brand-link{margin-top:-11px}}
@media(max-width:700px){.mnk55-footer .mnk79-floor{padding:24px 22px 26px}.mnk116-floor-main{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.mnk116-brand-link{width:136px;height:100px;margin:-11px 0 4px -4px}.mnk116-brand p{margin-bottom:14px;font-size:18px}.mnk116-footer-nav,.mnk116-reach{padding-top:20px;border-top:1px solid rgba(240,243,245,.13);gap:21px}.mnk116-nav-columns{gap:14px 18px}.mnk116-nav-columns a{font-size:16px}.mnk116-reach{grid-column:auto}.mnk116-whatsapp{max-width:none}.mnk116-legalbar{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-top:20px}.mnk116-legalbar nav{order:3;flex:0 0 100%;gap:22px}.mnk116-bottom-top{order:2}.mnk116-contact-note{margin-top:0}}
@media(prefers-reduced-motion:reduce){.mnk116-brand-link,.mnk116-whatsapp,.mnk116-nav-columns a,.mnk116-nav-columns a span{transition:none!important}}


/* v138 — Keep the complete Dubai skyline (including Burj Khalifa spire).
   The old negative canvas margin pulled the top of the tower above the
   overflow-clipped cityscape, while the JS drew a cover-cropped SVG. */
.mnk55-footer .mnk79-cityscape{
  margin-top:clamp(-22px,-1.2vw,-8px);
  overflow:hidden;
}
.mnk55-footer .mnk79-city-topline{
  position:absolute;
  top:0;
  left:0;
  right:0;
  padding-top:clamp(22px,3.5vw,54px);
}
.mnk55-footer .mnk55-code{
  margin-top:0;
  height:min(calc(56.25vw + 44px),920px);
  min-height:0;
}
.mnk55-footer .mnk55-code-fallback{
  mask:url('/assets/mnk55/dubai-skyline.svg') center bottom/contain no-repeat;
  -webkit-mask:url('/assets/mnk55/dubai-skyline.svg') center bottom/contain no-repeat;
}
@media(max-width:1100px){
  .mnk55-footer .mnk79-cityscape{margin-top:0}
  .mnk55-footer .mnk55-code{
    margin-top:0;
    height:calc(56.25vw + 35px);
    min-height:0;
  }
}
@media(max-width:700px){
  .mnk55-footer .mnk79-cityscape{margin-top:24px}
  .mnk55-footer .mnk79-city-topline{padding:8px 22px 0}
  .mnk55-footer .mnk55-code{
    margin-top:0;
    height:calc(56.25vw + 28px);
    min-height:0;
  }
  .mnk55-footer .mnk79-city-hint{padding:0 22px 8px}
}

/* Keep the interaction hint out of the architecture's lower silhouette. */
.mnk55-footer .mnk79-city-hint{
  position:relative;
  right:auto;
  bottom:auto;
  display:block;
  text-align:right;
  padding:0 clamp(22px,4.5vw,88px) 9px;
}


/* v139 — Restore the v137 skyline-to-footer handoff without re-clipping the
   complete Burj Khalifa artwork corrected in v138. Preserve the lower logo,
   Explore and Let's Talk composition exactly as it was. */
@media(min-width:1101px){
  .mnk55-footer .mnk79-cityscape{
    margin-top:clamp(-65px,-4vw,-24px);
  }
}
.mnk55-footer .mnk79-city-hint{
  position:absolute;
  z-index:3;
  right:clamp(22px,4.5vw,88px);
  bottom:18px;
  left:auto;
  display:block;
  width:auto;
  padding:0;
  font-size:10px;
  text-align:right;
  pointer-events:none;
}
@media(max-width:700px){
  .mnk55-footer .mnk79-city-hint{
    right:22px;
    bottom:5px;
    padding:0;
    font-size:9px;
  }
}

/* MNK v140 — lock the exact screenshot's lower footer composition.
   Keep the skyline visually attached to the original navy footer, with the
   large logo aligned left and the Explore / Let's Talk columns untouched.
   The v138 no-crop canvas and original footer interactions are preserved. */
.mnk55-footer .mnk79-cityscape{margin-bottom:0!important}
@media(min-width:1101px){
  .mnk55-footer .mnk79-floor{padding-top:44px}
}


/* v141 — Full-bleed skyline and original footer handoff, without a second panel.
   Match the SVG's 16:9 source aspect ratio instead of letterboxing it inside
   the 920px-limited canvas. The Burj spire is never cropped. */
@media (min-width: 701px) {
  .mnk55-footer .mnk55-code {
    width: 100%;
    height: 56.25vw;
    max-height: none;
    min-height: 0;
    margin-top: 0;
  }
  .mnk55-footer .mnk55-code-fallback {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}
/* Continue the same background under the skyline, no separate strip. */
.mnk55-footer .mnk79-floor { background: transparent !important; }

@media (max-width:700px) {
  .mnk55-footer .mnk55-code { height: 56.25vw; min-height: 0; margin-top: 0; }
  .mnk55-footer .mnk79-city-hint {
    top: 8px;
    bottom: auto;
    right: 22px;
    left: auto;
    color: #e8f2f7;
    font-size: 9px;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
  }
}

@media (min-width:701px) {
  /* Preserve the prominent original MNK monogram rather than a small footer icon. */
  .mnk55-footer .mnk116-brand-link {
    width: clamp(190px, 12.5vw, 230px);
    height: clamp(133px, 8.9vw, 158px);
    margin: -19px 0 6px -5px;
  }
}


/* MNK v142 — original large skyline meeting the logo footer on one line.
   The source had a 68-unit full-width rectangular base under the buildings;
   the display-only SVG trims that base and unused side margins. No stretching
   or cover-cropping of the Burj Khalifa. The code-character renderer, palette
   changes, hover interactions and footer content remain untouched. */
.mnk55-footer .mnk79-cityscape {
  position: relative;
  margin-top: clamp(-100px,-5.25vw,-35px);
  margin-bottom: 0 !important;
  overflow: visible;
  background: transparent !important;
}
.mnk55-footer .mnk55-code {
  height: calc(100vw * 741.75 / 1120);
  width: 100%;
  max-height: none;
  min-height: 0;
  margin-top: 0;
  background: transparent !important;
  overflow: hidden;
}
.mnk55-footer .mnk55-code-fallback {
  mask: url('/assets/mnk55/dubai-skyline-baseline.svg') center bottom / 100% 100% no-repeat;
  -webkit-mask: url('/assets/mnk55/dubai-skyline-baseline.svg') center bottom / 100% 100% no-repeat;
}
/* The only visible separator is a hairline exactly at the building bases. */
.mnk55-footer .mnk79-cityscape::after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  pointer-events: none;
  background: rgba(180,205,220,.28);
}
.mnk55-footer .mnk79-city-hint {
  position: absolute;
  z-index: 3;
  right: clamp(22px,4.5vw,88px);
  bottom: 12px;
  top: auto;
  padding: 0;
}
.mnk55-footer .mnk79-floor {
  position: relative;
  z-index: 3;
  margin-top: 0;
  padding-top: clamp(14px,2vw,32px);
  background: transparent !important;
}
@media(max-width:1100px){
  .mnk55-footer .mnk79-cityscape { margin-top: -30px; }
}
@media(max-width:700px){
  .mnk55-footer .mnk79-cityscape { margin-top: 12px; }
  .mnk55-footer .mnk55-code {
    height: calc(100vw * 741.75 / 1120);
    margin-top: 0;
    min-height: 0;
  }
  .mnk55-footer .mnk79-city-hint { right: 22px; bottom: 8px; top:auto; }
  .mnk55-footer .mnk79-floor { padding-top: 20px; }
}

/* Small screens: keep the interaction instruction above the buildings, not over the code art. */
@media(max-width:700px){
  .mnk55-footer .mnk79-city-hint{
    top: 12px;bottom: auto;right: 22px;font-size: 8px;
    letter-spacing: .08em;
  }
}


/* MNK v143: slightly enlarged code skyline with intact spire and a character baseline.
   The bottom boundary is drawn by the SAME canvas code glyphs, not a CSS rule.
   The additional SVG viewBox headroom prevents the very fine Khalifa spire from
   touching the upper frame when the skyline is viewed at full height. */
.mnk55-footer .mnk55-code {
  width: 100%;
  height: calc(100vw * 759.75 / 1060);
  min-height: 0;
  max-height: none;
  margin-top: 0;
}
.mnk55-footer .mnk79-cityscape::after { content: none !important; display: none !important; }
.mnk55-footer .mnk55-code-fallback {
  mask: url('/assets/mnk55/dubai-skyline-baseline.svg') center bottom / 100% 100% no-repeat;
  -webkit-mask: url('/assets/mnk55/dubai-skyline-baseline.svg') center bottom / 100% 100% no-repeat;
}
@media (max-width:700px) {
  .mnk55-footer .mnk55-code { height: calc(100vw * 759.75 / 1060); }
}


/* MNK v161 | Categorized links without changing the original footer shell,
   interactive code skyline, logo position, or headline composition. */
.mnk55-footer .mnk116-floor-main {
  grid-template-columns: minmax(186px, 1.05fr) minmax(360px, 1.52fr) minmax(210px, .92fr);
  gap: clamp(24px, 3.6vw, 70px);
}
.mnk55-footer .mnk161-navigation {
  display: grid;
  grid-template-columns: minmax(0, .83fr) minmax(0, 1.35fr);
  gap: clamp(20px, 2.7vw, 48px);
  align-items: start;
  min-width: 0;
}
.mnk55-footer .mnk161-link-group { display:flex; flex-direction:column; gap:22px; min-width:0; }
.mnk55-footer .mnk161-link-group .mnk116-nav-columns {
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.mnk55-footer .mnk161-link-group .mnk116-nav-columns a {
  width:fit-content;
  max-width:100%;
  font-size:clamp(13px, 1.04vw, 16px);
  line-height:1.5;
}
.mnk55-footer .mnk161-link-group .mnk116-nav-columns a span { flex-shrink:0; font-size:11px; }
.mnk55-footer .mnk161-contact { min-width:0; gap:13px; }
.mnk55-footer .mnk161-contact .mnk116-whatsapp {
  margin: 5px 0 6px;
  font-size:clamp(14px,1.12vw,18px);
  max-width:none;
}
.mnk55-footer .mnk161-phone,
.mnk55-footer .mnk161-place { font-size:clamp(13px,1.03vw,16px); line-height:1.5; }
.mnk55-footer .mnk161-phone { width:fit-content; }
.mnk55-footer .mnk161-phone:hover { text-decoration:underline; text-underline-offset:4px; }
.mnk55-footer .mnk161-place { color:#edf5fa; }
.mnk55-footer .mnk161-contact .mnk116-contact-note { max-width:245px; margin-top:0; }
@media (max-width:1100px) {
  .mnk55-footer .mnk116-floor-main { grid-template-columns:minmax(175px,.85fr) minmax(320px,1.45fr); gap:32px 42px; }
  .mnk55-footer .mnk161-contact { grid-column:2; }
}
@media (max-width:700px) {
  .mnk55-footer .mnk116-floor-main { grid-template-columns:minmax(0,1fr); gap:27px; }
  .mnk55-footer .mnk161-navigation { grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr); gap:18px; }
  .mnk55-footer .mnk161-link-group { gap:16px; }
  .mnk55-footer .mnk161-link-group .mnk116-nav-columns { gap:12px; }
  .mnk55-footer .mnk161-link-group .mnk116-nav-columns a { font-size:14px; line-height:1.46; }
  .mnk55-footer .mnk161-contact { grid-column:auto; }
  .mnk55-footer .mnk161-contact .mnk116-whatsapp { font-size:17px; }
  .mnk55-footer .mnk161-contact .mnk116-contact-note { max-width:330px; }
}
@media (max-width:360px) {
  .mnk55-footer .mnk161-navigation { gap:13px; }
  .mnk55-footer .mnk161-link-group .mnk116-nav-columns a { font-size:13px; }
}

/* v162: understated legal disclaimer below the existing legal bar.
   Kept within the existing floor container; skyline, spacing systems and
   animations are otherwise unchanged. */
.mnk55-footer .mnk162-disclaimer {
  width:100%;max-width:1050px;
  margin:16px 0 0;padding:18px 0 0;
  border-top:1px solid rgba(240,243,245,.12);
  color:#b5c5ce;font-size:clamp(11px,.78vw,12px);
  font-weight:400;line-height:1.65;letter-spacing:0;
}
@media(max-width:700px){
  .mnk55-footer .mnk162-disclaimer{margin-top:14px;padding-top:16px;font-size:11px;line-height:1.7}
}
/* Static footer fallback where JavaScript is disabled. */
footer.footer .mnk162-disclaimer-fallback{
  box-sizing:border-box;position:relative;z-index:5;
  width:calc(100% - 44px);max-width:1750px;
  margin:0 auto;padding:16px 0 20px;
  border-top:1px solid rgba(240,243,245,.12);
  color:#b5c5ce;font:400 12px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}