/* Rushly Studio V4.9.4.21.3 — responsive case-study hero covers */
.case-detail-page .case-page{
  padding-top:142px;
  padding-bottom:88px;
  overflow:clip;
}
.case-detail-page .case-back{
  margin-bottom:clamp(32px,4vw,54px);
  font-size:13px;
  color:#59615a;
}
.case-detail-page .case-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(160px,250px);
  align-items:end;
  gap:40px;
  margin-bottom:clamp(34px,4.5vw,62px);
}
.case-detail-page .case-heading h1{
  min-width:0;
  max-width:100%;
  font-size:clamp(58px,8.65vw,138px);
  line-height:.88;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.case-detail-page .case-heading>span{
  padding:0 0 8px;
  text-align:right;
  line-height:1.55;
  font-size:13px;
}
.case-detail-page .case-cover-media{
  display:block;
  width:100%;
  overflow:hidden;
  background:#dfe1db;
}
.case-detail-page .case-cover{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  background:#dfe1db;
}

.case-detail-page .case-description{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:start;
  gap:clamp(56px,8vw,130px);
  margin:clamp(62px,6.5vw,98px) 0 clamp(92px,8vw,126px);
}
.case-detail-page .case-description h2{
  max-width:720px;
  font-size:clamp(42px,4.7vw,72px);
  line-height:.98;
  letter-spacing:-.06em;
}
.case-detail-page .case-description>div{max-width:650px}
.case-detail-page .case-description p{
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.78;
}
.case-detail-page .case-description .case-scope{
  margin:24px 0 0;
  font-size:12px;
  line-height:1.65;
}
.case-detail-page .case-description .circle-link{margin-top:30px}

.case-detail-page .case-proof{
  padding:clamp(62px,6vw,94px) 0 clamp(82px,8vw,124px);
}
.case-detail-page .case-proof-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);
  align-items:start;
  gap:clamp(48px,8vw,120px);
  margin-bottom:clamp(42px,5vw,74px);
}
.case-detail-page .case-proof-header h2{
  max-width:760px;
  font-size:clamp(42px,5vw,76px);
  line-height:.98;
  letter-spacing:-.06em;
}
.case-detail-page .case-proof-header p{
  max-width:440px;
  justify-self:end;
  font-size:16px;
  line-height:1.75;
}
.case-detail-page .case-evidence{
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:clamp(24px,2.7vw,44px);
  align-items:stretch;
}
.case-detail-page .case-evidence figure{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.case-detail-page .case-evidence a{
  width:100%;
  height:clamp(400px,43vw,670px);
  background:#dfe2dc;
}
.case-detail-page .case-evidence img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.case-detail-page.case-decobros .case-evidence a{background:#eef0eb}
.case-detail-page.case-decobros .case-evidence img{
  object-fit:contain;
  padding:clamp(16px,2vw,30px);
}
.case-detail-page.case-soydemir .case-evidence figure:first-child img{object-position:center 28%}
.case-detail-page.case-soydemir .case-evidence figure:last-child img{object-position:center}
.case-detail-page.case-inegol .case-evidence figure:first-child img{object-position:center top}
.case-detail-page.case-inegol .case-evidence figure:last-child img{object-position:center top}
.case-detail-page .case-evidence figcaption{
  min-height:46px;
  margin-top:14px;
  font-size:12px;
  line-height:1.55;
}

.case-detail-page .case-decisions{
  gap:20px;
  margin-top:clamp(52px,5vw,78px);
}
.case-detail-page .case-decisions article{
  border:1px solid #c8cec3;
  padding:24px 24px 28px;
  min-height:230px;
  background:rgba(255,255,255,.12);
}
.case-detail-page .case-decisions article>span{
  display:block;
  margin-bottom:18px;
}
.case-detail-page .case-decisions h3{
  font-size:clamp(21px,1.7vw,27px);
  line-height:1.15;
  margin:0 0 14px;
}
.case-detail-page .case-decisions p{
  font-size:15px;
  line-height:1.72;
}
.case-detail-page .case-demo-note{
  max-width:820px;
  margin-top:26px;
  font-size:12px;
}
.case-detail-page .next-project{
  padding:38px 0 0;
  margin-top:4px;
}

@media (max-width:1100px) and (min-width:701px){
  .case-detail-page .case-cover{
    aspect-ratio:4/3;
    object-position:center;
  }
}

@media (max-width:1000px){
  .case-detail-page .case-heading{
    grid-template-columns:minmax(0,1fr) 190px;
    gap:24px;
  }
  .case-detail-page .case-heading h1{font-size:clamp(56px,9.2vw,100px)}
  .case-detail-page .case-evidence{
    grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);
  }
  .case-detail-page .case-evidence a{height:clamp(360px,48vw,560px)}
}

@media (max-width:700px){
  .case-detail-page .case-page{
    padding-top:112px;
    padding-bottom:58px;
  }
  .case-detail-page .case-back{
    margin-bottom:28px;
    font-size:12px;
  }
  .case-detail-page .case-heading{
    display:block;
    margin-bottom:26px;
  }
  .case-detail-page .case-heading h1{
    font-size:clamp(46px,13.6vw,72px);
    line-height:.92;
    letter-spacing:-.065em;
  }
  .case-detail-page .case-heading>span{
    display:block;
    max-width:none;
    margin-top:14px;
    padding:0;
    text-align:left;
    font-size:11px;
  }
  .case-detail-page .case-cover{
    aspect-ratio:9/16;
    border-radius:0;
    object-position:center;
  }

  .case-detail-page .case-description{
    display:block;
    margin:42px 0 70px;
  }
  .case-detail-page .case-description h2{
    font-size:clamp(36px,10.7vw,48px);
    line-height:1;
    margin-bottom:24px;
  }
  .case-detail-page .case-description p{
    font-size:15px;
    line-height:1.72;
  }
  .case-detail-page .case-description .case-scope{
    margin-top:20px;
    font-size:11px;
  }
  .case-detail-page .case-description .circle-link{
    margin-top:24px;
    gap:15px;
  }
  .case-detail-page .case-description .circle-link b{
    width:46px;
    height:46px;
  }

  .case-detail-page .case-proof{
    padding:44px 0 64px;
  }
  .case-detail-page .case-proof-header{
    display:block;
    margin-bottom:30px;
  }
  .case-detail-page .case-proof-header h2{
    font-size:clamp(36px,10.4vw,48px);
  }
  .case-detail-page .case-proof-header p{
    margin-top:18px;
    font-size:15px;
    line-height:1.7;
  }
  .case-detail-page .case-evidence{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
  }
  .case-detail-page .case-evidence figure,
  .case-detail-page .case-evidence figure:last-child{
    width:100%;
    justify-self:stretch;
  }
  .case-detail-page .case-evidence a{
    height:auto;
    aspect-ratio:4/5;
  }
  .case-detail-page.case-decobros .case-evidence a{aspect-ratio:1/1}
  .case-detail-page.case-soydemir .case-evidence figure:last-child a{aspect-ratio:1/1}
  .case-detail-page.case-inegol .case-evidence figure:first-child a{aspect-ratio:3/2}
  .case-detail-page.case-inegol .case-evidence figure:last-child a{
    aspect-ratio:393/852;
    width:min(74%,290px);
    margin-inline:auto;
  }
  .case-detail-page .case-evidence figcaption{
    min-height:0;
    margin-top:10px;
    font-size:11px;
  }
  .case-detail-page .case-decisions{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:38px;
  }
  .case-detail-page .case-decisions article{
    min-height:0;
    padding:20px 18px 22px;
  }
  .case-detail-page .case-decisions h3{font-size:22px}
  .case-detail-page .case-decisions p{font-size:14px}
  .case-detail-page .next-project{
    gap:12px;
    padding-top:28px;
  }
  .case-detail-page .next-project strong{
    max-width:calc(100% - 58px);
    font-size:clamp(28px,8.4vw,36px);
    line-height:1;
  }
  .case-detail-page .next-project b{
    margin-left:auto;
    font-size:30px;
  }
}