@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{--bg:#10151d;--panel:#19212b;--text:#f4eee7;--muted:#a9a9af;--gold:#d6c19a;--line:#ffffff25;--rose:#d6a6b1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans KR',sans-serif;font-weight:400;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#b68d7770}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#ffffff0b,transparent 46%);z-index:0}
header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);position:relative;z-index:5;background:#10151de8;backdrop-filter:blur(12px)}
.brand{font:600 14px 'DM Sans',sans-serif;letter-spacing:.21em}.brand span{color:var(--gold)}nav{display:flex;gap:22px}nav a{font-size:12px;color:#c5c3c4;letter-spacing:.03em}nav a:hover,nav a.active{color:#fff}
main{position:relative;z-index:1}.wrap{width:min(1080px,calc(100% - 44px));margin:auto}.eyebrow{font:600 11px 'DM Sans',sans-serif;letter-spacing:.25em;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,7vw,80px);line-height:1.23;letter-spacing:-.06em;font-weight:500}h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.045em;font-weight:500}h3{font-size:19px;font-weight:500}.muted{color:var(--muted)}.hero{padding:85px 0 65px;text-align:center}.hero p{max-width:630px;margin:18px auto 0;color:#c9c5c2;font-size:14px}.hero h1{margin:20px 0 0}.hero h1 em{font-style:normal;color:var(--gold)}.divider{height:1px;background:var(--line);margin:42px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portrait{position:relative;display:block;overflow:hidden;background:#222;min-height:480px}.portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 23%;transition:transform .65s}.portrait:hover img{transform:scale(1.045)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b101be8,transparent 65%)}.portrait .overlay{position:absolute;z-index:1;bottom:25px;left:30px;right:30px}.portrait .overlay b{font-size:30px;font-weight:500}.portrait .overlay p{font-size:12px;color:#d5cfd0;margin:0}.portrait .overlay small{font:500 11px 'DM Sans',sans-serif;letter-spacing:.2em;color:#e0c5a6}.portrait.yerin{background:#3a252e}.section{padding:48px 0}.paper{padding:32px;border:1px solid var(--line);background:#ffffff05;border-radius:3px}.paper p{font-size:14px;color:#d3d0ce;line-height:2.05}.paper p:last-child{margin-bottom:0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote{font-size:clamp(20px,3vw,32px);line-height:1.7;color:var(--gold);text-align:center;padding:40px 0}.page-top{display:grid;grid-template-columns:minmax(230px,.85fr) 1.15fr;gap:54px;align-items:center;padding:68px 0}.page-top img{width:100%;aspect-ratio:3/4;object-fit:cover}.page-top h1{margin:14px 0 20px;font-size:clamp(39px,6vw,66px)}.meta{font-size:12px;letter-spacing:.06em;color:var(--gold)}.lead{font-size:15px;color:#c8c7c8;line-height:2}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:30px 0}.fact{border-top:1px solid var(--line);padding-top:12px}.fact small{display:block;color:var(--muted);font-size:11px}.fact b{font-weight:500;font-size:13px}.entry{padding:28px 0;border-bottom:1px solid var(--line)}.entry .num{color:var(--gold);font:500 12px 'DM Sans';letter-spacing:.15em}.entry h3{margin:8px 0 12px}.entry p{color:#c9c6c5;font-size:14px;line-height:2}.note{border-left:2px solid var(--gold);padding:17px 22px;background:#ffffff07;color:#ddd6d2;font-size:14px}.hyeonseong{font-family:'Noto Sans KR',sans-serif}.yerin-page{background:#1b151b;font-family:'Noto Serif KR',serif}.yerin-page header{background:#1b151bed}.yerin-page .eyebrow,.yerin-page .meta,.yerin-page .entry .num{color:#e1b3be}.yerin-page .note{border-color:#e1b3be}.yerin-page .brand{font-family:'DM Sans',sans-serif}.yerin-page .paper p{font-family:'Noto Serif KR',serif}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.timeline{border-left:1px solid #ffffff3b;margin-left:12px;padding-left:26px}.timeline .entry{position:relative}.timeline .entry:before{content:"";position:absolute;left:-32px;top:32px;width:10px;height:10px;background:var(--gold);border-radius:50%}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.tabs button{padding:10px 17px;border:1px solid #ffffff35;background:transparent;color:#e8e3e0;cursor:pointer;border-radius:2px}.tabs button.on{background:var(--gold);color:#171b20;border-color:var(--gold)}.secret{display:none}.secret.show{display:block}.secret .paper{margin-bottom:16px}.tag{font-size:10px;color:var(--gold);letter-spacing:.15em}.footer{margin-top:65px;border-top:1px solid var(--line);padding:27px 0 40px;color:#85888d;font:11px 'DM Sans',sans-serif;letter-spacing:.12em;display:flex;justify-content:space-between;gap:16px}.next{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:22px;margin:36px 0}.next:hover{background:#ffffff0c}.next span{font-size:12px;color:var(--muted)}.next b{font-size:17px;font-weight:500}.hint{font-size:12px;color:#a7a3a3}
@media(max-width:720px){header{height:auto;min-height:70px;display:block;padding:17px 22px}nav{margin-top:12px;gap:15px;overflow-x:auto;white-space:nowrap}nav a{font-size:11px}.hero{padding:56px 0 42px}.cards,.columns,.split,.page-top{grid-template-columns:1fr}.portrait{min-height:380px}.page-top{gap:23px;padding:34px 0}.page-top img{max-height:470px;object-position:center 20%}.facts{grid-template-columns:1fr 1fr}.paper{padding:22px}.footer{flex-direction:column}.quote{padding:22px 0}}

.tap-guide{text-align:center;color:#d8c5a7;font-size:12px;letter-spacing:.035em;margin:0 0 17px}.portrait-cue{float:right;border:1px solid #ffffff8c;padding:4px 9px;border-radius:99px;font:500 11px 'Noto Sans KR',sans-serif;letter-spacing:0;color:white;background:#1119}.portrait:focus-visible{outline:3px solid #e4cda7;outline-offset:3px}.secret .paper{transition:background .2s}.secret .paper:hover{background:#ffffff0a}@media(max-width:720px){.tap-guide{font-size:11px}.portrait-cue{font-size:10px}}