*,:before,:after{box-sizing:border-box}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas:#fdfdfc;--ink:#171717;--ink-inverse:#fff;--muted:#70706c;--line:#dededa;--accent:#0d7c6c;--accent-subtle:#e5f4f1;--page-max:75rem;--page-gutter:clamp(1.25rem, 4vw, 2.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-card:1.25rem;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--canvas:#141412;--ink:#e8e7e4;--ink-inverse:#141412;--muted:#8a8a86;--line:#2c2c2a;--accent:#2dd4bf;--accent-subtle:#1a2e2b}}[data-theme=light]{--canvas:#fdfdfc;--ink:#171717;--ink-inverse:#fff;--muted:#70706c;--line:#dededa;--accent:#0d7c6c;--accent-subtle:#e5f4f1}[data-theme=dark]{--canvas:#141412;--ink:#e8e7e4;--ink-inverse:#141412;--muted:#8a8a86;--line:#2c2c2a;--accent:#2dd4bf;--accent-subtle:#1a2e2b}html{background:var(--canvas);min-width:320px;overflow-x:hidden}body{background:var(--canvas);min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}img,picture,svg{max-width:100%;display:block}img,picture{height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--ink);color:var(--ink-inverse)}.page-shell{width:min(100%, var(--page-max));min-height:100svh;padding:var(--space-7) var(--page-gutter) var(--space-5);flex-direction:column;justify-content:space-between;margin-inline:auto;display:flex}.hero{align-items:center;gap:clamp(var(--space-5), 7vw, var(--space-8));padding-block:clamp(var(--space-4), 6vw, var(--space-7)) 0;isolation:isolate;display:grid;position:relative}.hero:before{z-index:-1;aspect-ratio:1;content:"";background-image:radial-gradient(circle,#14141429 .8px,#0000 .9px);background-size:1.375rem 1.375rem;width:clamp(18rem,72vw,33.75rem);position:absolute;top:18%;right:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.hero-copy{z-index:1;animation:.8s cubic-bezier(.2,.8,.2,1) both enter;position:relative}.hero-identity{align-items:center;gap:clamp(var(--space-3), 4vw, 1.125rem);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.hero-avatar{object-fit:cover;border-radius:50%;flex:none;width:clamp(3.5rem,14vw,4rem);height:clamp(3.5rem,14vw,4rem);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 .625rem 1.875rem #0000001f}.hero-meta{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.625rem;font-size:.625rem;font-weight:560;display:flex}.hero-meta>span{background:var(--accent);border-radius:50%;flex:none;width:.375rem;height:.375rem;box-shadow:0 0 0 .25rem #1414140f}.hero h1{color:var(--ink);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,5vw,3rem);font-weight:660;line-height:1.05}.hero-subtitle{margin:0;color:var(--muted);letter-spacing:clamp(.06em,.4vw,.14em);text-transform:uppercase;margin-top:1.25rem;font-size:clamp(.75rem,1.8vw,.9375rem);font-weight:500}.hero-subtitle .bold{color:var(--ink);text-shadow:.03em .03em #0000002e;font-weight:900}.hero-subtitle span{animation:.35s cubic-bezier(.2,.8,.2,1) both char-in;display:inline-block}.hero-cards{justify-content:flex-start;gap:clamp(var(--space-4), 4vw, var(--space-5));margin-top:var(--space-7);flex-direction:column;display:flex;position:relative}.card-enter{z-index:1;animation:.9s cubic-bezier(.2,.8,.2,1) .16s both enter;position:relative}.card-enter:nth-child(2){animation-delay:.26s}.hero-art{justify-content:center;justify-self:center;align-items:flex-end;width:min(100%,28rem);height:clamp(20rem,108vw,32.5rem);animation:.9s cubic-bezier(.2,.8,.2,1) 80ms both enter;display:flex}.hero-art img{object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;width:min(86%,24rem);max-height:90%;animation:7s ease-in-out 1.1s infinite gentle-float}.connect-card{aspect-ratio:1.55;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--ink);width:100%;color:var(--ink-inverse);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden}.connect-card:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 67%);border-radius:50%;width:19.375rem;height:19.375rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.connect-card:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff1a 50%,#0000 62%);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-100%)rotate(8deg)}.connect-card--email{background:var(--ink-inverse);color:var(--ink);border:1px solid var(--line)}.connect-card--email:before,.connect-card--email:after{background:0 0}.connect-card--email .card-top{color:var(--muted)}.connect-card--email .card-top svg{color:var(--ink)}.connect-card--email .card-bottom>span{color:var(--muted)}.card-top,.card-center,.card-bottom{pointer-events:none;z-index:1;position:absolute}.card-top,.card-bottom{justify-content:space-between;align-items:center;display:flex;left:clamp(1.125rem,5vw,1.375rem);right:clamp(1.125rem,5vw,1.375rem)}.card-top{color:#8a8a8a;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;top:clamp(1rem,4vw,1.1875rem)}.card-top svg{width:1.3125rem;height:1.3125rem;color:var(--ink-inverse);transition:transform .3s}.card-center{place-items:center;display:grid;inset:0}.card-center svg{width:clamp(2.5rem,12vw,3rem);height:clamp(2.5rem,12vw,3rem);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.card-bottom{bottom:clamp(1rem,4vw,1.1875rem)}.card-bottom strong{letter-spacing:-.025em;font-size:clamp(.875rem,4vw,1rem);font-weight:540}.card-bottom>span{color:#929292;letter-spacing:.02em;font-size:.75rem}.connect-card:focus-visible{transform:translateY(-4px)}.connect-card:focus-visible .card-center svg{transform:scale(1.07)rotate(-3deg)}.connect-card:focus-visible .card-top svg{transform:translate(3px,-3px)}.connect-card:focus-visible:after{transform:translate(100%)rotate(8deg)}@media (hover:hover) and (pointer:fine){.hero-avatar:hover{transform:translateY(-2px);box-shadow:0 .875rem 2.25rem #00000029}.connect-card:hover{transform:translateY(-4px)}.connect-card:hover .card-center svg{transform:scale(1.07)rotate(-3deg)}.connect-card:hover .card-top svg{transform:translate(3px,-3px)}.connect-card:hover:after{transform:translate(100%)rotate(8deg)}}footer{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);padding-top:var(--space-6);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;font-size:.6875rem;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes char-in{0%{transform:scale(.7)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes line-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width>=56rem){.hero{gap:clamp(var(--space-6), 6vw, 5.5rem);grid-template-columns:minmax(28rem,1fr) minmax(16rem,.72fr);min-height:clamp(32rem,72dvh,41rem);padding-block:0}.hero-cards{flex-flow:row}.connect-card{width:clamp(14rem,18vw,18rem)}.hero:before{width:min(48vw,33.75rem);top:12%;right:0}.hero-art{justify-content:flex-end;justify-self:end;width:100%;height:clamp(27rem,68dvh,39rem)}.hero-art img{object-position:right bottom;width:min(86%,26rem)}}@media (width>=36rem) and (width<=55.99rem) and (height<=32rem) and (orientation:landscape){.hero{gap:var(--space-5);padding-block:var(--space-3) 0;grid-template-columns:minmax(32rem,1fr) minmax(15rem,.8fr)}.hero h1{font-size:clamp(2rem,5vw,3rem)}.hero-art{justify-content:flex-end;justify-self:end;width:100%;height:min(76dvh,21rem)}.hero-art img{object-position:right bottom;width:min(84%,18rem)}}@media (width<=24rem){.card-bottom>span{display:none}}@media (prefers-color-scheme:dark){.hero:before{background-image:radial-gradient(circle,#e8e7e41f .8px,#0000 .9px)}.hero-meta>span{box-shadow:0 0 0 .25rem #e8e7e414}.hero-art img{mix-blend-mode:initial}.connect-card:before{background:radial-gradient(circle,#ffffff1f,#0000 67%)}.hero-subtitle{color:#b0afaa}.hero-subtitle .bold{text-shadow:.03em .03em #00000080}.connect-card--email{border-color:var(--line)}.connect-card--email:before,.connect-card--email:after{background:0 0}}[data-theme=light] .hero:before{background-image:radial-gradient(circle,#14141429 .8px,#0000 .9px)}[data-theme=light] .hero-meta>span{box-shadow:0 0 0 .25rem #1414140f}[data-theme=light] .hero-art img{mix-blend-mode:multiply}[data-theme=light] .connect-card:before{background:radial-gradient(circle,#ffffff14,#0000 67%)}[data-theme=light] .hero-subtitle{color:#2a2a28}[data-theme=light] .hero-subtitle .bold{text-shadow:.03em .03em #0000002e}[data-theme=light] .connect-card--email{border-color:var(--line)}[data-theme=light] .connect-card--email:before,[data-theme=light] .connect-card--email:after{background:0 0}[data-theme=dark] .hero:before{background-image:radial-gradient(circle,#e8e7e41f .8px,#0000 .9px)}[data-theme=dark] .hero-meta>span{box-shadow:0 0 0 .25rem #e8e7e414}[data-theme=dark] .hero-art img{mix-blend-mode:initial}[data-theme=dark] .connect-card:before{background:radial-gradient(circle,#ffffff1f,#0000 67%)}[data-theme=dark] .hero-subtitle{color:#b0afaa}[data-theme=dark] .hero-subtitle .bold{text-shadow:.03em .03em #00000080}[data-theme=dark] .connect-card--email{border-color:var(--line)}[data-theme=dark] .connect-card--email:before,[data-theme=dark] .connect-card--email:after{background:0 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}.hero-avatar:hover,.connect-card:hover,.connect-card:focus-visible,.connect-card:hover .card-center svg,.connect-card:focus-visible .card-center svg,.connect-card:hover .card-top svg,.connect-card:focus-visible .card-top svg{transform:none}}.hero-info{flex-direction:column;gap:.375rem;margin-top:1rem;animation:.8s cubic-bezier(.2,.8,.2,1) .14s both enter;display:flex}.now{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:.6875rem}.quote-line{opacity:0;align-items:center;gap:0;min-height:1.25rem;transition:opacity .5s;display:inline-flex}.quote-line.visible{opacity:1}.quote-text{color:var(--muted);letter-spacing:.02em;white-space:nowrap;font-size:.8125rem}.quote-cursor{background:var(--accent);vertical-align:text-bottom;width:1px;height:1.1em;margin-left:.2em;animation:.9s step-end infinite blink-cursor;display:inline-block}.quote-line.visible:has(.quote-text:empty) .quote-cursor{opacity:1;animation:none}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.theme-toggle{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.footer-end{align-items:center;gap:var(--space-3);display:flex}