/* HANYANG — Snow Moon / Luminous Editorial Edition
   Brighter winter scenery, luminous gold type and continuous ambient light.
   Guild data, music and original content preserved. */
:root{
  --night:#101927;
  --midnight:#172338;
  --section:#172337;
  --gold:#f3dba9;
  --gold-light:#fff7e4;
  --gold-dim:#c3a77c;
  --ivory:#fff9ed;
  --muted:#e0d4c5;
  --line:rgba(250,216,164,.36);
}
html{scroll-padding-top:84px}
body{background:#1b263b!important;color:#fff6e7;font-size:16px;line-height:1.88}
body::before{
  background:
    linear-gradient(90deg,rgba(13,22,40,.26) 0%,rgba(15,23,42,.34) 26%,rgba(18,26,44,.42) 47%,rgba(16,24,42,.24) 73%,rgba(18,26,44,.23) 100%),
    linear-gradient(180deg,rgba(22,33,57,.09),rgba(8,14,27,.22) 44%,rgba(14,24,40,.37)),
    url('assets/snow-moon-panorama.webp') center center / cover no-repeat!important;
  filter:none!important;
  opacity:1;
}
body::after{
  background:
    radial-gradient(ellipse 42% 40% at 80% 15%,rgba(255,198,147,.18),transparent 95%),
    radial-gradient(ellipse 44% 43% at 12% 25%,rgba(190,204,250,.17),transparent 95%),
    radial-gradient(ellipse 58% 48% at 52% 78%,rgba(232,145,137,.13),transparent 100%)!important;
  mix-blend-mode:screen;
  opacity:.9;
}
/* Artful moon mist / soft gold edge, not distinct section backgrounds */
main{position:relative;isolation:isolate}
main::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 42% 11% at 60% 8%,rgba(242,205,154,.15),transparent 90%),
    radial-gradient(ellipse 45% 10% at 18% 33%,rgba(232,165,166,.10),transparent 93%),
    radial-gradient(ellipse 55% 11% at 78% 58%,rgba(192,213,255,.14),transparent 93%),
    radial-gradient(ellipse 44% 10% at 35% 87%,rgba(248,194,141,.11),transparent 90%);
}
/* Elegant navigation */
.site-nav{border-color:rgba(255,221,172,.22);background:linear-gradient(180deg,rgba(17,25,42,.78),rgba(15,24,42,.20))}
.site-nav.is-scrolled{background:rgba(18,27,44,.82);border-color:rgba(248,222,177,.24);box-shadow:0 12px 32px rgba(12,18,29,.25)}
.logo-stamp{border:1px solid rgba(252,226,179,.7);background:linear-gradient(140deg,rgba(255,232,190,.17),rgba(255,199,143,.05));box-shadow:0 0 24px rgba(254,207,132,.18),inset 0 0 18px rgba(240,204,148,.10);color:#ffebc0}
.desktop-links a{color:#fff2df}.desktop-links .nav-contact,.gold-cta{background:linear-gradient(120deg,#fff5d6,#f0c88a 46%,#dba66d 64%,#fff2cd);border:1px solid #fff1c1;box-shadow:0 10px 34px rgba(232,160,99,.25),inset 0 1px 0 #fff9ef}
/* Scenic hero */
.hero{min-height:min(1040px,100svh);padding:110px 0 100px;background:transparent!important;isolation:isolate}
.hero-photo{
  background-image:url('assets/snow-moon-panorama.webp');background-size:cover;background-position:center center;
  filter:brightness(1.09) contrast(1.03) saturate(1.05)!important;opacity:1!important;
  animation:heroBreath 38s ease-in-out infinite alternate;
}
.hero-shade{
  background:
    radial-gradient(ellipse 42% 68% at 51% 48%,rgba(18,26,43,.50),rgba(17,23,38,.18) 75%,transparent),
    linear-gradient(90deg,rgba(17,23,38,.16),rgba(16,24,39,.26) 43%,rgba(14,24,38,.17) 70%,rgba(15,23,40,.10)),
    linear-gradient(180deg,rgba(13,19,35,.25) 0%,rgba(16,27,44,.05) 36%,rgba(14,26,40,.25) 71%,rgba(15,22,36,.67) 100%)!important;
}
.hero-aura{
  background:
    radial-gradient(circle at 50% 35%,rgba(255,226,168,.20),transparent 26%),
    radial-gradient(circle at 79% 24%,rgba(255,203,149,.20),transparent 19%),
    radial-gradient(ellipse 33% 45% at 24% 38%,rgba(190,212,255,.17),transparent 95%)!important;
  animation:auraDrift 18s ease-in-out infinite alternate;
}
.hero-copy{width:min(820px,100%);padding:40px 20px 65px}
.hero-copy::before,.hero-copy::after{background:linear-gradient(180deg,transparent,rgba(255,231,190,.43),transparent);top:15%;bottom:16%;box-shadow:0 0 12px rgba(255,212,151,.2)}
.hero h1{position:relative;z-index:1}
.hero h1::before{
  content:'';position:absolute;left:50%;top:49%;width:min(490px,60vw);height:min(490px,60vw);
  border-radius:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle,rgba(250,226,188,.06) 25%,transparent 60%),
    conic-gradient(from 22deg,transparent 0 13%,rgba(255,218,163,.46) 14%,rgba(255,239,208,.12) 22%,transparent 24% 44%,rgba(255,219,168,.31) 49%,transparent 52% 73%,rgba(255,228,179,.55) 78%,transparent 80%);
  box-shadow:0 0 68px rgba(253,207,134,.07);
  -webkit-mask:radial-gradient(circle,transparent 64%,#000 67%,#000 71%,transparent 74%);
  mask:radial-gradient(circle,transparent 64%,#000 67%,#000 71%,transparent 74%);
  animation:moonRing 27s linear infinite;
}
@keyframes moonRing{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-micro{color:#fff6e9;text-shadow:0 3px 16px rgba(9,12,26,.88);font-size:13px;letter-spacing:.14em;margin-bottom:26px}
.hero-micro i{background:linear-gradient(90deg,transparent,#ffebc8,transparent)}
.hero-insignia{color:#ffe7bf;font-size:12px;letter-spacing:.62em;text-shadow:0 0 30px rgba(255,234,187,.55)}
.hero-hanja{color:#ffe6b6;font-size:clamp(34px,4vw,54px);text-shadow:0 5px 25px rgba(12,20,35,.82),0 0 22px rgba(252,204,132,.25)}
.hero-name{
  font-size:clamp(116px,12vw,180px)!important;letter-spacing:.045em!important;
  background:linear-gradient(170deg,#fffdfa 0%,#fff8e8 16%,#fce6b9 33%,#d9aa70 52%,#ffecbd 64%,#a6724b 93%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 7px 15px rgba(10,14,29,.64)) drop-shadow(0 0 31px rgba(255,213,144,.38));
}
.hero-section-name{color:#ffe5b4;font-size:23px;text-shadow:0 2px 12px rgba(10,18,31,.8)}
.hero-headline{color:#fffdf6;font-size:clamp(27px,2.8vw,41px);text-shadow:0 5px 22px rgba(6,13,27,.86)}
.hero-headline em{color:#ffe5b8;text-shadow:0 0 24px rgba(245,192,133,.34)}
.hero-description{color:#fff0e5;font-size:15px;letter-spacing:.01em;text-shadow:0 3px 14px rgba(9,14,29,.9)}
.hero-facts{background:linear-gradient(90deg,transparent,rgba(15,28,49,.34),transparent);border-color:rgba(255,237,196,.6);gap:31px}
.hero-facts b{color:#ffefcb;font-size:19px}.hero-facts small{color:#f4dab0}
.hero-bottom{color:#ffeac8}.hero-vertical-label{color:#ffedc8}
.oath-ribbon{
  position:relative;z-index:1;
  background:linear-gradient(90deg,rgba(80,37,53,.18),rgba(40,50,77,.26),rgba(95,48,56,.19))!important;
  backdrop-filter:blur(8px);
  border-top:1px solid rgba(255,231,192,.25)!important;
  border-bottom:1px solid rgba(255,221,180,.25)!important;
}
.oath-ribbon .frame{color:#fff1dc;letter-spacing:.04em;font-size:17px}.oath-ribbon strong{color:#ffe0ac}
/* Continuous moonlit world: open typography, no PPT panels */
.chapter,.chapter:nth-of-type(even),.section-snow{background:transparent!important;padding:clamp(95px,8vw,130px) 0;overflow:visible}
.chapter::before,.chapter:nth-of-type(3n)::before{
  background:
    radial-gradient(ellipse 62% 46% at 53% 47%,rgba(20,31,52,.56),rgba(19,33,54,.19) 65%,transparent 95%),
    linear-gradient(180deg,rgba(15,27,45,.02),rgba(20,30,51,.13) 35%,rgba(15,26,44,.06) 65%,rgba(13,24,40,.03))!important;
  opacity:1;
}
.chapter-layout{gap:clamp(50px,7vw,125px)}
.chapter-intro{padding-top:8px}
.chapter-num{color:#ffe2aa;letter-spacing:.17em;font-size:15px;margin-bottom:35px}
.chapter-num span{color:#f1dbb6;font-size:11px;letter-spacing:.31em;text-shadow:0 2px 9px rgba(8,16,35,.6)}
.chapter-num::before{width:43px;height:1px;background:linear-gradient(90deg,#ffe1a6,rgba(255,226,184,.1));box-shadow:0 0 12px rgba(255,223,181,.35)}
.chapter h2{
  color:#fff9ed!important;font-size:clamp(42px,4.8vw,73px);line-height:1.42;letter-spacing:-.068em;
  text-shadow:0 5px 21px rgba(11,23,39,.78),0 0 24px rgba(241,199,140,.17);
}
.chapter h2 em{color:#ffdda7!important;text-shadow:0 3px 22px rgba(253,194,113,.22)}
.chapter-lead,.chapter-centred>p{color:#fff0df;font-size:16px;line-height:2.04;max-width:540px;text-shadow:0 3px 14px rgba(10,21,36,.9)}
.chapter-layout .chapter-copy::before{left:-31px;background:linear-gradient(180deg,transparent,rgba(255,231,198,.5),rgba(252,201,133,.19),transparent);box-shadow:0 0 16px rgba(255,227,172,.2)}
.chapter .large-opening{font-size:clamp(21px,2vw,28px);line-height:1.85;color:#fff5e8}
.chapter .large-opening strong{color:#ffe0af}
.chapter .editorial-rows>div,.chapter .rewards-rows>div,.chapter .chapter-copy .ink-list li,.day-row{
  border-color:rgba(255,229,189,.31)!important;
  background:transparent!important;
}
.editorial-rows strong,.rewards-rows strong,.chapter h3{color:#ffedcd}
.editorial-rows p,.rewards-rows p,.chapter .paragraph,.chapter .fine-print,.day-row p,.chapter .ink-list li{color:#f6e8d7;font-size:15px;line-height:1.9}
.editorial-rows span,.rewards-rows span{color:#ffdd9f;text-shadow:0 0 18px rgba(253,218,172,.24)}
.calligraphic-line{width:150px;height:2px;background:linear-gradient(90deg,rgba(255,222,167,.86),rgba(255,224,180,.12),transparent)!important;box-shadow:0 0 18px rgba(255,218,151,.38)}
.number-hero strong{color:#fff3cb!important;text-shadow:0 0 28px rgba(254,206,127,.25),0 6px 18px rgba(8,19,30,.86)}
.number-hero small,.number-hero span{color:#ffe2b8}
.ink-list li::marker{color:#ffdeaa}
.chapter-entry .ink-list{border-color:rgba(255,226,180,.38)}
.scenic-divider{height:420px!important;display:flex;align-items:center;justify-content:center;border:0!important;position:relative}
.scenic-divider::before{
  background:radial-gradient(ellipse 42% 50% at 50% 50%,rgba(25,34,57,.49),rgba(18,31,50,.2) 58%,transparent 88%),
    radial-gradient(ellipse 33% 35% at 50% 50%,rgba(250,213,167,.10),transparent 86%)!important;
}
.scenic-content span{color:#ffe5b8;letter-spacing:.45em}.scenic-content p{font-size:clamp(35px,4vw,57px);line-height:1.65;color:#fff8ee;text-shadow:0 5px 28px rgba(7,14,27,.88)}.scenic-content strong{color:#ffdda7}
.scenic-content::before,.scenic-content::after{content:'✦';font-size:17px;display:block;color:rgba(255,219,160,.72);text-shadow:0 0 25px rgba(255,213,151,.64)}
.day-meta strong{color:#ffe0ac}.day-tag{border-color:rgba(255,222,176,.45)!important;background:rgba(249,214,155,.08)!important;color:#ffe3b1!important}
.day-row{border-bottom:1px solid rgba(250,223,174,.37)!important;padding-block:28px}
.day-row:hover{background:linear-gradient(90deg,rgba(255,218,164,.06),transparent)!important}
.day-row time,.day-row b{color:#ffe9bd}.assembly{border-top:1px solid rgba(255,227,173,.34)!important}
.alliance-lead span,.alliance-free span{color:#ffe4b8}.alliance-lead strong{color:#fff4d4}
.edge-rows{border-color:rgba(255,223,166,.32)!important}.edge-rows b{color:#ffdfae}
.attendance-hero strong{color:#fff0cb!important;text-shadow:0 0 37px rgba(255,199,137,.34),0 6px 18px rgba(13,27,48,.78)}
.attendance-hero small,.quiet-quote{color:#ffdda9}.attendance-split h3,.members-columns h3{color:#fff1db}
.distribution-info b{color:#ffe6ba}.distribution-info p{border-color:rgba(255,231,182,.26)!important}
#principle.chapter-principle{min-height:560px}
.principle-lead{color:#ffefe0}.principle-mantra p{color:#ffdfb6;text-shadow:0 4px 25px rgba(16,29,49,.8)}
#apply .apply-action{background:linear-gradient(155deg,rgba(26,40,63,.85),rgba(15,25,43,.90))!important;border:1px solid rgba(255,222,174,.7)!important;box-shadow:0 24px 78px rgba(10,17,31,.35),0 0 55px rgba(244,202,147,.11),inset 0 1px 0 rgba(255,238,203,.17)}
.apply-action::before,.apply-action::after{border-color:#ffdda3}.apply-meta span{background:rgba(255,234,200,.08);color:#ffe5bc;border-color:rgba(255,227,183,.42)}
.apply-steps li{color:#fff1e0;border-color:rgba(255,225,185,.3)}
.apply-warning{color:#ffe2bc}.contact-address,.contact-reminder{color:#f5dfc3}
.site-footer{background:linear-gradient(180deg,rgba(13,23,38,.40),rgba(8,17,29,.81))!important;border-color:rgba(255,230,194,.29)}
.site-footer p{color:#efe0ce}.site-footer strong{color:#ffe0b2}
.hanyang-bgm{background:linear-gradient(135deg,rgba(30,43,66,.9),rgba(41,38,49,.9));border-color:rgba(252,221,175,.58);box-shadow:0 14px 32px rgba(10,20,38,.24),0 0 28px rgba(255,212,154,.12)}
/* Fine luminous details, no noisy flashing */
body{--blossom-glow:rgba(255,180,177,.17)}
#intro .chapter-intro::before,#entry .chapter-intro::before,#rewards .chapter-intro::before{
  content:'';position:absolute;z-index:-1;width:240px;height:240px;left:-100px;top:-70px;
  border-radius:50%;background:radial-gradient(circle,rgba(244,173,155,.12),transparent 68%);filter:blur(6px);pointer-events:none;
}
#entry .chapter-intro::before{background:radial-gradient(circle,rgba(174,197,253,.19),transparent 69%)}
#rewards .chapter-intro::before{background:radial-gradient(circle,rgba(255,220,175,.14),transparent 69%)}
.chapter-centred h2{margin-bottom:16px}
.reveal{transition-duration:.85s}
@media (max-width:860px){
  body::before{background:
    linear-gradient(180deg,rgba(13,22,41,.37),rgba(18,30,53,.52) 45%,rgba(14,25,45,.54)),
    url('assets/snow-moon-panorama.webp') 58% center / cover no-repeat!important}
  .hero{min-height:0;padding:134px 0 65px}
  .hero-shade{background:linear-gradient(180deg,rgba(10,19,36,.28),rgba(16,26,44,.39) 38%,rgba(13,23,43,.71) 100%)!important}
  .hero-photo{background-position:55% center;filter:brightness(1.13) saturate(1.15)!important}
  .hero-copy{width:min(740px,100%);padding:30px 0 30px}
  .chapter,.chapter:nth-of-type(even),.section-snow{padding:90px 0}
  .chapter-layout{gap:27px}
  .chapter h2{font-size:clamp(40px,6.5vw,59px)}
  .scenic-divider{height:350px!important}
  .mobile-links{background:rgba(20,32,53,.97);border-color:rgba(255,225,179,.32)}
  .mobile-join{background:linear-gradient(105deg,rgba(23,36,58,.94),rgba(31,40,58,.96));border-color:rgba(255,228,184,.4)}
}
@media(max-width:540px){
  body::before{background:
    linear-gradient(180deg,rgba(12,20,38,.44),rgba(17,28,49,.56) 46%,rgba(14,27,44,.59)),
    url('assets/snow-moon-panorama.webp') 59% center / cover no-repeat!important}
  .hero{min-height:800px;padding:122px 0 58px}
  .hero-shade{background:linear-gradient(180deg,rgba(10,18,35,.27),rgba(16,27,49,.45) 35%,rgba(14,23,40,.79) 78%,rgba(11,21,40,.84))!important}
  .hero-copy::before,.hero-copy::after{display:none}
  .hero h1::before{width:290px;height:290px;opacity:.7}
  .hero-name{font-size:clamp(80px,19vw,112px)!important}
  .hero-hanja{font-size:30px}
  .hero-micro{font-size:10px;gap:7px;letter-spacing:.03em;margin-bottom:23px}
  .hero-insignia{font-size:9px}
  .hero-section-name{font-size:18px;letter-spacing:.22em}
  .hero-headline{font-size:clamp(24px,5.5vw,30px)}
  .hero-description{font-size:13px}
  .hero-facts{gap:7px}.hero-facts b{font-size:12px}.hero-facts small{font-size:8px}
  .oath-ribbon .frame{font-size:11px;gap:9px}
  .chapter,.chapter:nth-of-type(even),.section-snow{padding:72px 0}
  .chapter h2{font-size:clamp(32px,8.8vw,46px)}
  .chapter .large-opening{font-size:20px}
  .chapter-lead,.chapter-centred>p{font-size:14px}
  .chapter .ink-list li,.editorial-rows p,.rewards-rows p,.day-row p{font-size:14px}
  .number-hero strong{font-size:clamp(58px,14.5vw,80px)}
  .scenic-divider{height:280px!important}
  .scenic-content p{font-size:27px}
  .attendance-hero strong{font-size:104px}
  .mobile-join{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.hero h1::before{animation:none}.hero-photo{animation:none}}
#winterBlossoms{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:54;opacity:.95;mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){#winterBlossoms{display:none}}
@media (max-width: 860px){.hero-photo{background-position:86% center}}
@media (max-width: 540px){
  body::before{background-position:center,91% center!important}
  .hero-photo{background-position:91% center!important}
}
@media(min-width:861px){
  .hero{min-height:900px;padding:95px 0 65px}
  .hero-copy{padding:7px 20px 23px}
  .hero-name{font-size:clamp(116px,11vw,162px)!important}
  .hero-micro{margin-bottom:20px}
  .hero-insignia{margin-bottom:11px}
  .hero-section-name{margin:0 0 14px}
  .hero-headline{line-height:1.58;margin-bottom:9px}
  .hero-description{margin-bottom:17px}
  .hero-links{margin-bottom:21px}
  .hero-facts{padding:13px 12px}
}
