.bio-page{flex-shrink:0;width:100%;container:hop-bio/inline-size}.bio-page *,.bio-page :before,.bio-page :after{box-sizing:border-box}.bio-page :is(a,button):focus-visible{outline-offset:5px;box-shadow:none;outline:2px solid}.bio-page h1{overflow-wrap:anywhere;text-wrap:balance}.bio-page p{overflow-wrap:anywhere}.bio-page .bio-link-card{text-align:left;justify-content:flex-start;gap:14px;min-height:76px;padding:16px 18px;line-height:1.4}.bio-link-icon{border:1px solid;border-color:color-mix(in srgb,currentColor 16%,transparent);border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.bio-link-label{overflow-wrap:anywhere;letter-spacing:-.015em;font-size:15px;font-weight:550;display:block}.bio-link-destination{letter-spacing:0;opacity:.8;overflow-wrap:anywhere;margin-top:4px;font-size:11px;font-weight:400;display:block}.bio-link-arrow{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.bio-page .bio-social-link{border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background-color .18s,opacity .18s;display:inline-flex}.bio-page .bio-social-link:hover{opacity:1;background:color-mix(in srgb,currentColor 8%,transparent)}.bio-page .bio-contact{width:100%;max-width:560px;margin:0 auto;padding:24px 24px 40px}.bio-page .bio-contact a{border:1px solid;border-color:color-mix(in srgb,currentColor 18%,transparent);min-height:48px;color:inherit;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:500;transition:background-color .18s;display:flex}.bio-page .bio-contact a:hover{background:color-mix(in srgb,currentColor 6%,transparent)}.bio-page .bio-contact svg{width:17px;height:17px}.bio-modern{--bio-ink:#161719;--bio-muted:#62666d;--bio-rule:#e0e2e5;--bio-surface:#fff;min-height:100svh;color:var(--bio-ink)}.bio-modern[data-dark=true]{--bio-ink:#f3f3f5;--bio-muted:#a5a7ae;--bio-rule:#2b2d32;--bio-surface:#191a1e}.bio-modern-grid{flex-direction:column;gap:32px;width:100%;max-width:560px;margin:0 auto;padding:40px 24px 56px;display:flex}.bio-modern-profile{text-align:center;min-width:0}.bio-modern-cover{background:var(--bio-accent);isolation:isolate;border-radius:24px;height:144px;position:relative;overflow:hidden}.bio-modern-cover:before{content:"";background:linear-gradient(120deg,#ffffff70,#0000 55%,#00000030);position:absolute;inset:0}.bio-modern-cover span{border:1px solid #ffffff50;border-radius:50%;width:280px;height:280px;position:absolute;top:-175px;right:-45px}.bio-modern-cover span:nth-child(2){width:360px;height:360px;top:-190px;right:-70px}.bio-modern-cover span:nth-child(3){width:440px;height:440px;top:-205px;right:-95px}.bio-modern-identity{flex-direction:column;align-items:center;gap:12px;margin:-42px 0 18px;display:flex;position:relative}.bio-modern-avatar{object-fit:cover;border:5px solid var(--bio-surface);background:var(--bio-surface);border-radius:28px;flex-shrink:0;width:88px;height:88px;box-shadow:0 4px 16px #0000000d}.bio-modern-monogram{place-items:center;font-size:28px;font-weight:500;display:grid}.bio-modern-handle{color:var(--bio-muted);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:13px}.bio-modern-profile h1{color:var(--bio-ink);letter-spacing:-.045em;margin:0;font-family:inherit;font-size:44px;font-weight:600;line-height:1.05}.bio-modern-headline{letter-spacing:-.02em;max-width:380px;color:var(--bio-ink);text-wrap:pretty;margin:14px auto 0;font-size:18px;line-height:1.5}.bio-modern-description{color:var(--bio-muted);white-space:pre-line;max-width:400px;margin:12px auto 0;font-size:14px;line-height:1.7}.bio-modern-content{flex-direction:column;gap:28px;min-width:0;display:flex}.bio-section-heading{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.bio-section-heading h2{letter-spacing:0;color:var(--bio-ink);margin:0;font-family:inherit;font-size:13px;font-weight:500}.bio-section-heading>span{color:var(--bio-muted);font-size:12px}.bio-modern-video{aspect-ratio:16/9;border:1px solid var(--bio-rule);background:var(--bio-surface);border-radius:16px;width:100%;position:relative;overflow:hidden}.bio-modern-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.bio-modern-socials{color:var(--bio-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.bio-modern-socials>p{margin:0;font-size:12px}.bio-modern .bio-contact{border-top:1px solid var(--bio-rule);max-width:none;color:var(--bio-muted);margin:0;padding:22px 0 0}.bio-modern[data-variant=studio] .bio-modern-profile{text-align:center}.bio-modern[data-variant=studio] .bio-modern-avatar{border-radius:50%}.bio-modern[data-variant=cupertino] .bio-modern-profile h1{font-weight:500}.bio-modern[data-variant=cupertino] .bio-modern-avatar{border-radius:50%}.bio-page[data-preview=true] .bio-modern{min-height:0}@container hop-bio (max-width:420px){.bio-modern-grid{gap:28px;padding:16px 20px 36px}.bio-modern-profile h1{font-size:36px}.bio-page .bio-link-card{gap:12px;min-height:72px;padding:14px}.bio-link-icon{border-radius:9px;width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.bio-page *,.bio-page :before,.bio-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bio-page [class*=rise],.bio-page [class*=-in],.bio-page [class*=fade]{opacity:1!important;transform:none!important}}.bio-public-tabs{z-index:30;justify-content:center;padding:16px 20px;display:flex;position:sticky;top:0}.bio-public-tabs [role=tablist]{border-radius:13px;gap:4px;padding:4px;display:flex}.bio-public-tabs [role=tab]{border-radius:9px;min-width:100px;min-height:44px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500}.bio-page .bio-posts{max-width:700px;padding-top:24px}.bio-page .bio-post-card{border:1px solid;border-color:color-mix(in srgb,currentColor 13%,transparent);border-radius:18px;padding:20px;overflow:hidden}.bio-post-card+.bio-post-card{margin-top:4px}.bio-page .bio-post-card img{aspect-ratio:4/3;border-radius:12px}.bio-page .bio-post-card h3{color:inherit;letter-spacing:-.025em;font-family:inherit;font-size:20px;font-weight:550}.bio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.bio-template-option{border:1px solid rgb(var(--c-border));background:rgb(var(--c-surface));border-radius:12px;min-width:0;transition:border-color .18s;position:relative;overflow:hidden}.bio-template-option:has([aria-pressed=true]){border-color:rgb(var(--c-primary));outline:1px solid rgb(var(--c-primary))}.bio-template-option:hover{border-color:rgb(var(--c-primary))}.bio-template-choice{text-align:left;cursor:pointer;width:100%;padding:10px;display:block}.bio-template-choice:after{content:"";position:absolute;inset:0}.bio-template-option:focus-within{outline:2px solid rgb(var(--c-primary));outline-offset:3px}.bio-template-label{justify-content:space-between;gap:4px;font-size:13px;font-weight:600;display:flex}.bio-template-description{color:rgb(var(--c-textDim));padding-top:5px;font-size:12px;line-height:1.5;display:block}.bio-template-real-preview{aspect-ratio:390/780;pointer-events:none;border-bottom:1px solid rgb(var(--c-border));overflow:hidden;container-type:inline-size}.bio-template-real-canvas{width:390px}.bio-template-real-preview .bio-page{min-height:900px}.bio-template-real-preview .bio-page *{animation-duration:.001ms!important;animation-delay:-1s!important}.bio-preview-toolbar{color:rgb(var(--c-textDim));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.bio-preview-toolbar button{cursor:pointer;min-height:44px;color:rgb(var(--c-text));border-radius:8px;padding:8px 12px}.bio-preview-toolbar button:hover{background:rgb(var(--c-surface2))}.bio-preview-frame{border:1px solid rgb(var(--c-borderHi));background:rgb(var(--c-surface));border-radius:24px;width:100%;max-width:390px;margin:auto;overflow:hidden;box-shadow:0 12px 36px #00000008}.bio-preview-scroll{overscroll-behavior:contain;height:min(680px,72svh);overflow-y:auto}.bio-preview-note{text-align:center;color:rgb(var(--c-textDim));margin:14px 0 0;font-size:12px;line-height:1.5}.bio-preview-dialog{border:1px solid rgb(var(--c-border));background:rgb(var(--c-bg));width:min(1180px,100vw - 32px);max-width:none;height:calc(100svh - 32px);max-height:none;color:rgb(var(--c-text));border-radius:16px;margin:auto;padding:16px}.bio-preview-dialog::backdrop{background:#0009}.bio-preview-dialog>.bio-preview-toolbar{margin:0 0 12px}.bio-preview-devices{gap:4px;display:flex}.bio-preview-devices button[aria-pressed=true]{background:rgb(var(--c-surface2));font-weight:600}.bio-preview-stage{background:rgb(var(--c-surface2));border-radius:10px;height:calc(100% - 56px);padding:16px;overflow:auto}.bio-preview-canvas{width:100%;min-height:100%;margin:auto}.bio-preview-canvas[data-device=mobile]{max-width:390px}.bio-links-editor button[aria-label]{min-width:44px;min-height:44px}.bio-links-editor input[type=checkbox]{width:18px;height:18px;accent-color:rgb(var(--c-primary))}.bio-links-editor label{min-height:24px}.bio-modern-profile:after{content:"";background:var(--bio-ink);opacity:.18;border-radius:4px;width:24px;height:3px;margin:24px auto 0;display:block}.bio-modern[data-variant=studio] .bio-modern-profile:after{margin-inline:auto}.bio-modern .bio-link-card{transition:background-color .18s,border-color .18s,box-shadow .18s}.bio-modern .bio-link-card:hover{box-shadow:0 3px 14px #0000000a}.bio-modern .bio-link-arrow{transition:transform .18s}.bio-modern .bio-link-card:hover .bio-link-arrow{transform:translate(2px,-2px)}@media (max-width:600px){.bio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-preview-dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);padding:10px}.bio-preview-toolbar button{padding:8px}.bio-preview-stage{padding:0}}@media (prefers-reduced-motion:reduce){.bio-template-choice,.bio-modern .bio-link-card,.bio-modern .bio-link-arrow{transition:none}.bio-modern .bio-link-card:hover .bio-link-arrow{transform:none}}.bio-modern[data-variant=studio] .bio-modern-cover{border-radius:80px 80px 24px 24px;height:120px}.bio-modern[data-variant=graphite] .bio-modern-cover{border-radius:20px}.bio-modern .bio-section-heading{padding:0 4px 12px}.bio-modern .bio-section-heading h2{font-size:12px;font-weight:600}.bio-modern .bio-modern-socials{justify-content:center;padding-top:8px}.bio-modern .bio-modern-socials>p{display:none}.bio-modern .bio-social-link{border:1px solid var(--bio-rule);background:var(--bio-surface);border-radius:50%}@container hop-bio (min-width:760px){.bio-modern-grid{padding-top:56px}}.bio-modern[data-variant=signal] .bio-modern-cover{border-radius:0;height:88px}.bio-modern[data-variant=signal] .bio-modern-cover:before{background:repeating-linear-gradient(135deg,#0000 0 18px,#0000000a 18px 20px)}.bio-modern[data-variant=signal] .bio-modern-cover span{display:none}.bio-modern[data-variant=signal] .bio-modern-profile{text-align:left}.bio-modern[data-variant=signal] .bio-modern-identity{flex-direction:row;align-items:end;margin:-28px 16px 24px}.bio-modern[data-variant=signal] .bio-modern-avatar{border-radius:0}.bio-modern[data-variant=signal] .bio-modern-handle{padding-bottom:8px}.bio-modern[data-variant=signal] .bio-modern-profile h1{letter-spacing:-.065em;text-transform:uppercase;font-size:clamp(40px,12cqi,64px);font-weight:800;line-height:.98}.bio-modern[data-variant=signal] :is(.bio-modern-headline,.bio-modern-description){margin-left:0}.bio-modern[data-variant=signal] .bio-modern-profile:after{opacity:1;border-radius:0;width:48px;height:5px;margin-left:0}.bio-modern[data-variant=folio] .bio-modern-cover{border-top:1px solid var(--bio-ink);border-bottom:3px double var(--bio-ink);background:0 0;border-radius:0;height:14px;margin-bottom:28px}.bio-modern[data-variant=folio] .bio-modern-cover :is(span),.bio-modern[data-variant=folio] .bio-modern-cover:before{display:none}.bio-modern[data-variant=folio] .bio-modern-identity{margin:0 0 24px}.bio-modern[data-variant=folio] .bio-modern-avatar{width:80px;height:96px;box-shadow:none;border-width:1px;border-radius:50% 50% 4px 4px}.bio-modern[data-variant=folio] .bio-modern-profile h1{font-family:var(--font-fraunces),Georgia,serif;letter-spacing:-.05em;font-size:48px;font-weight:500}.bio-modern[data-variant=folio] .bio-modern-headline{font-family:var(--font-instrument),Georgia,serif;font-size:24px;font-style:italic}.bio-modern[data-variant=folio] .bio-modern-profile:after{width:100%;height:1px}.bio-modern[data-variant=folio] .bio-modern-handle{text-transform:uppercase;letter-spacing:.16em;font-size:11px}.bio-modern[data-variant=petal] .bio-modern-cover{border-radius:160px 160px 36px 36px;max-width:280px;height:166px;margin:0 auto}.bio-modern[data-variant=petal] .bio-modern-cover:before{background:linear-gradient(145deg,#ffffff80,#0000)}.bio-modern[data-variant=petal] .bio-modern-cover span{top:-120px;right:-160px}.bio-modern[data-variant=petal] .bio-modern-avatar{border-radius:50%;width:96px;height:96px}.bio-modern[data-variant=petal] .bio-modern-profile h1{letter-spacing:-.05em;font-weight:500}.bio-modern[data-variant=petal] .bio-modern-profile:after{background:var(--bio-accent);opacity:1;border-radius:50%;width:7px;height:7px}.bio-modern[data-variant=terminal] .bio-modern-cover{border-bottom:1px solid var(--bio-rule);background:0 0;border-radius:0;height:32px;margin-bottom:28px}.bio-modern[data-variant=terminal] .bio-modern-cover:before{background:var(--bio-accent);border-radius:50%;width:8px;height:8px;top:4px}.bio-modern[data-variant=terminal] .bio-modern-cover span{border:1px solid var(--bio-muted);width:8px;height:8px;top:4px;left:16px}.bio-modern[data-variant=terminal] .bio-modern-cover span:nth-child(2){left:32px}.bio-modern[data-variant=terminal] .bio-modern-cover span:nth-child(3){display:none}.bio-modern[data-variant=terminal] .bio-modern-profile{text-align:left}.bio-modern[data-variant=terminal] .bio-modern-identity{flex-direction:row;margin:0 0 24px}.bio-modern[data-variant=terminal] .bio-modern-avatar{border:1px solid var(--bio-rule);border-radius:8px;width:56px;height:56px;font-size:22px}.bio-modern[data-variant=terminal] .bio-modern-handle{color:var(--bio-accent)}.bio-modern[data-variant=terminal] .bio-modern-handle:before{content:"~/"}.bio-modern[data-variant=terminal] .bio-modern-profile h1{letter-spacing:-.04em;font-size:34px;line-height:1.2}.bio-modern[data-variant=terminal] :is(.bio-modern-headline,.bio-modern-description){margin-left:0}.bio-modern[data-variant=terminal] .bio-modern-headline{font-size:16px}.bio-modern[data-variant=terminal] .bio-modern-profile:after{background:var(--bio-accent);opacity:1;margin-left:0}.bio-cover-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bio-modern .bio-modern-cover[data-image=true]{border:0;min-height:160px}.bio-cover-standalone{background:#8882;border-radius:20px;width:calc(100% - 40px);max-width:512px;height:180px;margin:24px auto 0;position:relative;overflow:hidden}.bio-cover-editor-thumbnail{background:rgb(var(--c-surface2));border-radius:10px;height:130px;position:relative;overflow:hidden}
.contact-page{background:#f5f5f6;flex-shrink:0;justify-content:center;align-items:center;min-height:100svh;padding:64px 24px;display:flex}.contact-page[data-template=dark]{background:#0c0d10}.contact-design{width:100%;max-width:880px;font-family:var(--font-geist-sans),Arial,sans-serif;color:#1b1c20;container:hop-contact/inline-size}.contact-design[data-template=minimal],.contact-design[data-template=spotlight]{max-width:560px}.contact-design *,.contact-design :before,.contact-design :after{box-sizing:border-box}.contact-sheet{--contact-ink:#1b1c20;--contact-muted:#676b73;--contact-rule:#e4e5e8;--contact-surface:#fff;--contact-soft:#f6f6f7;border:1px solid var(--contact-rule);background:var(--contact-surface);color:var(--contact-ink);border-radius:24px;overflow:hidden;box-shadow:0 8px 40px #14151a06}.contact-sheet[data-variant=dark]{--contact-ink:#f4f4f6;--contact-muted:#a4a7b0;--contact-rule:#2c2e35;--contact-surface:#16171b;--contact-soft:#1f2026}.contact-banner{background:var(--contact-accent);height:5px}.contact-grid{gap:32px;padding:36px;display:grid}.contact-identity{min-width:0}.contact-avatar{object-fit:cover;border:1px solid var(--contact-rule);background:var(--contact-soft);border-radius:24px;width:96px;height:96px;display:block}.contact-monogram{color:var(--contact-ink);letter-spacing:-.04em;place-items:center;font-size:30px;font-weight:500;display:grid}.contact-design h1{color:var(--contact-ink);letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;margin:26px 0 0;font-family:inherit;font-size:36px;font-weight:600;line-height:1.12}.contact-title{letter-spacing:-.015em;color:var(--contact-ink);margin:14px 0 0;font-size:15px;line-height:1.5}.contact-organization{color:var(--contact-muted);margin:4px 0 0;font-size:14px;line-height:1.6}.contact-location{color:var(--contact-muted);align-items:flex-start;gap:7px;margin:16px 0 0;font-size:12px;line-height:1.5;display:flex}.contact-location svg{flex-shrink:0;width:15px;height:18px}.contact-note{color:var(--contact-muted);white-space:pre-line;margin:24px 0 0;font-size:14px;line-height:1.7}.contact-design p{overflow-wrap:anywhere}.contact-socials{color:var(--contact-muted);flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.contact-socials a{border:1px solid var(--contact-rule);border-radius:12px;place-items:center;width:44px;min-height:44px;display:grid}.contact-content{flex-direction:column;gap:28px;min-width:0;display:flex}.contact-save{background:var(--contact-accent);min-height:52px;color:var(--contact-on-accent);letter-spacing:-.015em;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.contact-save svg{flex-shrink:0;width:19px;height:19px}.contact-save-block p{text-align:center;color:var(--contact-muted);margin:10px 0 0;font-size:11px;line-height:1.5}.contact-details h2{color:var(--contact-muted);letter-spacing:0;margin:0 0 10px;font-family:inherit;font-size:12px;font-weight:500}.contact-detail{border-bottom:1px solid var(--contact-rule);align-items:center;gap:12px;min-height:72px;padding:14px 0;display:flex}.contact-detail:last-child{border-bottom:0}.contact-detail-icon{border:1px solid var(--contact-rule);width:36px;height:36px;color:var(--contact-muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.contact-detail-icon svg{width:17px;height:17px}.contact-detail-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.contact-detail-label{color:var(--contact-muted);font-size:11px}.contact-detail-value{color:var(--contact-ink);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.contact-detail>svg,.contact-related svg{width:18px;height:18px;color:var(--contact-muted);flex-shrink:0}.contact-related{border-top:1px solid var(--contact-rule);flex-direction:column;padding-top:12px;display:flex}.contact-related a{min-height:48px;color:var(--contact-ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;font-weight:500;display:flex}.contact-design a{text-decoration:none;transition:background-color .15s,opacity .15s}.contact-design a:focus-visible{outline:2px solid var(--contact-ink);outline-offset:4px}.contact-detail:hover,.contact-related a:hover,.contact-socials a:hover{background:var(--contact-soft)}.contact-save:hover{opacity:.9}.contact-sheet[data-variant=minimal]{box-shadow:none;border-radius:20px}.contact-sheet[data-variant=minimal] .contact-banner,.contact-sheet[data-variant=spotlight] .contact-banner{display:none}.contact-sheet[data-variant=minimal] .contact-avatar{border-radius:50%;width:80px;height:80px}.contact-sheet[data-variant=minimal] .contact-save{background:var(--contact-ink);color:var(--contact-surface)}.contact-sheet[data-variant=gradient] .contact-banner{background:linear-gradient(115deg,var(--contact-accent),color-mix(in srgb,var(--contact-accent) 12%,white));height:88px}.contact-sheet[data-variant=gradient] .contact-avatar{border:5px solid var(--contact-surface);margin-top:-68px;position:relative}.contact-sheet[data-variant=spotlight]{box-shadow:none;background:0 0;border:none}.contact-sheet[data-variant=spotlight] .contact-identity{text-align:center}.contact-sheet[data-variant=spotlight] .contact-avatar{width:112px;height:112px;box-shadow:0 0 0 5px var(--contact-surface),0 0 0 6px var(--contact-rule);border-radius:50%;margin:0 auto}.contact-sheet[data-variant=spotlight] :is(.contact-socials,.contact-location){justify-content:center}@container hop-contact (min-width:700px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:48px}.contact-content{border-left:1px solid var(--contact-rule);padding-left:40px}.contact-design h1{font-size:40px}.contact-sheet[data-variant=gradient] .contact-avatar{margin-top:-80px}}@container hop-contact (max-width:380px){.contact-grid{gap:28px;padding:26px 22px}.contact-design h1{font-size:30px}.contact-avatar{border-radius:20px;width:80px;height:80px}.contact-detail{gap:10px}.contact-detail-icon{width:30px;height:34px}}@media (max-width:600px){.contact-page{align-items:flex-start;padding:24px 14px}}@media (prefers-reduced-motion:reduce){.contact-design *,.contact-design :before,.contact-design :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}