:root{color-scheme:light;--ink:#171720;--muted:#70707d;--line:rgba(23,23,32,.1);--paper:#fff;--soft:#f4f2ed}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#11131a}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% -10%,#303644 0,#11131a 52%);min-height:100vh}
button,input,select{font:inherit}a{color:inherit}

.profile-shell{position:relative;width:min(100%,480px);height:100vh;height:100svh;margin:auto;overflow:hidden;background:var(--primary);box-shadow:0 24px 100px rgba(0,0,0,.38);isolation:isolate}
.intro-stage{position:absolute;inset:0;padding:24px;color:#fff;background:var(--primary);overflow:hidden}.intro-stage:before{content:"";position:absolute;inset:0;pointer-events:none}
.ambient-rings{position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-250px;top:20%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 82px rgba(255,255,255,.022)}
.background-orbit{background:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--accent) 58%,transparent),transparent 42%),linear-gradient(155deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#000))}.background-aurora{background:radial-gradient(circle at 84% 4%,color-mix(in srgb,var(--accent) 88%,#fff),transparent 40%),radial-gradient(circle at 0 82%,color-mix(in srgb,var(--accent) 50%,#685be7),transparent 48%),linear-gradient(155deg,var(--primary),color-mix(in srgb,var(--primary) 62%,#000))}.background-aurora .ambient-rings{width:300px;height:520px;right:-190px;top:22%;border:0;border-radius:45%;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(42px);box-shadow:none;transform:rotate(28deg)}.background-horizon{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 15%,var(--primary) 35%,color-mix(in srgb,var(--primary) 62%,#000) 100%)}.background-horizon .ambient-rings{width:130%;height:1px;right:-15%;top:56%;border:0;border-radius:0;background:rgba(255,255,255,.38);box-shadow:0 22px rgba(255,255,255,.13),0 44px rgba(255,255,255,.075),0 66px rgba(255,255,255,.045);transform:rotate(-8deg)}.background-grid{background-color:var(--primary);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 82% 0,color-mix(in srgb,var(--accent) 72%,transparent),transparent 50%);background-size:32px 32px,32px 32px,auto}.background-grid .ambient-rings{width:260px;height:260px;right:-150px;top:34%;border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 0 0 42px color-mix(in srgb,var(--accent) 8%,transparent)}.background-minimal{background:linear-gradient(155deg,var(--primary),color-mix(in srgb,var(--primary) 74%,#000))}.background-minimal .ambient-rings{display:none}.background-image{background-image:linear-gradient(155deg,rgba(5,8,15,.34),rgba(5,8,15,.82)),var(--background-image),linear-gradient(155deg,var(--primary),#080b12);background-size:cover;background-position:center}.background-image .ambient-rings{display:none}
.brand-logo{position:relative;z-index:2;display:block;max-width:165px;max-height:42px;object-fit:contain;object-position:left center}.brand-name{position:relative;z-index:2;font-size:13px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.identity{position:absolute;z-index:3;top:80px;left:24px;right:24px;transition:top .55s cubic-bezier(.22,.8,.24,1),right .55s cubic-bezier(.22,.8,.24,1)}
.eyebrow{margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.19em;opacity:.74}.identity h1{max-width:420px;margin:0;font-family:var(--profile-font),Inter,sans-serif;font-size:clamp(39px,10vw,51px);line-height:.95;letter-spacing:-.05em;transition:font-size .55s cubic-bezier(.22,.8,.24,1)}
.job{margin:15px 0 0;font-size:16px;font-weight:780}.company{margin:4px 0 0;color:rgba(255,255,255,.68);font-size:13px}
.portrait{position:absolute;z-index:2;top:clamp(205px,26svh,248px);right:50%;width:min(68vw,var(--portrait-large));height:min(82vw,calc(var(--portrait-large) * 1.2));overflow:hidden;transform:translateX(50%);border:5px solid rgba(255,255,255,.92);border-radius:36px;background:linear-gradient(145deg,var(--accent),var(--primary));box-shadow:0 24px 56px rgba(0,0,0,.35);transition:top .6s cubic-bezier(.22,.8,.24,1),right .6s cubic-bezier(.22,.8,.24,1),width .6s cubic-bezier(.22,.8,.24,1),height .6s cubic-bezier(.22,.8,.24,1),transform .6s cubic-bezier(.22,.8,.24,1),border-radius .6s cubic-bezier(.22,.8,.24,1)}
.portrait-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--portrait-x) var(--portrait-y);transform:scale(var(--portrait-zoom));transform-origin:var(--portrait-x) var(--portrait-y);transition:transform .6s cubic-bezier(.22,.8,.24,1),transform-origin .6s cubic-bezier(.22,.8,.24,1),object-position .6s cubic-bezier(.22,.8,.24,1)}
.portrait-frameless{border:0;background:transparent;box-shadow:none}.portrait-frameless .portrait-image{filter:drop-shadow(0 22px 28px rgba(0,0,0,.28))}
.portrait-fallback{display:grid;place-items:center;text-align:center}.portrait-fallback span{font-family:var(--profile-font),Inter,sans-serif;font-size:58px;font-weight:850}.portrait-fallback small{position:absolute;bottom:22px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}
.bio-card{position:absolute;z-index:3;left:22px;right:22px;bottom:99px;max-height:170px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(7,10,18,.42);box-shadow:0 16px 40px rgba(0,0,0,.15);backdrop-filter:blur(16px);transition:opacity .3s ease,transform .45s ease}
.bio-label{display:block;margin-bottom:6px;color:color-mix(in srgb,var(--accent) 78%,#fff);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.15em}.bio-card p{display:-webkit-box;margin:0;overflow:hidden;color:rgba(255,255,255,.86);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}.context-badge{display:flex;justify-content:space-between;gap:12px;margin:-4px 0 10px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.14);font-size:11px}.context-badge span{opacity:.68}.event-notice{margin:0 0 9px;color:#f6d99e;font-size:11px;line-height:1.4}

.contact-sheet{position:absolute;z-index:10;top:max(clamp(196px,24svh,226px),calc(40px + min(38vw,var(--portrait-compact))));right:0;bottom:0;left:0;border-radius:28px 28px 0 0;background:var(--secondary);box-shadow:0 -18px 54px rgba(0,0,0,.24)}
.js .contact-sheet{transform:translateY(calc(100% - 80px));transition:transform .62s cubic-bezier(.22,.8,.24,1)}.js .profile-shell.is-open .contact-sheet{transform:translateY(0)}
.sheet-toggle{display:flex;align-items:center;gap:13px;width:100%;height:80px;padding:13px 22px;border:0;border-radius:28px 28px 0 0;background:var(--secondary);color:var(--ink);text-align:left;cursor:pointer}.sheet-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.sheet-arrow{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--primary);color:#fff;font-size:20px;font-weight:800;transition:transform .45s cubic-bezier(.22,.8,.24,1)}.is-open .sheet-arrow{transform:rotate(180deg)}.sheet-copy{display:grid;gap:2px}.sheet-copy b{font-size:14px}.sheet-copy small{color:var(--muted);font-size:11px}
.sheet-content{height:calc(100% - 80px);padding:8px 22px 38px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sheet-heading{padding:2px 2px 4px}.sheet-heading span{color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.sheet-heading h2{max-width:340px;margin:8px 0 0;font-size:24px;line-height:1.1;letter-spacing:-.035em}
.profile-shell.is-open .identity{top:92px;right:calc(min(38vw,var(--portrait-compact)) + 34px)}.profile-shell.is-open .identity h1{font-size:clamp(28px,7.5vw,35px)}.profile-shell.is-open .identity .eyebrow{margin-bottom:6px}.profile-shell.is-open .identity .job{margin-top:8px;font-size:13px}.profile-shell.is-open .identity .company{display:none}.profile-shell.is-open .portrait{top:28px;right:20px;width:min(38vw,var(--portrait-compact));height:min(38vw,var(--portrait-compact));transform:translateX(0);border-width:3px;border-radius:28px}.profile-shell.is-open .portrait-image{object-position:var(--compact-x) var(--compact-y);transform:scale(var(--compact-zoom));transform-origin:var(--compact-x) var(--compact-y)}.profile-shell.is-open .portrait-frameless{border:0;border-radius:0}.profile-shell.is-open .portrait-fallback span{font-size:32px}.profile-shell.is-open .portrait-fallback small{display:none}.profile-shell.is-open .bio-card{opacity:0;transform:translateY(24px);pointer-events:none}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.contact-link{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px;border:1px solid var(--line);border-radius:17px;text-decoration:none;background:color-mix(in srgb,var(--secondary) 94%,var(--primary));transition:transform .16s ease,border-color .16s ease}.contact-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.contact-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,#fff);color:var(--primary);font-size:12px;font-weight:900}.contact-link span:last-child{font-size:14px;font-weight:750}
.save-contact{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:17px 20px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#000));box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 25%,transparent);font-weight:850}
.capture{margin-top:24px;padding:20px;border-radius:22px;background:color-mix(in srgb,var(--primary) 5%,#fff);border:1px solid var(--line)}.capture h2{margin:0;font-size:18px;letter-spacing:-.02em}.capture p{margin:7px 0 16px;color:var(--muted);font-size:12px;line-height:1.5}.capture-row{display:flex;gap:8px}.capture input[type=email]{min-width:0;flex:1;padding:13px 14px;border:1px solid #d8d6d1;border-radius:13px;background:#fff;outline:none}.capture input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.capture button{border:0;border-radius:13px;padding:0 17px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}.capture button:disabled{opacity:.6}.capture-status{min-height:18px;margin:10px 0 0!important;color:var(--primary)!important;font-weight:700}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.powered{padding:27px 0 4px;text-align:center;color:#8f8d94;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.powered a{display:inline-block;padding:8px 10px;text-decoration:none;border-radius:10px}.powered a:hover,.powered a:focus-visible{color:var(--primary);background:color-mix(in srgb,var(--accent) 10%,transparent);outline:none}.powered b{color:var(--accent)}
.share-back{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:24px;padding:19px 20px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--accent) 8%,#fff)}.share-back-copy span{color:color-mix(in srgb,var(--accent) 72%,#7b5520);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em}.share-back h2{margin:5px 0 4px;font-size:17px;line-height:1.2}.share-back p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.share-back form{display:grid;gap:6px}.share-back button{padding:12px 15px;border:0;border-radius:13px;background:var(--primary);color:#fff;font-weight:850;white-space:nowrap}.share-back button:disabled{opacity:.65}.share-status{max-width:150px;text-align:center!important;color:var(--primary)!important;font-weight:750}

.landing{min-height:100vh;display:grid;place-items:center;padding:24px;color:#fff}.landing-card{width:min(100%,700px);padding:48px;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px)}.landing-mark{color:#d6a85f;font-weight:850;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.landing h1{font-size:clamp(42px,8vw,72px);line-height:.95;letter-spacing:-.055em;margin:22px 0}.landing p{max-width:500px;color:#bec2cb;font-size:18px;line-height:1.6}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.landing-actions form{margin:0}.landing-actions a,.landing-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:13px 18px;border:1px solid transparent;border-radius:14px;text-decoration:none;font-weight:800;cursor:pointer}.landing-actions .primary{background:#d6a85f;color:#11131a}.landing-actions .secondary{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}

@media(max-height:740px){.identity{top:64px}.portrait{top:190px;width:min(56vw,var(--portrait-large),230px);height:min(67vw,calc(var(--portrait-large) * 1.2),276px)}.bio-card{padding:13px 16px}.bio-card p{-webkit-line-clamp:3}.profile-shell.is-open .identity{top:74px}.profile-shell.is-open .portrait{top:22px;width:min(36vw,var(--portrait-compact));height:min(36vw,var(--portrait-compact))}.contact-sheet{top:max(184px,calc(32px + min(36vw,var(--portrait-compact))))}}
@media(max-width:370px){.contact-grid{grid-template-columns:1fr}.capture-row{flex-direction:column}.capture button{padding:13px}.bio-card{left:16px;right:16px}.identity{left:20px}.intro-stage{padding:20px}}
@media(prefers-reduced-motion:reduce){.contact-sheet,.portrait,.identity,.identity h1,.bio-card,.sheet-arrow{transition-duration:.01ms!important}}
@media(max-width:560px){.share-back{grid-template-columns:1fr}.share-back form{justify-items:stretch}.share-status{max-width:none}}