@font-face{font-family:Inter;src:url('assets/inter-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#deded8;--muted:#a0a09b;--border:#74746e;--ink:#090909}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:9px 8px 12px;display:grid;place-items:start center;background:radial-gradient(ellipse at 50% 0,#1d1d1b 0,#090909 56%);color:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
.link-card{cursor:pointer}
button{font:inherit}
.profile{width:100%;max-width:494px;overflow:hidden;position:relative;border:1px solid #575752;border-radius:32px;background:radial-gradient(ellipse at 85% 0,#242424 0,transparent 37%),linear-gradient(150deg,#111110,#060606 60%);box-shadow:inset 0 0 0 1px #ffffff08,0 20px 80px #0005}
.hero{height:429px;position:relative;isolation:isolate}
.portrait{position:absolute;inset:0 0 -9px;z-index:-1;overflow:hidden;mask-image:linear-gradient(#000 58%,#000b 75%,transparent 100%)}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1);opacity:.95}
.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0808087d,transparent 24%,transparent 82%,#08080850),linear-gradient(0deg,#080808 0,transparent 28%)}
.hero-note{position:absolute;top:61px;margin:0;font-size:9px;line-height:1.75;letter-spacing:2.3px;text-transform:uppercase;color:#b1b1aaa8}
.hero-note--left{left:31px}
.hero-note--right{right:29px;text-align:right}
.identity{position:absolute;bottom:17px;left:15px;right:15px;text-align:center}
h1{margin:0;font-family:'Times New Roman',Times,serif;font-size:48px;font-weight:400;line-height:.84;letter-spacing:-1.5px;text-transform:uppercase;text-shadow:0 2px 22px #0005}
h1 span{display:block}
.identity p{margin:23px 0 0;font-size:10px;line-height:1.6;letter-spacing:4px;text-transform:uppercase;color:#d4d4cd}
.links{display:grid;gap:11px;padding:17px 29px 0}
.link-card{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:20px;min-height:63px;padding:12px 23px;color:var(--paper);border:1px solid var(--border);border-radius:999px;text-decoration:none;background:linear-gradient(105deg,#ffffff02,#ffffff00);box-shadow:inset 0 0 0 .5px #ffffff20;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.link-card>span{font-size:10px;line-height:1.6;letter-spacing:2.15px;text-transform:uppercase}
.link-icon{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.link-icon .filled{fill:currentColor;stroke:none}
.arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
@media(hover:hover){.link-card:hover{background:#ffffff0b;border-color:#c1c1b8;transform:translateY(-2px);box-shadow:0 5px 20px #0005,inset 0 0 0 .5px #ffffff20}.link-card:hover .arrow{transform:translate(2px,-2px)}}
.link-card:active{transform:scale(.988)}
:focus-visible{outline:2px solid #f6f6ed;outline-offset:5px}
.footer{text-align:center;padding:43px 20px 40px}
.footer-rule{display:block;width:79px;height:1px;margin:0 auto;background:#97978a}
.footer p{margin:27px auto 0;font-size:9px;letter-spacing:2.55px;line-height:1.9;text-transform:uppercase;color:#aaa99f}
.notice{width:calc(100% - 48px);max-width:390px;padding:35px 28px 26px;border:1px solid #76766b;border-radius:22px;background:#111110;color:var(--paper);box-shadow:0 24px 90px #0009}
.notice::backdrop{background:#000b;backdrop-filter:blur(5px)}
.notice h2{margin:0;font:400 33px 'Times New Roman',serif}
.notice p{color:#bbbcb4;font-size:14px;line-height:1.7;margin:16px 0 25px}
.notice-close{position:absolute;top:10px;right:12px;background:none;border:0;color:#ccc;font-size:27px;cursor:pointer;width:32px;height:32px}
.notice-confirm{width:100%;padding:13px;border:1px solid #89897e;border-radius:999px;color:var(--paper);background:transparent;cursor:pointer;font-size:12px;letter-spacing:2px;text-transform:uppercase}
@media(max-width:430px){.profile{border-radius:28px}.hero{height:390px}.hero-note{font-size:8px;letter-spacing:1.6px;top:50px}.hero-note--left{left:24px}.hero-note--right{right:24px}h1{font-size:45px}.identity p{font-size:9px;letter-spacing:2.7px}.links{padding:16px 22px 0;gap:10px}.link-card{gap:16px;padding:12px 18px;min-height:61px}.link-card>span{font-size:9px;letter-spacing:1.65px}.footer{padding:39px 22px 35px}.footer p{font-size:8px;letter-spacing:2px}}
@media(max-width:350px){.hero{height:355px}.hero-note{font-size:7px;letter-spacing:1.1px}h1{font-size:40px}.identity p{font-size:8px;letter-spacing:2px}.links{padding-inline:16px}.link-card{gap:11px;grid-template-columns:25px minmax(0,1fr) 14px;padding-inline:16px}.link-icon{width:25px;height:25px}.link-card>span{letter-spacing:1.1px}}
@media(min-width:700px){body{padding:28px 16px}.profile{box-shadow:0 30px 100px #0008}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}