*{box-sizing:border-box}
html{min-height:100%;background:var(--page)}
body{margin:0;min-height:100svh;background:var(--page);color:var(--ink,#151915);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
[hidden]{display:none!important}
img.inline-emoji{display:inline-block;width:1.15em;height:1.15em;max-width:none;vertical-align:-.18em;object-fit:contain;margin:0 .02em;filter:none;box-shadow:none;border:0}
.profile{width:min(100%,480px);min-height:100svh;margin:0 auto;padding:0 0 max(24px,env(safe-area-inset-bottom))}
.cover{height:160px;position:relative;overflow:hidden;background:var(--page)}
.without-cover .cover{height:96px}
.cover>img{width:100%;height:100%;object-fit:cover;display:block}
.cover-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,var(--page))}
.artwork{background:radial-gradient(ellipse at 65% 15%,color-mix(in srgb,var(--accent),transparent 72%),transparent 80%)}
.artwork i{position:absolute;border:1px solid color-mix(in srgb,var(--accent),transparent 82%);width:390px;height:320px;left:70px;top:-190px;border-radius:50%;transform:rotate(-28deg)}
.artwork i+i{width:470px;left:10px;top:-125px}
.profile-content{padding:0 24px;text-align:center}
.portrait{width:104px;height:104px;margin:-52px auto 16px;border:4px solid var(--page);border-radius:50%;overflow:hidden;position:relative;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink),transparent 80%)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait span{font-family:Georgia,serif;font-size:44px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:0 0 7px;overflow-wrap:anywhere}
.handle{font-size:13px;line-height:1.4;margin:0 0 13px}
.bio{font-size:15px;line-height:1.55;max-width:350px;margin:0 auto 26px;white-space:pre-wrap;overflow-wrap:anywhere}.bio:empty{display:none}
.profile-links{display:flex;flex-direction:column;gap:18px;text-align:left}
.profile-link{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--ink),transparent 68%);border-radius:17px;transition:transform .15s,box-shadow .15s;background:transparent;touch-action:manipulation}
.profile-link.featured{min-height:76px;padding:18px 20px;background:var(--accent);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--ink),transparent 60%);box-shadow:0 8px 24px #00000012}.profile-link.featured:focus-visible{outline-color:var(--ink)}
.secondary-links{display:flex;flex-direction:column;gap:10px}.profile-link.secondary{min-height:56px;padding:12px 17px}
.link-icon{font-size:27px;line-height:1;width:28px;flex-shrink:0;text-align:center}.secondary .link-icon{font-size:22px}
.link-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.link-label{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.secondary .link-label{font-size:14px;font-weight:500}
.link-destination{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.secondary .link-destination{font-size:11px}
.arrow{font-size:23px;font-weight:400;line-height:1;flex-shrink:0}.secondary .arrow{font-size:19px}
.pill .profile-link{border-radius:40px}.profile-link:active{transform:translateY(1px);box-shadow:none}
@media(hover:hover){.profile-link:hover{transform:translateY(-2px);box-shadow:0 5px 18px #00000015}}
footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;font-size:12px;padding-top:20px}
footer button,footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 5px;font-size:12px}footer button{background:none;border:0}
.signature{font-size:11px;line-height:1.5;margin:3px 0 0}
.browser-help{text-align:left;border:1px solid color-mix(in srgb,var(--ink),transparent 65%);padding:18px;border-radius:18px;margin-top:20px}
.browser-help h2{font-size:15px;line-height:1.4;margin:0 0 9px}.browser-help p{font-size:13px;line-height:1.65;margin:0}
.help-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.help-actions button,.help-actions a,.legal button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font-size:13px;border:1px solid currentColor;border-radius:9px;background:transparent}
.copy-status:not(:empty){margin-top:10px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700}
.legal,.unavailable{width:min(100%,600px);padding:80px 28px;margin:auto}.legal h1,.unavailable h1{font-size:46px;margin-top:15px}.legal p,.unavailable p{font-size:14px;line-height:1.8}.legal button{margin-top:18px}.unavailable{padding-top:20vh}
.landing{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 28px 32px;background:radial-gradient(ellipse at 50% 25%,#e6ddd073,transparent 65%)}
.landing-content{margin:auto 0;padding:40px 0}.landing-mark{display:block;margin:0 auto 32px}.landing .eyebrow{margin:0 0 18px}.landing h1{font-size:clamp(60px,14vw,88px);letter-spacing:-4px;line-height:1.1;margin:0 0 28px}
.landing-intro{font-size:17px;line-height:1.6;margin:0 0 12px}.landing-note{max-width:290px;margin:0 auto;font-size:13px;line-height:1.8}.landing footer{padding-top:32px}
@media(min-width:600px){.profile{padding-top:32px}.cover{border-radius:26px 26px 0 0}}
@media(max-width:360px){.profile-content{padding:0 20px}h1{font-size:38px}.bio{font-size:14px}.profile-link.featured{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.profile-link{transition:none}.profile-link:hover,.profile-link:active{transform:none}}
.photo-page{background:#000;color:#fff}.photo-backdrop{display:none}
.photo-profile{position:relative;width:min(100%,568px);margin:0 auto;background:#000;min-height:100svh;padding-bottom:max(22px,env(safe-area-inset-bottom));overflow:hidden}
.photo-hero{position:relative;aspect-ratio:1;background:#161616;isolation:isolate}.photo-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.photo-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#00000036 58%,#000c 80%,#000 100%)}
.photo-heading{position:absolute;bottom:46px;left:20px;right:20px;text-align:center}.photo-heading h1{font-family:Arial,Helvetica,sans-serif;font-weight:750;font-size:34px;line-height:1.15;letter-spacing:-.8px;margin:0 0 9px}.photo-heading p{font-size:14px;line-height:1.4;margin:0;color:#dedede}
.photo-content{padding:0 16px;text-align:center}.photo-bio{font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:-10px auto 24px;position:relative;max-width:440px}.photo-bio:empty{display:none}
.photo-links{display:flex;flex-direction:column;gap:14px}.photo-card{position:relative;isolation:isolate;display:block;aspect-ratio:1.64;border-radius:12px;overflow:hidden;background:#1b1b1b;touch-action:manipulation;box-shadow:0 0 0 1px #ffffff1a}
.photo-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.photo-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 32%,#0001 52%,#000b 82%,#000e)}
.photo-card-label{position:absolute;bottom:19px;left:18px;right:18px;font-size:21px;font-weight:700;line-height:1.3;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 6px #0009}
.photo-destination{position:absolute;top:13px;left:13px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 26px);padding:8px 11px;border-radius:20px;color:#fff;background:#000b;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
.photo-secondary{min-height:48px;display:flex;justify-content:center;align-items:center;gap:10px;color:#ddd;font-size:13px;line-height:1.5;padding:10px 12px;overflow-wrap:anywhere}.photo-secondary>span:first-child{font-size:21px}.photo-secondary>span:last-child{font-size:15px}
.photo-profile footer{color:#a9a9a9;padding-top:8px;gap:4px 16px}.photo-profile footer a,.photo-profile footer button{font-size:11px}.photo-profile .signature{font-size:10px;color:#999;margin-top:0}
@media(hover:hover){.photo-card:hover>img{transform:scale(1.025)}.photo-secondary:hover{color:#fff}}
@media(min-width:600px){.photo-page{padding:40px 20px}.photo-backdrop{display:block;position:fixed;inset:-60px;pointer-events:none;overflow:hidden}.photo-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(45px) brightness(.38);transform:scale(1.1)}.photo-profile{border-radius:24px;min-height:0;box-shadow:0 25px 90px #0006}.photo-heading{bottom:48px}.photo-heading h1{font-size:40px}.photo-content{padding:0 24px}.photo-bio{margin-top:-8px;margin-bottom:26px}.photo-card-label{font-size:24px;bottom:24px}}
@media(max-width:360px){.photo-heading h1{font-size:32px}.photo-heading{bottom:40px}.photo-bio{font-size:14px;margin-bottom:20px}.photo-content{padding:0 14px}.photo-card-label{font-size:20px}}
@media(prefers-reduced-motion:reduce){.photo-card>img{transition:none}.photo-card:hover>img{transform:none}}
