.prologue{--pl-ink:#191f28;--pl-sub:#4e5968;--pl-line:#e5e8eb;--pl-gojae:#1f3a68;--pl-yejae:#f37021;--pl-eumjae:#1b3328;--pl-roof:#2a2a2a;color:var(--pl-ink);background:#fff;padding:clamp(64px,10vw,140px) 20px clamp(80px,12vw,160px)}.pl-head{text-align:center;max-width:680px;margin:0 auto clamp(48px,7vw,88px)}.pl-eyebrow{font-family:var(--serif-en,"EB Garamond", Georgia, serif);letter-spacing:-.02em;color:var(--pl-ink);margin:0;font-size:clamp(56px,10vw,128px);font-style:italic;line-height:1}.pl-title{letter-spacing:-.02em;color:var(--pl-ink);margin:clamp(18px,2.4vw,28px) 0 0;font-size:clamp(24px,3.2vw,36px);font-weight:700}.pl-rule{background:linear-gradient(var(--pl-ink), transparent);width:1px;height:clamp(48px,7vw,88px);margin:clamp(28px,4vw,44px) auto 0;display:block}.pl-body{max-width:620px;margin:0 auto}.pl-p{color:var(--pl-ink);word-break:keep-all;overflow-wrap:break-word;margin:0 0 1.7em;font-size:19px;line-height:1.95}.pl-p strong{font-weight:700}.pl-close{margin-top:2.6em;font-weight:600}.pl-close+.pl-close{margin-top:0}.pl-houses{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,32px);margin:.4em 0 2.4em;padding:0;list-style:none;display:grid}.pl-houses a{color:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 0;text-decoration:none;display:flex}.pl-houses a:focus-visible{outline:2px solid var(--pl-ink);outline-offset:4px}.pl-seal{aspect-ratio:1;color:#fff;width:clamp(76px,15vw,112px);font-family:var(--serif-kr,"Noto Serif KR", "Noto Serif CJK KR", serif);letter-spacing:.06em;writing-mode:vertical-rl;transform:rotate(var(--tilt,-3deg));border-radius:10px;place-items:center;font-size:clamp(17px,3.4vw,26px);font-weight:700;transition:transform .35s;display:grid;box-shadow:inset 0 1px #ffffff38,inset 0 -6px 14px #00000038,0 14px 28px -12px #00000073}.pl-seal.s0{background:radial-gradient(120% 90% at 30% 20%, #2f5291, var(--pl-gojae));--tilt:-4deg}.pl-seal.s1{background:radial-gradient(120% 90% at 30% 20%, #ff8a3d, var(--pl-yejae));--tilt:2deg}.pl-seal.s2{background:radial-gradient(120% 90% at 30% 20%, #2c4d3d, var(--pl-eumjae));--tilt:-1.5deg}.pl-houses a:hover .pl-seal{transform:rotate(0)translateY(-4px)}.pl-hk{color:var(--pl-ink);font-size:16px;font-weight:700}.pl-hs{color:var(--pl-sub);font-size:14px}.pl-houses li.here .pl-hk{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.pl-roof{flex-direction:column;align-items:center;gap:12px;margin:.6em 0 2.6em;display:flex}.pl-seal.big{background:radial-gradient(120% 90% at 30% 20%, #4a4a4a, var(--pl-roof));--tilt:-2deg;width:clamp(120px,24vw,168px);font-size:clamp(26px,5.2vw,38px)}@media (max-width:640px){.pl-p{font-size:17px;line-height:1.9}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pl-p,.pl-houses li,.pl-roof{animation:linear both pl-in;animation-timeline:view();animation-range:entry entry 80%}.pl-roof .pl-seal{animation:linear both pl-stamp;animation-timeline:view();animation-range:entry 10% cover 40%}}.pl-head>*{animation:.9s both pl-in}.pl-title{animation-delay:.15s}.pl-rule{animation-delay:.3s}}@keyframes pl-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pl-stamp{0%{opacity:0;transform:scale(1.35)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}.pl-teaser{color:#191f28;text-align:center;background:#fff;padding:clamp(56px,8vw,104px) 20px}.pl-tq{max-width:760px;font-family:var(--serif-kr,"Noto Serif KR", "Noto Serif CJK KR", serif);letter-spacing:-.01em;word-break:keep-all;margin:0 auto;font-size:clamp(21px,2.8vw,30px);font-weight:500;line-height:1.6}.pl-tq:before,.pl-tq:after{color:#b0b8c1}.pl-tq:before{content:"“"}.pl-tq:after{content:"”"}.pl-tl{color:#4e5968;text-underline-offset:6px;margin-top:22px;font-size:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.pl-tl:hover{color:#191f28}.pl-teaser.pl-top{padding:clamp(40px,6vw,72px) 20px clamp(24px,4vw,40px)}.pl-tl:focus-visible{outline-offset:4px;outline:2px solid #191f28}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pl-teaser>*{animation:linear both pl-in;animation-timeline:view();animation-range:entry entry 70%}}}
