.section-hero .hero-intro .hero-intro-block {
  max-width: 25ch;
  margin-inline: auto
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-intro .hero-intro-block {
    max-width: 23ch
  }
}

.section-products .tile-recovery .products-headline {
  max-width: 17ch;
}

/* trade in */
.section-you .tile.tile-trade-in .tile-content {
  max-width: 48ch;
}

/* small only */
@media only screen and (max-width: 734px) {
  .section-hero .hero-headlines .hero-headline {
    max-width: 12ch;
  }

  .section-plan .plan-headline {
    max-width: 15ch
  }

  .section-progress .tile-materials .progress-copy {
    max-width: 18ch
  }
}

/* Handwriting start */
.overview-plan-text-recover {
  transform: translate(24px,-4px);
}
@media only screen and (max-width: 1068px) {
  .overview-plan-text-recover {
    transform: translate(28px,-4px);
  }
}
@media only screen and (max-width: 734px) {
  .overview-plan-text-recover {
    transform: translate(12px,-2px);
  }
}

.overview-plan-text-design {
  transform: translate(12px,-2px);
}
@media only screen and (max-width: 1068px) {
  .overview-plan-text-design {
    transform: translate(12px,2px);
  }
}
@media only screen and (max-width: 734px) {
  .overview-plan-text-design {
    transform: translate(6px,0px);
  }
}

.overview-plan-text-make {
  transform: translate(6px,0px);
}
@media only screen and (max-width: 1068px) {
  .overview-plan-text-make {
    transform: translate(6px,0px);
  }
}
@media only screen and (max-width: 734px) {
  .overview-plan-text-make {
    transform: translate(5px,0px);
  }
}

.overview-plan-text-package {
  transform: translate(-10px,-2px);
}
@media only screen and (max-width: 1068px) {
  .overview-plan-text-package {
    transform: translate(-10px,-2px);
  }
}
@media only screen and (max-width: 734px) {
  .overview-plan-text-package {
    transform: translate(-8px,0px);
  }
}

.overview-plan-text-use {
  transform: translate(-2px,2px);
}
@media only screen and (max-width: 1068px) {
  .overview-plan-text-use {
    transform: translate(-2px,2px);
  }
}
@media only screen and (max-width: 734px) {
  .overview-plan-text-use {
    transform: translate(-3px,0px);
  }
}

/* section-products */

/* MacBook Air 15 吋 (M3 晶片) */
.section-products .tile-macbook-air .overview-card-mba-text {
  transform: translate(0px,-75px);
}
@media only screen and (max-width: 1068px) {
  .section-products .tile-macbook-air .overview-card-mba-text {
    transform: translate(-4px,-62px);
  }
}
@media only screen and (max-width: 734px) {
  .section-products .tile-macbook-air .overview-card-mba-text {
    transform: translate(0px,-49px);
  }
}

/* 機身*/
#overview-card-enclosure-text-4 {
  transform: translate(0px,6px);
}
@media only screen and (max-width: 1068px) {
  #overview-card-enclosure-text-4 {
    transform: translate(0px,6px);
  }
}
@media only screen and (max-width: 734px) {
  #overview-card-enclosure-text-4 {
    transform: translate(0px,14px);
  }
}
.section-products .tile-enclosure .tile-copy {
  top: 241px;
  left: 148px;

}
@media only screen and (max-width: 1068px) {
.section-products .tile-enclosure .tile-copy {
      top: 240px;
      left: 162px;
  
  }
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-copy {
      top: 166px;
      left: 117px;
  
  }
}


/* 錶殼 */
#overview-card-case-text-2 {
  transform: translate(-13px, -3px);
}
@media only screen and (max-width: 1068px) {
  #overview-card-case-text-2 {
    transform: translate(14px, 0px);
  }
}
@media only screen and (max-width: 734px) {
  #overview-card-case-text-2 {
    transform: translate(-1px, -2px);
  }
}
.section-products .tile-case .tile-copy {
  top: 669px;
  left: 291px;
}
@media only screen and (max-width: 1068px) {
  .section-products .tile-case .tile-copy {
    top: 584px;
    left: 252px;
  }
}
@media only screen and (max-width: 734px) {
  .section-products .tile-case .tile-copy {
    top: 424px;
    left: 181px;
  }
} 

/* 包裝與運輸 */
#overview-card-packaging-text-4 {
  transform: translate(0,0);
}
@media only screen and (max-width: 1068px) {
  #overview-card-packaging-text-4 {
      transform: translate(-2px,6px);
  }
}
@media only screen and (max-width: 734px) {
  #overview-card-packaging-text-4 {
    transform: translate(-1px,-2px);
  }
}

#packaging-shipping .tile-media>div {
  margin-top: 14px;
}
@media only screen and (max-width: 734px) {
  #packaging-shipping .tile-media>div {
    margin-top: -3px;
  }
}

.section-products .tile-packaging-shipping .lottie-arrow {
  bottom: 120px;
}
@media only screen and (max-width: 1068px) {
  .section-products .tile-packaging-shipping .lottie-arrow {
      bottom:130px;
  }
}
@media only screen and (max-width: 734px) {
  .section-products .tile-packaging-shipping .lottie-arrow {
      bottom:80px;
  }
}


.section-products .tile-packaging-shipping .tile-copy{
  inset: 638px 0 0 270px;

}

@media only screen and (max-width: 1068px) {
.section-products .tile-packaging-shipping .tile-copy{
      inset: 576px 0 0 236px;
  
  }
}

@media only screen and (max-width: 734px) {
.section-products .tile-packaging-shipping .tile-copy{
      inset: 418px 0 0 163px;
  
  }
}



/*iPhone 16 */
#overview-card-iphone-text-2 {
  transform: translate(124px,2px);
}
@media only screen and (max-width: 1068px) {
  #overview-card-iphone-text-2 {
    transform: translate(100px,-10px);
  }
}
@media only screen and (max-width: 734px) {
  #overview-card-iphone-text-2 {
    transform: translate(66px,-12px);
  }
}

/* 回收 */
#overview-card-recover-text-2 {
  transform: translate(0px,-19px);
}
@media only screen and (max-width: 1068px) {
  #overview-card-recover-text-2 {
    transform: translate(0px,0px);
  }
}
@media only screen and (max-width: 734px) {
  #overview-card-recover-text-2 {
    transform: translate(0px,-8px);
  }
}
/* Handwriting end */

/* ArtCD */
.section-progress .tile-materials .progress-copy {
  max-width:100%;
}

.section-products .products-copy {
  max-width: 71ch;
}

.section-people .people-copy {
  max-width: 69ch;
}

.section-people .story-card-restore-fund .story-headline {
  max-width: 19ch
}
@media only screen and (max-width: 734px) {
  .section-people .story-card-restore-fund .story-headline {
      max-width:10ch
  }
}

@media only screen and (max-width: 734px) {
  #power .story-card .story-headline {
    max-width: 11ch;
  }
}

.animated-burst-text .lottie {
  width: 140%;
  height: 145%;
  top: 50%;
  left: 52%;
}
@media only screen and (max-width: 734px) {
  .animated-burst-text .lottie {
    width: 130%;
    height: 155%;
    top: 52%;
    left: 52%;
  }
}


.section-products .tile-recovery .products-headline{
  max-width: 18ch;
}



/* Mac Mini */
.section-products .tile-mac-mini #overview-card-mac-mini-text-2 {
  transform: translate(75px,11px);
}

@media only screen and (max-width: 1068px) {
  .section-products .tile-mac-mini #overview-card-mac-mini-text-2 {
    transform: translate(75px,16px);
  }
}

@media only screen and (max-width: 734px) {
 .section-products .tile-mac-mini #overview-card-mac-mini-text-2 {
    transform: translate(70px,4px);
  }
}

/*运输*/
.section-products .tile-shipping #overview-card-shipping-text-4 {
  transform: translate(47px,19px);

}

@media only screen and (max-width: 1068px) {
.section-products .tile-shipping #overview-card-shipping-text-4 {
      transform: translate(45px,16px);
  
  }
}

@media only screen and (max-width: 734px) {
.section-products .tile-shipping #overview-card-shipping-text-4 {
      transform: translate(18px,13px);
  
  }
}

.section-products .tile-shipping .tile-copy {
  inset: 619px 0 0 281px;

}
@media only screen and (max-width:1068px){
.section-products .tile-shipping .tile-copy {
      inset: 571px 0 0 248px;
  
  }
}

@media only screen and (max-width: 734px) {
.section-products .tile-shipping .tile-copy {
      inset: 412px 0 0 173px;
  
  }
}



 .section-products .tile-iphone .tile-media {
    overflow: visible;
  }


@media only screen and (max-width: 734px) {
  .section-people .story-card-restore-fund .story-headline {
    max-width: 11ch;
  }
}
  

  @media only screen and (max-width: 734px) {
  .section-people .story-card-clean-water-program .story-headline {
    max-width: 12ch;
  }
}


  @media only screen and (max-width: 734px) {
  .section-products .tile-enclosure .tile-media .lottie-with-picture {
    margin-inline-start:50px;
  }
}
 @media only screen and (max-width: 734px){
    .section-products .tile-enclosure .tile-media .lottie-with-picture{
      margin-block-start:-20px;
    }
 }

@media only screen and (max-width:1068px){
  .section-products .tile-enclosure .tile-media .lottie-with-picture{
    margin-block-start: -30px;
    margin-inline-start: 72px;
  }
}

/* artCD */
.section-products .tile-enclosure .tile-media .lottie-with-picture {
  margin-block-start: 22px;
  margin-inline-start: 90px;
}

@media only screen and (max-width: 1068px) {
  .section-products .tile-enclosure .tile-media .lottie-with-picture {
      margin-inline-start:64px
  }
}

@media only screen and (max-width: 734px) {
  .section-products .tile-enclosure .tile-media .lottie-with-picture {
      margin-block-start: 16px;
      margin-inline-start:44px
  }
}

.section-products .tile-recovery .lottie-with-picture {
  position: absolute;
  top: 72px;
  left: 40px;
}

#overview-text-trade-in-2 {
    --p-width: 270px;
    --p-height: 23px;
}

@media only screen and (max-width: 1068px) {
  .section-products .tile-recovery .lottie-with-picture {
      top: 90px;
      left:60px
  }
}

@media only screen and (max-width: 734px) {
  .section-products .tile-recovery .lottie-with-picture {
      top: 50px;
      left:28px
  }
}

@media only screen and (max-width: 1068px) {
  .more-to-give-copy {
    margin-top: 0px;
  }
  #overview-text-trade-in-2 {
    margin-bottom: 0px;
    --p-width: 257px;
    --p-height: 38px;
  }
}

/* section-values-router */
.section-values-router .item-container .gallery-item .tile{
    margin: 0;
}
/* section-values-router */

.section-people .people-headline{
	max-width: 16.5ch;
}

.section-hero .typography-hero-headline:lang(zh-HK) span{
    font-family:SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

/* hero */
.section-hero .hero-intro {
  max-width: 36ch;
}

#packaging-shipping .tile-image-sosumi.overview_card_packaging_text  .sosumi-container{
  inset: auto calc(var(--image-word-offset) + 37px) calc(var(--image-font-size-px) + 13px) auto;
}

#enclosure .tile-image-sosumi.overview_card_enclosure_text  .sosumi-container{
  inset: auto calc(var(--image-word-offset) + 90px) calc(var(--image-font-size-px) + 12px) auto;
}

#iphone .tile-image-sosumi.overview_card_iphone_text img{
    margin-left: -32px;
    margin-top: -30px;
}

#overview-card-watch-band-text-2 img{
  margin-top: -10%;
}

#band .overview-card-enclosure-arrow svg{
    margin-left: 150%;
}

@media only screen and (max-width: 1068px) {
    #packaging-shipping .tile-image-sosumi.overview_card_packaging_text  .sosumi-container{
        inset: auto calc(var(--image-word-offset) + 40px) calc(var(--image-font-size-px) + 8px) auto;
    }

    #enclosure .tile-image-sosumi.overview_card_enclosure_text  .sosumi-container{
        inset: auto calc(var(--image-word-offset) + 85px) calc(var(--image-font-size-px) + 11px) auto;
    }

    #iphone .tile-image-sosumi.overview_card_iphone_text img{
        margin-left: -16px;
        margin-top: -8px;
    }

    #enclosure .overview-card-enclosure-arrow svg{
        margin-top:80%;
        margin-left:100%
    }

    #mac-mini .overview_card_mac_mini_text,
    #mac-mini .overview_card_mac_mini_illustration{
        margin-top: 18px;
    }

    .overview-hero-hero-macbook{
      margin-top: -164px;
    }
}

@media only screen and (max-width: 734px) {
  #packaging-shipping .tile-image-sosumi.overview_card_packaging_text  .sosumi-container{
      inset: auto calc(var(--image-word-offset) + 28px) calc(var(--image-font-size-px) + 8px) auto;
  }

  #enclosure .tile-image-sosumi.overview_card_enclosure_text  .sosumi-container{
      inset: auto calc(var(--image-word-offset) + 63px) calc(var(--image-font-size-px) - 3px) auto;
  }

  #recovery .overview-card-recover-arrow svg{
      margin-top:20%;
  }

  #enclosure .overview-card-enclosure-arrow svg{
      margin-top:48%;
      margin-left:100%
  }

  #iphone .tile-image-sosumi.overview_card_iphone_text img{
      margin-left: -10px;
      margin-top: -8px;
  }
  #packaging-shipping .overview-card-packaging-arrow svg{
      margin-top: 18%;
  }

  #band .overview-card-enclosure-arrow svg{
    margin-top: 5%;
  }

  #overview-card-watch-band-text-2 img{
  margin-top: -5%;
  }
  .overview-hero-hero-macbook{
      margin-top: 0;
  }
}