/* HAN YANG | refined continuous scenery; final polish 2026 winter
   The same approved Hanyang valley image is reused across hero and body.
   No unrelated landscape or section-specific collage swaps. */
:root {
 --night:#1d284b;
 --midnight:#263653;
 --section:#2a3458;
 --ivory:#fff8ed;
 --gold:#f3d6a9;
 --gold-light:#fff1d4;
 --gold-dim:#dbb98c;
 --line:rgba(255,226,194,.27);
}
html{background:#253153;scroll-padding-top:82px;scroll-behavior:smooth}
body{background:#24304e!important;color:#fff3e6!important}
/* One world below the hero: no sudden appearance of old foreign moon photo. */
body::before{
 content:''!important;position:fixed!important;inset:-1% 0!important;z-index:0!important;pointer-events:none!important;
 background:
  linear-gradient(105deg,rgba(24,29,56,.59) 0%,rgba(31,34,68,.59) 34%,rgba(33,40,70,.54) 64%,rgba(22,34,62,.63) 100%),
  linear-gradient(180deg,rgba(48,41,67,.27),rgba(28,37,65,.37)),
  url('assets/hanyang-city-atmosphere.webp') center 54%/cover no-repeat!important;
 filter:none!important;opacity:1!important;
}
body::after{background:
  radial-gradient(ellipse 72% 34% at 88% 7%,rgba(255,211,184,.15),transparent 72%),
  radial-gradient(ellipse 61% 33% at 8% 61%,rgba(205,175,228,.15),transparent 82%),
  radial-gradient(ellipse 49% 30% at 60% 98%,rgba(238,188,153,.10),transparent 85%)!important;
 mix-blend-mode:screen;opacity:1!important;
}
main::before{background:
 radial-gradient(ellipse 46% 10% at 70% 8%,rgba(255,216,172,.12),transparent 90%),
 radial-gradient(ellipse 42% 13% at 18% 36%,rgba(223,179,190,.08),transparent 95%),
 radial-gradient(ellipse 48% 12% at 64% 69%,rgba(196,217,255,.11),transparent 95%)!important;}
.site-nav:not(.is-scrolled){position:absolute!important;top:0!important;left:0!important;right:0!important;background:linear-gradient(180deg,rgba(29,34,61,.76),rgba(29,34,61,.20) 84%,transparent)!important;border-bottom:1px solid rgba(255,237,203,.21)!important;box-shadow:none!important;}
.site-nav.is-scrolled{background:rgba(29,34,58,.88)!important;border-bottom:1px solid rgba(255,225,179,.32)!important;backdrop-filter:blur(18px);}
.hero{padding:0!important;height:auto!important;min-height:0!important;background:transparent!important;overflow:hidden!important;isolation:isolate}
.hero-art{display:block;position:relative;line-height:0;z-index:1;background:transparent!important;
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.96) 90%,rgba(0,0,0,.65) 96%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.96) 90%,rgba(0,0,0,.65) 96%,transparent 100%);
}
.hero-art img{width:100%!important;height:auto!important;display:block!important;object-fit:contain;filter:saturate(1.045) contrast(1.045) brightness(1.02)}
.hero-body{background:transparent!important;margin:-26px 0 0!important;padding:9px 16px 31px!important;position:relative!important;z-index:2!important;}
.hero-copy{max-width:950px!important;width:100%!important}
.hero-links{margin:0!important;gap:18px!important}
.gold-cta{border-radius:3px!important;box-shadow:0 12px 30px rgba(21,24,50,.24),0 0 20px rgba(255,207,151,.13)!important}
.hero-links .text-cta{color:#ffe8cf!important;text-shadow:0 2px 9px rgba(20,25,50,.6)!important}
.oath-ribbon{background:linear-gradient(90deg,rgba(91,63,99,.08),rgba(191,154,164,.08),rgba(91,63,99,.08))!important;border-top:1px solid rgba(255,234,212,.19)!important;border-bottom:1px solid rgba(255,225,194,.16)!important;backdrop-filter:blur(4px);}
/* Typography remains editorial — no large PPT cards. Soft local shadow rather than a black full-page overlay. */
.chapter,.section-snow,#intro,#entry,#schedule,#alliance,#attendance,#rewards,#rules,#members,#principle,#apply{
 background:transparent!important;background-image:none!important;border:0!important;
}
.chapter::before,.chapter:nth-of-type(3n)::before{
 content:''!important;background:
  radial-gradient(ellipse 54% 67% at 51% 48%,rgba(26,31,59,.29),rgba(29,35,64,.12) 62%,transparent 92%),
  linear-gradient(180deg,rgba(36,42,69,.04),rgba(36,39,65,.12) 50%,rgba(36,42,69,.04))!important;
 opacity:1!important;
}
.chapter::after{display:none!important}
.chapter{padding-block:clamp(90px,8vw,134px)!important}
.chapter h2{color:#fff7ee!important;text-shadow:0 4px 23px rgba(17,25,51,.66)!important}
.chapter h2 em{color:#ffdbac!important;text-shadow:0 2px 12px rgba(60,43,59,.25)!important}
.chapter p,.chapter li,.chapter-centred>p{ text-shadow:0 2px 9px rgba(18,24,48,.62),0 1px 2px rgba(14,23,40,.45)}
.chapter .large-opening{color:#fff5e8!important}
.chapter-num,.chapter-num span,.chapter-lead{color:#f9e3c9!important}
.chapter .editorial-rows>div,.chapter .rewards-rows>div,.chapter .chapter-copy .ink-list li,.day-row,
.attendance-split>div,.members-columns>div{border-color:rgba(255,222,184,.24)!important;background:transparent!important}
.scenic-divider{background:transparent!important;border:0!important}
.scenic-divider::before{background:radial-gradient(ellipse 42% 43% at 50% 50%,rgba(30,39,68,.44),rgba(29,34,60,.11) 64%,transparent 88%)!important}
#principle .principle-scenery{display:none!important}
#principle{background:transparent!important}
.site-footer{background:linear-gradient(180deg,rgba(27,35,62,.3),rgba(21,29,54,.67))!important;border-top:1px solid rgba(255,222,184,.24)!important}
.apply-action{background:linear-gradient(145deg,rgba(36,42,76,.79),rgba(26,33,59,.88))!important;border:1px solid rgba(253,214,166,.47)!important;box-shadow:0 22px 70px rgba(19,25,46,.28)!important}
.hanyang-bgm{background:linear-gradient(115deg,rgba(36,38,71,.91),rgba(46,40,70,.91))!important;border-color:rgba(255,214,162,.49)!important}
@media(min-width:861px){
 .hero-body{margin-top:-45px!important;padding:10px 16px 40px!important}
 .hero-links .gold-cta{min-height:58px}
}
@media(max-width:860px){
 body::before{background:
  linear-gradient(180deg,rgba(29,35,65,.56),rgba(30,39,70,.59) 55%,rgba(27,37,64,.68)),
  url('assets/hanyang-city-atmosphere.webp') 60% center/cover no-repeat!important}
 .hero-art{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.7) 95%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.7) 95%,transparent 100%)}
 .hero-body{padding:8px 13px 25px!important;margin-top:-12px!important}
 .chapter{padding-block:clamp(65px,10vw,95px)!important}
 .hanyang-bgm{bottom:calc(80px + env(safe-area-inset-bottom))!important;top:auto!important;right:12px!important;max-width:185px!important}
 .mobile-links{background:rgba(35,37,67,.96)!important}
 .mobile-join{background:linear-gradient(105deg,rgba(36,38,71,.95),rgba(42,41,75,.97))!important}
}
@media(max-width:540px){
 .hero-art img{filter:saturate(1.025) contrast(1.02)}
 .chapter h2{font-size:clamp(34px,8.8vw,48px)!important}
 .oath-ribbon .frame{color:#fff1dd}
}
@media(prefers-reduced-motion:reduce){.hero-art img{filter:none}}