.project-story-section{
  position: relative;
}
.project-story-section .shell{
  position: relative;
}
.project-story-section .section-title{
  display:block !important;
  margin: 0 0 34px !important;
}
.project-story-section .section-title > div{
  max-width: 840px;
}
.project-story-section .section-title h2{
  margin: 0;
  max-width: 18ch !important;
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(2.8rem, 5vw, 4.6rem) !important;
  line-height: .92;
  letter-spacing: -.03em;
  color: #241914;
  text-wrap: balance;
}
.project-story-section .section-title p{
  margin: 14px 0 0;
  max-width: 640px;
  font-size: 1.02rem;
  line-height: 1.78;
  color: #7a6a5f;
}
.project-story-section .project-strip{
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr) !important;
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(151,126,97,.16);
  background: linear-gradient(135deg, rgba(255,252,247,.98) 0%, rgba(249,242,233,.98) 100%);
  box-shadow:
    0 28px 90px rgba(34,24,16,.10),
    inset 0 1px 0 rgba(255,255,255,.96);
}
.project-story-section .project-image{
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border: 0 !important;
  background:
    linear-gradient(180deg, rgba(31,21,14,.02), rgba(31,21,14,.18)),
    radial-gradient(circle at 24% 20%, rgba(255,255,255,.08), rgba(255,255,255,0) 32%),
    linear-gradient(145deg, #9b826b 0%, #78614d 100%);
}
.project-story-section .project-image::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(20,13,9,.18) 0%, rgba(20,13,9,0) 36%, rgba(20,13,9,.06) 100%);
  z-index:1;
  pointer-events:none;
}
.project-story-section .project-image::after{
  content:"";
  position:absolute;
  left:26px;
  bottom:26px;
  width:140px;
  height:140px;
  border-radius:50%;
  border:1px solid rgba(255,248,241,.22);
  box-shadow: 0 0 0 18px rgba(255,248,241,.05);
  z-index:1;
  pointer-events:none;
}
.project-story-section .project-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter: saturate(.96) contrast(1.02);
}
.project-story-section .project-info{
  position: relative;
  display:flex !important;
  flex-direction:column;
  justify-content:space-between;
  gap: 28px;
  padding: 48px 44px;
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.80) 0%, rgba(255,255,255,0) 35%),
    linear-gradient(180deg, rgba(255,252,248,.94) 0%, rgba(247,239,229,.98) 100%);
}
.project-story-section .project-info::before{
  content:"";
  position:absolute;
  inset: 18px 18px auto auto;
  width: 92px;
  height: 92px;
  border-radius: 24px;
  background: radial-gradient(circle at 32% 32%, rgba(255,255,255,.74), rgba(255,255,255,.08) 62%, rgba(255,255,255,0) 74%);
  opacity:.6;
  pointer-events:none;
}
.project-story-section .project-info > div:first-child{
  position:relative;
  z-index:1;
}
.project-story-section .project-info h2{
  margin:0;
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  line-height: .98;
  letter-spacing: -.02em;
  color:#221712;
  max-width: 12ch;
}
.project-story-section .project-info p{
  margin: 18px 0 0;
  color:#77685e;
  font-size: 1rem;
  line-height: 1.8;
  max-width: 34rem;
}
.project-story-section .project-meta{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.project-story-section .project-meta div{
  min-height: 94px;
  padding: 18px 20px;
  border-radius: 22px;
  border:1px solid rgba(155,126,95,.16);
  background: rgba(255,255,255,.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  display:flex;
  align-items:flex-end;
}
.project-story-section .project-meta strong{
  display:block;
  margin:0 !important;
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 700;
  font-size: 1.36rem;
  line-height:1.06;
  color:#33241b;
}
@media (max-width: 1080px){
  .project-story-section .project-strip{
    grid-template-columns: 1fr !important;
  }
  .project-story-section .project-image{
    min-height: 420px;
  }
  .project-story-section .project-info{
    padding: 36px 30px;
  }
}
@media (max-width: 720px){
  .project-story-section .section-title{
    margin-bottom: 22px !important;
  }
  .project-story-section .section-title h2{
    max-width: 12ch !important;
    font-size: clamp(2.1rem, 10vw, 3rem) !important;
    line-height: .96;
  }
  .project-story-section .project-strip{
    border-radius: 26px;
  }
  .project-story-section .project-image{
    min-height: 300px;
  }
  .project-story-section .project-image::after{
    width:92px;
    height:92px;
    left:18px;
    bottom:18px;
    box-shadow: 0 0 0 12px rgba(255,248,241,.05);
  }
  .project-story-section .project-info{
    padding: 26px 20px;
    gap: 20px;
  }
  .project-story-section .project-info h2{
    font-size: clamp(1.9rem, 8vw, 2.5rem);
    max-width: none;
  }
  .project-story-section .project-info p{
    font-size: .96rem;
    line-height: 1.72;
  }
  .project-story-section .project-meta{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .project-story-section .project-meta div{
    min-height: 72px;
    padding: 14px 16px;
    border-radius: 18px;
  }
  .project-story-section .project-meta strong{
    font-size: 1.12rem;
  }
}