:root{--bg-0: #08080c;--bg-1: #0d0d14;--bg-2: #14141f;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--ink: #f5f1e6;--ink-soft: #cfc8b8;--ink-mute: #8a8478;--accent-warm: #f7c873;--accent-cool: #9eead6;--accent-deep: #b8a4ff;--accent-rose: #ff8fb1;--font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--max-w: 560px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 40px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img,svg{display:block;max-width:100%}::selection{background:var(--accent-warm);color:var(--bg-0)}.display{font-family:var(--font-display);font-weight:300;font-style:normal;letter-spacing:-.04em;line-height:.9;font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 0}.eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}.shell{position:relative;z-index:1;width:100%;max-width:var(--max-w);margin-inline:auto;padding:clamp(1.25rem,5vw,2rem);padding-bottom:6rem;display:flex;flex-direction:column;gap:clamp(2.5rem,7vw,4rem)}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(247,200,115,.1),transparent 60%),radial-gradient(80% 60% at 100% 100%,rgba(184,164,255,.08),transparent 60%),radial-gradient(60% 50% at 0% 80%,rgba(158,234,214,.06),transparent 60%),var(--bg-0)}.bg__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;will-change:transform;animation:drift 22s var(--ease-in-out) infinite alternate}.bg__blob--a{width:60vmax;height:60vmax;top:-25vmax;left:-10vmax;background:radial-gradient(circle,rgba(247,200,115,.35),transparent 60%);animation-duration:26s}.bg__blob--b{width:50vmax;height:50vmax;bottom:-20vmax;right:-15vmax;background:radial-gradient(circle,rgba(184,164,255,.28),transparent 60%);animation-duration:30s;animation-delay:-8s}.bg__blob--c{width:40vmax;height:40vmax;top:40%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(158,234,214,.18),transparent 60%);animation-duration:34s;animation-delay:-14s}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(4vw,-3vw,0) scale(1.08)}to{transform:translate3d(-3vw,4vw,0) scale(.95)}}.bg__blob--c{animation-name:drift-center}@keyframes drift-center{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-46%,-54%) scale(1.1)}to{transform:translate(-54%,-48%) scale(.96)}}.bg__grain{position:absolute;inset:-50%;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.18;mix-blend-mode:overlay;animation:grain 1.6s steps(6) infinite;pointer-events:none}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(-4%,2%)}30%{transform:translate(2%,-4%)}40%{transform:translate(-1%,3%)}50%{transform:translate(3%,1%)}60%{transform:translate(-3%,2%)}70%{transform:translate(4%,-1%)}80%{transform:translate(-2%,-2%)}90%{transform:translate(1%,3%)}}.bg__vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%)}[data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.bg__blob,.bg__grain,.hero__pulse{animation:none!important}}.hero{display:flex;flex-direction:column;gap:1.5rem;padding-top:clamp(1.5rem,6vw,3rem);opacity:var(--hero-opacity, 1);transform:translate3d(0,var(--hero-shift, 0),0);will-change:transform,opacity}.hero__top{display:flex;align-items:center;gap:1rem}.hero__avatar{position:relative;width:92px;height:92px;flex-shrink:0;border-radius:50%;isolation:isolate}.hero__avatar:before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(247,200,115,.55),transparent 55%),radial-gradient(circle at 75% 80%,rgba(184,164,255,.45),transparent 60%),radial-gradient(circle at 80% 20%,rgba(158,234,214,.35),transparent 60%);filter:blur(18px);opacity:.85;z-index:-1;animation:breathe 6s var(--ease-in-out) infinite}.hero__avatar:after{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,var(--accent-warm),var(--accent-rose) 25%,var(--accent-deep) 50%,var(--accent-cool) 75%,var(--accent-warm));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}.hero__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--bg-1);box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 30px -8px #0009}@keyframes breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}@media(prefers-reduced-motion:reduce){.hero__avatar:before{animation:none}}.hero__name{font-family:var(--font-display);font-size:1.05rem;font-weight:400;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.hero__meta{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.2rem 0}.hero__handle{font-family:var(--font-mono);font-size:.85rem;color:var(--ink);letter-spacing:-.01em}.hero__location{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);display:flex;align-items:center;gap:.4rem}.hero__pulse{width:7px;height:7px;border-radius:50%;background:var(--accent-cool);box-shadow:0 0 12px var(--accent-cool);animation:pulse 2.4s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero__claim{font-family:var(--font-display);font-weight:300;letter-spacing:-.045em;line-height:.92;font-size:clamp(3.2rem,14vw,5.5rem);color:var(--ink);margin-top:.5rem;font-variation-settings:"opsz" 144,"SOFT" 80}.hero__claim-line{display:block;overflow:hidden}.hero__claim-word{display:inline-block;transform:translate3d(0,110%,0);opacity:0;animation:rise 1.1s var(--ease-out) forwards;animation-delay:var(--delay, 0ms)}.hero__claim-word--accent{background:linear-gradient(120deg,var(--accent-warm) 0%,var(--accent-rose) 50%,var(--accent-deep) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:400;animation:rise 1.1s var(--ease-out) forwards,shimmer 8s linear infinite;animation-delay:var(--delay, 0ms),1.2s}@keyframes rise{to{transform:translateZ(0);opacity:1}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.hero__tagline{font-size:1rem;line-height:1.55;color:var(--ink-soft);max-width:38ch;margin-top:.5rem}@media(prefers-reduced-motion:reduce){.hero__claim-word{transform:none;opacity:1;animation:none}}.section{display:flex;flex-direction:column;gap:.9rem}.section__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.section__head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}.link{position:relative;display:flex;align-items:center;gap:1rem;padding:1.05rem 1.25rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);overflow:hidden;isolation:isolate;transform:translate3d(var(--tx, 0),var(--ty, 0),0) scale(var(--scale, 1));transition:transform .5s var(--ease-spring),border-color .4s var(--ease-out),background .4s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform}.link:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent, var(--accent-warm)) 0%,transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none;z-index:2}.link:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(160px 100px at var(--mx, 50%) var(--my, 50%),var(--accent, var(--accent-warm)),transparent 70%);opacity:0;transition:opacity .5s var(--ease-out);z-index:0;filter:blur(20px);pointer-events:none}.link:hover,.link:focus-visible{outline:none;background:var(--surface-strong);border-color:transparent}.link:hover:before,.link:focus-visible:before{opacity:1}.link:hover:after,.link:focus-visible:after{opacity:.35}.link:active{--scale: .985;transition-duration:.12s}.link__icon{position:relative;z-index:1;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--border);color:var(--accent, var(--accent-warm));flex-shrink:0;transform:translate3d(var(--itx, 0),var(--ity, 0),0) scale(var(--icon-scale, 1)) rotate(var(--icon-rot, 0deg));transition:transform .5s var(--ease-spring),background .4s var(--ease-out),box-shadow .5s var(--ease-out)}.link__icon svg{width:20px;height:20px;stroke-width:1.6}.link:hover .link__icon,.link:focus-visible .link__icon{--icon-scale: 1.06;--icon-rot: -3deg;box-shadow:0 0 28px -4px var(--accent, var(--accent-warm))}.link__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.link__label{font-size:1.02rem;font-weight:500;letter-spacing:-.015em;color:var(--ink);display:flex;align-items:center;gap:.5rem;line-height:1.2}.link__sublabel{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;color:var(--ink-mute);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link__arrow{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;color:var(--ink-mute);transform:translate3d(var(--ax, 0),var(--ay, 0),0) rotate(var(--ar, 0deg));transition:transform .5s var(--ease-spring),color .4s var(--ease-out);flex-shrink:0}.link:hover .link__arrow,.link:focus-visible .link__arrow{color:var(--accent, var(--accent-warm));--ax: 4px;--ay: -4px;--ar: -8deg}.link__arrow svg{width:16px;height:16px}.link--featured{padding:1.35rem 1.4rem;background:linear-gradient(135deg,var(--surface-strong),var(--surface))}.link--featured .link__icon{width:52px;height:52px;border-radius:16px}.link--featured .link__icon svg{width:24px;height:24px}.link--featured .link__label{font-size:1.15rem;font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}.social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.social-row .link{flex-direction:column;text-align:center;gap:.5rem;padding:1rem .5rem;align-items:center}.social-row .link__icon{width:40px;height:40px}.social-row .link__body{align-items:center;flex:0}.social-row .link__label{font-size:.9rem}.social-row .link__sublabel{font-size:.65rem;max-width:100%}.social-row .link__arrow{display:none}.footer{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.footer__statement{font-size:.85rem;line-height:1.6;color:var(--ink-soft);font-style:italic;max-width:42ch}.footer__meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);letter-spacing:.05em}.footer__mark{display:inline-flex;align-items:center;gap:.4rem}.footer__mark-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 8px var(--accent-warm)}@media(min-width:720px){:root{--max-w: 600px}.hero__claim{font-size:clamp(4rem,7vw,6rem)}.link{padding:1.2rem 1.4rem}}@media(min-width:1024px){:root{--max-w: 640px}}
