@font-face { font-family: BricolageQ; src: url('/assets/home/launch/fonts/bricolage.woff2') format('woff2'); font-display: swap; font-weight: 200 800; }
@font-face { font-family: LiterataQ; src: url('/assets/home/launch/fonts/literata.woff2') format('woff2'); font-display: swap; font-weight: 400 700; }
@font-face { font-family: ManropeQ; src: url('/assets/home/launch/fonts/manrope.woff2') format('woff2'); font-display: swap; font-weight: 200 800; }

/* Public bio surface. This intentionally owns its measured geometry rather than
   inheriting the marketing or legacy theme treatments. */
.public-page {
  --profile-canvas: #f5f5f5;
  --profile-ink: #000;
  --profile-text: var(--profile-ink);
  --profile-muted: #555;
  --profile-paper: #fff;
  --profile-avatar-fallback: #e8e8e8;
  --profile-outline: rgb(0 0 0 / .1);
  --profile-border: rgb(0 0 0 / .12);
  --profile-follower-border: rgb(0 0 0 / .14);
  --profile-control-border: rgb(0 0 0 / .24);
  --profile-featured-border: rgb(0 0 0 / .22);
  --profile-link-hover: #3e3e3e;
  --profile-focus: #000;
  --profile-accent: #ff6758;
  --profile-accent-soft: #fff0ee;
  --profile-accent-ink: #111323;
  --profile-soft-ink: var(--profile-accent-ink);
  --profile-outline-ink: var(--profile-accent);
  --profile-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --profile-frame: 580px;
  --profile-gutter: 28px;
  --profile-card-width: 524px;
  min-height: 100dvh;
  margin: 0;
  padding: 144px 0 48px;
  overflow-x: clip;
  color: var(--profile-ink);
  background: var(--profile-canvas) !important;
  font-family: var(--profile-font) !important;
}
.public-page > .public-svg-defs { position: absolute; overflow: hidden; }
.public-page.public-accent-violet { --profile-accent: #7c3aed; --profile-accent-soft: #f0eafd; --profile-accent-ink: #fff; }
.public-page.public-accent-ink { --profile-accent: #111323; --profile-accent-soft: #e8eaf0; --profile-accent-ink: #fff; }
.public-page.public-background-paper { --profile-canvas: #fff; }
.public-page.public-background-lavender { --profile-canvas: #f0edff; }
.public-page.public-preset-warm { --profile-canvas: #fff8f1; --profile-paper: #fffdf9; }
.public-page.public-preset-warm .public-link { border-radius: 14px; }
.public-page.public-preset-soft { --profile-canvas: #f3f0ff; --profile-paper: #fff; }
.public-page.public-preset-soft .public-link { border-radius: 18px; box-shadow: 0 8px 24px rgb(55 37 120 / .10); }
.public-page.public-typography-space-grotesk { --profile-font: "Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-typography-space-grotesk,
.public-page.public-typography-space-grotesk * { font-family: var(--profile-font) !important; }
.public-page.public-button-solid .public-link { color: var(--profile-accent-ink); background: var(--profile-accent); }

/* Named page looks are closed server-validated values. Omitted template keeps
   the canonical presentation; `minimal` is the selectable dark showcase look. */
.public-page[class*="public-template-"] { --profile-soft-ink: var(--profile-text); --profile-outline-ink: var(--profile-text); }
.public-page[class*="public-template-"] .public-empty-text, .public-page[class*="public-template-"] .public-404-text { color: var(--profile-muted); opacity: 1; }
.public-page.public-template-minimal { --profile-canvas: #15161a; --profile-ink: #fff; --profile-text: #fff; --profile-muted: #d8d8dc; --profile-paper: #22242b; --profile-avatar-fallback: #232428; --profile-outline: rgb(255 255 255 / .2); --profile-border: rgb(255 255 255 / .16); --profile-follower-border: rgb(255 255 255 / .18); --profile-control-border: rgb(255 255 255 / .38); --profile-featured-border: rgb(255 255 255 / .18); --profile-link-hover: #fff; --profile-focus: #d8b7ff; --profile-accent: #d8b7ff; --profile-accent-soft: #27222f; --profile-accent-ink: #15161a; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-minimal .public-name { --profile-font: BricolageQ, Inter, ui-sans-serif, system-ui, sans-serif; font-family: var(--profile-font); }
.public-page.public-template-minimal .public-link { border: 1px solid rgb(255 255 255 / .08); border-radius: 7px; color: var(--profile-ink); background: rgb(255 255 255 / .06); }
.public-page.public-template-minimal .public-link:hover { color: var(--profile-ink); background: rgb(255 255 255 / .12); }
.public-page.public-template-minimal .public-social-link, .public-page.public-template-minimal .public-footer a, .public-page.public-template-minimal .public-footer button { color: var(--profile-ink); }
.public-page.public-template-gallery { --profile-canvas: #f4ece4; --profile-ink: #3b302c; --profile-text: #3b302c; --profile-muted: #655750; --profile-paper: #fffaf4; --profile-avatar-fallback: #e8ded4; --profile-outline: rgb(59 48 44 / .18); --profile-border: rgb(59 48 44 / .16); --profile-follower-border: rgb(59 48 44 / .18); --profile-control-border: rgb(59 48 44 / .32); --profile-featured-border: rgb(59 48 44 / .22); --profile-link-hover: #3b302c; --profile-accent: #876c5c; --profile-accent-soft: #fffaf4; --profile-accent-ink: #fffaf4; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-gallery .public-name { --profile-font: BricolageQ, Inter, ui-sans-serif, system-ui, sans-serif; font-family: var(--profile-font); }
.public-page.public-template-gallery .public-link { border: 1px solid rgb(59 48 44 / .16); border-radius: 7px; color: var(--profile-ink); background: var(--profile-paper); }
.public-page.public-template-gallery .public-link:hover { color: var(--profile-ink); background: #f9f1ea; }
.public-page.public-template-gallery .public-content-gallery ul { gap: 5px; }
.public-page.public-template-gallery .public-content-gallery img { border-radius: 0; }
.public-page.public-template-gallery .public-footer { border-color: rgb(59 48 44 / .22); }
.public-page.public-template-editorial { --profile-canvas: #d8cabf; --profile-ink: #2e2827; --profile-text: #2e2827; --profile-muted: #5e5350; --profile-paper: #f4eee8; --profile-avatar-fallback: #e2d6cb; --profile-outline: rgb(46 40 39 / .18); --profile-border: rgb(46 40 39 / .16); --profile-follower-border: rgb(46 40 39 / .18); --profile-control-border: rgb(46 40 39 / .32); --profile-featured-border: rgb(46 40 39 / .3); --profile-link-hover: #2e2827; --profile-accent: #2e2827; --profile-accent-soft: #f4eee8; --profile-accent-ink: #d8cabf; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-editorial .public-name { --profile-font: BricolageQ, Inter, ui-sans-serif, system-ui, sans-serif; font-family: var(--profile-font); letter-spacing: -.025em; }
.public-page.public-template-editorial .public-bio { --profile-font: LiterataQ, Georgia, serif; font-family: var(--profile-font); }
.public-page.public-template-editorial .public-link { border-radius: 2px; color: var(--profile-ink); background: var(--profile-paper); }
.public-page.public-template-editorial .public-link:hover { color: var(--profile-ink); background: #eee5dd; }
.public-page.public-template-editorial .public-link-featured .public-link { border: 1px solid rgb(46 40 39 / .3); }
.public-page.public-template-editorial .public-footer { border-color: rgb(46 40 39 / .28); }
.public-page.public-template-poster { --profile-canvas: #f4f3ee; --profile-ink: #18210d; --profile-text: #18210d; --profile-muted: #4a543c; --profile-paper: #fff; --profile-avatar-fallback: #e0e2d8; --profile-outline: rgb(24 33 13 / .18); --profile-border: rgb(24 33 13 / .16); --profile-follower-border: rgb(24 33 13 / .18); --profile-control-border: rgb(24 33 13 / .32); --profile-featured-border: rgb(24 33 13 / .3); --profile-link-hover: #18210d; --profile-accent: #18210d; --profile-accent-soft: #e7e5dd; --profile-accent-ink: #f4f3ee; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-poster .public-name { --profile-font: BricolageQ, Inter, ui-sans-serif, system-ui, sans-serif; max-width: 8ch; font-family: var(--profile-font); font-size: clamp(36px, 8vw, 68px); line-height: .82; font-weight: 750; letter-spacing: -.075em; text-transform: uppercase; }
.public-page.public-template-poster .public-link { border-radius: 0; color: var(--profile-ink); background: var(--profile-paper); }
.public-page.public-template-poster .public-link:hover { color: var(--profile-ink); background: #e9e8e1; }
.public-page.public-template-poster .public-link-featured .public-link { border: 0; }
.public-page.public-template-poster .public-footer { border-color: rgb(24 33 13 / .3); }
.public-page.public-template-journal { --profile-canvas: #efe7dc; --profile-ink: #3f3338; --profile-text: #3f3338; --profile-muted: #67575c; --profile-paper: #fffaf3; --profile-avatar-fallback: #e4d8cf; --profile-outline: rgb(63 51 56 / .18); --profile-border: rgb(63 51 56 / .16); --profile-follower-border: rgb(63 51 56 / .18); --profile-control-border: rgb(63 51 56 / .32); --profile-featured-border: rgb(63 51 56 / .28); --profile-link-hover: #3f3338; --profile-accent: #7b5c61; --profile-accent-soft: #e5d6d2; --profile-accent-ink: #fffaf3; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-journal .public-name { --profile-font: LiterataQ, Georgia, serif; font-family: var(--profile-font); font-weight: 500; }
.public-page.public-template-journal .public-header { padding-bottom: 18px; border-bottom: 1px solid rgb(63 51 56 / .26); }
.public-page.public-template-journal .public-avatar { border-radius: 8px; }
.public-page.public-template-journal .public-link { border-bottom: 1px solid rgb(63 51 56 / .25); border-radius: 0; color: var(--profile-ink); background: transparent; }
.public-page.public-template-journal .public-link:hover { background: rgb(255 250 243 / .8); }
.public-page.public-template-journal .public-link-featured .public-link { border: 1px solid rgb(63 51 56 / .28); background: var(--profile-paper); }
.public-page.public-template-journal .public-footer { border-color: rgb(63 51 56 / .28); }
.public-page.public-template-blush { --profile-canvas: #f3c4d4; --profile-ink: #4a2838; --profile-text: #4a2838; --profile-muted: #704657; --profile-paper: #f6d6df; --profile-avatar-fallback: #e6b8c8; --profile-outline: rgb(74 40 56 / .2); --profile-border: rgb(74 40 56 / .16); --profile-follower-border: rgb(74 40 56 / .18); --profile-control-border: rgb(74 40 56 / .32); --profile-featured-border: rgb(74 40 56 / .22); --profile-link-hover: #4a2838; --profile-accent: #a65aff; --profile-accent-soft: #f6d6df; --profile-accent-ink: #211329; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-blush .public-name { --profile-font: BricolageQ, Inter, ui-sans-serif, system-ui, sans-serif; font-family: var(--profile-font); }
.public-page.public-template-blush .public-avatar { outline-color: rgb(74 40 56 / .2); }
.public-page.public-template-blush .public-link { border: 1px solid rgb(74 40 56 / .12); border-radius: 8px; color: var(--profile-ink); background: var(--profile-paper); }
.public-page.public-template-blush .public-link:hover { color: var(--profile-ink); background: #f9e0e7; }
.public-page.public-template-noir { --profile-canvas: #0b0b13; --profile-ink: #eee7f2; --profile-text: #eee7f2; --profile-muted: #d5cadb; --profile-paper: #282331; --profile-avatar-fallback: #282331; --profile-outline: rgb(238 231 242 / .2); --profile-border: rgb(238 231 242 / .16); --profile-follower-border: rgb(238 231 242 / .18); --profile-control-border: rgb(238 231 242 / .38); --profile-featured-border: rgb(238 231 242 / .28); --profile-link-hover: #eee7f2; --profile-focus: #bd6fff; --profile-accent: #bd6fff; --profile-accent-soft: #30213e; --profile-accent-ink: #211329; --profile-font: ManropeQ, Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-template-noir .public-name { --profile-font: BricolageQ, Inter, ui-sans-serif, system-ui, sans-serif; font-family: var(--profile-font); }
.public-page.public-template-noir .public-avatar { outline-color: rgb(238 231 242 / .18); }
.public-page.public-template-noir .public-link { border: 1px solid rgb(238 231 242 / .12); border-radius: 8px; color: var(--profile-ink); background: var(--profile-paper); }
.public-page.public-template-noir .public-link:hover { color: var(--profile-ink); background: #332d3f; }
.public-page.public-template-noir .public-footer { border-color: rgb(238 231 242 / .2); }
.public-page.public-template-noir .public-footer a, .public-page.public-template-noir .public-footer button { color: var(--profile-ink); }

/* Explicit choices take precedence over a selected look; `auto` leaves these
   variables to the preset or template above. */
.public-page:is([class*="public-template-"],.public-preset-warm,.public-preset-soft).public-accent-coral { --profile-accent: #ff6758; --profile-accent-soft: #fff0ee; --profile-accent-ink: #111323; }
.public-page:is([class*="public-template-"],.public-preset-warm,.public-preset-soft).public-accent-violet { --profile-accent: #7c3aed; --profile-accent-soft: #f0eafd; --profile-accent-ink: #fff; }
.public-page:is([class*="public-template-"],.public-preset-warm,.public-preset-soft).public-accent-ink { --profile-accent: #111323; --profile-accent-soft: #e8eaf0; --profile-accent-ink: #fff; }
.public-page:is([class*="public-template-"],.public-preset-warm,.public-preset-soft).public-background-cloud { --profile-canvas: #f5f5f5; }
.public-page:is([class*="public-template-"],.public-preset-warm,.public-preset-soft).public-background-paper { --profile-canvas: #fff; }
.public-page:is([class*="public-template-"],.public-preset-warm,.public-preset-soft).public-background-lavender { --profile-canvas: #f0edff; }
/* A light background on a dark look also switches the text to dark ink, so the page stays readable. */
.public-page:is(.public-template-minimal,.public-template-noir):is(.public-background-cloud,.public-background-paper,.public-background-lavender) { --profile-ink: #111323; --profile-text: #111323; --profile-muted: #565a66; --profile-paper: #fff; --profile-avatar-fallback: #e8e8ee; --profile-outline: rgb(17 19 35 / .18); --profile-border: rgb(17 19 35 / .14); --profile-follower-border: rgb(17 19 35 / .16); --profile-control-border: rgb(17 19 35 / .32); --profile-featured-border: rgb(17 19 35 / .2); --profile-link-hover: #111323; --profile-soft-ink: #111323; --profile-outline-ink: #111323; }
.public-page:is(.public-template-minimal,.public-template-noir):is(.public-background-cloud,.public-background-paper,.public-background-lavender) .public-link { border-color: var(--profile-border); background: var(--profile-paper); }
.public-page:is(.public-template-minimal,.public-template-noir):is(.public-background-cloud,.public-background-paper,.public-background-lavender) .public-link:hover { background: var(--profile-avatar-fallback); }
.public-page.public-template-noir:is(.public-background-cloud,.public-background-paper,.public-background-lavender) :is(.public-avatar, .public-footer) { outline-color: var(--profile-outline); border-color: var(--profile-border); }
.public-page[class*="public-template-"].public-accent-coral.public-button-solid .public-link,
.public-page[class*="public-template-"].public-accent-violet.public-button-solid .public-link,
.public-page[class*="public-template-"].public-accent-ink.public-button-solid .public-link { color: var(--profile-accent-ink); background: var(--profile-accent); }

@media (min-width: 936px) {
  .public-page.public-template-editorial .public-shell { display: grid; width: min(calc(100% - 64px), 1024px); grid-template-columns: minmax(220px, 300px) minmax(0, 524px); align-items: start; column-gap: clamp(48px, 8vw, 120px); }
  .public-page.public-template-editorial .public-header { position: sticky; top: 112px; grid-column: 1; grid-row: 1 / span 4; width: auto; padding: 0; text-align: left; }
  .public-page.public-template-editorial .public-avatar { margin-inline: 0; }
  .public-page.public-template-editorial .public-name-row { justify-items: start; }
  .public-page.public-template-editorial .public-bio { margin-inline: 0; text-align: left; }
  .public-page.public-template-editorial .public-featured-section, .public-page.public-template-editorial .public-social-links, .public-page.public-template-editorial .public-follower-slot, .public-page.public-template-editorial .public-publication { grid-column: 2; width: 524px; max-width: 100%; margin-left: 0; margin-right: 0; }
  .public-page.public-template-editorial .public-footer { grid-column: 1 / -1; width: 100%; }
}

.public-page .public-shell { width: min(100%, var(--profile-frame)); margin: 0 auto; }
.public-page .public-header { margin: 0; padding: 0 var(--profile-gutter); text-align: center; }
.public-page .public-avatar { display: grid; width: 96px; height: 96px; margin: 0 auto 13px; place-items: center; overflow: hidden; border: 0; border-radius: 999px; outline: 1px solid var(--profile-outline); outline-offset: -1px; background: var(--profile-avatar-fallback) center / cover no-repeat; box-shadow: none; color: var(--profile-text); font-size: 36px; font-weight: 600; }
.public-page.public-avatar-shape-round .public-avatar { border-radius: 50%; }
.public-page.public-avatar-shape-rounded .public-avatar { border-radius: 22px; }
.public-page.public-avatar-shape-square .public-avatar { border-radius: 0; }
.public-page .public-avatar-fallback { background: var(--profile-avatar-fallback) !important; color: var(--profile-text); }
.public-page.public-accent-violet .public-avatar-fallback, .public-page.public-accent-ink .public-avatar-fallback { background: var(--profile-accent-soft) !important; color: var(--profile-accent); }
.public-page .public-identity { min-width: 0; }
.public-page .public-name-row { display: grid; min-width: 0; justify-items: center; }
.public-page .public-eyebrow { display: none; }
.public-page .public-name { margin: 0; color: var(--profile-ink); font: 600 24px/28.8px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; overflow-wrap: anywhere; }
.public-page .public-slug { margin: 0; color: var(--profile-ink); font: 400 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; opacity: 1; overflow-wrap: anywhere; }
.public-page .public-bio { max-width: 496px; margin: 7px auto 0; color: var(--profile-ink); font: 500 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; text-align: center; overflow-wrap: anywhere; white-space: pre-wrap; }
.public-page .public-social-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; margin: 8px auto 0; overflow: visible; }
.public-page .public-social-primary { display: flex; flex-wrap: nowrap; justify-content: center; gap: 0; min-width: 0; }.public-page .public-social-primary .public-social-overflow-item { display: none; }
.public-page .public-social-more { display: block; margin: 0; }.public-page .public-social-more summary { display: inline-flex; width: 48px; min-width: 48px; height: 48px; min-height: 48px; align-items: center; justify-content: center; gap: 4px; cursor: pointer; font: 600 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; list-style: none; }.public-page .public-social-more summary::-webkit-details-marker { display: none; }.public-page .public-social-icons .public-social-more-wide { display: none; }.public-page .public-social-expanded { display: none; }.public-page .public-social-more[open] { flex: 1 0 100%; }.public-page .public-social-more[open] > summary { display: none; }.public-page .public-social-more[open] .public-social-expanded { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; }
.public-page .public-social-link { display: grid; width: 48px; min-width: 48px; height: 48px; min-height: 48px; place-items: center; border: 0; border-radius: 0; padding: 0; color: var(--profile-ink); background: transparent; }
.public-page .public-social-link:hover { color: var(--profile-ink); background: rgb(0 0 0 / .06); }
.public-page .public-social-icon { display: block; width: 24px; height: 24px; object-fit: contain; color: var(--profile-ink); }
.public-page .public-social-chips { gap: 6px; }.public-page .public-social-chips .public-social-primary, .public-page .public-social-chips .public-social-expanded { flex-wrap: wrap; gap: 6px; }.public-page .public-social-chips .public-social-link { display: inline-flex; width: auto; min-width: 44px; padding: 0 10px; gap: 6px; border: 1px solid rgb(0 0 0 / .18); border-radius: 999px; font: 500 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; }.public-page.public-accent-violet .public-social-chips .public-social-link, .public-page.public-accent-ink .public-social-chips .public-social-link { border-color: var(--profile-accent); }.public-page .public-social-chips .public-social-icon { width: 24px; height: 24px; }.public-page .public-social-chips .public-social-more summary { width: auto; min-width: 44px; height: 44px; min-height: 44px; padding: 0 10px; border: 1px solid rgb(0 0 0 / .18); border-radius: 999px; }
.public-page .public-follower-slot { position: relative; height: 24px; margin: 11px auto 35px; text-align: center; }
.public-page .public-follower-slot:empty { display: none; }
.public-page .public-follower-slot button { position: absolute; top: 50%; left: 50%; display: inline-flex; width: 93.8px; height: 44px; align-items: center; justify-content: center; isolation: isolate; border: 0; padding: 0; color: var(--profile-text); background: transparent; font: 400 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; transform: translate(-50%, -50%); }
.public-page .public-follower-slot button::before { position: absolute; z-index: -1; inset: 10px 0; border-radius: 8px; background: var(--profile-avatar-fallback); content: ''; }
.public-page details.public-follower-slot { height: auto; min-height: 24px; margin: 11px auto 35px; }.public-page .public-follower-slot summary { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font: 400 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; list-style: none; }.public-page .public-follower-slot summary::-webkit-details-marker { display: none; }.public-page .public-follower-breakdown { display: grid; gap: 6px; width: min(100%, 280px); margin: 4px auto 0; padding: 10px; border: 1px solid var(--profile-follower-border); border-radius: 8px; background: var(--profile-paper); text-align: left; }.public-page .public-follower-breakdown div { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 8px; }.public-page .public-follower-breakdown a { display: inline-flex; min-height: 44px; align-items: center; color: var(--profile-text); font: 600 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page .public-publication { width: var(--profile-card-width); max-width: calc(100% - (2 * var(--profile-gutter))); margin: 24px auto 0; padding: 0; }
.public-page .public-follower-slot + .public-publication { margin-top: 0; }
.public-page .public-link-section { margin: 0 0 14px; }.public-page .public-link-section:last-child { margin-bottom: 0; }
.public-page .public-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; max-width: none; padding: 0; border: 0; }
.public-page .public-link-card { position: relative; width: 100%; min-width: 0; max-width: 100%; }
.public-page .public-link { position: relative; display: flex; min-height: 64px; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0; border: 0; border-radius: 8px; padding: 8px 56px; color: var(--profile-ink); background: var(--profile-paper); box-shadow: none; font: 500 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; text-align: center; text-decoration: none; text-shadow: none; transition: background-color 120ms ease-out, border-color 120ms ease-out; }
.public-page.public-button-soft .public-link { background: var(--profile-accent-soft); }
.public-page.public-button-outline .public-link { border: 1px solid var(--profile-accent); }
.public-page.public-button-soft .public-empty-cta, .public-page.public-button-soft .public-footer-cta { color: var(--profile-soft-ink); background: var(--profile-accent-soft); }
.public-page.public-button-outline .public-empty-cta, .public-page.public-button-outline .public-footer-cta { border: 1px solid var(--profile-accent); color: var(--profile-outline-ink); background: transparent; box-shadow: none; }
.public-page .public-link:hover { padding: 8px 56px; color: var(--profile-ink); background: #ececec; opacity: 1; transform: none; }
.public-page.public-preset-warm .public-link:hover { background: #f8eee4; }
.public-page.public-preset-soft .public-link:hover { background: #ece8fa; }
.public-page .public-link:active { background: #dfdfdf; transform: scale(.99); }
.public-page .public-link-copy { display: grid; min-width: 0; }.public-page .public-link-title { display: -webkit-box; min-width: 0; max-height: 48px; overflow: hidden !important; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal !important; text-overflow: clip !important; font: inherit; font-weight: 500; line-height: inherit; text-align: inherit; }
.public-page .public-link-card.preview .public-link { min-height: 80px; justify-content: start; padding-inline-start: 12px; padding-inline-end: 56px; text-align: start; }.public-page .public-link-card.preview .public-link-copy { overflow: hidden; flex: 1 1 0; }.public-page .public-link-thumbnail { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 6px; object-fit: cover; background: var(--profile-avatar-fallback); }.public-page .public-link-card.is-media-fallback .public-link-thumbnail { display: none; }.public-page .public-link-preview-meta { display: grid; min-width: 0; color: var(--profile-muted); font: 400 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; }.public-page .public-link-domain, .public-page .public-link-description { overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: nowrap; }.public-page .public-link-featured .public-link { border: 1px solid var(--profile-featured-border); background: var(--profile-paper); }.public-page .public-featured-section { width: var(--profile-card-width); max-width: calc(100% - (2 * var(--profile-gutter))); margin: 24px auto 0; }.public-page .public-featured-section + .public-social-links { margin-top: 8px; }
.public-page .public-link-action { display: none; }
.public-page .public-link-thumbnail-fallback { display: none; }
.public-page .public-link-share { position: absolute; right: 8px; top: 10px; display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 4px; padding: 0; color: var(--profile-muted); background: transparent; opacity: .72; }
.public-page .public-link-share:hover { color: var(--profile-ink); background: transparent; opacity: 1; }
.public-page .public-link-share svg, .public-page .public-link-share img { width: 16px; height: 16px; }
.public-page .public-folder-title { margin: 30px 0 12px; border: 0; padding: 0; color: var(--profile-ink); font: 600 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; text-transform: none; }.public-page .public-folder-disclosure summary { min-height: 44px; cursor: pointer; font: 600 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; }.public-page .public-section-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 16px; text-align: center; }.public-page .public-section-nav a { min-height: 44px; display: inline-flex; align-items: center; color: var(--profile-text); font: 500 14px/20px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 3px; }.public-page .public-section-nav + .public-link-section .public-links > .public-content-header:first-child { margin-top: 0; }
.public-page .public-content-divider { width: 100%; margin: 10px 0; border: 0; border-top: 1px solid rgb(0 0 0 / .4); }
.public-page .public-content-header { margin: 24px 0 8px; color: var(--profile-ink); font: 600 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; overflow-wrap: anywhere; }
/* Large heading stands above group titles; Small heading matches them. */
.public-page h2.public-content-header { font-size: 22px; line-height: 28px; }
.public-page h3.public-content-header { font-size: 16px; }
.public-page .public-content-text { margin: 0 0 14px; color: var(--profile-ink); font: 500 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; white-space: pre-wrap; }
.public-page .public-align-left { text-align: left; }.public-page .public-align-center { margin-inline: auto; text-align: center; }.public-page .public-align-right { margin-left: auto; text-align: right; }
.public-page .public-link.public-align-left { justify-content: flex-start; }.public-page .public-link.public-align-right { justify-content: flex-end; }
.public-page .public-link-card.public-align-left .public-link { justify-content: flex-start; text-align: left; }
.public-page .public-link-card.public-align-center .public-link { justify-content: center; text-align: center; }
.public-page .public-link-card.public-align-right .public-link { justify-content: flex-end; text-align: right; }
.public-page .public-empty { padding: 24px 0; border: 0; color: var(--profile-ink); text-align: center; }
.public-page .public-empty-illustration, .public-page .public-404-illustration { display: none; }
.public-page .public-empty-title { margin-bottom: 8px; font: 600 24px/28.8px Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page .public-empty-text, .public-page .public-404-text { max-width: 31rem; margin: 0 auto 24px; font: 500 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
.public-page .public-empty-cta, .public-page .public-footer-cta { box-sizing: border-box; display: inline-flex; width: 248.5px; height: 48px; min-height: 48px; align-items: center; justify-content: center; border: 0; border-radius: 64px; padding: 8px 16px; color: var(--profile-accent-ink); background: var(--profile-accent); box-shadow: 0 4px 8px rgb(0 0 0 / .2); font: 600 14px/20px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; transition: background-color 120ms ease-out, transform 120ms ease-out; }
.public-page .public-empty-cta:hover, .public-page .public-footer-cta:hover { color: #fff; background: #292929; }.public-page .public-empty-cta:active, .public-page .public-footer-cta:active { transform: scale(.98); }
.public-page .public-page-home, .public-page .public-page-share { position: absolute; top: 68px; display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 0; padding: 0; color: var(--profile-ink); background: transparent; box-shadow: none; opacity: .72; font: 700 16px/24px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; }.public-page .public-page-home { left: max(26px, calc(50% - 264px)); }.public-page .public-page-share { right: max(26px, calc(50% - 264px)); }.public-page .public-page-home:hover, .public-page .public-page-share:hover { color: var(--profile-ink); background: transparent; opacity: 1; }.public-page .public-page-share svg { width: 16px; height: 16px; }
.public-page .public-branding { margin: 80px auto 0; padding: 0 var(--profile-gutter); text-align: center; }.public-page .public-branding nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-top: 32px; }.public-page .public-branding nav a, .public-page .public-branding nav button { min-height: 18px; border: 0; padding: 0; color: var(--profile-ink); background: transparent; font: 400 11px/18px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 2px; }
.public-page .public-branding-lockup { display: inline-flex; min-height: 24px; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 0; padding: 0; color: var(--profile-ink); background: transparent; font: 400 11px/18px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; }.public-page .public-branding-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--profile-ink); }
.public-share-dialog { position: fixed; z-index: 20; inset: 0; display: grid; place-items: center; padding: 20px; background: rgb(0 0 0 / .6); }.public-dialog-panel { width: min(100%, 520px); max-height: min(614px, calc(100dvh - 40px)); overflow: auto; border-radius: 24px; padding: 32px 24px 40px; color: #000; background: #fff; }.public-dialog-panel h2 { margin: 0 48px 20px 0; font: 600 24px/28.8px Inter, ui-sans-serif, system-ui, sans-serif; }.public-dialog-close { position: absolute; width: 44px; height: 44px; border: 0; border-radius: 8px; color: #000; background: transparent; font-size: 28px; line-height: 1; }.public-dialog-panel { position: relative; }.public-dialog-close { top: 16px; right: 16px; }.public-share-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.public-share-actions > *, .public-dialog-action { display: flex; min-height: 44px; align-items: center; justify-content: center; border: 0; border-radius: 8px; padding: 8px; color: #000; background: #f0f0f0; font: 500 14px/20px Inter, ui-sans-serif, system-ui, sans-serif; text-align: center; text-decoration: none; }.public-share-actions > *:hover { background: #e0e0e0; }.public-share-preview { overflow-wrap: anywhere; }.public-share-preview small { color: #555; }.public-dialog-qr { display: block; width: 120px; height: 120px; margin: 20px auto; }.public-dialog-status { min-height: 20px; }.public-dialog-qoralo { display: block; margin-top: 24px; color: #000; font: 500 14px/20px Inter, ui-sans-serif, system-ui, sans-serif; text-align: center; }
.public-page .public-footer { width: min(100%, var(--profile-frame)); margin: 16px auto 0; padding: 24px var(--profile-gutter) 0; color: var(--profile-ink); text-align: center; }.public-page .public-footer-cta { display: flex; margin: 56px auto 0; }.public-page .public-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 12px; margin-top: 24px; }.public-page .public-footer nav a, .public-page .public-footer nav button { display: inline-flex; min-height: 44px; align-items: center; border: 0; padding: 0; color: var(--profile-ink); background: transparent; font: 400 12px/18px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 2px; }.public-page .public-footer a:hover { color: var(--profile-link-hover); }
.public-page .public-qr { position: fixed; right: 32px; bottom: 32px; display: none; width: 96px; height: 96px; padding: 0; color: var(--profile-ink); background: transparent; box-shadow: none; text-align: center; }.public-page .public-qr img, .public-page .public-qr svg { display: block; width: 96px; height: 96px; }.public-page .public-qr > span, .public-page .public-qr-label { position: absolute; right: 0; bottom: 96px; display: block; width: 96px; margin: 0; color: var(--profile-muted); font: 400 11px/16px Inter, ui-sans-serif, system-ui, sans-serif; }
.public-page.public-not-found { display: grid; place-items: center; padding: 28px; background: var(--profile-canvas) !important; }.public-page .public-404 { width: min(100%, 524px); padding: 0; border: 0; color: var(--profile-ink); text-align: center; }.public-page .public-404-title { margin: 0 0 12px; font: 600 24px/28.8px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; }
.public-page :focus-visible { outline: 3px solid var(--profile-focus); outline-offset: 3px; }
@media (min-width: 936px) { .public-page .public-qr { display: block; } }

/* Optional look presentations shared by the public page renderer. */
.public-page .public-cover-photo { object-fit: cover; }
.public-page .public-masthead-kicker,
.public-page .public-content-header-kicker,
.public-page .public-link-kicker,
.public-page .public-content-product-kicker { margin: 0 0 8px; color: var(--profile-muted); font: 500 12px/1.4 ui-monospace, monospace; letter-spacing: .02em; overflow-wrap: anywhere; }
.public-page .public-content-header-kicker { margin: 22px 0 0; }
.public-page .public-masthead-kicker { margin: 0 0 10px; }
.public-page .public-link-subtitle { display: block; margin-top: 4px; color: var(--profile-muted); font-size: .88em; font-weight: 400; line-height: 1.45; overflow-wrap: anywhere; }
.public-page[class] article.public-content-product.public-content-product-featured { width: 100%; margin: 0; gap: 0; overflow: hidden; padding: 0; }
.public-page .public-content-product-featured-media { position: relative; display: grid; min-height: 210px; align-items: end; overflow: hidden; background: var(--profile-accent-soft); }
.public-page .public-content-product-featured-media .public-content-product-media { position: absolute; inset: 0; }
.public-page[class] .public-content-product-featured-media .public-content-product-media img { width: 100%; height: 100%; max-height: none; border-radius: 0; object-fit: cover; }
.public-page .public-content-product-featured-heading { position: relative; z-index: 1; width: 100%; padding: 68px 20px 18px; background: linear-gradient(180deg, transparent, rgb(0 0 0 / .62)); color: #fff; }
.public-page .public-content-product-featured-heading .public-content-product-kicker { color: rgb(255 255 255 / .82); }
.public-page .public-content-product-featured-heading h3 { margin: 0; color: #fff; font: inherit; font-size: clamp(24px, 6vw, 36px); font-weight: 650; line-height: 1.06; overflow-wrap: anywhere; }
.public-page .public-content-product-featured-copy { display: grid; gap: 8px; padding: 16px 18px 18px; }
.public-page .public-content-product-featured-copy p { margin: 0 0 8px; }
.public-page .public-content-product-cta { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; }
.public-page .public-content-product-cta > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.public-page[class] .public-content-product-featured .public-content-product-cta .public-content-product-price { flex: 0 0 auto; margin-inline-start: auto; color: inherit; font-size: 1em; font-weight: 700; white-space: nowrap; }
.public-page .public-content-product-cta-arrow { flex: 0 0 auto; }
.public-page .public-link-card-callout { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 22px; border: 1px solid var(--profile-border); border-radius: 16px; color: var(--profile-ink); background: var(--profile-paper); }
.public-page .public-link-callout-copy { min-width: 0; }
.public-page .public-link-card-callout .public-link-title { display: block; max-height: none; overflow: visible !important; -webkit-line-clamp: unset; margin: 0; color: inherit; font: inherit; font-size: clamp(21px, 5vw, 30px); font-weight: 600; line-height: 1.12; overflow-wrap: anywhere; }
.public-page .public-link-card-callout .public-link-subtitle { margin-top: 8px; }
.public-page .public-link-callout-cta { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--profile-control-border); border-radius: 999px; color: inherit; font-weight: 600; text-align: center; }
.public-page .public-link-callout-cta:hover { color: inherit; }
.public-page .public-link-card-tile { position: relative; display: grid; min-width: 0; min-height: 260px; overflow: hidden; border: 1px solid var(--profile-border); border-radius: 18px; background: var(--profile-accent-soft); }
.public-page .public-link-tile { position: relative; display: grid; min-width: 0; min-height: 260px; align-items: end; padding: 0; border: 0; border-radius: inherit; color: var(--profile-ink); background: transparent; text-align: left; }
.public-page .public-link-tile:hover { color: var(--profile-ink); }
.public-page[class] .public-link-card.public-link-card-tile a.public-link.public-link-tile { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; min-height: 260px; justify-content: stretch; gap: 0; padding: 0; border: 0; border-radius: inherit; color: var(--profile-ink); background: transparent; box-shadow: none; text-align: left; }
.public-page[class] .public-link-card.public-link-card-tile .public-link-tile:hover { color: var(--profile-ink); background: transparent; }
.public-page[class] .public-link-card.public-link-card-tile .public-link-tile::before,
.public-page[class] .public-link-card.public-link-card-tile .public-link-tile::after { display: none; content: none; }
.public-page .public-link-tile-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.public-page .public-link-tile-copy { position: relative; z-index: 1; display: grid; gap: 4px; min-width: 0; padding: 54px 18px 18px; color: #fff; background: linear-gradient(180deg, transparent, rgb(0 0 0 / .72)); }
.public-page .public-link-tile-copy .public-link-kicker { color: rgb(255 255 255 / .8); }
.public-page .public-link-tile-copy .public-link-title { display: block; max-height: none; overflow: visible !important; -webkit-line-clamp: unset; font-size: clamp(21px, 5vw, 30px); font-weight: 650; line-height: 1.08; overflow-wrap: anywhere; }
.public-page .public-link-tile-copy .public-link-subtitle { color: rgb(255 255 255 / .88); }
.public-page .public-link-tile-action { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; font-size: 13px; font-weight: 600; }
.public-page .public-link-card-tile .public-link-share { top: 12px; right: 12px; z-index: 2; transform: none; color: var(--profile-paper); background: transparent; box-shadow: none; }
.public-page .public-links.public-bento-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.public-page .public-bento-grid .public-link-card-tile { min-height: 240px; }
.public-page .public-bento-grid .public-link-tile { min-height: 240px; }
.public-page .public-bento-grid-afterglow .public-link-card-tile:nth-child(2) { min-height: 300px; }
.public-page[class] .public-link-card.public-link-card-text-tile { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; min-height: 0; padding: 8px; background: var(--profile-paper); }
.public-page[class] .public-link-card.public-link-card-text-tile a.public-link.public-link-tile { min-height: 96px; }
.public-page .public-link-card-text-tile .public-link-tile-copy { width: 100%; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 16px; padding: 12px; color: var(--profile-ink); background: none; }
.public-page .public-link-card-text-tile :is(.public-link-kicker,.public-link-title,.public-link-subtitle) { grid-column: 1; }
.public-page .public-link-card-text-tile .public-link-kicker { color: var(--profile-muted); }
.public-page .public-link-card-text-tile .public-link-subtitle { color: var(--profile-muted); }
.public-page .public-link-card-text-tile .public-link-tile-action { grid-column: 2; grid-row: 1 / span 3; margin: 0; color: var(--profile-ink); }
.public-page .public-link-card-text-tile .public-link-share { position: static; transform: none; color: var(--profile-muted); background: transparent; }
.public-page .public-bento-grid .public-link-card-text-tile { grid-column: 1 / -1; grid-row: auto; }
.public-page .public-links.public-bento-grid:has(.public-link-card-text-tile) { grid-template-columns: minmax(0, 1fr); }
.public-page .public-links.public-polaroid-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 14px; }
.public-page .public-polaroid-pair .public-content-media { width: 100%; max-width: 100%; margin: 0; }
@media (max-width: 440px) {
  .public-page .public-link-card-callout { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 18px; }
  .public-page .public-link-callout-cta { justify-self: start; }
  .public-page .public-links.public-bento-grid { gap: 8px; }
  .public-page .public-bento-grid .public-link-card-tile,
  .public-page .public-bento-grid .public-link-tile { min-height: 210px; }
  .public-page .public-link-tile-copy { padding-inline: 12px; }
}
@media (min-width: 576px) { .public-page.public-header-compact .public-publication { margin-top: 24px; }.public-page.public-header-compact .public-header { padding-bottom: 12px; }.public-page.public-header-hero .public-header { padding-bottom: 24px; }.public-page.public-header-hero:has(.public-featured-section) .public-header { padding-bottom: 0; } }
@media (min-width: 936px) { .public-page.public-desktop-editorial .public-shell { display: grid; width: min(calc(100% - 64px), 1024px); grid-template-columns: minmax(220px, 300px) minmax(0, 524px); align-items: start; column-gap: clamp(48px, 8vw, 120px); }.public-page.public-desktop-editorial .public-header { position: sticky; top: 112px; grid-column: 1; grid-row: 1 / span 4; width: auto; padding: 0; text-align: left; }.public-page.public-desktop-editorial .public-avatar { margin-inline: 0; }.public-page.public-desktop-editorial .public-name-row { justify-items: start; }.public-page.public-desktop-editorial .public-bio { margin-inline: 0; text-align: left; }.public-page.public-desktop-editorial .public-featured-section, .public-page.public-desktop-editorial .public-social-links, .public-page.public-desktop-editorial .public-follower-slot, .public-page.public-desktop-editorial .public-publication { grid-column: 2; width: 524px; max-width: 100%; margin-left: 0; margin-right: 0; }.public-page.public-desktop-editorial .public-footer { grid-column: 1 / -1; width: 100%; }.public-page.public-desktop-editorial .public-page-home { left: max(26px, calc(50% - 512px)); }.public-page.public-desktop-editorial .public-page-share { right: max(26px, calc(50% - 512px)); } }
@media (max-width: 575px) { .public-page { --profile-gutter: 14px; padding-top: 104px; }.public-page .public-shell { width: 100%; }.public-page .public-bio { max-width: 306px; }.public-page .public-publication { width: calc(100vw - 28px); max-width: none; }.public-page .public-footer { width: 100%; }.public-page .public-page-home, .public-page .public-page-share { top: 12px; }.public-page .public-page-home { left: 12px; }.public-page .public-page-share { right: 12px; }.public-page .public-qr { display: none; }.public-page.public-header-compact { padding-top: 88px; }.public-page.public-header-compact .public-avatar { width: 72px; height: 72px; margin-bottom: 9px; font-size: 27px; }.public-page.public-header-compact .public-name { font-size: 20px; line-height: 24px; }.public-page.public-header-compact .public-bio { margin-top: 4px; font-size: 14px; line-height: 20px; }.public-page.public-header-hero { padding-top: 120px; }.public-page.public-header-hero .public-header { padding-bottom: 20px; }.public-page.public-header-hero .public-avatar { width: 112px; height: 112px; margin-bottom: 16px; font-size: 42px; }.public-page.public-header-hero .public-name { font-size: 28px; line-height: 33.6px; }.public-page.public-header-hero .public-bio { margin-top: 10px; }.public-page.public-header-hero:has(.public-featured-section) .public-header { padding-bottom: 0; }.public-page.public-header-hero:has(.public-featured-section) .public-avatar { width: 96px; height: 96px; margin-bottom: 13px; font-size: 36px; }.public-page.public-header-hero:has(.public-featured-section) .public-name { font-size: 24px; line-height: 28.8px; } }

.public-link-search { display: grid; gap: 8px; width: min(calc(100% - 32px), 524px); margin: 24px auto 0; }
.public-link-search > label { font-size: 13px; font-weight: 700; color: var(--profile-ink); }
.public-link-search > div { position: relative; }
.public-link-search svg { position: absolute; inset: 50% auto auto 15px; width: 18px; height: 18px; transform: translateY(-50%); color: var(--profile-muted); pointer-events: none; }
.public-link-search input { width: 100%; min-height: 48px; padding: 11px 14px 11px 44px; border: 1px solid color-mix(in srgb, var(--profile-ink) 18%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--profile-canvas) 88%, white); color: var(--profile-ink); font: inherit; }
.public-link-search input:focus-visible { outline: 3px solid color-mix(in srgb, var(--profile-accent) 38%, transparent); outline-offset: 2px; }
.public-link-search p { min-height: 18px; margin: 0; color: var(--profile-muted); font-size: 12px; }
.public-link-card[hidden], .public-link-section[hidden] { display: none !important; }
@media (min-width: 936px) { .public-page.public-desktop-editorial .public-link-search { grid-column: 2; width: 524px; max-width: 100%; margin-inline: 0; } }
@media (max-width: 575px) { .public-share-dialog { align-items: end; padding: 0; }.public-dialog-panel { width: 100%; max-height: min(80dvh, calc(100dvh - env(safe-area-inset-top) - 16px)); border-radius: 24px 24px 0 0; padding: 28px 20px calc(24px + env(safe-area-inset-bottom)); }.public-page .public-social-chips .public-social-primary { max-width: calc(100vw - 28px); }.public-page .public-social-more-wide { display: none; }.public-page .public-social-more[open] .public-social-expanded { display: grid; grid-template-columns: repeat(5, 48px); justify-content: center; }.public-page .public-social-more[open] .public-social-expanded .public-social-link:last-child:nth-child(5n + 1) { grid-column: 3; }.public-page .public-social-chips .public-social-more[open] .public-social-expanded { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 292px); }.public-page .public-social-chips .public-social-more[open] .public-social-expanded .public-social-link { justify-content: center; min-width: 0; }.public-page .public-social-chips .public-social-more[open] .public-social-expanded .public-social-link:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (max-width: 359px) { .public-page .public-social-primary { max-width: calc(100vw - 28px); }.public-page .public-social-chips .public-social-link { max-width: 100%; }.public-page .public-link-thumbnail { width: 48px; height: 48px; flex-basis: 48px; } }
@media (forced-colors: active) { .public-page .public-link, .public-page .public-empty-cta, .public-page .public-footer-cta, .public-page .public-qr { border: 1px solid CanvasText; color: CanvasText; background: Canvas; forced-color-adjust: auto; } }
@media (prefers-reduced-motion: reduce) { .public-page .public-link, .public-page .public-empty-cta, .public-page .public-footer-cta { transition: none; } }

.public-audience-capture { width: min(calc(100% - 28px), 560px); margin: 28px auto 0; padding: 22px; color: var(--profile-text); background: var(--profile-paper); border: 1px solid var(--profile-border); border-radius: 20px; box-shadow: 0 10px 28px rgb(0 0 0 / .08); }
.public-audience-capture h2, .public-audience-capture p { margin: 0; }.public-audience-capture > p { margin-top: 8px; color: var(--profile-muted); }
.public-audience-capture form { display: grid; gap: 14px; margin-top: 18px; }.public-audience-capture label { display: grid; gap: 6px; font-weight: 600; text-align: start; }.public-audience-capture label > span, .public-audience-capture > form > a { color: var(--profile-muted); font-size: .85rem; font-weight: 400; }
.public-audience-capture input:not([type="checkbox"]) { min-height: 48px; padding: 10px 12px; color: inherit; background: var(--profile-paper); border: 1px solid var(--profile-control-border); border-radius: 12px; font: inherit; }.public-audience-capture input:focus-visible, .public-audience-capture button:focus-visible { outline: 3px solid var(--profile-accent); outline-offset: 2px; }
.public-audience-capture .public-audience-consent { grid-template-columns: 22px minmax(0,1fr); align-items: start; font-weight: 400; }.public-audience-capture .public-audience-consent input { width: 20px; height: 20px; margin: 1px 0 0; }
.public-audience-capture button { min-height: 48px; padding: 10px 18px; color: var(--profile-accent-ink); background: var(--profile-accent); border: 0; border-radius: 999px; font: inherit; font-weight: 700; cursor: pointer; }.public-audience-capture button:disabled { cursor: wait; opacity: .65; }
.public-audience-capture .public-audience-remove { justify-self: start; color: var(--profile-text); background: transparent; border: 1px solid var(--profile-control-border); }
.public-audience-capture [data-public-audience-status] { min-height: 1.4em; color: var(--profile-muted); }.public-audience-honeypot { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

.public-content-gallery ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }.public-content-gallery li { min-width: 0; }.public-content-gallery figure { min-width: 0; margin: 0; }.public-content-gallery img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 14px; }.public-content-gallery .public-gallery-crop-top { object-position: center top; }.public-content-gallery .public-gallery-crop-bottom { object-position: center bottom; }.public-content-gallery figcaption { margin-top: 7px; color: var(--profile-muted); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }.public-gallery-carousel ul { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }.public-gallery-carousel li { flex: 0 0 min(82%,360px); scroll-snap-align: start; }
.public-content-contact { display: grid; gap: 8px; padding: 20px; color: var(--profile-text); background: color-mix(in srgb,var(--profile-paper) 92%,transparent); border: 1px solid var(--profile-border); border-radius: 18px; }.public-content-contact>strong { font-size: 1.15rem; }.public-contact-details { display: grid; color: var(--profile-muted); }.public-contact-hours { display: grid; gap: 4px; margin: 0; color: var(--profile-muted); }.public-contact-hours>div { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(0, 1.5fr); gap: 12px; }.public-contact-hours dt { font-weight: 600; }.public-contact-hours dd { margin: 0; overflow-wrap: anywhere; }.public-contact-hours-note { margin: 0; color: var(--profile-muted); overflow-wrap: anywhere; }.public-contact-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }.public-contact-actions a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 14px; color: var(--profile-accent-ink); background: var(--profile-accent); border-radius: 999px; font-weight: 700; text-decoration: none; }.public-contact-actions a:focus-visible,.public-content-gallery:focus-within { outline: 3px solid var(--profile-accent); outline-offset: 2px; }
.public-page .public-link-number { display: inline-flex; flex: 0 0 2ch; min-width: 2ch; align-items: center; justify-content: center; color: var(--profile-muted); font: 600 13px/1.2 ui-monospace, monospace; font-variant-numeric: tabular-nums; }
.public-page .public-link-tile-copy .public-link-number { margin-bottom: 10px; }
.public-page .public-link-callout-copy .public-link-number { margin-inline-end: 8px; }
.public-page .public-content-testimonial-attribution { margin-top: 12px; color: var(--profile-muted); font-size: 13px; line-height: 1.45; }

/* Public/private rendering detail pass. These rules preserve the selected
   look while giving each control the colours of the surface beneath it. */
.public-page button { -webkit-appearance: none; appearance: none; font-family: var(--profile-font); }
/* Social icons keep their brand colours; black marks turn light on dark looks so they stay visible. */
.public-page img.public-social-icon { filter: none; }
.public-page:is(.public-template-minimal, .public-template-noir, .public-template-afterglow, .public-template-field-notes, .public-template-green-door) img.public-social-icon.is-dark-mark { filter: invert(1); }
.public-page svg.public-social-icon { color: var(--profile-ink); filter: none; }
.public-page .public-link-share { top: 50%; transform: translateY(-50%); }
.public-page .public-link-share svg, .public-page .public-page-share svg { display: block; }
.public-page .public-link-featured .public-link { color: var(--profile-ink); }
.public-page.public-button-solid:not([class*='public-template-']) .public-link-card:not(.public-link-featured) .public-link-share { color: var(--profile-muted); }
.public-page.public-button-solid:not([class*='public-template-']) .public-link-card:not(.public-link-featured):has(.public-link:hover) .public-link-share { color: var(--profile-ink); }
.public-page .public-link-card.preview .public-link-preview-meta { color: inherit; opacity: .86; }
.public-page .public-link-search input::placeholder { color: var(--profile-muted); opacity: 1; }
.public-page .public-content-media { margin: 0; width: 100%; min-width: 0; }
.public-page .public-content-media img { display: block; width: 100%; height: auto; border-radius: 12px; }
.public-page .public-content-media figcaption { margin-top: 8px; color: var(--profile-muted); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.public-page :is(.public-content-announcement,.public-content-resource,.public-content-product,.public-content-testimonial,.public-content-proof,.public-content-poll,.public-content-events,.public-content-price-list) { box-sizing: border-box; min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--profile-border); border-radius: 12px; background: var(--profile-paper); color: var(--profile-ink); overflow-wrap: anywhere; }
.public-page .public-content-resource { display: grid; gap: 6px; }
.public-page .public-content-resource span { color: var(--profile-muted); font-size: 13px; line-height: 1.5; }
.public-page .public-content-proof { display: grid; gap: 8px; }
.public-page .public-content-proof dd { margin: 0; font-size: 28px; font-weight: 700; }
.public-page .public-content-product { display: grid; gap: 10px; }
.public-page .public-content-product-media { min-width: 0; margin: 0; }
.public-page .public-content-product-media img { display: block; width: 100%; max-height: 480px; object-fit: contain; border-radius: 8px; }
.public-page .public-content-product-heading { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; }
.public-page .public-content-product-heading h3 { min-width: 0; margin: 0; color: var(--profile-ink); font: inherit; font-weight: 700; overflow-wrap: anywhere; }
.public-page .public-content-product-price { flex: 0 1 auto; color: var(--profile-muted); font-size: 14px; font-weight: 600; }
.public-page .public-content-product p { margin: 8px 0; color: var(--profile-muted); }
.public-page :is(.public-content-product a,.public-content-youtube) { display: inline-flex; min-height: 44px; align-items: center; padding: 10px 14px; border: 1px solid var(--profile-control-border); border-radius: 10px; color: var(--profile-ink); line-height: 1.4; }
.public-page .public-content-events,
.public-page .public-content-price-list { display: grid; min-width: 0; gap: 14px; }
.public-page .public-content-event-list,
.public-page .public-content-price-list ul { display: grid; min-width: 0; gap: 0; margin: 0; padding: 0; list-style: none; }
.public-page .public-content-event-list > li,
.public-page .public-content-price-list li { min-width: 0; }
.public-page .public-content-event { display: grid; min-width: 0; gap: 7px; padding: 12px 0; border-bottom: 1px solid var(--profile-border); }
.public-page .public-content-event-list > li:first-child .public-content-event { padding-top: 0; }
.public-page .public-content-event-list > li:last-child .public-content-event { padding-bottom: 0; border-bottom: 0; }
.public-page .public-content-event-heading { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.public-page .public-content-event-heading h3,
.public-page .public-content-event-day > h3,
.public-page .public-content-price-copy h3 { min-width: 0; margin: 0; color: var(--profile-ink); font: inherit; font-weight: 700; overflow-wrap: anywhere; }
.public-page .public-content-event-date,
.public-page .public-content-event-time { color: var(--profile-muted); font-size: 14px; font-variant-numeric: tabular-nums; }
.public-page .public-content-event p { min-width: 0; margin: 0; color: var(--profile-muted); overflow-wrap: anywhere; }
.public-page .public-content-event-time { display: flex; flex-wrap: wrap; gap: 4px; }
.public-page .public-content-event-ticket { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; padding: 8px 14px; border: 1px solid var(--profile-control-border); border-radius: 10px; color: var(--profile-ink); font-weight: 650; text-decoration: none; }
.public-page .public-content-event-sold-out { display: inline-flex; width: fit-content; min-height: 32px; align-items: center; padding: 4px 10px; border: 1px solid var(--profile-border); border-radius: 999px; color: var(--profile-muted); font-size: 13px; font-weight: 650; }
.public-page .public-content-event-day { display: grid; min-width: 0; gap: 5px; }
.public-page .public-content-event-day > h3 { font-size: 15px; letter-spacing: normal; text-transform: none; }
.public-page .public-content-price-list li { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 8px 16px; padding: 11px 0; border-bottom: 1px solid var(--profile-border); }
.public-page .public-content-price-list li:first-child { padding-top: 0; }
.public-page .public-content-price-list li:last-child { border-bottom: 0; }
.public-page .public-content-price-copy { min-width: 0; }
.public-page .public-content-price-copy p,
.public-page .public-content-price-note { min-width: 0; margin: 4px 0 0; color: var(--profile-muted); overflow-wrap: anywhere; }
.public-page .public-content-price-value { min-width: 0; color: var(--profile-ink); font-weight: 700; overflow-wrap: anywhere; text-align: end; }
.public-page .public-content-price-cta { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; padding: 8px 14px; border: 1px solid var(--profile-control-border); border-radius: 10px; color: var(--profile-ink); font-weight: 650; text-decoration: none; }
.public-page .public-content-product-choices { display: grid; min-width: 0; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.public-page .public-content-product-choices li { min-width: 0; }
.public-page .public-content-product-choices a { display: flex; width: 100%; min-width: 0; min-height: 48px; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding: 10px 12px; border: 1px solid var(--profile-control-border); border-radius: 10px; color: var(--profile-ink); text-decoration: none; }
.public-page .public-content-product-choices a > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.public-page .public-content-product-choice-price { margin-inline-start: auto; font-weight: 650; white-space: nowrap; }
.public-page .public-content-product-choice-default { flex: 0 0 auto; border-radius: 999px; padding: 2px 7px; color: var(--profile-accent-ink); background: var(--profile-accent-soft); font-size: 11px; font-weight: 700; }
.public-page .public-content-product-choices a.is-default { border-color: var(--profile-accent); }
.public-page :is(.public-content-event-ticket,.public-content-price-cta,.public-content-product-choices a):focus-visible { outline: 3px solid var(--profile-accent); outline-offset: 2px; }
.public-page .public-content-poll fieldset { display: grid; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.public-page .public-content-poll legend { float: left; width: 100%; margin-bottom: 10px; padding: 0; font-weight: 600; color: var(--profile-ink); }
.public-page .public-content-poll button { min-height: 44px; padding: 10px 12px; border: 1px solid var(--profile-control-border); border-radius: 8px; color: var(--profile-ink); background: var(--profile-canvas); font: inherit; cursor: pointer; }
.public-page .public-content-poll p:empty { display: none; }
.public-page .public-content-divider { border-top-color: var(--profile-control-border); }
.public-page .public-audience-capture { min-width: 0; }
.public-page .public-audience-capture h2 { color: var(--profile-ink); font-size: 22px; line-height: 1.3; }
.public-page .public-audience-capture :is(label,input) { min-width: 0; }
.public-page .public-audience-capture input:not([type='checkbox']) { width: 100%; }
.public-page .public-audience-consent { min-height: 44px; }
.public-page .public-dialog-close { display: grid; place-items: center; padding: 0; }
.public-page .public-dialog-panel { color-scheme: light; }
@media (min-width: 936px) {
  .public-page:is(.public-template-editorial,.public-desktop-editorial) :is(.public-link-search,.public-audience-capture) { grid-column: 2; width: 524px; max-width: 100%; margin-inline: 0; }
  .public-page:is(.public-template-editorial,.public-desktop-editorial) .public-page-home { inset-inline-start: max(26px, calc(50% - 512px)); }
  .public-page:is(.public-template-editorial,.public-desktop-editorial) .public-page-share { inset-inline-end: max(26px, calc(50% - 512px)); }
}
@media (min-width: 936px) and (max-width: 1279px) { .public-page:is(.public-template-editorial,.public-desktop-editorial) .public-qr { display: none; } }
@media (max-width: 575px) { .public-page .public-link-search input, .public-page .public-audience-capture input:not([type='checkbox']) { font-size: 16px; } }

/* User-generated strings retain their own writing direction; controls use
   logical edges so the same public composition works in RTL without a fork. */
.public-page :is(.public-name, .public-bio, .public-link-title, .public-link-description, .public-folder-title, .public-content-header, .public-content-text, .public-social-label, .public-follower-breakdown span) { unicode-bidi: plaintext; }
.public-page .public-align-left { margin-inline-start: 0; text-align: start; }.public-page .public-align-right { margin-inline-start: auto; margin-inline-end: 0; text-align: end; }
.public-page .public-link-share { right: auto; inset-inline-end: 8px; }.public-page .public-page-home { left: auto; inset-inline-start: max(26px, calc(50% - 264px)); }.public-page .public-page-share { right: auto; inset-inline-end: max(26px, calc(50% - 264px)); }.public-dialog-close { right: auto; inset-inline-end: 16px; }.public-dialog-panel h2 { margin-inline-end: 48px; }.public-page .public-qr { right: auto; inset-inline-end: 32px; }.public-page .public-qr > span, .public-page .public-qr-label { right: auto; inset-inline-end: 0; }
.public-page .public-social-chips .public-social-link { max-inline-size: min(100%, 12rem); }.public-page .public-social-label { min-inline-size: 0; max-inline-size: 12ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 575px) { .public-page .public-page-home { left: auto; inset-inline-start: 12px; }.public-page .public-page-share { right: auto; inset-inline-end: 12px; }.public-page .public-social-chips .public-social-primary .public-social-link, .public-page .public-social-chips .public-social-expanded .public-social-link { max-inline-size: calc((100vw - 42px) / 2); }.public-dialog-close { right: auto; inset-inline-end: 14px; } }
@media (min-width: 936px) { .public-page.public-desktop-editorial .public-header { text-align: start; }.public-page.public-desktop-editorial .public-bio { text-align: start; }.public-page.public-desktop-editorial .public-featured-section, .public-page.public-desktop-editorial .public-social-links, .public-page.public-desktop-editorial .public-follower-slot, .public-page.public-desktop-editorial .public-publication { margin-inline: 0; }.public-page.public-desktop-editorial .public-page-home { left: auto; inset-inline-start: max(26px, calc(50% - 512px)); }.public-page.public-desktop-editorial .public-page-share { right: auto; inset-inline-end: max(26px, calc(50% - 512px)); } }

.public-sensitive-gate>summary{display:grid;gap:8px;width:calc(100% - 32px);max-width:420px;box-sizing:border-box;margin:14vh auto 22px;padding:28px;border:1px solid var(--profile-border,#ddd);border-radius:18px;background:var(--profile-paper,#fff);color:var(--profile-ink,#111);line-height:1.5;text-align:center;list-style:none;cursor:pointer}
.public-sensitive-gate>summary::-webkit-details-marker{display:none}
.public-sensitive-gate>summary strong{font-size:22px;line-height:1.2}
.public-sensitive-gate>summary>span{color:var(--profile-muted,#555)}
.public-sensitive-gate>summary .public-sensitive-continue{justify-self:center;margin-top:8px;padding:10px 22px;border-radius:999px;background:var(--profile-accent,#ff6758);color:var(--profile-accent-ink,#111);font-weight:750}
.public-sensitive-gate[open]>summary{display:none}
.public-sensitive-gate>summary:focus-visible{outline:3px solid var(--profile-accent,#ff6758);outline-offset:3px}
.public-password-gate{width:calc(100% - 32px);max-width:480px;box-sizing:border-box;margin:12vh auto;padding:28px;border:1px solid var(--profile-border,#ddd);border-radius:18px;background:var(--profile-paper,#fff);color:var(--profile-ink,#111);box-shadow:0 12px 36px rgb(0 0 0 / .08)}
.public-password-gate h1{margin:0 0 8px;font-size:clamp(25px,5vw,34px);line-height:1.1}
.public-password-gate p{color:var(--profile-muted,#555);line-height:1.5}
.public-password-gate form{display:grid;gap:10px;margin-top:20px}
.public-password-gate label{font-size:14px;font-weight:700}
.public-password-gate input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--profile-border,#bbb);border-radius:9px;font:inherit}
.public-password-gate button{min-height:44px;padding:10px 15px;border:0;border-radius:9px;background:var(--profile-accent,#ff6758);color:var(--profile-accent-ink,#111);font:inherit;font-weight:750;cursor:pointer}
.public-page .public-avatar-wordmark { display: block; width: min(100%, 240px); height: 88px; margin: 0 auto 13px; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; object-fit: contain; }
.public-page.public-identity-display-name .public-avatar { display: none; }
.public-page.public-identity-display-name .public-name { max-width: min(100%, 14ch); font-size: clamp(40px, 10vw, 76px); font-weight: 700; line-height: .98; letter-spacing: -.05em; text-wrap: balance; }
.public-page.public-desktop-editorial.public-identity-display-name .public-name-row { justify-items: start; }
.public-page:is(.public-template-editorial, .public-template-travel-editorial).public-identity-wordmark[class] .public-header:has(.public-cover-image) .public-avatar-wordmark { display: block; box-shadow: none; }
.public-page.public-template-travel-editorial.public-identity-wordmark[class] .public-header:has(.public-cover-image) .public-avatar-wordmark { position: absolute; inset-block-start: 20px; inset-inline-start: var(--profile-gutter); z-index: 1; width: min(48vw, 240px); height: 88px; margin: 0; }
