@charset "UTF-8";

/* ==========================================================
   MEGO — RESPONSIVE LAYER
   Loaded after every page stylesheet. Desktop values above
   1100px stay untouched.
========================================================== */

html,
body.mego-page {
  max-width: 100%;
  overflow-x: clip;
}

body.mego-page main,
body.mego-page section,
body.mego-page article,
body.mego-page figure,
body.mego-page div {
  min-width: 0;
}

body.mego-page main img,
body.mego-page main video,
body.mego-page main svg,
body.mego-page main canvas {
  max-width: 100%;
}

.prod-video-card video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobile has its own copy treatment; desktop/tablet keep the original hero. */
.home-page .hero-title-mobile {
  display: none;
}

.home-page .about-label-mobile {
  display: none;
}

.logos-mobile-list {
  display: none;
}

@supports not (overflow: clip) {
  html,
  body.mego-page {
    overflow-x: hidden;
  }
}

/* ==========================================================
   TABLET — 761 / 1100
========================================================== */

@media (min-width: 761px) and (max-width: 1100px) {
  :root {
    --mego-tablet-gutter: 36px;
  }

  body.mego-page.mego-page .site-header:not(.hero),
  body.soul-page.mego-page.mego-page .site-header.hero,
  body.panda-page.mego-page.mego-page .site-header.hero,
  body.home-page.logos-page.mego-page .logos-header.hero {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
  }

  body.mego-page.mego-page .site-header > .hero-logo {
    top: 29px !important;
    left: var(--mego-tablet-gutter) !important;
    width: 126px !important;
    max-width: 126px !important;
  }

  body.mego-page.mego-page .menu-button {
    top: 37px !important;
    right: var(--mego-tablet-gutter) !important;
    width: 36px !important;
    height: 28px !important;
  }

  body.mego-page.mego-page .menu-button span {
    height: 5px !important;
    flex: 0 0 5px !important;
  }

  /* Logolar sayfasındaki eski yüksek özgüllüklü ölçüleri ortak header ile eşitle. */
  body.home-page.logos-page.mego-page .logos-header.site-header > .hero-logo {
    top: 29px !important;
    left: var(--mego-tablet-gutter) !important;
    width: 126px !important;
    max-width: 126px !important;
  }

  body.home-page.logos-page.mego-page .logos-header.site-header > .menu-button {
    top: 37px !important;
    right: var(--mego-tablet-gutter) !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }

  body.home-page.logos-page.mego-page .logos-header.site-header > .menu-button span {
    height: 5px !important;
    flex: 0 0 5px !important;
  }

  body.mego-page.mego-page .menu-panel {
    width: 64vw !important;
    min-width: 64vw !important;
    max-width: 64vw !important;
  }

  body.mego-page.mego-page .menu-close {
    top: 37px !important;
    right: var(--mego-tablet-gutter) !important;
    width: 36px !important;
    height: 28px !important;
  }

  body.mego-page.mego-page .drawer-nav {
    top: 10% !important;
    left: 7% !important;
    gap: 12px !important;
  }

  body.mego-page.mego-page .drawer-nav a {
    font-size: clamp(43px, 5.8vw, 58px) !important;
  }

  body.mego-page.mego-page .menu-brand-group {
    left: 7% !important;
    bottom: 6% !important;
  }

  body.mego-page.mego-page .menu-social-wrap {
    right: 7% !important;
    bottom: 6% !important;
  }

  body.mego-page.mego-page .menu-social-wrap > a {
    width: 38px !important;
    height: 38px !important;
  }

  body.mego-page.mego-page .site-footer {
    min-height: 220px !important;
    padding: 38px var(--mego-tablet-gutter) !important;
    gap: 22px !important;
  }

  body.mego-page.mego-page .footer-social {
    width: 42px !important;
    height: 42px !important;
  }

  body.mego-page.mego-page .footer-brand-logo {
    width: 145px !important;
    max-width: 145px !important;
  }

  body.mego-page.mego-page .footer-info p {
    font-size: 14px !important;
  }

  body.mego-page.mego-page .footer-menu a {
    font-size: clamp(27px, 3.4vw, 34px) !important;
  }

  body.mego-page .case-meta,
  .soul-page .soul-case-hero,
  .soul-page .soul-manifesto,
  .soul-page .soul-case-identity,
  .soul-page .soul-process,
  .soul-page .soul-visual-language,
  .soul-page .soul-case-gallery,
  .soul-page .soul-energy-showcase,
  .dog-page .dog-meta,
  .dog-page .dog-breeds,
  .dog-page .dog-logo-system,
  .dog-page .dog-intro,
  .dog-page .dog-illustration-strip,
  .dog-page .dog-products,
  .dog-page .dog-forest-grid,
  .cius-page .cius-meta,
  .cius-page .cius-hero,
  .cius-page .cius-material,
  .cius-page .cius-logos,
  .cius-page .cius-story,
  .cius-page .cius-palettes,
  .cius-page .cius-brand-palette,
  .cius-page .cius-badges,
  .cius-page .cius-gallery,
  .panda-page .panda-meta,
  .panda-page .panda-hero-case,
  .panda-page .panda-story,
  .panda-page .panda-before-after,
  .panda-page .panda-mobile-showcase,
  .panda-page .panda-expressions,
  .panda-page .panda-sketch,
  .panda-page .panda-products,
  .panda-page .panda-appstore,
  .production-page .prod-hero-video,
  .production-page .prod-intro,
  .production-page .prod-discipline-marquee,
  .production-page .prod-video-grid,
  .production-page .prod-services,
  .production-page .prod-ai-head,
  .production-page .prod-ai-grid {
    width: calc(100% - (var(--mego-tablet-gutter) * 2)) !important;
    max-width: none !important;
  }

  /* Home */
  body.home-page:not(.logos-page) .site-header.hero {
    min-height: 630px !important;
    height: 630px !important;
    max-height: none !important;
  }

  .home-page .hero-raven {
    top: 175px !important;
    left: 1vw !important;
    width: min(48vw, 500px) !important;
  }

  .home-page .hero-copy {
    top: 178px !important;
    right: var(--mego-tablet-gutter) !important;
    width: min(72vw, 720px) !important;
  }

  .home-page .hero-title-line {
    font-size: clamp(50px, 7.15vw, 72px) !important;
  }

  .home-page .projects,
  .home-page .clients,
  .home-page .about {
    margin-inline: var(--mego-tablet-gutter) !important;
  }

  .home-page .projects {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-page .about,
  .home-page .about-content {
    min-height: 580px !important;
  }

  .home-page .about-content {
    width: 62% !important;
    padding-left: 34px !important;
  }

  .home-page .about-content h2 {
    font-size: clamp(52px, 7vw, 68px) !important;
  }

  .home-page .about-content p {
    font-size: 16px !important;
  }

  .home-page .idea-section {
    width: calc(100% - (var(--mego-tablet-gutter) * 2)) !important;
    column-gap: 34px !important;
    padding: 72px 0 !important;
  }

  .home-page .idea-script {
    font-size: clamp(78px, 11vw, 118px) !important;
  }

  .home-page .idea-yeter {
    font-size: clamp(104px, 14vw, 150px) !important;
  }

  .home-page .idea-right h2 {
    font-size: clamp(48px, 6.4vw, 66px) !important;
  }

  /* Contact */
  .contact-page .contact-hero {
    width: calc(100% - (var(--mego-tablet-gutter) * 2)) !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    gap: 42px !important;
  }

  .contact-page-intro,
  .contact-page .contact-form {
    transform: none !important;
  }

  .contact-page-intro h1 {
    margin: 0 !important;
    font-size: clamp(94px, 13vw, 132px) !important;
  }

  .contact-script {
    width: auto !important;
    margin-top: 36px !important;
    font-size: clamp(56px, 7.5vw, 76px) !important;
  }

  .contact-page-intro p {
    width: 100% !important;
    max-width: 520px !important;
    margin-top: 38px !important;
    transform: none !important;
    font-size: 18px !important;
  }

  .contact-page .contact-field input:not([type="hidden"]),
  .contact-page .contact-field textarea,
  .contact-page .budget-dropdown {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .contact-page .contact-submit {
    margin-right: 0 !important;
  }

  /* About */
  .about-detail-page .about-shell {
    width: calc(100% - (var(--mego-tablet-gutter) * 2)) !important;
  }

  .about-detail-page .about-intro {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
    gap: 42px !important;
  }

  .about-detail-page .about-does {
    grid-template-columns: .9fr 1.1fr !important;
    gap: 28px !important;
  }

  .about-detail-page .about-does-photo {
    min-height: 420px !important;
  }

  .about-detail-page .about-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .about-detail-page .about-cta {
    width: calc(100% - (var(--mego-tablet-gutter) * 2)) !important;
    column-gap: 38px !important;
  }

  .about-detail-page .about-cta-small {
    font-size: clamp(72px, 10vw, 104px) !important;
  }

  .about-detail-page .about-cta-title strong {
    font-size: clamp(96px, 13vw, 138px) !important;
  }

  .about-detail-page .about-cta-copy h2 {
    font-size: clamp(48px, 6.5vw, 66px) !important;
  }

  /* Production */
  .production-page .prod-hero-video {
    height: clamp(420px, 58vw, 620px) !important;
  }

  .production-page .prod-intro {
    gap: 42px !important;
  }

  .production-page .prod-video-grid {
    margin-top: 92px !important;
  }

  .production-page .prod-video-card,
  .production-page .prod-video-card-center {
    height: clamp(430px, 58vw, 590px) !important;
  }

  .production-page .prod-services {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr) !important;
    gap: 38px !important;
  }

  .production-page .prod-services-list {
    width: 100% !important;
  }

  .production-page .prod-ai-grid {
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .production-page .prod-ai-grid > .ai-box {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
  }

  /* Soul Monkey */
  .soul-page .soul-case-main-logo {
    margin-bottom: -40px !important;
  }

  .soul-page .soul-case-main-logo img,
  .soul-page .soul-case-boards img {
    width: min(100%, 760px) !important;
    max-width: 100% !important;
  }

  .soul-page .soul-manifesto-copy {
    width: 66% !important;
    padding-left: 24px !important;
  }

  .soul-page .soul-manifesto-mascot {
    top: -120px !important;
  }

  .soul-page .soul-logo-system {
    transform: none !important;
  }

  .soul-page .soul-horizontal-logo {
    margin-top: 20px !important;
  }

  .soul-page .soul-case-identity img,
  .soul-page .soul-logo-box-script img,
  .soul-page .soul-logo-system .soul-logo-box:nth-child(2) {
    transform: none !important;
  }

  .soul-page .soul-problem-inner {
    width: calc(100% - (var(--mego-tablet-gutter) * 2)) !important;
    grid-template-columns: 1fr 1fr !important;
  }

  /* Dogfolk */
  .dog-page .dog-hero-logo {
    width: min(55vw, 560px) !important;
  }

  .dog-page .dog-logo-system {
    gap: 28px !important;
  }

  .dog-page .dog-intro-text {
    width: 52% !important;
    padding: 52px 36px !important;
  }

  .dog-page .dog-product-copy {
    gap: 30px !important;
    padding-inline: 0 !important;
  }

  /* Cius */
  .cius-page .cius-logos {
    column-gap: 30px !important;
  }

  .cius-page .cius-story-copy {
    padding-left: 0 !important;
    transform: none !important;
  }

  .cius-page .cius-palettes {
    gap: 22px !important;
    padding-inline: 24px !important;
  }

  .cius-page .cius-brand-palette {
    height: 310px !important;
  }

  .cius-page .cius-brand-color {
    min-height: 310px !important;
    padding: 18px !important;
  }

  .cius-page .cius-badges {
    gap: 35px !important;
    padding: 50px 36px !important;
  }

  /* Panda */
  .panda-page .panda-hero-logo {
    left: 8% !important;
    width: min(38vw, 370px) !important;
  }

  .panda-page .panda-story {
    gap: 42px !important;
  }

  .panda-page .panda-before-after-labels span:first-child,
  .panda-page .panda-before-after-labels span:last-child {
    transform: none !important;
  }

  /* Logos / Works */
  .home-page.logos-page .logos-main {
    padding: 26px var(--mego-tablet-gutter) 60px !important;
  }
}

/* Compact portrait tablets */
@media (min-width: 761px) and (max-width: 900px) {
  .contact-page .contact-hero,
  .about-detail-page .about-intro,
  .about-detail-page .about-does,
  .about-detail-page .about-cta,
  .production-page .prod-intro,
  .production-page .prod-services,
  .soul-page .soul-problem-inner,
  .panda-page .panda-story {
    grid-template-columns: 1fr !important;
  }

  .contact-page .contact-hero {
    padding-bottom: 70px !important;
  }

  .contact-page-intro {
    align-items: flex-start !important;
  }

  .contact-page-intro h1,
  .contact-page-intro h1 span,
  .contact-script {
    text-align: left !important;
  }

  .contact-script,
  .contact-page-intro p {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .about-detail-page .about-does-photo {
    min-height: 460px !important;
  }

  .about-detail-page .about-cta-title {
    align-items: flex-start !important;
  }

  .production-page .prod-services-list {
    margin-top: 16px !important;
  }

  .soul-page .soul-manifesto-copy {
    width: 72% !important;
  }

  .cius-page .cius-story {
    height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .cius-page .cius-story-image {
    height: 430px !important;
  }
}

/* ==========================================================
   MOBILE — 760 AND DOWN
========================================================== */

@media (max-width: 760px) {
  :root {
    --mego-mobile-gutter: 20px;
    --mego-mobile-display-title: clamp(38px, 10.7vw, 81px);
    --mego-mobile-section-title: clamp(36px, 9.2vw, 70px);
    --mego-mobile-body-size: 16px;
    --mego-mobile-button-width: 120px;
    --mego-mobile-button-height: 36px;
    --mego-mobile-button-size: 15px;
  }

  body.mego-page.mego-page .site-header,
  body.mego-page.mego-page .site-header:not(.hero),
  body.home-page.logos-page.mego-page .logos-header.hero {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    overflow: visible !important;
  }

  body.mego-page.mego-page .site-header > .hero-logo {
    top: 5.2vw !important;
    left: 4.7vw !important;
    width: 15vw !important;
    max-width: 114px !important;
  }

  body.mego-page.mego-page .menu-button {
    top: 6.7vw !important;
    right: 6.7vw !important;
    width: 5.4vw !important;
    min-width: 21px !important;
    max-width: 41px !important;
    height: 4.2vw !important;
    min-height: 17px !important;
    max-height: 32px !important;
    overflow: visible !important;
  }

  body.mego-page.mego-page .menu-button::before,
  body.mego-page.mego-page .menu-close::before {
    content: "" !important;
    position: absolute !important;
    inset: -11px !important;
  }

  body.mego-page.mego-page .menu-button span {
    height: clamp(3px, .65vw, 5px) !important;
    flex: 0 0 clamp(3px, .65vw, 5px) !important;
  }

  /* Logolar sayfasında logo ve hamburger de diğer tüm mobil sayfalarla aynı. */
  body.home-page.logos-page.mego-page .logos-header.site-header > .hero-logo {
    top: 5.2vw !important;
    left: 4.7vw !important;
    width: 15vw !important;
    max-width: 114px !important;
  }

  body.home-page.logos-page.mego-page .logos-header.site-header > .menu-button {
    top: 6.7vw !important;
    right: 6.7vw !important;
    width: 5.4vw !important;
    min-width: 21px !important;
    max-width: 41px !important;
    height: 4.2vw !important;
    min-height: 17px !important;
    max-height: 32px !important;
  }

  body.home-page.logos-page.mego-page .logos-header.site-header > .menu-button span {
    height: clamp(3px, .65vw, 5px) !important;
    flex: 0 0 clamp(3px, .65vw, 5px) !important;
  }

  body.mego-page.mego-page .menu-panel {
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

body.mego-page.mego-page .menu-close {
  top: 27px !important;
  right: var(--mego-mobile-gutter) !important;
  width: 26px !important;
  height: 26px !important;
}

body.mego-page.mego-page .menu-close span {
  height: 5px !important;
}

  body.mego-page.mego-page .drawer-nav {
    top: 82px !important;
    left: 24px !important;
    right: 24px !important;
    gap: 11px !important;
  }

  body.mego-page.mego-page .drawer-nav a {
    font-size: clamp(34px, 10.4vw, 42px) !important;
    line-height: .96 !important;
  }

body.mego-page.mego-page .menu-brand-group {
  left: 24px !important;
  bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  width: 118px !important;
}

  body.mego-page.mego-page .menu-brand-group .menu-heritage {
    width: 104px !important;
    max-width: 104px !important;
  }

  body.mego-page.mego-page .menu-brand-group .menu-studio-logo {
    width: 110px !important;
    max-width: 110px !important;
  }

body.mego-page.mego-page .menu-social-wrap {
  right: 24px !important;
  bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  gap: 5px !important;
}

  body.mego-page.mego-page .menu-social-wrap > a {
    width: 38px !important;
    height: 38px !important;
  }

  /* Mobile footer: no fixed crop and no inherited scale. */
  body.home-page.mego-page.mego-page .site-footer,
  body.mego-page.mego-page .site-footer {
    width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px var(--mego-mobile-gutter)
      calc(20px + env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    grid-template-areas: "brand social" !important;
    align-items: center !important;
    column-gap: 16px !important;
    overflow: visible !important;
    border-top-width: 1px !important;
  }

  body.mego-page.mego-page .footer-brand,
  body.mego-page.mego-page .footer-center {
    transform: none !important;
  }

  body.mego-page.mego-page .footer-brand {
    grid-area: brand !important;
    width: 138px !important;
    max-width: 138px !important;
    justify-self: center !important;
    align-self: center !important;
    transform: translateX(8px) !important;
  }

  body.mego-page.mego-page .footer-brand-logo {
    width: 138px !important;
    max-width: 138px !important;
  }

  body.mego-page.mego-page .footer-center {
    grid-area: social !important;
    width: 100% !important;
    justify-self: stretch !important;
    align-self: center !important;
    align-items: flex-start !important;
  }

  body.mego-page.mego-page .footer-socials {
    gap: 5px !important;
    margin: 0 0 9px !important;
  }

  body.mego-page.mego-page .footer-social {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex: 0 0 30px !important;
  }

  body.mego-page.mego-page .footer-info {
    width: 100% !important;
  }

  body.mego-page.mego-page .footer-info p {
    margin: 1px 0 !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  body.mego-page.mego-page .footer-menu {
    display: none !important;
  }

  body.mego-page .case-meta {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    margin: 12px auto 26px !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 8px !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
  }

  body.mego-page .case-meta > .case-year,
  body.mego-page .case-meta strong,
  body.mego-page .case-meta .case-year {
    font-size: 20px !important;
  }

  /* Home */
  body.home-page:not(.logos-page) .site-header.hero {
    min-height: clamp(460px, 132vw, 1005px) !important;
    height: clamp(460px, 132vw, 1005px) !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.home-page:not(.logos-page) .site-header.hero > .hero-logo {
    top: 5.2vw !important;
    left: 4.7vw !important;
    width: 15vw !important;
    max-width: 114px !important;
  }

  body.home-page:not(.logos-page) .site-header.hero > .menu-button {
    top: 6.7vw !important;
    right: 6.7vw !important;
    width: 5.4vw !important;
    min-width: 21px !important;
    max-width: 41px !important;
    height: 4.2vw !important;
    min-height: 17px !important;
    max-height: 32px !important;
  }

  body.home-page:not(.logos-page) .site-header.hero > .menu-button span {
    height: clamp(3px, .65vw, 5px) !important;
    flex-basis: clamp(3px, .65vw, 5px) !important;
  }

  .home-page .hero-raven {
    top: 73vw !important;
    left: 50% !important;
    width: 70vw !important;
    max-width: 532px !important;
    transform: translateX(-50%) !important;
  }

  .home-page .hero-copy {
    top: 20.7vw !important;
    right: auto !important;
    bottom: auto !important;
    left: 4.8vw !important;
    width: 91vw !important;
    text-align: left !important;
  }

  .home-page .hero-title-desktop {
    display: none !important;
  }

  .home-page .hero-title-mobile {
    display: block !important;
    text-align: left !important;
  }

  .home-page .hero-title-mobile .hero-title-line {
    justify-content: flex-start !important;
    gap: .09em !important;
    font-size: var(--mego-mobile-display-title) !important;
    line-height: .9 !important;
    white-space: nowrap !important;
  }

  .home-page .hero-title-mobile .hero-title-line + .hero-title-line {
    margin-top: 1.15vw !important;
  }

  .home-page .fill-button.hero-cta,
  .home-page .fill-button.more-button,
  .home-page .fill-button.idea-link {
    width: var(--mego-mobile-button-width) !important;
    min-width: var(--mego-mobile-button-width) !important;
    max-width: var(--mego-mobile-button-width) !important;
    height: var(--mego-mobile-button-height) !important;
    min-height: var(--mego-mobile-button-height) !important;
    max-height: var(--mego-mobile-button-height) !important;
    padding-inline: 14px !important;
    font-size: var(--mego-mobile-button-size) !important;
  }

  .home-page .fill-button.hero-cta {
    margin: 5.1vw 0 0 !important;
  }

  .home-page .clients,
  .home-page .projects,
  .home-page .about {
    margin-inline: var(--mego-mobile-gutter) !important;
  }

  .home-page .clients {
    padding: 22px 0 38px !important;
  }

  .home-page .clients > .same-table-title {
    margin: 0 0 26px !important;
    font-size: var(--mego-mobile-section-title) !important;
  }

  .home-page .same-table-set {
    gap: 54px !important;
    padding-right: 54px !important;
  }

  .home-page .same-table-set img {
    height: 42px !important;
    max-width: 132px !important;
  }

  .home-page .projects {
    margin-inline: 7.5vw !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .home-page .project-card {
    aspect-ratio: 4 / 5 !important;
  }

  .home-page .project-card::after {
    display: none !important;
  }

  .home-page .about,
  .home-page .about-content {
    min-height: 0 !important;
  }

  .home-page .about {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    overflow: visible !important;
  }

  .home-page .about-image {
    position: relative !important;
    inset: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .home-page .about-shade {
    display: none !important;
  }

  .home-page .about-content {
    position: relative !important;
    grid-row: 2 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 24px 0 1px !important;
  }

  .home-page .about-content h2 {
    font-size: var(--mego-mobile-section-title) !important;
    line-height: .92 !important;
  }

  .home-page .about-content p {
    margin-top: 20px !important;
    font-size: var(--mego-mobile-body-size) !important;
    line-height: 1.45 !important;
  }

  .home-page .about-content p br {
    display: none !important;
  }

  .home-page .about-label-desktop {
    display: none !important;
  }

  .home-page .about-label-mobile {
    display: inline !important;
  }

  .home-page .about-content .more-button {
    margin-top: 20px !important;
    transform: none !important;
  }

  .home-page .idea-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 62px var(--mego-mobile-gutter) 70px !important;
    grid-template-columns: 1fr !important;
    gap: 46px !important;
  }

  .home-page .idea-left {
    align-items: flex-start !important;
  }

  .home-page .idea-script {
    font-size: clamp(78px, 24vw, 98px) !important;
  }

  .home-page .idea-yeter {
    margin-top: 12px !important;
    font-size: clamp(104px, 31vw, 128px) !important;
  }

  .home-page .idea-right {
    max-width: none !important;
  }

  .home-page .idea-right h2 {
    font-size: var(--mego-mobile-section-title) !important;
    line-height: .92 !important;
    white-space: normal !important;
  }

  .home-page .idea-note {
    margin-bottom: 18px !important;
    font-size: 24px !important;
  }

  .home-page .idea-right p {
    margin-bottom: 26px !important;
    font-size: var(--mego-mobile-body-size) !important;
    line-height: 1.45 !important;
  }

  /* Works and logo portfolio */
  .works-page .projects {
    padding-top: 8px !important;
    padding-bottom: 20px !important;
  }

  .home-page.logos-page .logos-main {
    padding: 12px var(--mego-mobile-gutter) 18px !important;
    display: block !important;
  }

  .home-page.logos-page .logos-board {
    display: none !important;
  }

  .home-page.logos-page .logos-mobile-list {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }

  .home-page.logos-page .logos-mobile-list img {
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    max-height: 300px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  body.home-page.logos-page.mego-page .site-footer {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding-top: 16px !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }

  /* Contact */
  .contact-page .contact-hero {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 24px 0 62px !important;
    grid-template-columns: 1fr !important;
    gap: 54px !important;
  }

  .contact-page-intro {
    align-items: flex-start !important;
    transform: none !important;
  }

  .contact-page-intro h1 {
    margin: 0 !important;
    font-size: clamp(70px, 21vw, 88px) !important;
    line-height: .68 !important;
    text-align: left !important;
    transform: none !important;
  }

  .contact-page-intro h1 span,
  .contact-script {
    text-align: left !important;
  }

  .contact-page-intro h1 span + span {
    margin-top: 14px !important;
  }

  .contact-script {
    width: 100% !important;
    margin: 34px 0 0 !important;
    font-size: clamp(46px, 14vw, 58px) !important;
    white-space: normal !important;
    transform: none !important;
  }

  .contact-page-intro p {
    width: 100% !important;
    max-width: none !important;
    margin: 32px 0 0 !important;
    transform: none !important;
    font-size: 16px !important;
  }

  .contact-page .contact-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  .contact-page .contact-field {
    margin-bottom: 24px !important;
  }

  .contact-page .contact-field label {
    font-size: 14px !important;
  }

  .contact-page .contact-field input:not([type="hidden"]),
  .contact-page .contact-field textarea,
  .contact-page .budget-dropdown {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .contact-page .contact-field input:not([type="hidden"]),
  .contact-page .budget-trigger,
  .contact-page textarea {
    font-size: 16px !important;
  }

  .contact-page .budget-option {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  .contact-page .contact-submit {
    width: var(--mego-mobile-button-width) !important;
    min-width: var(--mego-mobile-button-width) !important;
    max-width: var(--mego-mobile-button-width) !important;
    height: var(--mego-mobile-button-height) !important;
    min-height: var(--mego-mobile-button-height) !important;
    max-height: var(--mego-mobile-button-height) !important;
    margin: 0 0 0 auto !important;
    padding-inline: 12px !important;
    font-size: var(--mego-mobile-button-size) !important;
  }

  /* About */
  .about-detail-page .site-header {
    background: transparent !important;
  }

  .about-detail-page .about-shell {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
  }

  .about-detail-page .about-hero {
    min-height: max(540px, 72svh) !important;
  }

  .about-detail-page .about-hero-mark {
    width: min(72vw, 330px) !important;
  }

  .about-detail-page .about-hero-ink {
    height: 900px !important;
  }

  .about-detail-page .about-intro {
    padding: 56px 0 60px !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .about-detail-page .about-intro-title {
    font-size: clamp(48px, 14vw, 58px) !important;
  }

  .about-detail-page .about-intro-copy {
    padding: 0 !important;
  }

  .about-detail-page .about-intro-copy p,
  .about-detail-page .about-does-copy p,
  .about-detail-page .about-listen p,
  .about-detail-page .about-cta-copy p {
    font-size: 15px !important;
  }

  .about-detail-page .about-does {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  .about-detail-page .about-does-photo {
    min-height: 330px !important;
  }

  .about-detail-page .about-does-copy {
    padding: 6px 5px 12px !important;
  }

  .about-detail-page .about-does-copy h2 {
    font-size: 44px !important;
  }

  .about-detail-page .about-listen {
    padding: 54px 0 46px !important;
  }

  .about-detail-page .about-listen-title {
    font-size: clamp(46px, 14vw, 58px) !important;
  }

  .about-detail-page .about-proof {
    padding-bottom: 30px !important;
  }

  .about-detail-page .about-proof-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .about-detail-page .about-proof-card {
    min-height: 285px !important;
    padding: 28px 22px 24px !important;
  }

  .about-detail-page .about-cta {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    padding: 44px 0 70px !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .about-detail-page .about-cta-title {
    align-items: flex-start !important;
  }

  .about-detail-page .about-cta-small {
    font-size: clamp(76px, 23vw, 94px) !important;
  }

  .about-detail-page .about-cta-title strong {
    margin-top: 12px !important;
    font-size: clamp(102px, 30vw, 124px) !important;
  }

  .about-detail-page .about-cta-copy h2 {
    font-size: clamp(46px, 14vw, 56px) !important;
    white-space: normal !important;
  }

  .about-detail-page .about-cta-link {
    width: var(--mego-mobile-button-width) !important;
    min-width: var(--mego-mobile-button-width) !important;
    max-width: var(--mego-mobile-button-width) !important;
    height: var(--mego-mobile-button-height) !important;
    min-height: var(--mego-mobile-button-height) !important;
    max-height: var(--mego-mobile-button-height) !important;
    padding-inline: 12px !important;
    font-size: var(--mego-mobile-button-size) !important;
  }

  /* Production */
  .production-page .prod-hero-video,
  .production-page .prod-intro,
  .production-page .prod-discipline-marquee,
  .production-page .prod-video-grid,
  .production-page .prod-services,
  .production-page .prod-ai-head,
  .production-page .prod-ai-grid {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    max-width: none !important;
  }

  .production-page .prod-hero-video {
    height: clamp(350px, 112vw, 490px) !important;
  }

  .production-page .prod-marquee {
    margin-top: 34px !important;
    padding-bottom: 36px !important;
  }

  .production-page .prod-marquee-card {
    flex-basis: 170px !important;
    height: 270px !important;
  }

  .production-page .prod-intro {
    padding: 28px 0 20px !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .production-page .prod-intro h1 {
    font-size: clamp(48px, 14vw, 58px) !important;
  }

  .production-page .prod-intro-copy p,
  .production-page .prod-services-title p {
    font-size: 15px !important;
  }

  .production-page .prod-discipline-marquee {
    margin-bottom: 48px !important;
  }

  .production-page .prod-discipline-set span {
    font-size: 24px !important;
  }

  .production-page .prod-video-grid {
    margin: 64px auto 50px !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .production-page .prod-video-card,
  .production-page .prod-video-card-center {
    height: min(150vw, 620px) !important;
  }

  .production-page .prod-services {
    margin-bottom: 56px !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .production-page .prod-services-title h2 {
    font-size: clamp(58px, 17vw, 72px) !important;
  }

  .production-page .prod-services-list {
    width: 100% !important;
  }

  .production-page .prod-services-list span {
    font-size: clamp(32px, 10vw, 42px) !important;
  }

  .production-page .prod-ai-head {
    margin-bottom: 24px !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 8px !important;
    font-size: 10px !important;
  }

  .production-page .prod-ai-head h2 {
    font-size: 20px !important;
  }

  .production-page .prod-ai-grid {
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding-bottom: 16px !important;
  }

  .production-page .prod-ai-grid > .ai-box {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
  }

  .production-page .prod-ai-grid > .ai-box:nth-child(1),
  .production-page .prod-ai-grid > .ai-box:nth-child(6) {
    grid-column: 1 / -1 !important;
    aspect-ratio: 16 / 10 !important;
  }

  .production-page .prod-ai-grid > .ai-box:nth-child(12) {
    grid-column: auto !important;
    aspect-ratio: 4 / 5 !important;
  }

  .production-page .prod-ai-grid > .ai-box:nth-child(12) img {
    object-fit: cover !important;
    object-position: center !important;
  }

  /* Soul Monkey */
  body.soul-page.mego-page .site-header.hero > .hero-logo {
    top: 5.2vw !important;
    left: 4.7vw !important;
    width: 15vw !important;
    max-width: 114px !important;
  }

  body.soul-page.mego-page .site-header.hero > .menu-button {
    top: 6.7vw !important;
    right: 6.7vw !important;
    width: 5.4vw !important;
    min-width: 21px !important;
    max-width: 41px !important;
    height: 4.2vw !important;
    min-height: 17px !important;
    max-height: 32px !important;
  }

  body.soul-page.mego-page .site-header.hero > .menu-button span {
    height: clamp(3px, .65vw, 5px) !important;
    flex-basis: clamp(3px, .65vw, 5px) !important;
  }

  .soul-page .soul-case-hero,
  .soul-page .soul-manifesto,
  .soul-page .soul-case-identity,
  .soul-page .soul-process,
  .soul-page .soul-visual-language,
  .soul-page .soul-case-gallery,
  .soul-page .soul-energy-showcase {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    max-width: none !important;
  }

  .soul-page .soul-case-hero {
    padding: 12px 0 38px !important;
  }

  .soul-page .soul-case-main-logo {
    margin-bottom: 0 !important;
  }

  .soul-page .soul-case-main-logo img,
  .soul-page .soul-case-boards img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .soul-page .soul-manifesto {
    min-height: 0 !important;
    margin: 42px auto 24px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .soul-page .soul-manifesto::before {
    display: none !important;
  }

  .soul-page .soul-manifesto-copy {
    width: 100% !important;
    padding: 0 !important;
  }

  .soul-page .soul-manifesto h1 {
    font-size: clamp(42px, 12vw, 50px) !important;
  }

  .soul-page .soul-manifesto p,
  .soul-page .soul-problem-copy {
    font-size: 15px !important;
  }

  .soul-page .soul-manifesto-mascot {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 170% !important;
    max-width: none !important;
    margin: -18% 0 -10% !important;
    transform: translateX(-38%) !important;
  }

  .soul-page .soul-case-identity {
    margin-bottom: 28px !important;
  }

  .soul-page .soul-primary-large {
    display: flex !important;
    justify-content: center !important;
  }

  .soul-page .soul-primary-large img {
    width: min(68vw, 245px) !important;
  }

  .soul-page .soul-heritage-large {
    margin-bottom: 22px !important;
  }

  .soul-page .soul-heritage-large img {
    width: min(72vw, 280px) !important;
  }

  .soul-page .soul-logo-system {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    transform: none !important;
  }

  .soul-page .soul-logo-box {
    min-height: 0 !important;
    padding: 4px !important;
  }

  .soul-page .soul-logo-box-board img {
    width: min(38vw, 150px) !important;
  }

  .soul-page .soul-logo-box-script img {
    width: min(40vw, 160px) !important;
  }

  .soul-page .soul-logo-box-heritage {
    grid-column: 1 / -1 !important;
  }

  .soul-page .soul-logo-box-heritage img {
    width: min(58vw, 210px) !important;
  }

  .soul-page .soul-horizontal-logo {
    margin-top: 20px !important;
  }

  .soul-page .soul-horizontal-logo img {
    width: min(74vw, 270px) !important;
  }

  .soul-page .soul-case-identity img,
  .soul-page .soul-logo-box-script img,
  .soul-page .soul-logo-system .soul-logo-box:nth-child(2) {
    transform: none !important;
  }

  .soul-page .soul-problem-inner {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    padding: 44px 0 !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .soul-page .soul-problem h2 {
    font-size: clamp(45px, 13vw, 56px) !important;
  }

  .soul-page .soul-process {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .soul-page .soul-visual-language {
    padding-top: 42px !important;
  }

  .soul-page .soul-visual-language h2 {
    font-size: clamp(40px, 12vw, 50px) !important;
  }

  .soul-page .soul-palette {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .soul-page .soul-color-swatch {
    aspect-ratio: 2.25 / 1 !important;
  }

  .soul-page .soul-case-gallery {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    align-items: start !important;
    grid-auto-rows: auto !important;
  }

  .soul-page .soul-gallery-stack {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    grid-template-rows: none !important;
    gap: 6px !important;
  }

  .soul-page .soul-gallery-tall {
    width: 100% !important;
    height: auto !important;
    align-self: start !important;
  }

  .soul-page .soul-gallery-stack img,
  .soul-page .soul-gallery-tall img {
    height: auto !important;
  }

  /* Dogfolk */
  .dog-page .dog-meta,
  .dog-page .dog-breeds,
  .dog-page .dog-logo-system,
  .dog-page .dog-intro,
  .dog-page .dog-illustration-strip,
  .dog-page .dog-products,
  .dog-page .dog-forest-grid {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    max-width: none !important;
  }

  .dog-page .dog-hero {
    min-height: 230px !important;
  }

  .dog-page .dog-hero-logo {
    width: min(56vw, 220px) !important;
  }

  .dog-page .dog-breeds {
    width: calc(100% - 64px) !important;
    margin: 0 auto 38px !important;
    aspect-ratio: 4 / 3 !important;
  }

  .dog-page .dog-breeds-photo {
    object-fit: contain !important;
    object-position: center !important;
  }

  .dog-page .dog-breeds-wordmark {
    width: 27% !important;
  }

  .dog-page .dog-breeds-marks {
    bottom: -8px !important;
  }

  .dog-page .dog-logo-system {
    margin-bottom: 52px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .dog-page .dog-logo-card {
    min-height: 92px !important;
  }

  .dog-page .dog-logo-card img {
    width: 68% !important;
    max-height: 105px !important;
  }

  .dog-page .dog-intro {
    width: calc(100% - 64px) !important;
    min-height: 0 !important;
    margin-bottom: 54px !important;
    padding-top: 370px !important;
  }

  .dog-page .dog-intro::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,.96) 50%, rgba(0,0,0,.1) 88%);
    pointer-events: none;
  }

  .dog-page .dog-intro-text {
    width: 100% !important;
    padding: 18px 20px 30px !important;
  }

  .dog-page .dog-intro-photo-wrap {
    inset: 0 7% auto !important;
    width: 86% !important;
    height: 370px !important;
  }

  .dog-page .dog-intro-photo {
    object-fit: contain !important;
    object-position: center top !important;
  }

  .dog-page .dog-intro-text h1 {
    font-size: clamp(44px, 13vw, 54px) !important;
  }

  .dog-page .dog-intro-text p,
  .dog-page .dog-product-col p {
    font-size: 15px !important;
  }

  .dog-page .dog-intro-estd {
    width: 86px !important;
    margin-top: 18px !important;
  }

  .dog-page .dog-illustration-strip {
    margin-bottom: 48px !important;
  }

  .dog-page .dog-products {
    margin-bottom: 54px !important;
  }

  .dog-page .dog-photo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .dog-page .dog-product-copy {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    padding: 28px 0 0 !important;
  }

  .dog-page .dog-product-col h2 {
    font-size: 48px !important;
  }

  .dog-page .dog-forest-grid {
    margin-top: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .dog-page .dog-forest-card-community {
    grid-row: auto !important;
  }

  /* Cius Leather */
  .cius-page .cius-meta,
  .cius-page .cius-hero,
  .cius-page .cius-material,
  .cius-page .cius-logos,
  .cius-page .cius-story,
  .cius-page .cius-palettes,
  .cius-page .cius-brand-palette,
  .cius-page .cius-badges,
  .cius-page .cius-gallery {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    max-width: none !important;
  }

  .cius-page .cius-hero {
    height: 330px !important;
  }

  .cius-page .cius-hero-logo {
    width: min(44vw, 180px) !important;
  }

  .cius-page .cius-material {
    margin: 64px auto 58px !important;
  }

  .cius-page .cius-material-image {
    display: block !important;
    width: 86% !important;
    margin: 0 auto 28px !important;
  }

  .cius-page .cius-material-copy p,
  .cius-page .cius-story-copy p {
    font-size: 15px !important;
  }

  .cius-page .cius-logos {
    margin-bottom: 42px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    gap: 18px 12px !important;
  }

  .cius-page .cius-logo-heritage,
  .cius-page .cius-logo-wordmark,
  .cius-page .cius-logo-fav,
  .cius-page .cius-logo-full {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .cius-page .cius-logo-heritage,
  .cius-page .cius-logo-full {
    grid-column: 1 / -1 !important;
  }

  .cius-page .cius-logo-heritage img {
    width: min(58vw, 210px) !important;
  }

  .cius-page .cius-logo-wordmark img {
    width: min(46vw, 170px) !important;
  }

  .cius-page .cius-logo-fav img {
    width: min(24vw, 88px) !important;
  }

  .cius-page .cius-logo-full img {
    width: min(64vw, 230px) !important;
  }

  .cius-page .cius-story {
    width: calc(100% - 64px) !important;
    height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .cius-page .cius-story-copy {
    padding: 0 0 30px !important;
    transform: none !important;
  }

  .cius-page .cius-story-image {
    height: 260px !important;
  }

  .cius-page .cius-story-image::after {
    background: linear-gradient(to top, #000, transparent 42%) !important;
  }

  .cius-page .cius-palettes {
    width: calc(100% - 64px) !important;
    padding: 22px 16px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
  }

  .cius-page .cius-palette figcaption {
    font-size: 14px !important;
  }

  .cius-page .cius-brand-palette {
    width: calc(100% - 64px) !important;
    height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .cius-page .cius-brand-colors {
    height: 120px !important;
  }

  .cius-page .cius-brand-color {
    min-height: 120px !important;
    padding: 14px 10px !important;
  }

  .cius-page .cius-brand-color-name span,
  .cius-page .cius-brand-color-name strong,
  .cius-page .cius-brand-color-hex {
    font-size: 12px !important;
  }

  .cius-page .cius-brand-leather {
    height: 190px !important;
  }

  .cius-page .cius-badges {
    min-height: 0 !important;
    padding: 36px 30px !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .cius-page .cius-badge-item {
    height: 180px !important;
  }

  .cius-page .cius-gallery-one,
  .cius-page .cius-gallery-two {
    height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .cius-page .cius-gallery-large,
  .cius-page .cius-gallery-small {
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  /* Panda */
  .panda-page .panda-meta,
  .panda-page .panda-hero-case,
  .panda-page .panda-story,
  .panda-page .panda-before-after,
  .panda-page .panda-mobile-showcase,
  .panda-page .panda-expressions,
  .panda-page .panda-sketch,
  .panda-page .panda-products,
  .panda-page .panda-appstore {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    max-width: none !important;
  }

  .panda-page .panda-hero-case {
    height: 330px !important;
    margin-bottom: 50px !important;
  }

  .panda-page .panda-hero-photo {
    width: 72% !important;
    margin-left: auto !important;
    object-fit: contain !important;
    object-position: right center !important;
  }

  .panda-page .panda-hero-logo {
    left: 18px !important;
    width: min(45vw, 180px) !important;
  }

  .panda-page .panda-story {
    margin-bottom: 50px !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .panda-page .panda-story-copy h1 {
    font-size: clamp(46px, 14vw, 56px) !important;
  }

  .panda-page .panda-story-copy p {
    font-size: 15px !important;
  }

  .panda-page .panda-before-after {
    height: auto !important;
    aspect-ratio: 2 / 1 !important;
  }

  .panda-page .panda-before-after::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 22% !important;
    background: #000000 !important;
    pointer-events: none !important;
  }

  .panda-page .panda-before-after-art {
    position: relative !important;
    z-index: 0 !important;
    clip-path: none !important;
  }

  .panda-page .panda-before-after-labels {
    z-index: 2 !important;
    bottom: 12px !important;
  }

  .panda-page .panda-before-after-labels span {
    font-size: 18px !important;
  }

  .panda-page .panda-before-after-labels span:first-child,
  .panda-page .panda-before-after-labels span:last-child {
    transform: none !important;
  }

  .panda-page .panda-products {
    height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .panda-page .panda-products-bottom {
    margin-top: 6px !important;
  }

  .panda-page .panda-products figure {
    aspect-ratio: 4 / 5 !important;
  }

  /* Mail sent */
  .mail-sent-main {
    transform: none !important;
  }

  .mail-sent-hero {
    min-height: 690px !important;
    padding: 80px 0 58px !important;
  }

  .mail-sent-inner {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
  }

  .mail-sent-art {
    width: min(72vw, 300px) !important;
    transform: translateY(-30px) !important;
  }

  .mail-sent-copy-grid {
    margin-top: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .mail-sent-title {
    --mail-title-x: 0px !important;
    transform: none !important;
  }

  .mail-sent-message {
    --mail-message-x: 0px !important;
    transform: none !important;
  }

  .mail-sent-title-main {
    font-size: clamp(48px, 14vw, 58px) !important;
  }

  .mail-sent-title-script {
    font-size: clamp(58px, 17vw, 70px) !important;
    white-space: normal !important;
  }

  .mail-sent-message p {
    font-size: 15px !important;
  }

  .mail-sent-back {
    width: 184px !important;
    min-width: 184px !important;
    height: 50px !important;
    font-size: 22px !important;
  }
}

/* Very narrow phones */
@media (max-width: 420px) {
  body.mego-page.mego-page .drawer-nav a {
    font-size: clamp(32px, 9.8vw, 39px) !important;
  }

  body.mego-page.mego-page .site-footer {
    grid-template-columns: 142px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  body.mego-page.mego-page .footer-brand {
    width: 130px !important;
    max-width: 130px !important;
    transform: translateX(8px) !important;
  }

  body.mego-page.mego-page .footer-brand-logo {
    width: 130px !important;
    max-width: 130px !important;
  }

  body.mego-page.mego-page .footer-social {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex-basis: 28px !important;
  }

  body.mego-page.mego-page .footer-info p {
    font-size: 10px !important;
  }

  .contact-page-intro h1 {
    font-size: clamp(64px, 19.5vw, 80px) !important;
  }

  .dog-page .dog-intro {
    min-height: 800px !important;
  }

  .cius-page .cius-brand-color {
    padding-inline: 8px !important;
  }
}

/* Touch devices do not need desktop hover darkening. */
@media (hover: none) {
  .project-card:hover > img,
  .prod-marquee-card:hover,
  .prod-marquee-card:hover img {
    transform: none !important;
    filter: none !important;
  }

  .project-card:hover::after {
    opacity: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .same-table-track,
  .prod-marquee-track,
  .prod-discipline-track {
    animation: none !important;
    transform: none !important;
  }
}

/* ==========================================================
   SOUL MONKEY — MOBİL MANİFESTO / SON YERLEŞİM
========================================================== */
.soul-page .soul-manifesto-title-box {
  display: contents;
}

@media (max-width: 760px) {
  .soul-page .soul-manifesto {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    margin: 42px auto 24px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .soul-page .soul-manifesto-copy {
    display: contents !important;
  }

  /* Başlık, turuncu kutuyu zaten içeren Mascot.svg'nin üzerine gelir. */
  .soul-page .soul-manifesto-title-box {
    display: flex !important;
    position: relative !important;
    z-index: 5 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    align-items: flex-end !important;
    box-sizing: border-box !important;
    width: calc(100% + var(--mego-mobile-gutter)) !important;
    min-height: 0 !important;
    margin: 0 calc(-1 * var(--mego-mobile-gutter)) 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  .soul-page .soul-manifesto-title-box h1 {
    box-sizing: border-box !important;
    width: 72% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 18px 22px !important;
    background: transparent !important;
    color: var(--soul-off-white) !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: .92 !important;
    letter-spacing: -.02em !important;
  }

  /* Açıklama, turuncu kutunun altında ayrı bir bloktur. */
  .soul-page .soul-manifesto p {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  /* SVG kendi turuncu kutusu ve maskotuyla tam genişlikte kullanılır. */
  .soul-page .soul-manifesto-mascot {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: calc(100% + var(--mego-mobile-gutter)) !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 calc(-1 * var(--mego-mobile-gutter)) 0 0 !important;
    transform: translate(-35px, 58px) scale(1.18) !important;
    transform-origin: right bottom !important;
  }

  /* Krem problem bölümü, altındaki eskiz görseliyle aynı dış hizada. */
  .soul-page .soul-problem {
    width: calc(100% - (var(--mego-mobile-gutter) * 2)) !important;
    margin: 0 auto !important;
  }

  .soul-page .soul-problem-inner {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 42px 22px 50px !important;
    gap: 24px !important;
  }

  .soul-page .soul-problem h2 {
    margin: 0 !important;
    font-size: clamp(38px, 10.6vw, 48px) !important;
    line-height: .98 !important;
    letter-spacing: -.02em !important;
  }

  .soul-page .soul-problem-copy {
    max-width: none !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .soul-page .soul-problem-copy p {
    margin: 0 0 18px !important;
  }

  /* Yuvarlak heritage logo tam ortada. */
  .soul-page .soul-logo-box-heritage {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .soul-page .soul-logo-box-heritage img {
    display: block !important;
    width: min(58vw, 210px) !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

/* ==========================================================
   MOBİL CASE STUDY — SON BOŞLUK / HİZA DÜZELTMELERİ
========================================================== */
@media (max-width: 760px) {
  /* Soul Monkey: kaykaylar ile manifesto arasını kısalt, başlığı kutuya sığdır. */
  .soul-page .soul-case-hero {
    padding-bottom: 0 !important;
  }

  .soul-page .soul-case-boards {
    margin-bottom: clamp(-90px, -18vw, -55px) !important;
  }

  .soul-page .soul-manifesto {
    margin-top: 60px !important;
  }

  .soul-page .soul-manifesto-title-box h1 {
    transform: translateY(-18px) !important;
    width: 70% !important;
    padding: 0 0 10px 22px !important;
    font-size: clamp(35px, 10vw, 45px) !important;
    line-height: .9 !important;
  }

  /* Dogfolk: poodle görselinden sonraki yapay 800 px boşluğu kaldır. */
  .dog-page .dog-intro {
    min-height: 0 !important;
    padding-top: 260px !important;
    margin-bottom: 32px !important;
    grid-template-columns: 1fr !important;
  }

  .dog-page .dog-intro-photo-wrap {
    height: 260px !important;
  }

  .dog-page .dog-intro-text {
    padding-top: 10px !important;
  }

  /* Cius: logo ailesini merkezle, CL monogramı küçült. */
  .cius-page .cius-logos {
    justify-items: center !important;
    align-items: center !important;
    gap: 14px 10px !important;
    margin-bottom: 28px !important;
  }

  .cius-page .cius-logo-item {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .cius-page .cius-logo-wordmark img {
    width: min(42vw, 155px) !important;
    margin: 0 auto !important;
  }

  .cius-page .cius-logo-fav img {
    width: min(17vw, 64px) !important;
    margin: 0 auto !important;
  }

  .cius-page .cius-logo-full img,
  .cius-page .cius-logo-heritage img {
    margin: 0 auto !important;
  }

  /* Koray görselini ve deri renk paletini kırpmadan göster. */
  .cius-page .cius-story-image {
    height: auto !important;
    overflow: visible !important;
  }

  .cius-page .cius-story-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .cius-page .cius-story-image::after {
    display: none !important;
  }

  .cius-page .cius-brand-leather {
    height: auto !important;
    overflow: visible !important;
  }

  .cius-page .cius-brand-leather img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Panda: dikey boşlukları kısalt ve önce/sonra logolarını kenarlara yaklaştır. */
  .panda-page .panda-hero-case {
    height: 250px !important;
    margin-bottom: 22px !important;
  }

  .panda-page .panda-story {
    margin-bottom: 24px !important;
    gap: 14px !important;
  }

  .panda-page .panda-before-after {
    margin-bottom: 8px !important;
  }

@media (max-width: 760px) {
  .panda-page .panda-before-after-art {
    width: 84% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .panda-page .panda-before-after-labels {
    padding: 0 18% !important;
  }
}
  .panda-page .panda-before-after-labels {
    box-sizing: border-box !important;
    padding: 0 7% !important;
  }

  .panda-page .panda-before-after-labels span:first-child {
    justify-self: start !important;
  }

  .panda-page .panda-before-after-labels span:last-child {
    justify-self: end !important;
  }

  .panda-page .panda-mobile-showcase,
  .panda-page .panda-expressions,
  .panda-page .panda-sketch {
    margin-bottom: 8px !important;
  }
}

.panda-page .panda-before-after-labels {

  display: none !important;

}
@media (max-width: 760px) {
  .home-page .hero-service-tag {
    width: 100% !important;
    margin: 3.4vw 0 0 !important;
    font-size: clamp(13px, 3.55vw, 16px) !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .home-page .hero-service-break {
    display: block !important;
  }

.home-page .projects-all-link {
  margin-top: 10px !important;
  font-size: 21px !important;
  gap: 8px !important;
}

  .home-page .hero-title-mobile
  > .hero-title-line > .display-script.hero-red {
    font-family: "Pirata One", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: capitalize !important;
    letter-spacing: -0.025em !important;
  }
}

/* ==========================================================
   FOOTER — TÜM SAYFALARDA ORTAK, ORTALI VE BÜYÜK
========================================================== */
body.mego-page.mego-page .site-footer {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 320px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 58px clamp(44px, 7vw, 130px) !important;
  grid-template-columns: minmax(260px, 1fr) 230px minmax(260px, 1fr) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(34px, 5vw, 90px) !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
}

body.mego-page.mego-page .footer-center,
body.mego-page.mego-page .footer-brand,
body.mego-page.mego-page .footer-menu {
  justify-self: center !important;
}

body.mego-page.mego-page .footer-brand-logo {
  width: 220px !important;
  max-width: 220px !important;
}

body.mego-page.mego-page .footer-social {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  flex-basis: 58px !important;
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.mego-page.mego-page .site-footer {
    min-height: 260px !important;
    padding: 42px var(--mego-tablet-gutter) !important;
    grid-template-columns: 220px 230px !important;
    grid-template-areas: "brand social" !important;
    justify-content: center !important;
    gap: 34px !important;
  }

  body.mego-page.mego-page .footer-brand {
    grid-area: brand !important;
    justify-self: center !important;
  }

  body.mego-page.mego-page .footer-center {
    grid-area: social !important;
    width: 100% !important;
    justify-self: center !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  body.mego-page.mego-page .footer-menu {
    display: none !important;
  }

  body.mego-page.mego-page .footer-brand-logo {
    width: 180px !important;
    max-width: 180px !important;
  }

  body.mego-page.mego-page .footer-social {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    flex-basis: 48px !important;
  }
}

@media (max-width: 760px) {
  body.home-page.mego-page.mego-page .site-footer,
  body.mego-page.mego-page .site-footer {
    width: 100vw !important;
    height: auto !important;
    min-height: 180px !important;
    max-height: none !important;
    padding: 24px 18px calc(24px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: minmax(135px, 165px) minmax(0, 215px) !important;
    grid-template-areas: "brand social" !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 18px !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
  }

  body.mego-page.mego-page .footer-brand {
    width: 160px !important;
    max-width: 160px !important;
    justify-self: center !important;
    transform: translateX(30px) !important;
  }

  body.mego-page.mego-page .footer-brand-logo {
    width: 160px !important;
    max-width: 160px !important;
  }

  body.mego-page.mego-page .footer-center {
    width: 100% !important;
    justify-self: center !important;
    align-items: flex-start !important;
    transform: translateX(30px) !important;
  }

  body.mego-page.mego-page .footer-social {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }

  body.mego-page.mego-page .footer-info p {
    font-size: 12px !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 420px) {
  body.mego-page.mego-page .site-footer {
    grid-template-columns: minmax(125px, 145px) minmax(0, 185px) !important;
    column-gap: 12px !important;
  }

  body.mego-page.mego-page .footer-brand,
  body.mego-page.mego-page .footer-brand-logo {
    width: 145px !important;
    max-width: 145px !important;
  }

  body.mego-page.mego-page .footer-social {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  body.mego-page.mego-page .footer-info p {
    font-size: 11px !important;
  }
}
/* ==========================================================
   İLETİŞİM — BÜTÇE DROPDOWN MOBİL / TABLET GÜVENLİK
   Son seçenek footer altında kalmasın; gerekirse liste kendi içinde kaydırılsın.
========================================================== */
@media (min-width: 761px) and (max-width: 1100px) {
  .contact-page .budget-options {
    max-height: min(270px, calc(100vh - 190px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .contact-page .budget-option {
    min-height: 40px !important;
    padding: 7px 14px !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 760px) {
  .contact-page .budget-options {
    max-height: min(258px, calc(100vh - 165px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .contact-page .budget-option {
    min-height: 40px !important;
    padding: 7px 12px !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
  }
}

/* ==========================================================
   İLETİŞİM — BÜTÇE DROPDOWN TABLET + MOBİL FINAL
   Küçük ekranlarda liste aşağı değil yukarı açılır; footer ile çakışmaz.
========================================================== */
@media (max-width: 1100px) {
  .contact-page .budget-dropdown {
    position: relative !important;
    z-index: 300 !important;
  }

  .contact-page .budget-options {
    top: auto !important;
    bottom: 42px !important;
    z-index: 9999 !important;
    max-height: min(300px, calc(100vh - 120px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ==========================================================
   İLETİŞİM — BÜTÇE DROPDOWN TABLET + MOBİL AKIŞ DÜZELTMESİ
   Liste form akışında açılır; footer aşağı itilir, son seçenek kaybolmaz.
========================================================== */
@media (max-width: 1100px) {
  .contact-page .budget-dropdown {
    position: relative !important;
    z-index: auto !important;
  }

  .contact-page .budget-options,
  .contact-page .budget-dropdown.open .budget-options {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    margin-top: 0 !important;
    z-index: auto !important;
    box-shadow: none !important;
  }

  .contact-page .budget-option {
    min-height: 48px !important;
    padding: 10px 16px !important;
    line-height: 1.1 !important;
  }

  .contact-page .contact-budget {
    overflow: visible !important;
  }

  .contact-page #contactForm,
  .contact-page .contact-hero,
  .contact-page main {
    overflow: visible !important;
  }
}
@media (max-width: 760px) {
  body.mego-page.mego-page .menu-brand-group,
  body.mego-page.mego-page .menu-social-wrap {
    transform: translateY(50px) !important;
  }
}

/* MASAÜSTÜ FOOTER HIZLI MENÜ BOYUTU */
@media (min-width: 1101px) {
  body.mego-page.mego-page .footer-menu {
    justify-self: end !important;
    align-items: flex-end !important;
    gap: 5px !important;
  }

  body.mego-page.mego-page .footer-menu a {
    font-size: clamp(44px, 2.8vw, 58px) !important;
    line-height: .92 !important;
  }
}

/* MASAÜSTÜ FOOTER — SOL GRUBU KENARA YAKLAŞTIR */
@media (min-width: 1101px) {
  body.mego-page.mego-page .footer-center {
    transform: translateX(-150px) !important;
  }
}