/*
  OUR VALUES — geometry copied from the original Tilda Zero Block.
  This file intentionally affects only the values diagram on /ourexpertise.
  Header, menu, forms, typography elsewhere and all other pages are untouched.
*/
.values{padding:0;background:#fff}
.values>.container{width:100%;max-width:none;margin:0}
.values .values-stage{
  position:relative;
  display:block;
  width:1200px;
  height:820px;
  margin:0 auto;
  aspect-ratio:auto;
  gap:0;
}
.values .values-stage>img{
  position:absolute;
  left:275px;
  top:106px;
  width:650px;
  height:599px;
  max-width:none;
  margin:0;
  object-fit:fill;
}
.values .value-center{
  position:absolute;
  left:341px;
  top:358px;
  width:518px;
  transform:none;
  color:transparent;
  background-image:linear-gradient(.502turn,rgba(230,201,53,1) 0%,rgba(249,227,150,1) 49%,rgba(196,154,66,1) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  font-family:Cormorant,Arial,sans-serif;
  font-size:42px;
  line-height:1;
  font-weight:600;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}
.values .value-label{
  position:absolute;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:20px;
  line-height:1.55;
  font-weight:400;
  text-align:center;
}
.values .value-dot{
  position:absolute;
  display:block;
  width:30px;
  height:30px;
  border-radius:50%;
  background-image:linear-gradient(.496turn,rgba(237,212,86,1) 0%,rgba(249,227,150,1) 49%,rgba(196,160,82,1) 100%);
}
.values .v1{left:219px;top:105px;width:127px}
.values .d1{left:366px;top:146px}
.values .v2{left:853px;top:105px;width:180px}
.values .d2{left:805px;top:146px}
.values .d3{left:361px;top:617px}
.values .v3{left:198px;top:653px;width:170px}
.values .d4{left:801px;top:617px}
.values .v4{left:849px;top:653px;width:180px}

/* Tilda 960-grid: viewport 960–1199 */
@media (max-width:1199px) and (min-width:960px){
  .values .values-stage{width:960px;height:820px}
  .values .values-stage>img{left:139px;top:106px;width:650px;height:599px}
  .values .value-center{left:400px;top:344px;width:161px;font-size:42px;white-space:normal}
  .values .v1{left:83px;top:105px;width:127px}
  .values .d1{left:230px;top:146px}
  .values .v2{left:717px;top:105px;width:180px}
  .values .d2{left:669px;top:146px}
  .values .d3{left:225px;top:617px}
  .values .v3{left:62px;top:653px;width:170px}
  .values .d4{left:665px;top:617px}
  .values .v4{left:713px;top:653px;width:180px}
}

/* Tilda 640-grid: viewport 640–959 */
@media (max-width:959px) and (min-width:640px){
  .values .values-stage{width:640px;height:830px}
  .values .values-stage>img{left:56px;top:203px;width:529px;height:476px}
  .values .value-center{left:96px;top:63px;width:448px;font-size:42px;white-space:nowrap}
  .values .v1{left:75px;top:140px;width:127px;font-size:20px}
  .values .d1{left:150px;top:219px}
  .values .v2{left:386px;top:140px;width:180px;font-size:20px}
  .values .d2{left:470px;top:220px}
  .values .d3{left:150px;top:621px}
  .values .v3{left:70px;top:691px;width:170px;font-size:20px}
  .values .d4{left:470px;top:620px}
  .values .v4{left:410px;top:690px;width:180px;font-size:20px}
}

/* Tilda 480-grid: viewport 480–639 */
@media (max-width:639px) and (min-width:480px){
  .values .values-stage{width:480px;height:679px}
  .values .values-stage>img{left:35px;top:174px;width:410px;height:374px}
  .values .value-center{left:126px;top:55px;width:228px;font-size:28px;white-space:nowrap}
  .values .value-label{font-size:14px;line-height:1.55}
  .values .v1{left:44px;top:130px;width:101px}
  .values .d1{left:90px;top:189px}
  .values .v2{left:265px;top:130px;width:180px}
  .values .d2{left:330px;top:183px}
  .values .d3{left:90px;top:494px}
  .values .v3{left:10px;top:558px;width:170px}
  .values .d4{left:360px;top:494px}
  .values .v4{left:331px;top:558px;width:139px}
}

/* Tilda 320-grid: viewport below 480 */
@media (max-width:479px){
  .values .values-stage{width:320px;height:510px}
  .values .values-stage>img{left:26px;top:168px;width:251px;height:228px}
  .values .value-center{left:50px;top:61px;width:221px;font-size:27px;white-space:nowrap}
  .values .value-label{font-size:14px;line-height:1.55}
  .values .value-dot{width:10px;height:10px}
  .values .v1{left:29px;top:114px;width:97px}
  .values .d1{left:76px;top:178px}
  .values .v2{left:156px;top:114px;width:138px}
  .values .d2{left:221px;top:178px}
  .values .d3{left:80px;top:376px}
  .values .v3{left:-14px;top:401px;width:170px}
  .values .d4{left:220px;top:372px}
  .values .v4{left:202px;top:402px;width:113px}
}

/* Prevent the original 320-grid labels from being clipped on very narrow devices. */
@media (max-width:340px){
  .values .v3{left:0;width:145px}
}