/* ===== SIDEBAR (DESKTOP) ===== */
  .inka-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 450px;
    height: 100vh;
    background: #ffffff;
    border-right: 1px solid #000;
    padding: 20px 0 30px;
    box-sizing: border-box;
    z-index: 9999;
    font-family: "Beirut", sans-serif;
    overflow-y: auto;
  }

  /* ===== MAIN CONTENT SPACING ===== */
  @media (min-width: 768px) {
    body:not(.sqs-edit-mode) #siteWrapper,
    body:not(.sqs-edit-mode) .site-wrapper {
      padding-left: 55px !important;
    }
  }

  /* ===== MARQUEE ON TOP (SMOOTH LOOP) ===== */
  .inka-marquee {

    overflow: hidden;
    width: 100%;
    padding: 8px 0;
  }

  .inka-marquee-track {
    display: inline-flex;
    will-change: transform;
    animation: inkaMarquee 22s linear infinite;
  }

  .inka-marquee-group {
    display: inline-flex;
    padding-left: 24px;
  }

  .inka-marquee-group span {
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: "Beirut", sans-serif;
    color: #000;
    margin-right: 40px;
    white-space: nowrap;
  }

  @keyframes inkaMarquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  /* ===== SIDEBAR BRAND (MOVED DOWN) ===== */
  .inka-sidebar-brand {
    font-family: "Tenor Sans", serif;
    font-size: 50px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.01em;
    padding-left: 20px;
    margin: 70px 0 32px;
  }

  .inka-sidebar-brand a {
    color: #000;
    text-decoration: none;
  }
.inka-sidebar-brand a:hover{ transform: translateX(3px);
    transition: 0.2s ease;
    color: #0047FF;}
    
  .inka-sidebar-brand span {
    display: block;
  }

  /* ===== MENU LIST ===== */
  .inka-sidebar-nav {
    margin-top: 0;
  }

  .inka-sidebar-nav a {
    display: block;
    border-top: 1px solid #000;
    color: #000;
    font-size: 20px;
    letter-spacing: 0.02em;
    font-family: "Beirut", sans-serif;
    font-weight: 400;
    text-decoration: none;
    position: relative;
  }

  .inka-sidebar-nav a:last-child {
    border-bottom: 1px solid #000;
  }

  .inka-sidebar-nav a span {
    display: block;
    padding: 18px 24px;
  }

  .inka-sidebar-nav a:hover span {
    transform: translateX(3px);
    transition: 0.2s ease;
    color: #0047FF;
  }

  /* ===== HAMBURGER BUTTON (MOBILE) ===== */
  .inka-hamburger {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    z-index: 10000;
    background: #ffffff;
    border: 1px solid #000;
    border-radius: 9999px;
    padding: 8px;
    cursor: pointer;
    display: none;
    box-sizing: border-box;
  }

  .inka-hamburger span {
    display: block;
    height: 2px;
    margin-bottom: 5px;
    background: #000;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .inka-hamburger span:last-child {
    margin-bottom: 0;
  }

  .inka-hamburger.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .inka-hamburger.is-open span:nth-child(2) {
    opacity: 0;
  }

  .inka-hamburger.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* ===== MOBILE SIDEBAR ===== */
  @media (max-width: 767px) {
    .inka-hamburger {
      display: block;
    }

    .inka-sidebar {
      width: 100%;
      height: 100vh;
      padding: 20px 24px;
      transform: translateX(-100%);
      transition: transform 0.3s ease;
      border-right: none;
      border-bottom: 1px solid #000;
    }

    .inka-sidebar.is-open {
      transform: translateX(0);
    }

    .inka-sidebar-brand {
      margin: 40px 0 24px;
    }

    .inka-sidebar-nav a span {
      padding: 14px 0;
      font-size: 18px;
    }

    .inka-marquee-group span {
      font-size: 10px;
      letter-spacing: 0.18em;
    }

    body:not(.sqs-edit-mode) #siteWrapper,
    body:not(.sqs-edit-mode) .site-wrapper {
      padding-left: 0 !important;
    }
  }

:root{--portfolio-sidebar:clamp(240px,23vw,360px)}
.inka-sidebar{width:var(--portfolio-sidebar)}
body #header,body .header-announcement-bar-wrapper{display:none!important}
@media(min-width:768px){
 body:not(.sqs-edit-mode) #siteWrapper,body:not(.sqs-edit-mode) .site-wrapper{padding-left:0!important;margin-left:var(--portfolio-sidebar)!important;width:calc(100% - var(--portfolio-sidebar))!important}
 #page{container-type:inline-size}
 .fluid-engine{--container-width:min(var(--sqs-site-max-width,1500px),calc(100cqw - var(--sqs-site-gutter,4vw)*2))!important}
}
@media(max-width:767px){
 .inka-sidebar{width:100%}
 body #siteWrapper{margin-left:0!important;width:100%!important}
 .inka-sidebar:not(.is-open){visibility:hidden}
 .inka-sidebar.is-open{visibility:visible}
}
@media(prefers-reduced-motion:reduce){.inka-marquee-track{animation:none}}
body .inka-sidebar{width:var(--portfolio-sidebar)}
@media(max-width:767px){body .inka-sidebar{width:100%}}
/* These original pages already reserve sidebar space in their own grids. */
@media(min-width:768px){
 body.legacy-sidebar-page:not(.sqs-edit-mode) #siteWrapper{margin-left:0!important;width:100%!important;padding-left:0!important}
 body.legacy-sidebar-page #page{container-type:normal}
 body.legacy-sidebar-page .fluid-engine{--container-width:min(var(--sqs-site-max-width,1500px),calc(100vw - var(--sqs-site-gutter,4vw)*2))!important}
 /* The work index is a simple grid: fit it directly into the available area. */
 body.legacy-sidebar-page:has(.inka-grid) .fluid-engine{display:block!important;margin-left:var(--portfolio-sidebar);padding:40px 3vw}
 body.legacy-sidebar-page:has(.inka-grid) .inka-grid{width:100%;max-width:none}
}
body .inka-sidebar{display:flex;flex-direction:column;padding-bottom:0}
.inka-sidebar>.inka-marquee,.inka-sidebar>.inka-sidebar-brand,.inka-sidebar>.inka-sidebar-nav{flex-shrink:0}
.sidebar-reel-area{flex:1;min-height:150px;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.sidebar-reel{display:block;width:min(100%,260px);aspect-ratio:16/9;height:auto;border:0;background:#fff}
@media(max-height:700px){.sidebar-reel-area{min-height:125px;padding:16px 24px}.sidebar-reel{max-width:200px}}
@media(max-height:850px){.sidebar-reel-area{min-height:125px;padding:12px 24px}.sidebar-reel{width:180px;max-width:100%}}
/* Override the older sidebar rules embedded in the imported pages. */
body .inka-sidebar .inka-sidebar-brand{margin-bottom:70px!important}
@media(max-width:767px){body .inka-sidebar .inka-sidebar-brand{margin-bottom:40px!important}}
body .inka-sidebar .inka-sidebar-nav{margin-top:0!important}
/* Keep the nine-project desktop index within the available screen height. */
@media(min-width:768px){
 body.legacy-sidebar-page:has(.inka-grid) #page .page-section,
 body.legacy-sidebar-page:has(.inka-grid) #page .content-wrapper{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
 body.legacy-sidebar-page:has(.inka-grid) .fluid-engine{padding:24px 3vw!important}
 body.legacy-sidebar-page:has(.inka-grid) .inka-grid{width:100%;max-width:calc(100svh - 48px);margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body.legacy-sidebar-page:has(.inka-grid) .inka-overlay{font-size:clamp(13px,1.25vw,19px)}
}
@media(min-width:768px){body.legacy-sidebar-page:has(.inka-grid) #page section.page-section:last-child{padding-bottom:0!important}body.legacy-sidebar-page:has(.inka-grid) .inka-grid{max-width:calc(100svh - 50px)}}