/* One responsive composition for phones and tablets; the desktop grid remains independent. */
@layer version-four {
 body.version-five .v5-menu-toggle,body.version-five .v5-mobile-menu {display:none!important;}
 @media(max-width:1100px), (hover:none) and (pointer:coarse) {
  html:has(body.version-five.home-page),body#top.version-five.home-page {height:100%!important;overflow:hidden!important;scroll-padding-top:0!important;}
  body#top.version-five.home-page #content {height:100svh!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;scroll-padding:0!important;-webkit-overflow-scrolling:touch;}
  body#top.version-five.home-page #content.v5-mobile-free-scroll {scroll-snap-type:none!important;}
  body#top.version-five .v5-header {z-index:120!important;}
  body#top.version-five .v5-header nav {display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:72px!important;gap:16px!important;font-size:var(--v5-nav-size)!important;}
  body#top.version-five .v5-header nav>div,body#top.version-five .v5-header .v5-contact,body#top.version-five .v5-header-case-title {display:none!important;}
  body#top.version-five .v5-header .v5-name {padding-block:0!important;max-width:none!important;}
  body#top.version-five .v5-menu-toggle {display:block!important;position:relative!important;flex:none!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;border-radius:0!important;}
  body#top.version-five .v5-menu-toggle::before,body#top.version-five .v5-menu-toggle::after {display:none!important;}
  body#top.version-five .v5-menu-toggle>span {position:absolute!important;left:8px!important;top:19px!important;width:24px!important;height:2px!important;background:currentColor!important;transition:transform .3s cubic-bezier(.22,.61,.36,1)!important;}
  body#top.version-five .v5-menu-toggle>span:first-child {transform:translateY(-4px)!important;}
  body#top.version-five .v5-menu-toggle>span:last-child {transform:translateY(4px)!important;}
  body#top.version-five.v5-menu-open .v5-menu-toggle>span:first-child {transform:rotate(45deg)!important;}
  body#top.version-five.v5-menu-open .v5-menu-toggle>span:last-child {transform:rotate(-45deg)!important;}
  body#top.version-five .v5-mobile-menu:not([hidden]) {position:fixed!important;inset:0!important;z-index:110!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#111111!important;color:#fff!important;padding:calc(72px + var(--v4-gutter)) var(--v4-gutter)!important;}
  body#top.version-five .v5-mobile-menu nav {display:flex!important;flex-direction:column!important;gap:.2em!important;text-align:center!important;}
  body#top.version-five .v5-mobile-menu nav a,body#top.version-five .v5-mobile-menu nav a * {font-family:'Stack Sans Notch',Helvetica,Arial,sans-serif!important;font-size:clamp(44px,10vw,96px)!important;font-weight:500!important;line-height:1.1!important;text-transform:none!important;color:inherit!important;}
  body#top.version-five .v5-mobile-menu-bottom {position:absolute!important;left:var(--v4-gutter)!important;right:var(--v4-gutter)!important;bottom:max(var(--v4-gutter),env(safe-area-inset-bottom))!important;display:flex!important;justify-content:space-between!important;gap:16px!important;font-size:var(--v5-nav-size)!important;}
  body#top.version-five.v5-menu-open .v5-header {background:#111111!important;color:#fff!important;}
  body#top.version-five.v5-menu-open .v5-slide-dots {visibility:hidden!important;}
  body#top.version-five.home-page .v5-intro {scroll-snap-align:start!important;}
  body#top.version-five .v5-intro h1 {--v5-hero-size:clamp(36.96px,7.7385vw,92.4px)!important;--v5-hero-leading:calc(clamp(36px,7.5375vw,90px) * 1.265)!important;}
  body#top.version-five .v4-get-in-touch.action-button {--v5-hero-size:clamp(36.96px,7.7385vw,92.4px)!important;--v5-hero-leading:calc(clamp(32px,6.7vw,80px) * 1.265)!important;min-height:88px!important;padding:12px!important;}
  body#top.version-five.home-page .v5-case {height:100svh!important;min-height:0!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;padding:calc(var(--v5-header-space,72px) + 8px) 0 calc(var(--v5-header-space,72px) + 8px)!important;display:block!important;}
  body#top.version-five.home-page .v5-case-inner {position:relative!important;padding-bottom:76px!important;box-sizing:border-box!important;}
  body#top.version-five.home-page .v5-mobile-case-button-dock {position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:10!important;background:linear-gradient(transparent,#111 14px)!important;padding-top:20px!important;}
  body#top.version-five.home-page .v5-mobile-case-button-dock .v5-case-study-button {margin-top:0!important;width:100%!important;}
  body#top.version-five.home-page .v5-mobile-case-title-dock {grid-column:1!important;grid-row:2!important;position:relative!important;z-index:4!important;background:#111!important;padding:0 0 12px!important;}
  body#top.version-five.home-page .v5-mobile-case-title-dock h2 {margin:0!important;}
  body#top.version-five.home-page .v5-case-inner {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:12px!important;height:100%!important;max-height:none!important;border:0!important;padding:0 0 76px!important;align-items:start!important;}
  body#top.version-five.home-page .v5-case-media {grid-column:1!important;grid-row:1!important;order:0!important;width:100%!important;max-height:30svh!important;aspect-ratio:16/9!important;}
  body#top.version-five.home-page .v5-case-copy {grid-column:1!important;grid-row:3!important;order:1!important;min-height:0!important;height:100%!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:auto!important;padding:0 0 8px!important;width:100%!important;scrollbar-width:none!important;}
  body#top.version-five.home-page .v5-case-copy::-webkit-scrollbar {display:none!important;}
  body#top.version-five.home-page .v5-case h2,body#top.version-five.home-page .v5-case h2 * {font-size:40px!important;line-height:36px!important;font-weight:600!important;text-align:left!important;}
  body#top.version-five.home-page .v5-case:last-child {margin-bottom:calc(3 * var(--v4-gutter))!important;}
  body#top.version-five.home-page .v5-work-foot {display:none!important;}
  body#top.version-five.home-page .v5-slide-dots {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;column-gap:0!important;row-gap:0!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;translate:none!important;width:100%!important;min-height:var(--v5-header-space,72px)!important;padding:8px var(--v4-gutter) max(8px,env(safe-area-inset-bottom))!important;background:#111111!important;z-index:75!important;}
  body#top.version-five.home-page .v5-slide-dots button {width:14px!important;height:28px!important;min-width:14px!important;flex:0 0 14px!important;}
  body#top.version-five.home-page .v5-about {display:block!important;padding-top:calc(3 * var(--v4-gutter))!important;padding-bottom:var(--v4-gutter)!important;scroll-snap-align:none!important;}
  body#top.version-five.home-page .v5-about-identity {width:40%!important;margin-top:0!important;margin-bottom:calc(3 * var(--v4-gutter))!important;}
  body#top.version-five.home-page .v5-about-portrait {width:100%!important;margin:0!important;}
  body#top.version-five.home-page .v5-about>.v5-brands-caption {margin:calc(2 * var(--v4-gutter)) 0 0!important;max-width:75%!important;}
  body#top.version-five.home-page .v5-about-logo-row {margin-top:calc(3 * var(--v4-gutter) + 20px)!important;}
  body#top.version-five.home-page .v5-about-logo-row figure {width:calc((100vw - 3 * var(--v4-gutter)) * 2 / 3)!important;}
  body#top.version-five .upper-gallery-stage {position:relative!important;min-height:0!important;padding-block:calc(3 * var(--v4-gutter)) var(--v4-gutter)!important;}
  body#top.version-five .upper-gallery-layout {display:flex!important;flex-direction:column!important;gap:calc(2 * var(--v4-gutter))!important;}
  body#top.version-five .upper-gallery-heading {position:static!important;align-self:center!important;text-align:center!important;width:100%!important;padding:0!important;}
  body#top.version-five.case-page .case-outcomes .upper-gallery-stage>.upper-gallery-heading {margin-bottom:calc(2 * var(--v4-gutter))!important;}
  body#top.version-five .upper-gallery-dots {margin-top:calc(-1 * var(--v4-gutter))!important;}
  body#top.version-five .upper-gallery .v5-fact-copy,body#top.version-five .upper-gallery .v5-fact-copy * {text-align:center!important;}
  body#top.version-five .upper-gallery .v5-fact-card {justify-content:center!important;}
  body#top.version-five .v5-about-table {display:block!important;}
  body#top.version-five .v5-about-entries {grid-template-columns:minmax(0,1fr)!important;}
  body#top.version-five .v5-about-table[aria-labelledby="experience-title"] .v5-about-entries>article,
  body#top.version-five .v5-about-table[aria-labelledby="recognition-title"] .v5-about-entries>article {grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;}
  body#top.version-five .v4-footer-bottom {padding-top:calc(2 * var(--v4-gutter))!important;row-gap:calc(2 * var(--v4-gutter))!important;}
  body#top.version-five.case-page #content>.case-navigation {margin-top:calc(var(--v4-gutter) / 2)!important;}
  body#top.version-five .gallery :is(.gallery-prev,.gallery-next) {position:fixed!important;top:auto!important;bottom:max(16px,env(safe-area-inset-bottom))!important;transform:none!important;margin:0!important;opacity:1!important;pointer-events:auto!important;}
  body#top.version-five .gallery .gallery-prev {left:var(--v4-gutter)!important;right:auto!important;}
  body#top.version-five .gallery .gallery-next {right:var(--v4-gutter)!important;left:auto!important;}
  body#top.version-five .gallery .gallery-count {position:fixed!important;left:50%!important;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 32px)!important;translate:-50% 50%!important;width:max-content!important;text-align:center!important;}
  body#top.version-five .gallery .gallery-stage {margin-bottom:80px!important;}
  body#top.version-five.home-page .v5-case-media.v5-tilt-active>:is(img,video) {scale:1!important;}
 }
 @media(prefers-reduced-motion:reduce){body#top.version-five .v5-menu-toggle>span {transition:none!important;}}
}

@layer version-four {
 @media(max-width:1100px), (hover:none) and (pointer:coarse){
  body#top.version-five.home-page .v5-about-facts .upper-gallery-stage {padding-top:calc(1.5 * var(--v4-gutter))!important;}
 }
}
