:root{color-scheme:dark;--bg:#08090c;--text:#f8f8fa;--muted:#b1b3bc;--line:rgba(255,255,255,.16);--tone:242,185,127;--accent:rgb(var(--tone));--shell:560px;--scroll:0;--hero-offset:0px}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:"SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;isolation:isolate}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a,button{cursor:pointer}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 0,rgba(49,62,79,.34),transparent 60%),var(--bg)}
.ambient-orbit{position:absolute;left:50%;top:15%;width:min(130vw,920px);height:min(130vw,920px);border-radius:50%;border:1px solid rgba(255,255,255,.055);transform:translate(-50%,0) rotate(-24deg);box-shadow:0 0 70px rgba(var(--tone),.06),inset 0 0 70px rgba(var(--tone),.035);transition:box-shadow .7s ease}
.ambient-light{position:absolute;inset:-20%;background-color:rgb(var(--tone));mask-image:radial-gradient(ellipse 60% 42% at 80% 45%,rgba(0,0,0,.13),transparent 75%),radial-gradient(ellipse 45% 60% at 0% 68%,rgba(0,0,0,.07),transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 42% at 80% 45%,rgba(0,0,0,.13),transparent 75%),radial-gradient(ellipse 45% 60% at 0% 68%,rgba(0,0,0,.07),transparent 78%);transform:translate3d(0,calc(var(--scroll) * -36px),0);transition:background-color .65s ease}
.scroll-line{position:fixed;top:0;left:0;right:0;height:2px;z-index:20;pointer-events:none;background:transparent}.scroll-line span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--scroll));box-shadow:0 0 12px rgba(var(--tone),.8);transition:background .6s}
.shell{position:relative;width:calc(100% - 28px);max-width:var(--shell);margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 0 calc(36px + env(safe-area-inset-bottom))}
.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:44px}.wordmark{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:-.03em}.wordmark-dot{width:4px;height:4px;border-radius:50%;background:#e4c0a0}.share{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:rgba(12,16,23,.45);transition:background .18s,transform .18s}.share svg{width:18px;height:18px}.share:active{transform:scale(.95)}
.share:focus-visible,.social:focus-visible,.link-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.profile{position:relative;z-index:1;padding:139px 4px 24px}.hero-scene{position:absolute;top:-68px;left:-14px;right:-14px;height:310px;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 40%,transparent 100%)}
.hero-scene picture,.hero-scene img{display:block;width:100%;height:100%}.hero-scene img{object-fit:cover;object-position:50% 58%;filter:saturate(.8) brightness(.63);transform:translate3d(0,var(--hero-offset),0) scale(1.045)}.hero-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,12,.16),rgba(8,9,12,.04) 28%,rgba(8,9,12,.75) 85%)}
.identity-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.identity{min-width:0}.eyebrow{max-width:260px;margin:0 0 8px;color:#d6c8b9;font-size:8px;font-weight:600;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(50px,16vw,78px);line-height:.92;font-weight:600;letter-spacing:-.075em;text-wrap:balance;overflow-wrap:anywhere}
.avatar-picture{display:block;flex:0 0 65px;width:65px;height:65px;position:relative;border-radius:50%;padding:3px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 28px rgba(0,0,0,.5)}.avatar-picture::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#15191b}
.bio{max-width:360px;margin:15px 0 0;color:var(--muted);font-size:12px;line-height:1.65;white-space:pre-line}.socials{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:19px}.socials:empty{display:none}.social{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#f2f2f5;background:rgba(255,255,255,.04);text-decoration:none;font-size:10px;font-weight:500;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}.social svg{width:16px;height:16px;flex-shrink:0}.social.icon-only{padding:0;width:44px}.social:active{transform:scale(.96);background:rgba(255,255,255,.12)}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:3px 4px 14px;color:#afb0b8;font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.chapter-counter{font-variant-numeric:tabular-nums;color:#e4c0a0;letter-spacing:.09em}
.links{display:grid;gap:16px;perspective:1200px}.link-card{--card-accent:#f2b97f;--card-tone:242,185,127;--camera:0px;position:relative;display:block;width:100%;max-width:100%;aspect-ratio:15/7;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:21px;background:#0d1116;color:#fff;text-decoration:none;box-shadow:0 12px 36px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);transition:border-color .45s,box-shadow .45s,transform .22s;isolation:isolate}
.link-card::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 25%,transparent 72%,rgba(255,255,255,.035));opacity:.65}.link-card.is-active{border-color:rgba(var(--card-tone),.7);box-shadow:0 14px 40px rgba(0,0,0,.38),0 0 28px rgba(var(--card-tone),.09)}.link-card:active{transform:scale(.985);border-color:var(--card-accent)}
.card-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px 19px;background:linear-gradient(0deg,rgba(5,7,10,.94),rgba(5,7,10,.52) 33%,transparent 78%),linear-gradient(90deg,rgba(5,7,10,.42),transparent 80%)}
.copy-right:not(:is(.emblem-card,.portrait-card)) .card-copy{align-items:flex-end;text-align:right}.copy-right:not(:is(.emblem-card,.portrait-card)) .card-arrow{left:17px;right:auto}.card-kicker{position:absolute;top:17px;left:18px;margin:0;color:#fff;font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 6px #000;padding:6px 9px;border-radius:50px;border:1px solid rgba(255,255,255,.17);background:rgba(9,12,17,.55)}.card-index{position:absolute;right:18px;top:20px;z-index:3;font-size:9px;font-weight:500;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-shadow:0 1px 5px #000}.card-title{display:block;max-width:calc(100% - 32px);font-size:clamp(20px,5.7vw,28px);font-weight:600;line-height:1.06;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.35)}.card-action{display:flex;align-items:center;gap:6px;margin-top:8px;color:#c9cbd2;font-size:10px;font-weight:500}.card-action-dot{width:4px;height:4px;border-radius:50%;background:var(--card-accent)}.card-arrow{position:absolute;right:17px;bottom:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07)}.card-arrow svg{width:13px;height:13px}.link-card[aria-disabled="true"] .card-arrow{opacity:.55}.link-card[aria-disabled="true"] .card-action-dot{background:#a4a7b0}
.card-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(130deg,rgba(var(--card-tone),.08),transparent)}.card-media picture,.card-media img{display:block;width:100%;height:100%}.card-media picture:not(.is-loaded) img{visibility:hidden}.card-media img{object-fit:cover;filter:saturate(.86);transform:translate3d(0,var(--camera),0) scale(1.045)}:is(.emblem-card,.portrait-card) .card-media img{transform:none;filter:none}:is(.emblem-card,.portrait-card) .card-copy{justify-content:center;background:linear-gradient(90deg,rgba(8,7,10,.86),rgba(8,7,10,.54) 39%,transparent 57%)}:is(.emblem-card,.portrait-card) .card-title{max-width:45%;font-size:clamp(24px,6.6vw,32px)}:is(.emblem-card,.portrait-card) .card-kicker{background:transparent;border:0;color:#ff969c;padding:0;top:18px}:is(.emblem-card,.portrait-card) .card-index{color:#ffc0c4}:is(.emblem-card,.portrait-card) .card-arrow{left:18px;right:auto;bottom:17px;width:26px;height:26px}:is(.emblem-card,.portrait-card) .card-action{margin-top:10px}:is(.emblem-card,.portrait-card) .card-copy{padding-bottom:25px}
.legacy-media{aspect-ratio:3}.legacy-media .card-kicker{top:10px;font-size:7px;padding:4px 7px}.legacy-media .card-title{font-size:19px}.legacy-media .card-copy{padding-top:38px;padding-bottom:12px}.legacy-media .card-action{margin-top:5px}.legacy-media .card-media img{transform:none}
.card-light{position:absolute;inset:-100% -60%;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.12) 49%,transparent 54%);transform:translateX(-60%) rotate(-8deg);opacity:0}.motion-enabled .link-card.is-active .card-light{animation:light-pass .95s ease-out both}
.loading,.empty,.error{padding:28px 18px;border:1px solid var(--line);border-radius:18px;background:#101219;color:var(--muted);text-align:center;font-size:12px}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 4px 0;color:#8f919a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.footer-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--tone),.3),transparent)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid var(--line);border-radius:50px;background:#1d2029;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes intro-identity{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes intro-photo{from{opacity:.3;transform:translateY(6px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1.045)}}@keyframes light-pass{0%{opacity:0;transform:translateX(-60%) rotate(-8deg)}25%{opacity:1}100%{opacity:0;transform:translateX(60%) rotate(-8deg)}}
.motion-enabled.ready .identity-row{animation:intro-identity .65s cubic-bezier(.2,.8,.2,1) both}.motion-enabled.ready .hero-scene img{animation:intro-photo .8s ease-out}.motion-enabled.ready .socials{animation:intro-identity .5s .08s both}.motion-enabled.ready .link-card{animation:intro-identity .5s .1s both}.motion-enabled.ready .link-card:nth-child(2){animation-delay:.16s}.motion-enabled.ready .link-card:nth-child(3){animation-delay:.2s}.motion-enabled.ready .link-card:nth-child(4){animation-delay:.24s}
@media(hover:hover){.social:hover,.share:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}.link-card:hover{transform:translateY(-2px);border-color:var(--card-accent)}}
@media(min-width:600px){.shell{padding-top:24px}.profile{padding-top:174px;padding-bottom:30px}.hero-scene{left:-30px;right:-30px;height:360px}.identity-row{padding:0 10px}.bio{margin-left:10px;max-width:430px;font-size:13px}.socials{margin-left:10px}.eyebrow{font-size:9px}.avatar-picture{width:78px;height:78px;flex-basis:78px}.card-copy{padding:24px}.card-kicker{left:24px;top:23px;font-size:9px}.card-title{font-size:30px}.card-action{font-size:12px}:is(.emblem-card,.portrait-card) .card-title{font-size:34px}:is(.emblem-card,.portrait-card) .card-arrow{left:24px;bottom:24px}:is(.emblem-card,.portrait-card) .card-copy{padding-bottom:25px}:is(.emblem-card,.portrait-card) .card-kicker{top:24px}}
@media(max-width:360px){.hero-scene{left:-12px;right:-12px}.shell{width:calc(100% - 24px)}.profile{padding-top:128px}.social{padding:0 8px;font-size:9px;gap:4px}.socials{gap:4px}.card-copy{padding:16px}.card-title{font-size:19px}.card-kicker{top:12px;left:14px;font-size:7px}:is(.emblem-card,.portrait-card) .card-title{font-size:23px}:is(.emblem-card,.portrait-card) .card-action{font-size:9px}:is(.emblem-card,.portrait-card) .card-arrow{display:none}:is(.emblem-card,.portrait-card) .card-copy{padding-bottom:16px}.bio{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scene img,.card-media img,.link-card,.link-card:hover,.link-card:active{transform:none!important}.ambient-light{transform:none!important}.card-light{display:none}}
.portrait-card .card-kicker,.portrait-card .card-index{color:#f2b97f}.portrait-card .card-title{font-size:clamp(21px,5.7vw,28px)}.portrait-card .card-arrow{left:auto;right:17px}.portrait-card .card-copy{padding-top:34px;padding-bottom:14px;background:linear-gradient(90deg,rgba(9,10,14,.96) 0%,rgba(9,10,14,.91) 23%,rgba(9,10,14,.74) 35%,rgba(9,10,14,.46) 46%,rgba(9,10,14,.19) 56%,rgba(9,10,14,.04) 65%,transparent 73%)}
.portrait-card .card-media picture{mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 28%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.8) 55%,#000 67%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 28%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.8) 55%,#000 67%)}
.portrait-card .card-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 24% 88% at 49% 55%,rgba(var(--card-tone),.1),transparent 78%)}
.portrait-card .card-light{z-index:1;background:linear-gradient(105deg,transparent 42%,rgba(var(--card-tone),.045) 47%,rgba(255,240,219,.13) 50%,rgba(var(--card-tone),.045) 53%,transparent 59%)}
body.low-motion .hero-scene img,body.low-motion .card-media img{transform:none}body.low-motion .card-light{display:none}
@media(prefers-contrast:more){:root{--muted:#e0e0e6;--line:rgba(255,255,255,.5)}.card-copy{background:linear-gradient(0deg,#000,rgba(0,0,0,.8) 50%,transparent)}.card-action{color:#fff}.social,.link-card{border-color:#bbb}}