/* About hero only: a material study instead of another product-box collage. */
.about-v2 .about-intro-art {
  right:clamp(28px,3vw,70px);bottom:64px;
  width:min(40vw,760px);height:auto;perspective:none;
  transform:none;will-change:auto;opacity:1;
}
.about-v2 .about-material-study {display:block;width:100%;height:auto;object-fit:contain;}
.about-v2 .about-intro-art>p {
  position:static;margin:22px 0 0;padding:0;text-align:center;
  background:none;border-radius:0;transform:none;
  color:var(--about-plum);font-size:12px;line-height:1.5;
}
.about-v2 .about-intro-art>p strong {color:var(--about-ink);}
@media (prefers-reduced-motion:no-preference) {
  .about-v2 .about-material-study {animation:about-material-arrive 900ms cubic-bezier(.2,.7,.2,1) both;}
  @keyframes about-material-arrive {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
}
@media (max-width:1180px) {
  .about-v2 .about-intro {min-height:0;padding-bottom:40px;}  
  .about-v2 .about-intro-side {display:none;}
  .about-story-v2{gap:42px 2vw;}
  .about-story-manifesto{padding:clamp(40px,4vw,95px);}
  

}
@media (max-width:900px) {
  /*.about-v2 .about-intro-copy {width:100%;margin-left:0;}
  .about-v2 .about-intro-art {width:min(100%,580px);}*/
  .about-v2 .about-intro-copy {width:calc(100% - 56px);margin-bottom:30px;}
  .about-v2 .about-intro-art {position:relative;right:auto;bottom:auto;width:min(72%,640px);margin:0 auto;}

}

@media (max-width: 480px) {
.about-v2 .about-intro-copy{width:calc(100% - 40px); margin-left:20px;}
.about-intro-copy h1{font-size:45px;}
.about-story-heading h2, .about-principles-heading h2, .about-curve-copy h2, .about-finale-copy h2, .about-story-manifesto h3{font-size:2.1rem !important;}
.about-story-note h3{font-size:22px;}
.about-curve-story{min-height:500px;}
.about-story-manifesto{padding:25px;}
.about-intro-copy{margin-top:40px;} 

}
@media (max-width: 375px) {
.about-intro-copy h1{font-size:40px;}
.about-story-heading h2, .about-principles-heading h2, .about-curve-copy h2, .about-finale-copy h2, .about-story-manifesto h3{font-size:2rem !important;}	
}	
@media (max-width: 320px) {
.about-intro-copy h1{font-size:35px;}

}


@media (prefers-reduced-motion:reduce) {
  .about-v2 .about-material-study {animation:none;}
}