/* A fixed-size panorama: viewport width changes the crop, never the camera scale. */
body>main>.hero .hero-copy{isolation:isolate}
body>main>.hero .hero-copy::before{
  content:"";
  position:absolute;
  inset:-90px -60px -85px -48px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 45% 50%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.84) 40%,rgba(255,255,255,.54) 65%,transparent 85%);
  filter:blur(22px);
}
@media(max-width:760px){
  body>main>.hero .hero-image{
    background-image:linear-gradient(180deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.93) 39%,rgba(255,253,249,.28) 67%,transparent 100%),url('/assets/shanghai-panorama-4096x430.webp');
    background-position:center;
  }
}
@media(min-width:761px){
  body>main>.hero .hero-image{
    background-image:url('/assets/shanghai-panorama-4096x430.webp');
    background-size:4096px 430px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#edf0ee;
    transform:none;
  }
}
@media(min-width:1101px){
  body>main>.hero{
    width:100vw;
    min-width:0;
    max-width:none;
    left:50%;
    transform:translateX(-50%);
  }
  body>main>.hero .hero-copy{margin-left:max(20px,calc((100vw - 1400px)/2))}
  body>main>.hero .hero-note{right:max(20px,calc((100vw - 1400px)/2))}
  body>main>.hero .hero-script{left:calc(50% - 265px);top:78px}
  body>main>.hero .hero-copy{text-shadow:0 1px 3px #fff9}
}

.home-without-hero .site-header{position:relative}.home-without-hero .site-header+main{padding-top:0}