@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap");
@import url("premium.css");

/* Landing hero fallback: use the same approved 병장 visual before API content loads. */
.theme-heroes .hero-image{background-image:url("assets/heroes-salute-2005-byeongjang-20s.png")}

/* WAY'S ROAD identity and contact footer */
.brand{display:flex;align-items:center;white-space:nowrap}
.brand img{display:block;width:auto;height:62px;max-width:min(280px,52vw)}
.brand.brand-lockup{gap:4px}
.brand-lockup .brand-symbol{width:62px;height:62px;max-width:none;flex:0 0 auto}
.brand-lockup .brand-wordmark{width:min(225px,35vw);height:auto;max-width:none;flex:0 1 auto}
.footer-contact{font-style:normal;font-size:12px;line-height:1.75;color:#171717}
.footer-contact p{margin:0 0 10px}
.footer-contact strong{color:#111;font-size:11px;letter-spacing:1px;margin-right:10px}
.footer-contact a:hover{color:#5b1c18}
@media(max-width:1100px){.brand img{height:54px}.brand-lockup .brand-symbol{width:54px;height:54px}.brand-lockup .brand-wordmark{width:min(198px,35vw);height:auto}}
@media(max-width:820px){
  .header-inner{gap:8px}
  .brand img{width:auto;height:44px;max-width:min(210px,62vw)}
  .brand.brand-lockup{gap:3px}
  .brand-lockup .brand-symbol{width:36px;height:36px;max-width:none}
  .brand-lockup .brand-wordmark{width:min(144px,39vw);height:auto;max-width:none}
  .header-inner .member-menu{display:flex;flex:0 0 auto;min-width:max-content;margin-left:auto;margin-right:0;order:2}
  .member-quick-links,.member-quick-links .member-login{flex:0 0 auto}
  .member-quick-links .member-login{display:inline-flex;align-items:center;min-height:36px;padding:8px 10px;line-height:1;white-space:nowrap;word-break:keep-all}
  .header-inner .menu-toggle{flex:0 0 32px;width:32px;order:3}
}
@media(max-width:340px){
  .header-inner{gap:6px}
  .brand-lockup .brand-symbol{width:34px;height:34px}
  .brand-lockup .brand-wordmark{width:min(128px,37vw)}
  .member-quick-links .member-login{min-height:34px;padding:8px 9px}
  .header-inner .menu-toggle{flex-basis:30px;width:30px}
}

/* 메인 미디어 카드: 영상관 최신 영상 */
.media-card.has-video{cursor:pointer}
.media-card.has-video:before,
.media-card.has-video:after{display:none}
.media-card.has-video .play{pointer-events:none}
.media-card.is-playing{padding:0;background:#000;cursor:default}
.media-card.is-playing:before,
.media-card.is-playing:after,
.media-card.is-playing .play,
.media-card.is-playing p,
.media-card.is-playing span{display:none}
.media-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}

/* 후원 계좌 안내 */
body.donation-modal-open{overflow:hidden}
.donation-modal[hidden]{display:none}
.donation-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.donation-modal__backdrop{position:absolute;inset:0;background:rgba(7,28,45,.62)}
.donation-modal__dialog{position:relative;width:min(430px,100%);padding:40px;background:#fff;border-radius:4px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.donation-modal__dialog .eyebrow{margin-bottom:9px;color:var(--orange)}
.donation-modal__dialog h2{margin:0 0 27px;font-size:30px;letter-spacing:-1.8px;color:var(--navy)}
.donation-modal__close{position:absolute;top:13px;right:15px;width:38px;height:38px;border:0;background:transparent;color:var(--navy);font-size:30px;line-height:1;cursor:pointer}
.donation-account{margin:0;border-top:1px solid #d8e0e4}
.donation-account>div{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #d8e0e4}
.donation-account dt{font-size:13px;font-weight:700;color:#6b7d87}
.donation-account dd{margin:0;font-size:17px;font-weight:700;letter-spacing:-.6px;color:var(--ink);word-break:break-all}
.donation-account>div:nth-child(2) dd{font-size:20px;letter-spacing:.2px}
.donation-modal__note{margin:20px 0 0;color:#6b7d87;font-size:13px}
@media(max-width:480px){.donation-modal__dialog{padding:35px 25px 29px}.donation-modal__dialog h2{font-size:27px}.donation-account>div{grid-template-columns:76px 1fr}.donation-account>div:nth-child(2) dd{font-size:18px}}

/* 흰색 푸터 */
footer{background:#fff;color:#111;border-top:1px solid #dde3e6}
.footer-brand{color:#111}
.footer-inner>div>p{color:#171717}
.footer-links a{color:#111}
.footer-links a:hover{color:#5b1c18}
footer small{border-top-color:#d9dee1;color:#111}