/* Mobile containment for the desktop-exported About and Method pages. */
html,body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none;
}
#SITE_CONTAINER,#main_MF,#site-root,#masterPage,#PAGES_CONTAINER,#SITE_PAGES,
#SITE_PAGES_TRANSITION_GROUP,#zycdf,#Containerzycdf{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
@supports (overflow:clip){
  html,body,#SITE_CONTAINER,#main_MF,#site-root,#masterPage,#PAGES_CONTAINER,
  #SITE_PAGES,#SITE_PAGES_TRANSITION_GROUP,#zycdf,#Containerzycdf{
    overflow-x:clip !important;
  }
}
#SITE_HEADER,
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent"],
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"],
#SITE_HEADER #comp-m81k2aji,
#SITE_HEADER #comp-m81k2aji > [data-testid="columns"]{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  left:0 !important;
}
.about-section,.about-wrap,.vm-section,.vm-wrap,.vm-closing{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
}
.about-copy,.about-visual,.vm-left,.vm-content{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.about-section img,.vm-section img,.vm-closing img,
.about-section video,.vm-section video{
  max-width:100%;
  height:auto;
}

/* Match the mobile home-page navigation bar. */
#SITE_HEADER{
  position:fixed !important;
  top:0 !important;
  z-index:1000 !important;
  height:40px !important;
  background:#242424 !important;
  transition:transform 160ms ease,opacity 160ms ease !important;
}
#SITE_HEADER,
#SITE_HEADER > .uZIV9d,
#SITE_HEADER > .XKFSfx,
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent"],
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"],
#SITE_HEADER #comp-m81k2aji,
#SITE_HEADER #comp-m81k2aji > [data-testid="columns"]{
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
}
#SITE_HEADER [data-hook="bgLayers"],
#SITE_HEADER [data-testid="colorUnderlay"]{
  background:#242424 !important;
}
#SITE_HEADER #comp-m81k2ajj7{
  top:0 !important;
  left:20px !important;
  height:55px !important;
  width:240px !important;
  max-width:none !important;
  margin:0 !important;
  overflow:visible !important;
}
#SITE_HEADER #comp-m81k2ajj7 p{
  display:block !important;
  width:240px !important;
  max-width:none !important;
  overflow:visible !important;
  font-size:14px !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
}
#SITE_HEADER #comp-m81k2ajj7 a{
  display:block !important;
  width:240px !important;
  max-width:none !important;
  overflow:visible !important;
  font-size:14px !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
}
#SITE_HEADER #comp-m81k2ajj7.mobile-subpage-brand{
  display:flex !important;
  position:fixed !important;
  top:11px !important;
  left:20px !important;
  z-index:1002 !important;
  align-items:flex-start !important;
  width:260px !important;
  height:20px !important;
  color:#fff !important;
  font:18px/1 madefor-text,Arial,sans-serif !important;
  letter-spacing:.2em !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
#SITE_HEADER #comp-m81k2ajj7.mobile-subpage-brand a{
  display:block !important;
  width:auto !important;
  color:inherit !important;
  font:inherit !important;
  letter-spacing:inherit !important;
  overflow:visible !important;
}
#SITE_HEADER .XKFSfx,
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent"],
#SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"],
#SITE_HEADER #comp-m81k2aji,
#SITE_HEADER #comp-m81k2aji > [data-testid="columns"],
#SITE_HEADER #comp-m81k2ajj3,
#SITE_HEADER [data-mesh-id="comp-m81k2ajj3inlineContent"],
#SITE_HEADER [data-mesh-id="comp-m81k2ajj3inlineContent-gridContainer"]{
  overflow:visible !important;
}
#SITE_HEADER #comp-m81k2aji > [data-testid="columns"]{
  display:block !important;
}
#SITE_HEADER #comp-m81k2ajj3{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  flex:none !important;
}
#SITE_HEADER [data-semantic-classname="hamburger-open-button"]{
  position:fixed !important;
  top:7px !important;
  right:16px !important;
  left:auto !important;
  width:26px !important;
  height:26px !important;
  margin:0 !important;
}
#SITE_HEADER [data-testid="stylablebutton-label"]{display:none !important}
#SITE_HEADER [data-testid="stylablebutton-icon"]{
  display:block !important;
  width:26px !important;
  height:18px !important;
  margin:auto !important;
  background:
    linear-gradient(#fff 0 0) top/100% 2px no-repeat,
    linear-gradient(#fff 0 0) center/100% 2px no-repeat,
    linear-gradient(#fff 0 0) bottom/100% 2px no-repeat !important;
}
#SITE_HEADER [data-testid="stylablebutton-icon"] svg{display:none !important}

/* Deterministic mobile header; the generated header is not used. */
#SITE_HEADER{display:none !important}
.mobile-subpage-nav{
  box-sizing:border-box;
  position:fixed;
  top:0;
  right:0;
  left:auto;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  max-width:none;
  height:72px;
  margin-left:0;
  padding:0 16px 0 20px;
  background:#242424;
  color:#fff;
  transition:transform 160ms ease,opacity 160ms ease;
}
.mobile-subpage-nav__brand{
  color:inherit;
  font:14px/1 madefor-text,Arial,sans-serif;
  letter-spacing:.4em;
  white-space:nowrap;
  text-decoration:none;
}
.mobile-subpage-nav__toggle{
  position:relative;
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.mobile-subpage-nav__toggle::before{
  content:"";
  position:absolute;
  inset:5px 0;
  background:
    linear-gradient(#fff 0 0) top/100% 2px no-repeat,
    linear-gradient(#fff 0 0) center/100% 2px no-repeat,
    linear-gradient(#fff 0 0) bottom/100% 2px no-repeat;
}
.mobile-subpage-nav__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
#PAGES_CONTAINER{margin-top:78px !important}

/* Shared mobile masthead and full-screen navigation. */
.mobile-subpage-nav{
  right:0;
  left:0;
  z-index:100000;
  width:100%;
  height:78px;
  padding:0 10px 0 20px;
}
.mobile-subpage-nav__brand{
  max-width:calc(100% - 56px);
  font-size:clamp(14px,4vw,17px);
  line-height:1.2;
  letter-spacing:0;
  overflow:hidden;
}
.mobile-subpage-nav__toggle{
  position:relative;
  z-index:2;
  flex:0 0 50px;
  width:50px;
  height:50px;
}
.mobile-subpage-nav__toggle::before{content:none}
.mobile-subpage-nav__icon{
  position:absolute;
  top:13px;
  left:11px;
  display:block;
  width:28px;
  height:24px;
}
.mobile-subpage-nav__icon i{
  position:absolute;
  left:0;
  display:block;
  width:100%;
  height:2px;
  background:#fff;
  transition:top 180ms ease,transform 180ms ease,opacity 140ms ease;
}
.mobile-subpage-nav__icon i:nth-child(1){top:1px}
.mobile-subpage-nav__icon i:nth-child(2){top:11px}
.mobile-subpage-nav__icon i:nth-child(3){top:21px}
.mobile-subpage-nav.is-menu-open .mobile-subpage-nav__toggle{
  position:fixed;
  top:max(14px,env(safe-area-inset-top));
  right:max(10px,env(safe-area-inset-right));
}
.mobile-subpage-nav.is-menu-open{background:transparent}
.mobile-subpage-nav.is-menu-open .mobile-subpage-nav__brand{visibility:hidden}
.mobile-subpage-nav.is-menu-open .mobile-subpage-nav__icon i:nth-child(1){top:11px;transform:rotate(45deg)}
.mobile-subpage-nav.is-menu-open .mobile-subpage-nav__icon i:nth-child(2){opacity:0}
.mobile-subpage-nav.is-menu-open .mobile-subpage-nav__icon i:nth-child(3){top:11px;transform:rotate(-45deg)}
.mobile-subpage-menu{
  box-sizing:border-box;
  position:fixed;
  inset:0;
  z-index:99999;
  display:block;
  width:100vw;
  max-width:none;
  height:100dvh;
  min-height:100svh;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:#242424;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 180ms ease,visibility 180ms ease;
}
.mobile-subpage-menu.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.mobile-subpage-menu__links{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:min(72vw,280px);
  margin:84px auto 0;
  padding-bottom:max(24px,env(safe-area-inset-bottom));
}
.mobile-subpage-menu__links a{
  display:block;
  height:74px;
  color:#fff;
  font-family:madefor-text,Arial,sans-serif;
  font-size:26px;
  font-weight:400;
  line-height:74px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.mobile-subpage-menu__links a:focus-visible,
.mobile-subpage-nav__toggle:focus-visible,
.mobile-subpage-nav__brand:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
body.mobile-subpage-menu-open{overflow:hidden !important}
@media (prefers-reduced-motion:reduce){
  .mobile-subpage-nav,.mobile-subpage-menu,.mobile-subpage-nav__icon i{transition:none}
}