/* HANYANG - winter landscape continuity edition.
   One single text-free scenic image supplies the visual world across the page.
   No section-specific scenic-image changes: no pasted collage seams. */
:root{--night:#080d16;--section:#09101a;--midnight:#0c1119}
body{isolation:isolate;background:#080d16;position:relative}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,8,15,.43) 0%, rgba(5,10,17,.56) 22%, rgba(4,9,16,.70) 49%, rgba(5,10,18,.56) 76%, rgba(4,8,15,.47) 100%),
    linear-gradient(180deg,rgba(5,8,13,.07),rgba(4,8,14,.17) 30%,rgba(3,7,13,.36) 100%),
    url('assets/winter-stage.webp') center center/cover no-repeat;
  filter:saturate(.88) contrast(1.06);
}
body::after{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 47% 37% at 50% 42%,rgba(3,7,12,.31),transparent 94%),
  radial-gradient(circle at 82% 12%,rgba(248,197,116,.09),transparent 38%);
}
body > main, body > header, body > footer, body > .mobile-join,
body > .reading-line,body > .skip{position:relative;z-index:1}
body > header.site-nav{position:absolute}
body > header.site-nav.is-scrolled{position:fixed}
main{background:transparent!important}
/* No segmented background paintings; sections become clean windows onto one landscape. */
.chapter,.chapter:nth-of-type(even),.section-snow,.chapter-principle,.chapter-apply,
#intro,#entry,#schedule,#alliance,#attendance,#rewards,#rules,#members,#principle,#apply{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
}
.chapter{padding-block:clamp(115px,9vw,162px);overflow:visible;isolation:isolate}
.chapter::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:1;
  background:
    linear-gradient(180deg,rgba(4,8,14,.08) 0%,rgba(3,7,13,.24) 50%,rgba(5,9,15,.10) 100%),
    radial-gradient(ellipse 61% 50% at 50% 52%,rgba(3,7,14,.32),transparent 95%);
}
.chapter::after{content:none!important}
.chapter:nth-of-type(3n)::before{
  background:linear-gradient(180deg,rgba(5,9,15,.09),rgba(3,7,13,.24) 50%,rgba(5,9,15,.09)),
  radial-gradient(ellipse 60% 40% at 45% 55%,rgba(7,11,18,.39),transparent 94%);
}
/* remove the cut-in artwork from the image divider and oath section */
.scenic-divider{position:relative;background:transparent!important;isolation:isolate;border:0!important}
.scenic-divider::before{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(3,7,12,.08),rgba(4,8,14,.44) 50%,rgba(3,7,12,.08)),
  radial-gradient(ellipse 45% 50% at 50% 50%,rgba(5,10,18,.55),transparent 95%);
}
.scenic-divider .scenic-image{display:none!important}
.scenic-divider .scenic-content{position:relative;z-index:1}
#principle .principle-scenery{display:none!important}
#principle.chapter-principle{min-height:660px;display:flex;align-items:center}
#principle .principle-body{position:relative;z-index:1}
/* Typography-focused, unobtrusive ink protection. Avoid visible cards. */
.chapter-layout .chapter-intro,
.chapter-layout .chapter-copy,.chapter-centred,
.attendance-split,.members-columns,.apply-layout{
  position:relative;z-index:1;
}
.chapter .large-opening,.chapter .chapter-lead,.chapter-centred>p,
.chapter .paragraph,.chapter .ink-list li,.chapter .editorial-rows p,
.chapter .rewards-rows p,.chapter .fine-print,.day-row p{
  text-shadow:0 2px 16px rgba(0,0,0,.86),0 1px 2px rgba(0,0,0,.85);
}
.chapter h2,.chapter h3,.chapter .chapter-num{
  text-shadow:0 5px 26px rgba(0,0,0,.95),0 0 22px rgba(217,170,96,.13);
}
.chapter h2 em{color:#f0d2a0}
.chapter-layout .chapter-copy::before{
  content:'';position:absolute;left:-30px;top:4%;bottom:5%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(230,194,130,.27) 22%,rgba(230,194,130,.2) 72%,transparent);
  pointer-events:none
}
#intro .editorial-rows,#entry .ink-list,#rewards .rewards-rows,#rules .rule-heavy,
.attendance-split,.members-columns{
  border-color:rgba(236,198,134,.33)!important;
}
.chapter .chapter-copy .ink-list li,
.chapter .chapter-copy .editorial-rows>div,
.chapter .chapter-copy .rewards-rows>div,
.day-row{border-color:rgba(236,198,134,.24)!important}
.day-row:hover{background:linear-gradient(90deg,rgba(237,194,126,.045),transparent)}
#apply .apply-action{background:linear-gradient(155deg,rgba(15,20,27,.90),rgba(6,9,15,.94));border-color:rgba(232,195,133,.46)}
.site-footer{background:rgba(5,8,13,.84)}
.hero{background:transparent!important}
.hero-photo{opacity:.97;filter:saturate(.96) contrast(1.02)}
.hero-shade{background:linear-gradient(90deg,rgba(5,8,15,.52),rgba(6,10,18,.30) 25%,rgba(5,9,15,.73) 42%,rgba(6,11,19,.57) 65%,rgba(5,8,15,.26)),linear-gradient(180deg,rgba(3,6,12,.22),rgba(5,8,15,.06) 39%,rgba(6,10,17,.47) 76%,rgba(5,7,13,.79))}
/* The ribbon is deliberately quiet: no separate full-width colored stripe. */
.oath-ribbon{background:linear-gradient(90deg,rgba(22,16,20,.58),rgba(8,13,20,.62),rgba(22,15,19,.58));border-color:rgba(214,171,111,.24)}
@media(max-width:860px){
  body::before{
    background:
      linear-gradient(180deg,rgba(4,8,14,.57),rgba(4,9,16,.71) 35%,rgba(4,8,14,.67)),
      url('assets/winter-stage.webp') 58% center/cover no-repeat;
  }
  .chapter{padding-block:clamp(85px,13vw,105px)}
  .chapter-layout .chapter-copy::before{display:none}
}
@media(max-width:540px){
  body::before{background:
    linear-gradient(180deg,rgba(4,8,14,.64),rgba(4,9,16,.78) 44%,rgba(4,8,14,.70)),
    url('assets/winter-stage.webp') 60% center/cover no-repeat}
  .chapter{padding-block:78px}
  .chapter::before{background:linear-gradient(180deg,rgba(4,8,14,.08),rgba(3,7,13,.33) 45%,rgba(4,8,14,.08))}
  .chapter-centred,.chapter-intro,.chapter-copy{filter:drop-shadow(0 3px 14px rgba(0,0,0,.3))}
  #principle.chapter-principle{min-height:610px}
}