@font-face{font-family:Noto;src:url(fonts/NotoSerifKR-site.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:Shippori;src:url(fonts/shippori-mincho-latin-400-normal.woff2);font-display:swap}
*{box-sizing:border-box}html{background:#0b1c30}body{margin:0;color:#f5f1e9;font-family:'Pretendard Variable',sans-serif;min-height:100svh;overflow-x:hidden;--duration:1100ms;--ease:cubic-bezier(.22,.68,.12,1)}
.camera{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.scene{position:absolute;left:0;top:0;width:var(--sw,160vw);height:var(--sh,100vh);transform-origin:0 0;transform:translate3d(var(--home-x,0px),var(--home-y,0px),0) scale(1.28);transition:transform var(--duration) var(--ease);will-change:transform;container-type:inline-size}.scene>img{display:block;width:100%;height:100%}.inscription{position:absolute;left:4.6%;top:58.7%;font-family:Shippori,serif;font-size:.86cqw;letter-spacing:.12em;line-height:1.85;color:#15191c;transform:skewY(6deg) scaleX(.9);transform-origin:left top;text-shadow:0 1px 0 #b7a58c35;white-space:nowrap}
body.open .scene{transform:translate3d(var(--menu-x,0px),var(--menu-y,0px),0) scale(1)}
.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#06152466,transparent 82%);z-index:1;transition:background var(--duration)}body.open .shade{background:linear-gradient(90deg,#06152415,#06152430)}
header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 44px}.brand{display:flex;gap:16px;align-items:center;font-family:Shippori,serif;font-size:23px;letter-spacing:1px}.brand img{width:38px;height:48px;object-fit:contain;background:transparent}
#toggle{position:relative;border:0;background:transparent;color:inherit;width:48px;height:48px;cursor:pointer}#toggle i{position:absolute;left:9px;top:23px;width:30px;height:1px;background:currentColor;transition:transform 350ms,opacity 200ms}#toggle i:first-child{transform:translateY(-9px)}#toggle i:last-child{transform:translateY(9px)}.open #toggle i:first-child{transform:rotate(45deg)}.open #toggle i:nth-child(2){opacity:0}.open #toggle i:last-child{transform:rotate(-45deg)}button:focus-visible{outline:2px solid #c5a059;outline-offset:3px}
#home{position:relative;z-index:2;padding:25vh 7.5vw 80px;transition:opacity 350ms ease,transform 600ms ease;opacity:1}.eyebrow{font-family:Shippori,serif;color:#d2b574;font-size:15px;letter-spacing:5px}h1{font-family:Noto,serif;font-weight:500;font-size:clamp(40px,4.2vw,72px);line-height:1.55;letter-spacing:-.045em;margin:24px 0 30px}.rule{width:76px;height:2px;background:#c5a059;margin-bottom:28px}#home p{font-size:20px;line-height:1.9;margin:0;word-break:keep-all}.mobile{display:none}body.open #home{opacity:0;transform:translateX(30px);pointer-events:none}
#menu{position:relative;z-index:3;display:grid;grid-template-columns:38% 1fr;gap:3%;padding:145px 4% 50px;min-height:100svh;position:absolute;inset:0 0 auto;visibility:hidden;opacity:0;transform:translateX(-18px);transition:opacity 350ms,transform 500ms,visibility 0s 500ms;pointer-events:none}body.open #menu{visibility:visible;opacity:1;transform:none;transition:opacity 500ms 500ms,transform 650ms 400ms,visibility 0s;pointer-events:auto}
.statement{padding-top:22px}.statement h2{font-family:Shippori,serif;font-size:clamp(32px,4.1vw,66px);font-weight:400;line-height:1.35;letter-spacing:-.035em;margin:0 0 30px}.statement p{font-family:Noto,serif;font-size:clamp(17px,1.7vw,28px);line-height:1.8;margin:0;word-break:keep-all}ol{display:grid;grid-template-rows:repeat(5,minmax(92px,1fr));grid-auto-flow:column;grid-template-columns:1fr 1fr;column-gap:6%;margin:0;padding:0;list-style:none;max-height:580px}li{display:grid;grid-template-columns:40px 1fr;align-items:start;border-bottom:1px solid #e5e3dd35;padding:20px 0;gap:10px}li:nth-child(5),li:last-child{border-bottom:0}li b{font-family:Shippori,serif;font-weight:400;color:#c5a059;font-size:17px;padding-top:5px}li span{font-family:Noto,serif;font-weight:400;font-size:clamp(22px,2vw,32px);line-height:1.4}li small{font-family:Shippori,serif;font-size:clamp(14px,1.2vw,19px);line-height:1.5;display:block;color:#c5cbd3;margin-top:5px}
@media(max-width:900px){#menu{grid-template-columns:32% 1fr;gap:4%}.statement h2{font-size:32px}li{grid-template-columns:25px 1fr;gap:5px}li span{font-size:21px}}
@media(max-width:600px){header{padding:20px}.brand{gap:10px;font-size:14px;letter-spacing:.4px}.brand img{width:30px;height:38px}#home{padding:190px 28px 80px}.eyebrow{font-size:10px;letter-spacing:2.4px}h1{font-size:36px;line-height:1.6}.mobile{display:block}#home p{font-size:16px;line-height:1.9}#menu{display:block;padding:118px 28px 30px}.statement{height:420px;padding:0}.statement h2{font-size:33px;margin-bottom:18px}.statement .rule{width:52px;margin-bottom:15px}.statement p{font-family:'Pretendard Variable',sans-serif;font-size:14px;line-height:1.7}nav{background:#0b1c30ed;margin:0 -28px -30px;padding:14px 28px 30px}ol{display:block;max-height:none}li{grid-template-columns:34px 1fr;padding:16px 0;min-height:84px}li:nth-child(5){border-bottom:1px solid #e5e3dd35}li span{font-size:23px}li small{font-size:14px}.open header{background:linear-gradient(#0b1c30d9,transparent)}}
@media(max-width:350px){.brand{font-size:12px}h1{font-size:31px}#home{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.scene{will-change:auto}}
html,body{overflow-x:clip}body.open #home{transform:none}