/* 모든 페이지의 탑바·본문·하단바가 공유하는 실제 콘텐츠 너비입니다. */
:root {
  --content-width: 1040px;
  --page-gutter: 30px;
}

@media (max-width: 650px) {
  :root {
    --page-gutter: 24px;
  }
}

:root{--ink:#1d211f;--paper:#f6f5f0;--accent:#e1f3bd;--font:'DM Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;color:var(--ink);font-family:var(--font);word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #548326;outline-offset:6px}::selection{background:#d8eaae;color:#172019}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:14px;z-index:100}.skip:focus{top:10px}.topbar{height:64px;position:sticky;top:0;z-index:50;background:rgba(250,250,247,.92);backdrop-filter:blur(20px);border-bottom:1px solid #2026200c}.topbar nav{max-width:calc(var(--content-width) + 2 * var(--page-gutter));height:100%;margin:auto;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:21px;font-weight:800;letter-spacing:-1px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-moon{display:block;width:19px;height:19px;background:var(--ink);border-radius:50%;position:relative;overflow:hidden}.brand-moon:after{content:'';width:17px;height:17px;border-radius:50%;background:#f8f8f5;position:absolute;left:7px;top:-3px}.nav-links{display:flex;gap:42px;align-items:center}.nav-links a{font-size:12px;line-height:64px;position:relative;white-space:nowrap;transition:opacity .2s}.nav-links a:hover{opacity:.55}.nav-links a[aria-current]:after{position:absolute;bottom:12px;left:0;right:0;height:2px;background:#263d2c;content:''}.nav-note{font-size:8px;letter-spacing:1.25px;color:#797d75}.menu-toggle{display:none}.intro-strip{min-height:46px;display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 20px;font-size:11px;background:#f4f4ef}.intro-strip a{color:#51663b}.panel{position:relative;isolation:isolate;overflow:hidden;min-height:780px;height:calc(100svh - 64px);max-height:1000px;margin-bottom:12px;text-align:center}.panel-copy{position:relative;padding:60px 24px 0;z-index:3}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;margin:0 0 20px}.panel h1,.panel h2{font-size:clamp(48px,5.1vw,76px);line-height:1.14;letter-spacing:-4.6px;font-weight:700;margin:0}.subtitle{font-size:18px;line-height:1.6;letter-spacing:-.65px;margin:18px 0 23px}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:13px 22px;border-radius:30px;font-size:12px;min-height:44px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.light-button{color:#19201a;background:var(--accent)}.light-button:hover{background:#f0ffd5}.dark-button{background:#232b27;color:#fff}.dark-button:hover{background:#455244}.about-panel{background:#101411;color:#f4f5ef;min-height:720px;height:calc(100svh - 122px)}.about-panel .eyebrow{color:#becba9}.about-panel .subtitle{color:#b6bbb3;font-size:16px}.about-panel .panel-copy{padding-top:51px}.moon-art{position:absolute;left:50%;bottom:-252px;transform:translateX(-50%);width:900px;height:620px;z-index:1}.moon{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:420px;height:420px;border-radius:50%;background:radial-gradient(ellipse at 28% 22%,#f0f4d9 0%,#dde7bd 27%,#adba83 51%,#54613e 72%,#212c22 91%);box-shadow:0 0 95px #bfd98c13,inset -24px -30px 50px #0a140d70;overflow:hidden}.moon:after{content:'';position:absolute;inset:0;opacity:.23;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.orbit{position:absolute;left:50%;top:230px;width:860px;height:240px;border:1px solid #bfcda231;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-two{width:670px;height:570px;top:248px;transform:translate(-50%,-50%) rotate(-18deg);border-color:#bfcda215}.star{position:absolute;height:4px;width:4px;background:#d0d8bd;border-radius:50%;box-shadow:0 0 9px #d3eab8}.star-one{left:97px;top:164px}.star-two{right:126px;top:48px;width:3px;height:3px}.star-three{left:235px;top:29px;width:2px;height:2px}.winter-panel{background:#edf1f3}.winter-panel .panel-copy{padding-top:60px}.winter-panel .eyebrow{color:#647582}.winter-art{position:absolute;bottom:0;left:0;right:0;height:410px;overflow:hidden;background:linear-gradient(180deg,transparent 15%,#d8e3e9 100%)}.glass-year{position:absolute;left:50%;bottom:-57px;transform:translateX(-50%);font-family:'DM Sans',sans-serif;font-weight:500;font-size:370px;letter-spacing:-33px;line-height:1.1;color:#c7d5dc;text-shadow:1px 2px 0 #fff,3px 5px 0 #b9cbd5,5px 8px 0 #c1d1da,10px 17px 25px #54758635}.ice{position:absolute;background:linear-gradient(115deg,#ffffff6e,#ecf9ff10 35%,#fff9 37%,#b0ccd835 70%,#fff7);border:1px solid #ffffff95;box-shadow:15px 20px 40px #6b89992a;backdrop-filter:blur(3px);transform:rotate(-16deg)}.ice-one{width:85px;height:180px;left:19%;bottom:86px}.ice-two{width:65px;height:135px;right:21%;bottom:22px;transform:rotate(18deg)}.ice-three{width:35px;height:65px;left:45%;bottom:240px;transform:rotate(25deg)}.winter-line{position:absolute;bottom:75px;left:0;right:0;height:1px;background:#fff5}.summer-panel{background:#f7c6a5;color:#442718}.summer-panel .eyebrow{color:#885436}.summer-panel .dark-button{background:#4c3022}.summer-art{position:absolute;left:0;right:0;bottom:0;height:450px;overflow:hidden}.sun{width:470px;height:470px;border-radius:50%;position:absolute;top:14px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#ec723c 0%,#f37a3f 45%,#ef9f5a 80%);box-shadow:0 0 100px #ed793628}.sea{position:absolute;left:0;right:0;bottom:0;height:172px;background:repeating-linear-gradient(0deg,#e7a27522 0,#efb38655 2px,#edb28b22 4px),linear-gradient(#edb58b99,#e9b48e);backdrop-filter:blur(13px);border-top:1px solid #fbd6b39c}.sea-line{position:absolute;border:1px solid #faddc770;border-radius:50%;left:50%;transform:translateX(-50%);height:48px;width:580px;bottom:53px}.line-two{width:850px;bottom:14px;height:72px}.line-three{width:320px;bottom:100px;height:22px}.onbam-panel{background:#f3f1e9;display:flex;align-items:center;text-align:left;padding:0 max(8vw,30px);height:760px;min-height:700px}.onbam-panel .panel-copy{padding:0;width:50%}.onbam-panel h2{font-size:66px;letter-spacing:-4px}.onbam-panel .subtitle{font-family:'Noto Serif KR',serif;font-size:25px;line-height:1.8;color:#64645a;margin-top:24px}.onbam-panel .eyebrow{color:#747a67}.book-art{height:470px;width:380px;position:relative;margin:0 auto;perspective:1200px}.book{position:absolute;width:280px;height:385px;padding:25px 22px;border-radius:1px 4px 4px 1px;box-shadow:2px 2px 0 #d0d0b9,4px 4px 0 #f3eedc,6px 6px 0 #bfbfac,15px 20px 35px #262b2426}.book-front{top:29px;left:28px;background:#dce9bb;transform:rotate(9deg);overflow:hidden;border-left:6px solid #c3d39f}.book-front:after{position:absolute;content:'';inset:0;box-shadow:inset 6px 0 9px #0000000d;pointer-events:none}.book-back{top:47px;left:4px;background:#55624a;transform:rotate(-9deg);color:#dce9bb}.book-back>span{font-size:75px;font-family:'Noto Serif KR',serif}.book-top,.book-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px}.book-top{border-bottom:1px solid #77846577;padding-bottom:12px}.book-front strong{position:relative;font-family:'Noto Serif KR',serif;font-size:83px;letter-spacing:-8px;font-weight:600;z-index:2;line-height:1.6}.book-circle{width:215px;height:215px;border-radius:50%;background:#324537;position:absolute;top:155px;left:86px}.book-circle:after{content:'';width:190px;height:190px;position:absolute;left:35px;top:-30px;border-radius:50%;background:#dce9bb}.book-bottom{position:absolute;bottom:22px;left:20px;right:20px;align-items:flex-end}.book-bottom span:last-child{text-align:right;font-size:6px}.book-shadow{width:330px;height:40px;background:#323b2828;filter:blur(20px);position:absolute;left:35px;bottom:16px;border-radius:50%}footer{max-width:calc(var(--content-width) + 2 * var(--page-gutter));margin:auto;padding:58px var(--page-gutter) 24px}footer>p{font-size:12px;color:#73786f;margin:12px 0 27px}.footer-links{display:flex;gap:30px;font-size:11px;margin-bottom:34px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #ddd;padding-top:20px;color:#747970;font-size:9px}.footer-bottom a{color:#333}.detail-hero{position:relative;overflow:hidden;padding:38px max(calc((100% - var(--content-width))/2),var(--page-gutter)) 85px;background:#131a16;color:#f2f5e8;isolation:isolate}.back-link{display:inline-block;font-size:11px;color:inherit;opacity:.7;margin-bottom:64px}.detail-hero .eyebrow{opacity:.65;font-size:9px}.detail-name{font-size:15px;margin:0 0 20px}.detail h1{font-size:clamp(42px,5vw,66px);line-height:1.3;letter-spacing:-3px;margin:0 0 25px}.detail-desc{font-size:14px;line-height:1.8;max-width:85%;opacity:.7}.placeholder-label{display:inline-block;border:1px solid currentColor;opacity:.65;padding:7px 12px;border-radius:20px;font-size:9px;margin-top:20px}.detail-orb{position:absolute;z-index:-1;width:420px;height:420px;border:1px solid #cad6b033;border-radius:50%;right:-100px;bottom:-130px;box-shadow:0 0 0 60px #c9dbaa07,0 0 0 120px #c9dbaa05}.winter-detail .detail-hero{background:#e7eef2;color:#243a47}.summer-detail .detail-hero{background:#f4c19d;color:#57351f}.onbam-detail .detail-hero{background:#e4ebcf;color:#364831}.winter-detail .detail-orb,.summer-detail .detail-orb,.onbam-detail .detail-orb{border-color:#32472c25;box-shadow:0 0 0 60px #32472c07,0 0 0 120px #32472c04}.detail-content{max-width:calc(var(--content-width) + 2 * var(--page-gutter));padding:72px var(--page-gutter);margin:auto}.content-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.content-heading h2,.explore h2{font-size:30px;letter-spacing:-1.2px;margin:0}.content-heading>p{font-size:11px;color:#85887e}.placeholder-row{display:grid;grid-template-columns:70px 1fr auto;gap:25px;padding:36px 0;border-top:1px solid #e2e5dd}.row-number{font-size:12px;color:#8b9284;padding-top:5px}.placeholder-row h3{font-size:20px;letter-spacing:-.7px;margin:0 0 12px}.placeholder-row p{font-size:13px;color:#7d8279;line-height:1.8;margin:0}.row-status{font-size:10px;color:#858b7b}.skeleton{margin-top:22px;display:grid;gap:10px}.skeleton span{height:7px;background:#f0f2ec;border-radius:4px;max-width:520px}.skeleton span:last-child{width:65%}.explore{padding:64px max(calc((100% - var(--content-width))/2),var(--page-gutter));background:#f6f6f2}.explore .eyebrow{font-size:8px;color:#868d7b}.explore>div{margin-top:35px;display:flex;gap:32px}.explore a{font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0;border-top:1px solid #d9dece;flex:1}.explore a:hover{color:#698447}.reveal{transition:opacity .75s,transform .75s}.js-reveal{opacity:0;transform:translateY(20px)}.js-reveal.visible{opacity:1;transform:translateY(0)}
@media(min-height:900px){.moon-art{bottom:-200px}.about-panel .panel-copy{padding-top:70px}.panel-copy{padding-top:80px}}
@media(min-width:1600px){.panel-copy{padding-top:80px}.moon-art{bottom:-200px}}
@media(max-width:1000px){.nav-note{display:none}.nav-links{gap:30px}.onbam-panel{padding:0 5vw}.onbam-panel h2{font-size:51px}.glass-year{font-size:310px}.ice-one{left:12%}.ice-two{right:12%}}
@media(max-width:650px){html{scroll-padding-top:56px}.topbar{height:56px}.topbar nav{padding:0 var(--page-gutter)}.brand{font-size:19px}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;cursor:pointer}.menu-toggle span{width:20px;height:1px;background:#222;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:#f8f8f4;padding:20px var(--page-gutter) 30px;box-shadow:0 16px 18px #0000000a}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{font-size:18px;line-height:58px}.nav-links a[aria-current]:after{width:20px;bottom:9px}.intro-strip{font-size:10px;display:block;text-align:center;line-height:1.9;padding:11px 26px}.intro-strip a{display:block}.panel{min-height:690px;height:calc(100svh - 56px);max-height:810px;margin-bottom:8px}.about-panel{min-height:665px;height:calc(100svh - 123px)}.panel-copy,.about-panel .panel-copy,.winter-panel .panel-copy{padding-top:49px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:21px}.panel h1,.panel h2{font-size:48px;letter-spacing:-3px;line-height:1.2}.subtitle{font-size:16px;margin-top:16px}.about-panel .subtitle{font-size:13px}.button{font-size:11px;padding:12px 19px}.moon-art{width:640px;height:490px;bottom:-185px}.moon{width:310px;height:310px;top:45px}.orbit{width:570px;height:175px;top:192px}.orbit-two{width:435px;height:435px;top:210px}.winter-art{height:335px}.glass-year{font-size:205px;letter-spacing:-20px;bottom:7px}.ice-one{width:54px;height:115px;left:10%;bottom:75px}.ice-two{width:46px;height:95px;right:14%;bottom:37px}.ice-three{width:26px;height:50px;bottom:207px}.summer-art{height:338px}.sun{width:340px;height:340px;top:10px}.sea{height:130px}.onbam-panel{display:block;text-align:center;padding:0;min-height:790px;height:790px}.onbam-panel .panel-copy{width:100%;padding-top:50px}.onbam-panel h2{font-size:48px}.onbam-panel .subtitle{font-size:19px;line-height:1.6;margin:16px 0 20px}.book-art{height:350px;width:295px;margin-top:27px;transform:scale(.79);transform-origin:top center}.book-front{left:23px}.book-back{left:1px}.footer-links{flex-wrap:wrap;gap:18px 25px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:8px}.footer-bottom span:nth-child(2){order:3;width:100%}footer{padding:42px var(--page-gutter) 25px}.detail-hero{padding:25px var(--page-gutter) 55px}.back-link{margin-bottom:45px}.detail h1{font-size:40px;letter-spacing:-2.5px}.detail-name{font-size:13px}.detail-desc{max-width:100%;font-size:12px}.detail-content{padding:48px var(--page-gutter)}.content-heading{display:block}.content-heading h2,.explore h2{font-size:26px}.content-heading>p{margin-top:15px}.placeholder-row{grid-template-columns:26px 1fr;gap:15px;padding:27px 0}.row-status{display:none}.placeholder-row h3{font-size:18px}.placeholder-row p{font-size:12px}.explore{padding:44px var(--page-gutter)}.explore>div{display:block;margin-top:26px}.explore a{padding:20px 0}.detail-orb{opacity:.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}

.scroll-hint{position:absolute;bottom:24px;left:0;right:0;margin:0;text-align:center;font-size:9px;letter-spacing:1.15px;color:#d5dfcb;z-index:4}
@media(max-width:650px){.scroll-hint{bottom:19px;font-size:8px;letter-spacing:.4px}}