/* links.html: link-in-bio. Phone-first: one narrow column, the face, the name, five big stickers. */
.lk{max-width:560px; margin:0 auto; padding-top:clamp(39px,6vw,78px)}
.lk-who{display:flex; align-items:center; gap:22px}
.lk-face{flex:none; width:clamp(104px,26vw,132px); aspect-ratio:1; border-radius:50%; overflow:hidden; background:linear-gradient(170deg,#E6EDF3,#A3B6C7); border:2px solid var(--paper-ink); box-shadow:5px 5px 0 var(--hard)}
.lk-face img{width:100%; height:100%; object-fit:cover; object-position:50% 18%}
.lk-who h1{font-size:clamp(46px,12vw,64px); font-weight:400; letter-spacing:0; line-height:.95}
.lk-who .eb-pen{margin-top:6px; font-size:clamp(24px,6vw,30px)}
.lk-list{list-style:none; margin:clamp(39px,8vw,52px) 0 0; padding:0; display:flex; flex-direction:column; gap:22px}
.lk-list .action{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 16px; width:100%; padding:20px 22px; min-height:84px}
.lk-list .action .eb-label{grid-column:1; font-size:26px}
.lk-list .action b{grid-column:1; font-size:clamp(20px,5.2vw,23px)}
.lk-list .action small{grid-column:1}
.lk-list .action .go{grid-column:2; grid-row:1/span 3; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.lk-list .first .action{padding:24px 22px 26px; border-width:2.5px}
.lk-list .first .action b{font-size:clamp(23px,6.2vw,28px)}
.lk-list li:nth-child(2) .action{--sd:.55s} .lk-list li:nth-child(3) .action{--sd:.65s} .lk-list li:nth-child(4) .action{--sd:.75s} .lk-list li:nth-child(5) .action{--sd:.85s}
.lk-first{position:relative}
.lk-first .note{display:none; position:absolute; left:calc(100% + 110px); top:30px; font-size:30px; max-width:9ch}
@media (min-width:900px){ .lk-first .note{display:block} }
.lk-mail{margin-top:39px; font-size:15px; color:var(--ink-muted); text-align:center}