/* Our Story standalone page (from customer design) */
.standalone-story{padding-top:0}
.story-hero{
  min-height:calc(100vh - 50px);
  display:grid;
  grid-template-columns:1.08fr .92fr;
  background:#f2eee6;
}
.story-hero__visual{
  min-height:680px;background-size:cover;background-position:center;position:relative
}
.story-hero__visual:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))
}
.story-hero__copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:100px clamp(42px,6.8vw,100px)
}
.story-hero__copy .eyebrow{
  font-size:9px;letter-spacing:.24em;color:#777268;margin-bottom:28px
}
.story-hero__copy h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(44px,4.6vw,68px);font-weight:400;
  line-height:.95;letter-spacing:-.04em;margin:0 0 30px;color:#252620
}
.story-hero__copy .ko{
  font-size:18px;font-weight:300;line-height:1.8;margin:0 0 24px;color:#3f4038
}
.story-hero__copy .body{
  max-width:440px;font-size:13px;line-height:2;color:#79756d;margin:0
}

.story-manifesto{padding:135px 0 120px}
.story-manifesto .inner{
  width:min(1120px,calc(100% - 80px));margin:auto;
  display:grid;grid-template-columns:.62fr 1.38fr;gap:86px
}
.story-manifesto .label{
  font-size:9px;letter-spacing:.24em;color:#79756d;padding-top:12px
}
.story-manifesto h2{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;font-size:clamp(26px,3.2vw,40px);
  font-weight:400;line-height:1.22;letter-spacing:-.02em;margin:0 0 34px;word-break:keep-all
}
.story-manifesto p{
  font-size:14px;line-height:2;color:#79756d;max-width:630px;margin:0
}

.story-image-band{
  width:min(1320px,calc(100% - 80px));margin:0 auto 130px;
  display:grid;grid-template-columns:1.25fr .75fr;gap:18px
}
.story-image-band .img{
  min-height:560px;background-size:cover;background-position:center
}
.story-image-band .note{
  background:#e9e1d5;padding:56px;
  display:flex;flex-direction:column;justify-content:flex-end
}
.story-image-band .note .eyebrow{font-size:9px;letter-spacing:.2em;color:#79756d}
.story-image-band .note h3{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:46px;font-weight:400;
  line-height:1;margin:18px 0 22px
}
.story-image-band .note p{font-size:13px;line-height:1.9;color:#6f6a61;margin:0}

.story-values{
  padding:0 0 135px;
  width:min(1120px,calc(100% - 80px));margin:auto;
}
.story-values__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}
.story-values__head .eyebrow{font-size:9px;letter-spacing:.22em;color:#79756d}
.story-values__head h2{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;font-size:clamp(28px,3.6vw,44px);
  font-weight:400;line-height:1.18;margin:0;word-break:keep-all
}
.story-values__grid{
  display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfddd7
}
.story-values article{
  padding:30px 30px 10px 0;border-right:1px solid #dfddd7;min-height:230px
}
.story-values article+article{padding-left:30px}
.story-values article:last-child{border-right:0}
.story-values .num{font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;color:#8a867e}
.story-values h3{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:400;
  margin:42px 0 12px
}
.story-values p{font-size:12.5px;line-height:1.9;color:#79756d;margin:0;max-width:36ch;word-break:keep-all}

.story-closing{
  min-height:72vh;background-size:cover;background-position:center;
  position:relative;display:flex;align-items:center;justify-content:center;
  text-align:center;color:#fff
}
.story-closing:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(48,42,34,.12) 0%,rgba(28,24,18,.42) 55%,rgba(18,15,12,.62) 100%),
    linear-gradient(180deg,rgba(32,28,22,.18),rgba(22,18,14,.38) 48%,rgba(16,14,11,.58));
}
.story-closing .copy{
  position:relative;z-index:2;width:min(720px,86vw);margin:0;
  padding:8px 12px;border:0;color:#fff
}
.story-closing .eyebrow{
  font-size:9px;letter-spacing:.32em;margin-bottom:28px;
  color:#fff;font-weight:500
}
.story-closing h2{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;font-size:clamp(26px,3.6vw,42px);
  font-weight:400;line-height:1.22;letter-spacing:-.02em;margin:0 0 28px;
  color:#fff;word-break:keep-all;
  text-shadow:0 18px 48px rgba(0,0,0,.28)
}
.story-closing p{
  font-size:13.5px;line-height:2;max-width:34em;margin:auto;
  color:#fff;font-weight:300;
  text-shadow:0 8px 28px rgba(0,0,0,.22)
}

@media(max-width:900px){
  .story-hero{grid-template-columns:1fr}
  .story-hero__visual{min-height:54vh;order:-1}
  .story-hero__copy{padding:64px 26px 78px}
  .story-manifesto{padding:90px 0}
  .story-manifesto .inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:24px}
  .story-image-band{width:calc(100% - 40px);grid-template-columns:1fr;margin-bottom:90px}
  .story-image-band .img{min-height:48vh}
  .story-image-band .note{padding:38px 28px}
  .story-values{width:calc(100% - 40px);padding-bottom:90px}
  .story-values__head{display:block}
  .story-values__head h2{margin-top:14px}
  .story-values__grid{grid-template-columns:1fr}
  .story-values article,.story-values article+article{
    padding:28px 0;border-right:0;border-bottom:1px solid #dfddd7;min-height:0
  }
  .story-values h3{margin:18px 0 10px}
  .story-closing{min-height:62vh}
}