/* 만신 이야기(/story) 전용 스타일 — 디자인 Story.dc.html */
main{overflow-x:clip}
.st-wrap{max-width:1360px;margin:0 auto;padding:96px 40px 60px;box-sizing:border-box}
.st-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px 80px;align-items:start}
.story{display:flex;flex-direction:column;gap:30px}
.story h2{margin:0 0 6px;font-family:'Hahmlet',serif;font-weight:900;font-size:44px;line-height:1.3}
.story p{margin:0;font-size:20px;line-height:2.05;color:#2E2925}
.story .drop::first-letter{float:left;font-family:'Hahmlet',serif;font-weight:900;font-size:96px;line-height:.86;margin:10px 14px 0 0;color:#B8231B}
.st-quote{margin:14px 0;padding:30px 36px;background:#FFFFFF;border:2px solid #1B1714;box-shadow:12px 12px 0 #EDBE2F;font-family:'Hahmlet',serif;font-weight:700;font-size:30px;line-height:1.55}
.st-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.btn svg{flex:none;transition:transform .35s ease}.btn:hover svg{transform:translateX(4px)}
.st-side{display:flex;flex-direction:column;gap:28px}
.st-box{padding:28px 26px;background:#FFFFFF;border:2px solid #1B1714}
.st-box-t{display:block;margin-bottom:14px;font-family:'Hahmlet',serif;font-weight:900;font-size:22px}
.st-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.st-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid rgba(27,23,20,.14);font-size:17px;line-height:1.6}
.st-steps .flag{margin-top:5px}
.st-photos{display:flex;flex-direction:column;gap:28px}
.st-photo{margin:0;border:2px solid #1B1714;overflow:hidden}
.st-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.st-photo:hover img{transform:scale(1.05)}
.st-photo.a{box-shadow:16px 16px 0 #2457B3}
.st-photo.a img{object-position:50% 25%}
.st-photo.b{box-shadow:16px 16px 0 #D3382C}
.st-photo.b img{object-position:50% 20%}
/* 영상 */
.st-vids{background:#1E4690;color:#FFFFFF;border-top:2px solid #1B1714}
.st-vids-in{max-width:1360px;margin:0 auto;padding:88px 40px 100px;box-sizing:border-box}
.st-vids h2{margin:0 0 12px;font-family:'Hahmlet',serif;font-weight:900;font-size:44px;line-height:1.3}
.st-vids-lead{margin:0 0 40px;color:#E3E9F5}
.st-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.vcard{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#FFFFFF}
.vthumb{position:relative;display:block;border:2px solid #FFFFFF;overflow:hidden;background:#1B1714}
.vthumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.vcard:hover .vthumb img{transform:scale(1.06)}
.vplay{position:absolute;left:50%;top:50%;translate:-50% -50%;width:72px;height:72px;border-radius:50%;background:#FFFFFF;display:grid;place-items:center;transition:background .3s,scale .3s}
.vcard:hover .vplay{background:#D3382C;scale:1.08}
.vplay svg{fill:#1B1714;transition:fill .3s}.vcard:hover .vplay svg{fill:#FFFFFF}
.vn{font-size:16px;font-weight:700;color:#EDBE2F}
.vt{font-family:'Hahmlet',serif;font-weight:700;font-size:22px;line-height:1.4}
@media (max-width:900px){
  .st-wrap{padding:48px 18px 32px}
  .st-grid{gap:44px}
  .story{gap:24px}
  .story h2{font-size:30px}
  .story p{font-size:18px;line-height:1.95}
  .story .drop::first-letter{font-size:68px;margin:8px 10px 0 0}
  .st-quote{padding:22px 22px;font-size:22px;box-shadow:8px 8px 0 #EDBE2F}
  .st-cta .btn{flex:1 1 100%}
  .st-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .st-photo.a{box-shadow:8px 8px 0 #2457B3}
  .st-photo.b{box-shadow:8px 8px 0 #D3382C}
  .st-vids-in{padding:56px 18px 64px}
  .st-vids h2{font-size:30px}
  .st-vids-lead{margin-bottom:28px}
  .vt{font-size:20px}
  .vplay{width:60px;height:60px}
}

/* 한글 어절 단위 줄바꿈 */
.story p,.st-quote,.vt,.st-steps li{word-break:keep-all;overflow-wrap:break-word}