.p-link{--lk-bg:var(--plaster);--lk-ink:var(--date);--lk-soft:#6e6052;--lk-line:#5b3a1d2e;--lk-frame:var(--bronze);--lk-row:#ffffff52;--lk-row-hover:#ffffff9e;--lk-btn:var(--date);--lk-btn-ink:var(--plaster);background:var(--lk-bg);min-height:100dvh;color:var(--lk-ink);padding:calc(28px + env(safe-area-inset-top,0px)) 18px calc(24px + env(safe-area-inset-bottom,0px))}@media (prefers-color-scheme:dark){.p-link{--lk-bg:#241811;--lk-ink:#ede3d3;--lk-soft:#b9a994;--lk-line:#e8ddcc24;--lk-frame:#c29a5e;--lk-row:#e8ddcc0a;--lk-row-hover:#e8ddcc17;--lk-btn:#e8ddcc;--lk-btn-ink:#241811}html:has(.p-link){background:#241811}html:has(.p-link) body{background:#241811}}.p-link .lk{max-width:440px;margin:0 auto}.p-link .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.p-link .lk-frame{padding:34px 26px 30px;position:relative}.p-link .lk-frame:before{content:"";border-top:1.5px solid var(--lk-frame);border-inline-end:1.5px solid var(--lk-frame);pointer-events:none;animation:1.1s cubic-bezier(.6,.1,.2,1) both lk-draw;position:absolute;inset:0}.p-link .lk-frame:after{content:"";bottom:0;border-bottom:1.5px solid var(--lk-frame);pointer-events:none;width:34%;animation:.5s .9s both lk-fade;position:absolute;inset-inline-end:0}@keyframes lk-draw{0%{clip-path:inset(0 0 100% 100%)}55%{clip-path:inset(0 0 calc(100% - 2px))}to{clip-path:inset(0)}}@keyframes lk-fade{0%{opacity:0}to{opacity:1}}.p-link .lk-head{text-align:center;margin-bottom:28px}.p-link .lk-logo{width:150px;margin:0 auto 22px}.p-link .lk-logo--dark{display:none}@media (prefers-color-scheme:dark){.p-link .lk-logo--light{display:none}.p-link .lk-logo--dark{display:block}}.p-link .lk-bio{text-wrap:pretty;font-family:var(--f-text);color:var(--lk-soft);max-width:34ch;margin:0 auto;font-size:16.5px;line-height:2}.p-link svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.p-link .lk-primary{background:var(--lk-btn);color:var(--lk-btn-ink);align-items:center;gap:14px;margin-bottom:14px;padding:15px 20px;text-decoration:none;transition:opacity .2s;display:flex}.p-link .lk-primary:hover{opacity:.9}.p-link .lk-primary span{flex-direction:column;line-height:1.5;display:flex}.p-link .lk-primary b{font-size:17px;font-weight:700}.p-link .lk-primary small{opacity:.75;text-align:right;font-size:13.5px}.p-link .lk-list{border-top:1px solid var(--lk-line)}.p-link .lk-list li{border-bottom:1px solid var(--lk-line);align-items:center;display:flex}.p-link .lk-list a{min-width:0;color:var(--lk-ink);flex:1;grid-template-columns:22px auto 1fr;align-items:center;gap:14px;min-height:58px;padding:16px 6px;text-decoration:none;transition:background .2s;display:grid}.p-link .lk-list a:hover{background:var(--lk-row-hover)}.p-link .lk-list a svg{color:var(--lk-frame)}.p-link .lk-list b{font-size:16.5px;font-weight:500}.p-link .lk-list small{color:var(--lk-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.p-link .copy{border:1px solid var(--lk-line);background:var(--lk-row);min-width:52px;height:36px;color:var(--lk-ink);font-family:var(--f-sans);cursor:pointer;flex:none;margin-inline-start:4px;padding:0 12px;font-size:13.5px}.p-link .copy:hover{background:var(--lk-row-hover)}.p-link .lk-mats{margin-top:30px}.p-link .lk-mats h2{font-family:var(--f-display);color:var(--lk-ink);margin-bottom:12px;font-size:19px;font-weight:700}.p-link .lk-mats div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.p-link .lk-mats a{aspect-ratio:4/5;background:var(--lk-row);text-decoration:none;display:block;position:relative;overflow:hidden}.p-link .lk-mats img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.p-link .lk-mats a:hover img{transform:scale(1.04)}.p-link .lk-mats span{color:#fff;background:linear-gradient(#0000,#241811d1);padding:28px 12px 10px;font-size:15px;font-weight:700;position:absolute;inset:auto 0 0}.p-link .lk-foot{text-align:center;color:var(--lk-soft);margin-top:22px;font-size:13px}.p-link a:focus-visible,.p-link button:focus-visible{outline:2px solid var(--lk-frame);outline-offset:2px}@media (prefers-reduced-motion:reduce){.p-link .lk-frame:before,.p-link .lk-frame:after{animation:none}}@media (max-width:420px){.p-link{padding-inline:14px}.p-link .lk-frame{padding:30px 16px 26px}.p-link .lk-list a{gap:12px;padding-inline:4px}}
