@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f3f3f1;font-synthesis:none;--white:#f3f3f1;--gray:#a0a09c;--muted:#5a5a57;--line:#f3f3f129;--mono:"IBM Plex Mono", monospace;--pointer-x:0px;--pointer-y:0px;--badge-x:0px;--badge-y:0px;background:#050505;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#050505;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;background:0 0;border:0}.persistent-background{z-index:0;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}.persistent-background video{object-fit:cover;object-position:center;opacity:.82;width:100%;height:100%;transform:translate3d(var(--pointer-x), var(--pointer-y), 0) scale(1.02);transition:transform .9s cubic-bezier(.22,1,.36,1);animation:1.8s ease-out both background-in}.persistent-background-shade{background:#00000061;position:absolute;inset:0}main{z-index:1;position:relative}.hero{align-items:flex-end;min-height:100svh;padding:24px clamp(24px,4vw,64px);display:flex;position:relative;overflow:hidden}.linkedin-badge{width:34px;height:34px;color:var(--white);font-family:var(--mono);letter-spacing:-.06em;z-index:2;transform:translate3d(var(--badge-x), var(--badge-y), 0);background:#0000002e;border:1px solid #ffffff59;place-items:center;font-size:14px;font-weight:700;line-height:1;transition:color .22s,background-color .22s,border-color .22s,transform .22s;animation:.8s cubic-bezier(.22,1,.36,1) .7s both badge-in;display:grid;position:absolute;top:24px;right:clamp(24px,4vw,64px)}.linkedin-badge:hover,.linkedin-badge:focus-visible{color:#050505;background:var(--white);border-color:var(--white);transform:translateY(-3px)rotate(4deg)}.hero-grid{align-items:flex-end;width:100%;min-height:calc(100svh - 48px);display:flex}.hero-copy{z-index:1;position:relative}.eyebrow{color:var(--gray);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;animation:.8s cubic-bezier(.22,1,.36,1) .2s both text-in}.hero h1{letter-spacing:-.07em;margin:18px 0 20px;font-size:clamp(58px,9vw,156px);font-weight:600;line-height:.82;animation:1.1s cubic-bezier(.22,1,.36,1) .34s both title-in}.hero h1 span{color:var(--gray)}.hero-statement{letter-spacing:-.06em;margin:0;font-size:clamp(22px,2.8vw,48px);font-weight:500;line-height:.96;animation:.9s cubic-bezier(.22,1,.36,1) .62s both text-in}.hero-statement span{color:var(--gray)}.hero-links{flex-wrap:wrap;gap:16px;margin-top:38px;animation:.9s cubic-bezier(.22,1,.36,1) .86s both text-in;display:flex}.hero-links a{color:var(--white);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;padding-bottom:4px;font-size:10px;transition:color .22s,opacity .22s,transform .22s;position:relative}.hero-links a:after{content:"";transform-origin:0;background:#fff6;width:100%;height:1px;transition:transform .26s,background-color .22s;position:absolute;bottom:0;left:0;transform:scaleX(.25)}.hero-links a:before{content:attr(data-preview);width:max-content;max-width:190px;color:var(--gray);border:1px solid var(--line);letter-spacing:.08em;opacity:0;pointer-events:none;background:#050505d1;padding:7px 9px;font-size:8px;transition:opacity .22s,transform .22s;position:absolute;bottom:calc(100% + 14px);left:0;transform:translateY(6px)}.hero-links a:hover,.hero-links a:focus-visible{color:var(--gray);transform:translateY(-2px)}.hero-links a:hover:after,.hero-links a:focus-visible:after{background:var(--white);transform:scaleX(1)}.hero-links a:hover:before,.hero-links a:focus-visible:before{opacity:1;transform:translateY(0)}.hero-links a:nth-child(2){animation-delay:80ms}.hero-links a:nth-child(3){animation-delay:.16s}.hero-links a:nth-child(4){animation-delay:.24s}.hero-links a:nth-child(5){animation-delay:.32s}@keyframes background-in{0%{opacity:0;transform:scale(1.04)}to{opacity:.82;transform:scale(1)}}@keyframes badge-in{0%{opacity:0;transform:translateY(-10px)rotate(-8deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes text-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes title-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(24px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=800px){.hero{align-items:flex-end;min-height:100svh;padding:20px 20px 26px}.linkedin-badge{width:30px;height:30px;font-size:12px;top:20px;right:20px}.hero-grid{align-items:flex-end;min-height:calc(100svh - 46px)}.persistent-background video{object-position:58% 22%;opacity:.72;transition:none;transform:none}.persistent-background-shade{background:#00000075}.eyebrow{font-size:9px}.hero h1{margin-top:12px;font-size:clamp(52px,15vw,78px);line-height:.76}.hero-statement{margin-top:24px;font-size:clamp(23px,6.8vw,34px);line-height:.9}.hero-links{gap:14px;margin-top:28px}.hero-links a{font-size:9px}.hero-links a:before{display:none}}
