/* HANYANG RESTORED — precise fixes to the original cinematic visual identity.
   Never use poster images that contain embedded lettering behind live text. */
.oath-scenery{
  background:linear-gradient(90deg,#0b090f 0%,rgba(13,9,16,.97) 24%,rgba(12,9,16,.84) 52%,rgba(12,9,16,.3) 77%,rgba(9,8,13,.28) 100%),url('assets/bridge-clean.jpg') center center / cover no-repeat;
  filter:none;
}
.battle-interlude{
  background:linear-gradient(90deg,rgba(12,8,16,.89),rgba(13,8,17,.8) 38%,rgba(13,8,17,.44) 77%,rgba(11,8,16,.58)),url('assets/battle-clean.jpg') center center / cover no-repeat;
  min-height:310px;height:auto;padding:54px 24px;
}
.oath-bridge{min-height:270px;height:auto;padding:24px 0;isolation:isolate}
.oath-bridge-inner{min-height:220px;height:auto}
.oath-copy{min-width:0;max-width:min(740px,100%)}
.oath-copy p{font-size:clamp(25px,3.7vw,48px);line-height:1.47;overflow-wrap:break-word;word-break:keep-all}
.oath-copy small{display:block;line-height:1.7}
.oath-bridge:after{pointer-events:none;z-index:0}
.oath-emblem{position:relative;z-index:2}
.battle-interlude-text{position:relative;z-index:2;max-width:min(960px,100%);line-height:1.6;overflow-wrap:break-word;word-break:keep-all}
/* Remove illegible display-side cropping; reserve line-height for decorative headings */
.hero-title-desc{line-height:1.55}
.hero-quote{line-height:1.6}
.section h2{overflow-wrap:break-word;word-break:keep-all;line-height:1.46}
.power-number strong{overflow-wrap:anywhere;line-height:1.24;font-size:clamp(46px,5.8vw,80px)}
.apply-steps li{overflow-wrap:break-word}
.contact-url{overflow-wrap:anywhere;word-break:break-all}
/* Clearer gold contrast and more breathing room in dense sections */
.rule-lines li,.standards-columns p,.rules-columns li,.members-columns li{line-height:1.83}
.section-index{line-height:1.6}
/* A gentle pale-gold rim on cinematic panels, not a new concept or card redesign */
.oath-bridge{border-top:1px solid #c99b6a70;border-bottom:1px solid #c99b6a70}
.battle-interlude{border-top:1px solid #c99b6a60;border-bottom:1px solid #c99b6a60}
@media(max-width:1050px){
  .oath-bridge-inner{gap:26px}
  .oath-copy p{font-size:clamp(25px,3.7vw,40px)}
  .power-number strong{font-size:clamp(46px,5.5vw,74px)}
}
@media(max-width:780px){
  .oath-bridge{min-height:245px;padding:20px 0}
  .oath-bridge-inner{min-height:205px;gap:18px}
  .oath-scenery{background-position:75% center}
  .oath-copy p{font-size:clamp(22px,4.4vw,32px)}
  .oath-copy small{font-size:12px}
  .oath-emblem{width:76px;height:76px}
  .battle-interlude{min-height:240px;padding:55px 20px;background-position:74% center}
  .battle-interlude-text{font-size:clamp(24px,5.4vw,38px)}
  .power-number strong{font-size:clamp(46px,10vw,68px)}
  .section h2{line-height:1.48}
}
@media(max-width:480px){
  .oath-bridge{min-height:230px;padding:20px 0}
  .oath-bridge-inner{min-height:190px;gap:14px}
  .oath-emblem{width:60px;height:60px;min-width:60px;outline-offset:4px}
  .oath-copy .oath-sub{font-size:9px;letter-spacing:.06em}
  .oath-copy p{font-size:clamp(20px,5vw,24px);line-height:1.56;margin:8px 0}
  .oath-copy small{font-size:11px}
  .oath-scenery{background-position:79% center}
  .battle-interlude{min-height:210px;padding:48px 22px}
  .battle-interlude-text{font-size:clamp(22px,6vw,28px);line-height:1.52}
  .power-number strong{font-size:clamp(44px,12.1vw,59px)}
  .hero-title-desc{line-height:1.55}
  .hero-quote{line-height:1.65}
  .section h2{font-size:clamp(32px,8vw,43px);line-height:1.5}
}
@media(max-width:359px){
  .oath-emblem{width:50px;height:50px;min-width:50px;font-size:20px}
  .oath-emblem span{font-size:13px}
  .oath-copy p{font-size:19px}
  .oath-copy small{font-size:10px}
  .power-number strong{font-size:43px}
  .hero-name{font-size:clamp(69px,24vw,79px)!important}
  .hero-hanja{font-size:clamp(54px,18vw,66px)!important}
}