html:has(body.adg-standalone #adg-u11[data-active-scene="13"]),
#adg-u11[data-active-scene="13"]:fullscreen {
  scrollbar-gutter: stable;
}
body.adg-standalone:has(#adg-u11[data-active-scene="13"]) {
  min-width: 0;
}

#adg-u11 .adg-businesses {
  --adg-business-cream: #f0ead3;
  --adg-business-sage: #c1d3c5;
  --adg-business-radius: clamp(16px,1.55vw,26px);
  --adg-business-caption-size: clamp(11px,.86vw,14px);
  --adg-business-caption-gap: 9px;
  --adg-business-heading-height: 36px;
  --adg-business-heading-gap: clamp(10px,1.2vw,22px);
  --adg-business-ease: cubic-bezier(.7,0,.2,1);
  --adg-business-motion: .9s;
  position: relative;
  z-index: 1;
  gap: var(--adg-business-heading-gap);
  padding-block-end: clamp(20px,3.3vh,44px);
}
#adg-u11 .adg-businesses:not([hidden]) {
  animation: none;
}
#adg-u11 .adg-businesses>.adg-scene-heading {
  align-items: center;
  min-height: var(--adg-business-heading-height);
  margin: 0;
}
#adg-u11 .adg-businesses>.adg-scene-heading .adg-eyebrow {
  margin: 0;
}
#adg-u11 .adg-business-deck {
  display: grid;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
#adg-u11 .adg-business-panel {
  display: grid;
  position: relative;
  grid-template-rows: minmax(0,1fr) minmax(0,0fr);
  min-width: 0;
  overflow: hidden;
  border-radius: var(--adg-business-radius);
  background-color: #0e2019;
  box-shadow: inset 0 0 0 1px #c1d3c52b;
  transition: grid-template-rows .52s cubic-bezier(.22,1,.36,1),background-color .45s ease,box-shadow .45s ease;
}
#adg-u11 .adg-business-panel[data-open] {
  grid-template-rows: minmax(0,0fr) minmax(0,1fr);
  background: radial-gradient(ellipse at 18% 0%,#244838 0%,#11261e 62%,#0d2018 100%);
  box-shadow: inset 0 0 0 1px #edc15c85;
}
#adg-u11 .adg-business-rim {
  position: absolute;
  inset: 1px;
  z-index: 2;
  border-radius: calc(var(--adg-business-radius) - 1px);
  pointer-events: none;
}
#adg-u11 .adg-business-panel[data-open]>.adg-business-rim::before {
  opacity: 1;
  animation-play-state: running;
}
#adg-u11 .adg-business-rail {
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  padding: clamp(14px,1.7vw,25px);
  overflow: hidden;
}
#adg-u11 .adg-business-rail-role,
#adg-u11 .adg-business-role {
  color: var(--adg-gold);
  font: 600 clamp(13px,1.05vw,17px)/1.4 var(--adg-font);
  letter-spacing: 0;
}
#adg-u11 .adg-business-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,114px),1fr));
  gap: 7px;
}
#adg-u11 .adg-business-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  padding: 6px 9px;
  border: 1px solid #c1d3c533;
  border-radius: 11px;
  background: #06140f64;
  color: var(--adg-business-cream);
  font: 500 clamp(12px,1.06vw,16px)/1.3 var(--adg-font);
  text-align: start;
  transition: border-color .2s ease,background-color .2s ease,color .2s ease;
}
#adg-u11 .adg-business-choice:is(:hover,[aria-pressed="true"],[aria-expanded="true"]) {
  border-color: #edc15c96;
  background-color: #edc15c13;
  color: var(--adg-gold);
}
#adg-u11 .adg-business-choice-name {
  min-width: 0;
  overflow-wrap: anywhere;
}
#adg-u11 .adg-business-choice-action {
  margin-inline-start: auto;
  color: var(--adg-gold);
  font-size: 16px;
}
#adg-u11 .adg-business-mark {
  display: block;
  flex: 0 0 auto;
  width: clamp(27px,2.5vw,42px);
  aspect-ratio: 1;
  border: 1px solid #edc15c55;
  border-radius: 22%;
  background: #000;
  object-fit: cover;
}
#adg-u11 .adg-business-body {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .19s ease;
}
#adg-u11 .adg-business-panel[data-open] .adg-business-body {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .36s ease .12s;
}
#adg-u11 .adg-business-body-inner {
  display: grid;
  align-items: center;
  gap: clamp(18px,2.1vw,38px);
  min-width: 0;
  padding: clamp(15px,2.5vw,44px);
  padding-inline: clamp(16px,2.5vw,44px);
}
#adg-u11 :is(.adg-business-text,.adg-business-content) {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#adg-u11 .adg-business-text {
  gap: clamp(15px,2.3vh,32px);
  color: var(--adg-business-sage);
}
#adg-u11 .adg-business-header {
  flex: 0 0 auto;
  min-width: 0;
  padding: clamp(12px,1.45vw,26px);
  border: 1px solid #d6ecdb3d;
  border-radius: calc(var(--adg-business-radius) - 5px);
  background: linear-gradient(130deg,#eef7e91f,#98c3ab08 70%);
  box-shadow: inset 0 1px 0 #ffffff12,0 10px 26px #040d0933;
  backdrop-filter: blur(14px);
}
#adg-u11 .adg-business-role {
  margin: 0 0 5px;
}
#adg-u11 .adg-business-identity {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: clamp(10px,1.2vw,22px);
  min-width: 0;
}
#adg-u11 .adg-business-identity .adg-business-mark {
  width: clamp(34px,4.1vw,74px);
}
#adg-u11 .adg-business-identity h2 {
  min-width: 0;
  margin: 0;
  color: var(--adg-business-cream);
  font: 600 clamp(26px,3.2vw,59px)/1.06 var(--adg-font);
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
#adg-u11 .adg-business-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-block-start: clamp(10px,1.1vw,17px);
}
#adg-u11 .adg-business-switch .adg-business-choice {
  justify-content: center;
  min-height: 36px;
  padding-inline: 12px;
  font-size: clamp(12px,.95vw,15px);
}
#adg-u11 .adg-business-description {
  flex: 0 0 auto;
  max-inline-size: 66ch;
  margin-block: auto;
}
#adg-u11 .adg-business-description h3 {
  margin: 0 0 13px;
  color: var(--adg-business-cream);
  font: 500 clamp(19px,1.92vw,34px)/1.22 var(--adg-font);
  letter-spacing: -.024em;
  text-wrap: pretty;
}
#adg-u11 .adg-business-description p {
  margin: 0;
  color: var(--adg-business-sage);
  font: 400 clamp(14px,1.17vw,19px)/1.55 var(--adg-font);
  text-wrap: pretty;
}
#adg-u11 .adg-business-description [data-business-value] {
  margin-block-start: clamp(12px,1.4vh,18px);
}
#adg-u11 .adg-business-contacts:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 4px 8px;
  padding: clamp(5px,.55vw,10px);
  border: 1px solid #d6ecdb3d;
  border-radius: calc(var(--adg-business-radius) - 5px);
  background: linear-gradient(130deg,#eef7e91c,#98c3ab08 75%);
  box-shadow: inset 0 1px 0 #ffffff12;
  backdrop-filter: blur(14px);
}
#adg-u11 .adg-business-contacts a {
  display: grid;
  align-content: center;
  flex: 1 1 auto;
  gap: 3px;
  min-width: 0;
  min-height: 44px;
  padding: 4px clamp(6px,.65vw,12px);
  border-radius: 8px;
  color: var(--adg-business-cream);
  font: 500 clamp(12px,.91vw,16px)/1.3 var(--adg-font);
  overflow-wrap: anywhere;
  text-decoration: none;
}
#adg-u11 .adg-business-contact-label {
  color: var(--adg-gold);
  font: 600 clamp(11px,.73vw,13px)/1.2 var(--adg-font);
}
#adg-u11 .adg-business-contacts a:is(:hover,:focus-visible) {
  background: #edc15c13;
}
#adg-u11 .adg-business-contacts a:is(:hover,:focus-visible) span:last-child {
  text-decoration: underline;
  text-underline-offset: 3px;
}
#adg-u11 .adg-business-figure {
  display: grid;
  grid-template-rows: minmax(0,1fr) auto;
  gap: var(--adg-business-caption-gap);
  min-width: 0;
  min-height: 0;
  margin: 0;
}
#adg-u11 .adg-business-photo {
  overflow: hidden;
  min-height: 0;
  aspect-ratio: 16/10;
  border: 1px solid #c1d3c530;
  border-radius: calc(var(--adg-business-radius) - 5px);
  background: #071711;
}
#adg-u11 .adg-business-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--adg-business-photo-position,50% 50%);
}
#adg-u11 .adg-business-figure figcaption {
  min-width: 0;
  color: #a8bdae;
  font: 400 var(--adg-business-caption-size)/1.4 var(--adg-font);
  overflow-wrap: anywhere;
}
@media (min-width:760px) {
  #adg-u11 .adg-business-body-inner {
    grid-template-columns: minmax(0,.96fr) minmax(0,1.04fr);
  }
}
@media (min-width:1024px) {
  #adg-u11 .adg-stage>.adg-businesses:not([hidden]) {
    flex: 1 1 auto;
    padding-block-end: var(--adg-flow-bottom-inset);
  }
  #adg-u11 .adg-business-deck {
    --adg-business-gap: clamp(8px,.7vw,14px);
    --adg-business-available-width: calc(100cqi - 2 * var(--adg-business-gap));
    --adg-business-rail-width: max(104px,calc(var(--adg-business-available-width) / 12));
    --adg-business-open-width: calc(var(--adg-business-available-width) - 2 * var(--adg-business-rail-width));
    --adg-business-entry-gap: clamp(12px,1.4vw,24px);
    --adg-business-entry-width: calc((100cqi - 4 * var(--adg-business-entry-gap)) / 5);
    --adg-business-inner-padding: clamp(23px,2.1vw,46px);
    --adg-business-inner-gap: clamp(18px,2.1vw,38px);
    /* Preserve the approved photo proportions as the panel changes size. */
    --adg-business-previous-panel-width: calc(var(--adg-business-available-width) * 2 / 3);
    --adg-business-caption-space: calc(var(--adg-business-caption-gap) + 2.8 * var(--adg-business-caption-size));
    --adg-business-reference-photo-width: calc((var(--adg-business-previous-panel-width) - 2 * var(--adg-business-inner-padding) - var(--adg-business-inner-gap)) * .52);
    display: block;
    position: relative;
    container-type: inline-size;
    flex: 1 0 auto;
    min-height: clamp(410px,55vh,510px);
  }
  #adg-u11 .adg-business-panel {
    --adg-business-x: calc(var(--adg-business-index) * (var(--adg-business-rail-width) + var(--adg-business-gap)));
    --adg-business-clip: calc(var(--adg-business-open-width) - var(--adg-business-rail-width));
    display: block;
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--adg-business-open-width);
    height: 100%;
    transform: translateX(var(--adg-business-x));
    clip-path: inset(0 var(--adg-business-clip) 0 0 round var(--adg-business-radius));
    transition: transform var(--adg-business-motion) var(--adg-business-ease),
      clip-path var(--adg-business-motion) var(--adg-business-ease),
      background-color .58s ease,box-shadow .58s ease;
  }
  #adg-u11 .adg-business-panel[data-after-open] {
    transform: translateX(calc(var(--adg-business-x) + var(--adg-business-open-width) - var(--adg-business-rail-width)));
  }
  #adg-u11 .adg-business-panel[data-open] {
    --adg-business-clip: 0px;
  }
  #adg-u11 .adg-business-rail {
    --adg-business-rail-choice-height: clamp(68px,5.8vw,85px);
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;
    width: var(--adg-business-rail-width);
    height: 100%;
    grid-template-rows: minmax(0,1fr) auto;
    align-content: stretch;
    gap: clamp(9px,1.2vw,20px);
    padding: clamp(9px,.94vw,22px);
    border-radius: inherit;
    background: linear-gradient(180deg,#12271e,#0c1e17);
    box-shadow: inset 0 0 0 1px #c1d3c52b;
    transition: opacity .3s ease,visibility 0s,width var(--adg-business-motion) var(--adg-business-ease);
  }
  #adg-u11 .adg-business-rail-role {
    place-self: center;
    writing-mode: vertical-rl;
    rotate: 180deg;
    font-size: clamp(15px,1.45vw,24px);
    white-space: nowrap;
  }
  #adg-u11 .adg-business-choices {
    grid-template-columns: minmax(0,1fr);
    min-block-size: calc(2 * var(--adg-business-rail-choice-height) + 7px);
    align-content: end;
  }
  #adg-u11 .adg-business-rail .adg-business-choice {
    display: grid;
    position: relative;
    justify-items: center;
    gap: 5px;
    min-height: var(--adg-business-rail-choice-height);
    padding: 8px 2px;
    font-size: clamp(11px,.9vw,15px);
    text-align: center;
  }
  #adg-u11 .adg-business-rail .adg-business-choice-action {
    position: absolute;
    inset: 4px 7px auto auto;
    font-size: 13px;
  }
  #adg-u11 .adg-business-panel[data-open] .adg-business-rail {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-delay: 0s,.3s,0s;
  }
  #adg-u11 .adg-business-body {
    position: absolute;
    inset: 0;
    translate: 14px 0;
    transition: opacity .21s ease,translate .42s ease;
  }
  #adg-u11 .adg-business-panel[data-open] .adg-business-body {
    translate: 0 0;
    transition: opacity .48s ease .3s,translate .61s cubic-bezier(.2,.7,.25,1) .3s;
  }
  #adg-u11 .adg-business-body-inner {
    --adg-business-block-padding: var(--adg-business-inner-padding);
    --adg-business-photo-scale: 1.15;
    --adg-business-photo-ratio: calc(7 / 6);
    --adg-business-photo-width: min(
      var(--adg-business-photo-max-width, 48%),
      calc(var(--adg-business-reference-photo-width) * var(--adg-business-photo-scale)),
      calc((var(--adg-business-deck-room) - 2 * var(--adg-business-block-padding) - var(--adg-business-caption-space)) * var(--adg-business-photo-ratio))
    );
    align-items: stretch;
    grid-template-columns: minmax(0,1fr) var(--adg-business-photo-width);
    grid-template-rows: minmax(0,1fr);
    height: 100%;
    gap: var(--adg-business-inner-gap);
    padding: var(--adg-business-block-padding) var(--adg-business-inner-padding);
  }
  #adg-u11 .adg-business-text {
    min-height: 0;
  }
  #adg-u11 .adg-business-content {
    flex: 1 1 auto;
    min-height: 0;
    padding-inline-end: 5px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
  }
  #adg-u11 .adg-business-description {
    margin-block: 0;
  }
  #adg-u11 .adg-business-figure {
    align-self: center;
    grid-template-rows: auto minmax(calc(2.8 * var(--adg-business-caption-size)),auto);
  }
  #adg-u11 .adg-business-photo {
    aspect-ratio: var(--adg-business-photo-ratio);
  }
  #adg-u11 .adg-business-photo img {
    transform: scale(1.035);
    transition: transform .72s cubic-bezier(.2,.7,.25,1);
  }
  #adg-u11 .adg-business-panel[data-open] .adg-business-photo img {
    transform: scale(1);
    transition-delay: .3s;
  }
  #adg-u11 .adg-businesses[data-business-arriving] .adg-business-panel {
    --adg-business-clip: calc(var(--adg-business-open-width) - var(--adg-business-entry-width));
    transform: translateX(calc((var(--adg-business-index) + 1) * (var(--adg-business-entry-width) + var(--adg-business-entry-gap))));
    background: transparent;
    box-shadow: none;
    transition: none;
  }
  #adg-u11 .adg-businesses[data-business-arriving] .adg-business-rail {
    width: var(--adg-business-entry-width);
    transition: none;
  }
}
@media (min-width:1024px) and (height > 830px) {
  #adg-u11 .adg-business-body-inner {
    /* Give each brand the same starting line alongside its photo. */
    grid-template-rows: minmax(0,1fr) auto minmax(0,2fr);
    row-gap: 0;
  }
  #adg-u11 .adg-business-text {
    grid-area: 2 / 1 / 4 / 2;
  }
  #adg-u11 .adg-business-figure {
    grid-area: 2 / 2;
  }
}
@media (min-width:1024px) and (max-height:830px) {
  #adg-u11 .adg-business-body-inner {
    --adg-business-block-padding: clamp(16px,2.9vh,26px);
    --adg-business-photo-scale: 1.08;
  }
  #adg-u11 .adg-business-text {
    gap: 7px;
  }
  #adg-u11 .adg-business-header {
    padding-block: clamp(11px,1.65vh,15px);
  }
  #adg-u11 .adg-business-description h3 {
    font-size: clamp(19px,min(1.92vw,3.6dvh),34px);
  }
  #adg-u11 .adg-business-description p {
    font-size: clamp(14px,min(1.17vw,2.25dvh),19px);
    line-height: 1.4;
  }
  #adg-u11 .adg-business-content {
    flex: 0 1 auto;
  }
  #adg-u11 .adg-business-contacts:not([hidden]) {
    padding-block: 3px;
  }
  #adg-u11 .adg-business-contacts a {
    min-height: 34px;
    gap: 2px;
    padding-block: 2px;
  }
}
@media (min-width:1024px) and (max-width:1280px) and (max-height:680px) {
  #adg-u11 .adg-business-deck {
    --adg-business-inner-padding: clamp(17px,1.7vw,23px);
    --adg-business-inner-gap: clamp(12px,1.45vw,18px);
    --adg-business-photo-max-width: 40%;
  }
  #adg-u11 .adg-business-body-inner {
    --adg-business-block-padding: clamp(12px,2.15dvh,15px);
  }
  #adg-u11 .adg-business-header {
    padding-block: 9px;
  }
  #adg-u11 .adg-business-switch {
    margin-block-start: 8px;
  }
  #adg-u11 .adg-business-switch .adg-business-choice {
    min-height: 30px;
  }
  #adg-u11 .adg-business-description h3 {
    margin-block-end: 9px;
  }
  #adg-u11 .adg-business-description [data-business-value] {
    margin-block-start: 9px;
  }
}
@media (width < 1024px) {
  #adg-u11 .adg-business-panel[data-open] .adg-business-rail {
    padding-block: 0;
    visibility: hidden;
  }
}
@media (prefers-reduced-motion:reduce) {
  #adg-u11 .adg-businesses,
  #adg-u11 .adg-businesses * {
    animation: none;
    transition: none;
  }
  #adg-u11 .adg-business-panel[data-open]>.adg-business-rim::before {
    --adg-border-angle-v4: 120deg;
    animation: none;
    transition: none;
  }
}

/* This shared-element transition only runs from Commercial Core to Our businesses. */
html[data-adg-business-handoff] {
  view-transition-name: none;
}
html[data-adg-business-handoff]::view-transition {
  pointer-events: none;
}
html[data-adg-business-handoff]::view-transition-group(*) {
  animation-duration: .62s;
  animation-timing-function: cubic-bezier(.38,0,.2,1);
}
html[data-adg-business-handoff] #adg-u11 :is(.adg-commercial-continuation,.adg-businesses)>.adg-scene-heading {
  view-transition-name: adg-business-heading;
}
html[data-adg-business-handoff] #adg-u11 .adg-commercial-continuation .adg-market-flow {
  view-transition-name: adg-business-core-flow;
}
html[data-adg-business-handoff] #adg-u11 .adg-commercial-orbit {
  view-transition-name: adg-business-core-orbit;
}
html[data-adg-business-handoff] #adg-u11 :is([data-commercial-role="supply"]>.adg-commercial-face,[data-business-slot="supply"]>.adg-business-rail) {
  view-transition-name: adg-business-supply;
}
html[data-adg-business-handoff] #adg-u11 :is([data-commercial-role="distribution"]>.adg-commercial-face,[data-business-slot="distribution"]>.adg-business-rail) {
  view-transition-name: adg-business-distribution;
}
html[data-adg-business-handoff] #adg-u11 :is([data-commercial-role="retail"]>.adg-commercial-face,[data-business-slot="retail"]>.adg-business-rail) {
  view-transition-name: adg-business-retail;
}
html[data-adg-business-handoff] #adg-u11 [data-business-mark="vendordeal"] {
  view-transition-name: adg-business-vendordeal;
}
html[data-adg-business-handoff] #adg-u11 [data-business-mark="distidigital"] {
  view-transition-name: adg-business-distidigital;
}
html[data-adg-business-handoff] #adg-u11 [data-business-mark="ojored"] {
  view-transition-name: adg-business-ojored;
}
html[data-adg-business-handoff] #adg-u11 [data-business-mark="hypersit"] {
  view-transition-name: adg-business-hypersit;
}
html[data-adg-business-handoff]::view-transition-old(adg-business-core-flow),
html[data-adg-business-handoff]::view-transition-old(adg-business-core-orbit) {
  animation: adg-business-old-fade .48s ease both;
}
@keyframes adg-business-old-fade {
  from { opacity: 1; }
  to { opacity: 0; }
}
