/* 따뜻한 패션 화보 느낌으로 리오의 공개 링크 페이지를 구성한다. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{color-scheme:light;font-family:'DM Sans',sans-serif;color:#3c2d26;background:#eee5da;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:0 28px}a{color:inherit;text-decoration:none}header{height:95px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:36px;letter-spacing:-2px;font-weight:600}.wordmark span{font-size:12px;vertical-align:top;line-height:38px;margin-left:2px}button{border:1px solid #b8a494;background:none;border-radius:99px;padding:9px 15px;color:inherit;font:500 12px 'DM Sans',sans-serif;cursor:pointer}.portrait-wrap{position:relative;height:490px;background:#c4aa91;overflow:hidden;border-radius:180px 180px 4px 4px}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.portrait-wrap::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#2d1d174d);pointer-events:none}.photo-note{position:absolute;left:22px;top:40%;writing-mode:vertical-rl;color:#fff9f1;font-size:9px;letter-spacing:2px;text-shadow:0 1px 5px #0006}.name{position:absolute;bottom:0;margin:0;left:25px;color:#fff7ed;font-family:'Playfair Display',serif;font-size:95px;letter-spacing:5px;line-height:1.15;z-index:1}.intro{text-align:center;padding:32px 6px 24px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#8d6d55}h1{font-family:'Playfair Display',serif;font-size:35px;line-height:1.2;font-weight:500;margin:15px 0}#description{font-size:13px;line-height:1.7;color:#806b5e;max-width:320px;margin:0 auto}nav{display:grid;gap:11px}.channel{display:flex;align-items:center;gap:15px;padding:18px 19px;border:1px solid #cbb9a8;border-radius:4px;background:#f8f1e7;transition:transform .2s,background .2s}a.channel:hover{transform:translateY(-2px);background:#fff8ed}.symbol{font-size:26px;width:28px;text-align:center}.channel-copy{flex:1;min-width:0}.channel-copy b{font-weight:600;font-size:14px}.channel-copy small{display:block;font-size:10px;line-height:1.5;color:#8d7768;margin-top:3px}.tail{font-size:10px;letter-spacing:.5px}.pending .tail{background:#e9ddcf;border-radius:20px;padding:5px 9px}.note{display:flex;align-items:center;justify-content:center;gap:15px;padding:31px 0;color:#856d5b}.note span{font-size:35px}.note p{font-family:'Playfair Display',serif;font-size:16px;line-height:1.45}footer{border-top:1px solid #cfbdac;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px}.privacy{font-size:9px;color:#917e6f;line-height:1.65;text-align:center;padding:14px 0 28px}@media(max-width:430px){main{padding:0 22px}header{height:80px}.portrait-wrap{height:420px}.name{font-size:82px}h1{font-size:32px}.channel{padding:17px 15px;gap:12px}.channel-copy small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
