*{box-sizing:border-box}body{margin:0;background:#faf9f7;color:#20201e;font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:48px 20px;min-height:100svh}.profile{max-width:520px;margin:auto;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 24px 80px #27241f16}.cover{height:268px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;background:#f5f3ef;overflow:hidden}.cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#ffffff90,transparent)}.texture{display:none}.share{position:absolute;top:20px;right:20px;width:40px;height:40px;border:1px solid #ffffff70;background:#ffffff32;border-radius:50%;display:grid;place-items:center;color:#373734;cursor:pointer}.share svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wordmark{display:block;width:280px;max-width:70%;height:auto;object-fit:contain}.cover-caption{position:absolute;bottom:24px;font-size:14px;letter-spacing:1.7px;color:#3f3c36;font-weight:600}.content{padding:30px 26px 22px}.eyebrow{font-size:14px;letter-spacing:1.6px;color:#625e56;font-weight:600}h1{font-size:32px;letter-spacing:-1px;margin:9px 0 10px;display:flex;align-items:center;gap:7px}.verified{width:23px;fill:#33352f}.verified path{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.intro p{font-size:18px;color:#514d45;margin:0;line-height:1.6}.links{display:grid;gap:14px;margin-top:29px}.link-card{display:flex;align-items:center;gap:16px;padding:16px 14px;background:#fff;min-height:98px;border:1px solid #f0efec;border-radius:17px;text-decoration:none;color:inherit;box-shadow:0 5px 12px #28251f12;transition:transform .18s,box-shadow .18s,border-color .18s}.link-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #28251f1c;border-color:#d7d5ce}.link-card:active{transform:translateY(0)}a:focus-visible,button:focus-visible{outline:3px solid #81785e;outline-offset:4px}.icon{width:58px;height:58px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;color:#fff}.instagram{background:radial-gradient(circle at 28% 105%,#feda75 0,#fa7e1e 28%,#d62976 53%,#962fbf 78%,#4f5bd5 100%)}.instagram svg{width:48px;fill:none;stroke:#fff;stroke-width:2.3}.instagram .dot{fill:#fff;stroke:none}.naver{background:#03c75a;font-size:41px;font-family:Arial,sans-serif;font-weight:900;line-height:1}.label{display:flex;flex-direction:column;gap:6px;min-width:0}.label small{font-size:14px;color:#625e56;letter-spacing:.4px}.label strong{font-size:18px;font-weight:600;letter-spacing:-.5px;line-height:1.45}.arrow{margin-left:auto;margin-right:6px;color:#68635b;font-size:23px;font-weight:300}.hint{text-align:center;font-size:16px;color:#625e56;margin:23px 0 30px}footer{border-top:1px solid #efeeea;padding-top:20px;display:flex;justify-content:space-between;align-items:center}footer a{font-size:15px;color:#514d45;text-decoration:none}footer a span{margin-left:5px}.footer-brand{display:block;width:84px;height:auto;object-fit:contain;flex-shrink:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#282824;color:white;padding:13px 20px;border-radius:12px;font-size:13px;max-width:calc(100% - 32px);width:max-content;box-shadow:0 5px 20px #0002}@media(max-width:560px){body{padding:20px 14px}.profile{border-radius:24px}.cover{height:230px}.wordmark{width:240px}.content{padding:27px 20px 22px}.link-card{gap:13px}.label strong{font-size:17px}}@media(max-width:360px){body{padding:12px 9px}.content{padding:24px 15px}.icon{width:50px;height:50px}.label strong{font-size:16px}.arrow{margin-right:0}}@media(prefers-reduced-motion:reduce){.link-card{transition:none}}

.logo-filter{position:absolute;pointer-events:none}.wordmark,.footer-brand{filter:url(#logo-contrast)}

/* Keep readable type while fitting the page to the available screen height. */
body{padding:12px 20px;display:grid;place-items:center;min-height:100svh}
.profile{width:100%;margin:0;border-radius:26px}
.cover{height:clamp(100px,calc(100svh - 550px),170px);padding:12px 60px 36px}
.wordmark{width:230px;max-width:100%;max-height:100%;object-fit:contain}
.cover-caption{bottom:14px;line-height:1.3}
.share{top:12px;right:12px}
.content{padding:18px 24px 16px}
.eyebrow{line-height:1.3}
h1{line-height:1.2;margin:6px 0}
.verified{flex-shrink:0}
.intro p{line-height:1.5}
.links{gap:8px;margin-top:16px}
.link-card{gap:14px;padding:9px 12px;min-height:72px;border-radius:15px}
.icon{width:50px;height:50px;border-radius:12px}
.instagram svg{width:42px}
.naver{font-size:36px}
.label{gap:4px}
.label small{line-height:1.25}
.label strong{line-height:1.35;overflow-wrap:anywhere}
.arrow{margin-right:0;flex-shrink:0}
.hint{line-height:1.4;margin:12px 0 14px}
footer{padding-top:10px;gap:12px}
footer a{line-height:1.4}
.footer-brand{width:76px}
@media(max-width:560px){
  body{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .profile{max-width:440px;border-radius:22px}
  .cover{height:clamp(100px,calc(100svh - 545px),155px);padding-left:52px;padding-right:52px}
  .wordmark{width:220px}
  .content{padding:16px 18px 14px}
  .link-card{gap:11px;padding:9px 10px}
}
@media(max-height:680px){
  .cover{height:92px;padding-top:9px;padding-bottom:32px}
  .cover-caption{bottom:10px}
  .content{padding-top:12px;padding-bottom:12px}
  .links{margin-top:12px;gap:6px}
  .link-card{min-height:64px;padding-top:6px;padding-bottom:6px}
  .icon{width:46px;height:46px}
  .instagram svg{width:39px}
  .hint{margin:10px 0}
  footer{padding-top:8px}
  .footer-brand{width:68px}
}
@media(max-width:360px){
  .content{padding-left:13px;padding-right:13px}
  .link-card{gap:9px;padding-left:8px;padding-right:8px}
  .icon{width:44px;height:44px}
}

/* A lighter, more spacious proportion on desktop. */
@media(min-width:561px){
  .profile{max-width:500px;border-radius:24px;box-shadow:0 18px 60px #27241f10}
  .wordmark{width:195px}
  .cover-caption{font-size:12px;letter-spacing:1.6px}
  .eyebrow{font-size:12px}
  h1{font-size:27px;letter-spacing:-.7px;margin:7px 0}
  .verified{width:19px}
  .intro p{font-size:16px}
  .label small{font-size:12px}
  .label strong{font-size:16px;letter-spacing:-.3px}
  .icon{width:44px;height:44px;border-radius:10px}
  .instagram svg{width:37px}
  .naver{font-size:32px}
  .arrow{font-size:20px}
  .hint{font-size:14px}
  footer a{font-size:13px}
  .footer-brand{width:66px}
}
@media(min-width:561px) and (min-height:681px){
  .cover{height:clamp(120px,calc(100svh - 570px),185px);padding-bottom:36px}
  .content{padding:24px 26px 22px}
  .links{margin-top:18px;gap:10px}
  .link-card{min-height:clamp(66px,calc(9svh - 6px),74px);padding:9px 12px;gap:12px}
  .hint{margin:18px 0}
  footer{padding-top:14px}
}

.homepage{background:#e3d5c5;color:#000;font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;line-height:1}
footer{justify-content:center}
/* Reserve room for the fifth link without shrinking readable type. */
.cover{height:clamp(112px,calc(100svh - 605px),170px);padding-top:22px;padding-bottom:46px}
.cover-caption{bottom:24px}
@media(max-width:560px){.cover{height:clamp(112px,calc(100svh - 600px),145px)}}
@media(min-width:561px) and (min-height:681px){.cover{height:clamp(120px,calc(100svh - 620px),165px);padding-top:22px;padding-bottom:46px}}
@media(max-height:680px){.cover{height:102px;padding-top:16px;padding-bottom:40px}.cover-caption{bottom:20px}.content{padding-top:10px;padding-bottom:10px}.links{margin-top:10px}.hint{margin:8px 0}footer{padding-top:6px}.footer-brand{width:60px}}
.homepage,.cover-caption{font-family:"Bodoni Moda",Didot,serif}
@media(max-width:560px) and (max-height:760px){
  .cover{height:102px;padding-top:16px;padding-bottom:40px}
  .cover-caption{bottom:20px;font-size:12px}
  .content{padding-top:10px;padding-bottom:10px}
  h1{font-size:28px}
  .intro p{font-size:16px}
  .links{margin-top:10px;gap:6px}
  .link-card{min-height:60px;padding-top:6px;padding-bottom:6px;gap:10px}
  .icon{width:44px;height:44px}
  .instagram svg{width:37px}
  .naver{font-size:32px}
  .label strong{font-size:16px}
  .hint{font-size:14px;margin:8px 0}
  footer{padding-top:6px}
  .footer-brand{width:60px}
}

/* Keep the logo and tagline together as one centered brand block. */
.cover{flex-direction:column;gap:5px;padding-top:16px;padding-bottom:16px}
.wordmark{min-height:0;max-height:calc(100% - 23px);flex:0 1 auto}
.cover-caption{position:static;flex-shrink:0;line-height:1.25}
.wordmark.brand-lockup{max-height:100%}