.demo-bar{--db-bg:#0e0e10db;--db-fg:#f3f2ef;--db-muted:#f3f2ef9e;--db-line:#ffffff1f;--db-hover:#ffffff14;--db-accent:#f3f2ef;--db-on-accent:#111;z-index:900;background:var(--db-bg);width:max-content;max-width:calc(100vw - 1.5rem);color:var(--db-fg);border:1px solid var(--db-line);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;border-radius:999px;align-items:center;gap:.25rem;padding:.3125rem;font-size:.8125rem;line-height:1;animation:.5s cubic-bezier(.2,.8,.2,1) .4s both demo-bar-in;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0f}@keyframes demo-bar-in{0%{opacity:0;transform:translate(-50%,1rem)}}@media (prefers-reduced-motion:reduce){.demo-bar{animation:none}}.demo-bar :where(a,button){color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none}.demo-bar__brand{border-radius:999px;align-items:center;gap:.5rem;height:2.5rem;padding:0 .75rem 0 .625rem;display:inline-flex}.demo-bar__brand:hover{background:var(--db-hover)}.demo-bar__demo{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--db-muted);font-size:.6875rem}.demo-bar__switch{position:relative}.demo-bar__who{border-left:1px solid var(--db-line);border-right:1px solid var(--db-line);align-items:center;gap:.5rem;height:2.5rem;padding:0 .875rem;display:inline-flex}.demo-bar__who:hover{background:var(--db-hover)}.demo-bar__name{white-space:nowrap;font-weight:600}.demo-bar__genre{color:var(--db-muted);white-space:nowrap}.demo-bar__chev{color:var(--db-muted);transition:transform .2s}.demo-bar__who[aria-expanded=true] .demo-bar__chev{transform:rotate(180deg)}.demo-bar__views{background:#ffffff0f;border-radius:999px;margin:0 .25rem;padding:.1875rem;display:inline-flex}.demo-bar__view{height:2.125rem;color:var(--db-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 .875rem;transition:background .2s,color .2s;display:inline-flex}.demo-bar__view:hover{color:var(--db-fg)}.demo-bar__view[aria-current=page]{color:var(--db-fg);background:#ffffff24}.demo-bar__recipe{height:2.5rem;color:var(--db-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.4375rem;padding:0 .875rem;display:inline-flex}.demo-bar__recipe:hover{background:var(--db-hover);color:var(--db-fg)}.demo-bar__cta{background:var(--db-accent);height:2.5rem;color:var(--db-on-accent);white-space:nowrap;border-radius:999px;align-items:center;gap:.4375rem;padding:0 1.125rem;font-weight:600;transition:transform .2s;display:inline-flex}.demo-bar__cta:hover{transform:translateY(-1px)}.demo-bar__short{display:none}.demo-switcher{border:1px solid var(--db-line);background:#0e0e10f5;border-radius:14px;min-width:17rem;margin:0;padding:.375rem;list-style:none;animation:.18s both demo-pop;position:absolute;bottom:calc(100% + .75rem);left:0;box-shadow:0 16px 48px #00000073}@keyframes demo-pop{0%{opacity:0;transform:translateY(.375rem)}}.demo-switcher__item{border-radius:9px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;min-height:2.75rem;padding:.625rem .75rem;display:grid}.demo-switcher__item:hover,.demo-switcher__item:focus-visible{background:var(--db-hover)}.demo-switcher__name{font-weight:600}.demo-switcher__genre{color:var(--db-muted);grid-row:2;font-size:.75rem}.demo-switcher__item svg{grid-area:1/2/span 2}.demo-page>.site,.demo-page>.gallery-page{padding-bottom:5.5rem}.gallery-selection-bar.demo-selection-bar{bottom:5rem}@media (max-width:860px){.demo-bar{transition:translate .3s,opacity .3s,visibility .3s;animation:none}.demo-bar[data-at-top]{opacity:0;visibility:hidden;translate:0 150%}.demo-bar__genre,.demo-bar__demo,.demo-bar__recipe .demo-bar__long{display:none}.demo-bar__recipe{justify-content:center;width:2.5rem;padding:0}}@media (max-width:640px){.demo-bar{justify-content:space-between;width:auto;max-width:none;bottom:.5rem;left:.5rem;right:.5rem;transform:none}.demo-bar__brand{display:none}.demo-bar__who{border-left:0;min-width:0;padding:0 .625rem}.demo-bar__switch{flex:auto;min-width:0}.demo-bar__name{text-overflow:ellipsis;max-width:6.5rem;overflow:hidden}.demo-bar__views{margin:0}.demo-bar__view{height:2.5rem;padding:0 .625rem}.demo-bar__long{display:none}.demo-bar__short{display:inline}.demo-bar__cta{padding:0 .875rem}.demo-bar__cta svg{display:none}.demo-switcher{min-width:0;position:fixed;bottom:4.25rem;left:.5rem;right:.5rem}.gallery-selection-bar.demo-selection-bar{bottom:4.5rem}}.demo-sheet{--ds-bg:#fbfaf7;--ds-fg:#151412;--ds-muted:#6b6760;--ds-line:#e4e0d8;background:var(--ds-bg);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ds-fg);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;border:0;border-radius:18px;margin:auto;padding:0;box-shadow:0 30px 80px #00000059}.demo-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08080a8c}.demo-sheet[open]{animation:.22s both demo-pop}.demo-sheet__inner{padding:1.75rem 1.75rem 1.5rem;position:relative}.demo-sheet__close{width:2.5rem;height:2.5rem;color:var(--ds-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.demo-sheet__close:hover{color:var(--ds-fg);background:#0000000d}.demo-sheet__eyebrow{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-muted);margin:0 0 .75rem;font-size:.6875rem}.demo-sheet__title{letter-spacing:-.015em;margin:0 2rem .625rem 0;font-size:1.375rem;font-weight:600;line-height:1.25}.demo-sheet__body{color:var(--ds-muted);margin:0;font-size:.9375rem;line-height:1.6}.demo-sheet__actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.demo-sheet__cta{background:var(--ds-fg);min-height:2.75rem;color:var(--ds-bg);border-radius:999px;align-items:center;gap:.4375rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-sheet__cta:hover{opacity:.9}.demo-sheet__ghost{min-height:2.75rem;color:var(--ds-fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.demo-sheet__ghost:hover{background:#0000000d}.demo-recipe{border-top:1px solid var(--ds-line);margin:1.25rem 0 0}.demo-recipe__row{border-bottom:1px solid var(--ds-line);grid-template-columns:6.5rem 1fr;gap:1rem;padding:.6875rem 0;font-size:.875rem;line-height:1.5;display:grid}.demo-recipe dt{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-muted);padding-top:.1875rem;font-size:.6875rem}.demo-recipe dd{margin:0}@media (max-width:640px){.demo-sheet{border-radius:18px 18px 0 0;width:100vw;max-width:100vw;margin:auto 0 0}.demo-recipe__row{grid-template-columns:5.5rem 1fr}}.demo-hub{padding-top:6.5rem;padding-bottom:4rem}.demo-hub__head{margin-bottom:2.5rem}.demo-hub__eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 1.25rem;font-size:.75rem}.demo-hub__title{letter-spacing:-.035em;color:var(--text-primary);margin:0;font-size:clamp(2.25rem,4.4vw,3.75rem);font-weight:600;line-height:1.02}.demo-hub__title span{color:var(--text-muted);display:block}.hs{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);grid-template-areas:"list stage""list actions";align-items:start;gap:1.5rem clamp(2rem,4vw,3.5rem);display:grid}.hs-list{border-top:1px solid var(--border-subtle);grid-area:list;margin:0;padding:0;list-style:none}.hs-list li{border-bottom:1px solid var(--border-subtle)}.hs-pick{width:100%;min-height:4.25rem;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background var(--speed,.2s) ease, color var(--speed,.2s) ease;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.875rem .75rem .875rem 1rem;display:grid;position:relative}.hs-pick:before{content:"";background:var(--accent);border-radius:2px;width:2px;transition:transform .25s;position:absolute;top:.75rem;bottom:.75rem;left:0;transform:scaleY(0)}.hs-pick:hover{background:var(--surface-1,#7f7f7f0d);color:var(--text-primary)}.hs-pick[aria-pressed=true]{color:var(--text-primary);background:var(--surface-2,#7f7f7f14)}.hs-pick[aria-pressed=true]:before{transform:scaleY(1)}.hs-pick__num{font-family:var(--font-mono,monospace);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.hs-pick__text{gap:.1875rem;min-width:0;display:grid}.hs-pick__genre{letter-spacing:-.01em;font-size:1rem;font-weight:600}.hs-pick__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.hs-pick__swatch{display:inline-flex}.hs-pick__swatch i{width:.75rem;height:.75rem;box-shadow:0 0 0 1.5px var(--bg-base), 0 0 0 2.5px var(--border-strong);border-radius:50%}.hs-pick__swatch i+i{margin-left:-.25rem}.hs-stage{grid-area:stage;padding:0 0 2.75rem;position:relative}.hs-browser{background:var(--hs-bg);color:var(--hs-fg);box-shadow:0 30px 70px -20px #00000059, 0 0 0 1px var(--border-subtle);border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s;animation:.55s cubic-bezier(.2,.8,.2,1) both hs-in;display:block;position:relative;overflow:hidden}.hs-browser:hover,.hs-phone:hover{transform:translateY(-3px)}@keyframes hs-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}.hs-browser__bar{background:color-mix(in srgb, var(--hs-bg) 88%, var(--hs-fg));border-bottom:1px solid color-mix(in srgb, var(--hs-fg) 10%, transparent);align-items:center;gap:1rem;height:2.25rem;padding:0 .875rem;display:flex}.hs-browser__dots{gap:.375rem;display:inline-flex}.hs-browser__dots i{background:color-mix(in srgb, var(--hs-fg) 22%, transparent);border-radius:50%;width:.5625rem;height:.5625rem}.hs-browser__url{background:color-mix(in srgb, var(--hs-fg) 7%, transparent);max-width:20rem;color:color-mix(in srgb, var(--hs-fg) 60%, transparent);font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;margin:0 auto;padding:.25rem .75rem;font-size:.6875rem;overflow:hidden}.hs-page{aspect-ratio:16/10;background:var(--hs-bg);color:var(--hs-fg);font-family:var(--hs-body);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.hs-page__photo{object-fit:cover}.hs-page__nav{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--hs-fg) 10%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.75rem;display:flex;position:relative}.hs-page__brand{font-family:var(--hs-heading);font-weight:var(--hs-weight);text-transform:var(--hs-case);letter-spacing:var(--hs-tracking);white-space:nowrap;font-size:1.125rem}.hs-page__links{opacity:.8;text-transform:uppercase;letter-spacing:.08em;gap:1.25rem;font-size:.625rem;display:flex}.hs-page__menu{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.375rem;font-size:.6875rem;display:inline-flex}.hs-page[data-header=stacked] .hs-page__nav{flex-direction:column;align-items:flex-start;gap:.5rem}.hs-page[data-header=stacked][data-header-align=center] .hs-page__nav{align-items:center}.hs-page[data-header=stacked] .hs-page__brand{font-size:1.375rem}.hs-page[data-header=sidebar]{grid-template-rows:minmax(0,1fr);grid-template-columns:24% minmax(0,1fr)}.hs-page[data-header=sidebar] .hs-page__nav{border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.5rem;padding:1.5rem 1.25rem}.hs-page[data-header=sidebar] .hs-page__links{flex-direction:column;gap:.625rem}.hs-page[data-over] .hs-page__nav{color:#fff;border-bottom:0;position:absolute;inset:0 0 auto}.hs-page[data-over] .hs-page__hero{grid-row:1/-1}.hs-page__hero{flex-direction:column;min-height:0;display:flex;position:relative}.hs-page__media{position:absolute;inset:0}.hs-page__shade{background:linear-gradient(180deg, #0006 0%, #0000 30%), rgba(0, 0, 0, var(--hs-over,.4));position:absolute;inset:0}.hs-page__words{max-width:34rem;margin-top:auto;padding:0 1.75rem 1.75rem;position:relative}.hs-page__eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin:0 0 .625rem;font-size:.625rem}.hs-page__heading{font-family:var(--hs-heading);font-weight:var(--hs-weight);text-transform:var(--hs-case);letter-spacing:var(--hs-tracking);text-wrap:balance;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.hs-page__btn{border-radius:var(--hs-radius);background:var(--hs-accent);color:var(--hs-on-accent);letter-spacing:.08em;text-transform:uppercase;margin-top:1rem;padding:.625rem 1.125rem;font-size:.6875rem;display:inline-block}.hs-page[data-hero=overlay] .hs-page__words,.hs-page[data-hero=slideshow] .hs-page__words{color:#fff;text-shadow:0 1px 12px #00000040}.hs-page[data-align=center] .hs-page__words{text-align:center;max-width:64%;margin:auto;padding:1.75rem}.hs-page[data-hero=split] .hs-page__hero{grid-template-columns:1fr 1fr;display:grid}.hs-page[data-hero=split] .hs-page__media{grid-area:1/2;position:relative}.hs-page[data-hero=split] .hs-page__words{grid-area:1/1;margin:auto 0}.hs-page[data-hero=text] .hs-page__words{max-width:76%;margin:0;padding-top:1.5rem}.hs-page[data-hero=text][data-align=center] .hs-page__words{max-width:64%;margin:0 auto}.hs-page[data-hero=text] .hs-page__heading{font-size:clamp(1.375rem,2.6vw,2.25rem)}.hs-page__below{flex:1 0 34%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.375rem;min-height:0;margin-top:1.25rem;padding:0 1.75rem;display:grid}.hs-page__below[data-count="1"]{padding:0}.hs-page__tile{border-radius:calc(var(--hs-radius) / 2);position:relative;overflow:hidden}.hs-page__below[data-count="1"] .hs-page__tile{border-radius:0}.hs-page__label{color:#fff;font-family:var(--hs-heading);text-shadow:0 1px 8px #0006;font-size:.8125rem;position:absolute;bottom:.5rem;left:.5rem}.hs-page__photo[data-frame]{opacity:0;animation:hs-frame calc(var(--n) * 3s) calc(var(--i) * 3s) infinite}.hs-page__photo[data-frame]:first-child{opacity:1;animation:none}.hs-page__dots{gap:.375rem;display:flex;position:absolute;bottom:.875rem;left:50%;transform:translate(-50%)}.hs-page__dots i{opacity:.4;width:.375rem;height:.375rem;animation:hs-dot calc(var(--n) * 3s) calc(var(--i) * 3s) infinite;background:#fff;border-radius:50%}@keyframes hs-frame{0%,to{opacity:0}8%,25%{opacity:1}33%{opacity:0}}@keyframes hs-dot{0%,28%{opacity:1}33%,to{opacity:.4}}.hs-phone{background:#0d0d0f;border-radius:1.75rem;width:clamp(7.5rem,12vw,10rem);padding:.4375rem;transition:transform .3s;animation:.55s cubic-bezier(.2,.8,.2,1) .12s both hs-in;display:block;position:absolute;bottom:0;right:-1.5rem;box-shadow:0 24px 50px -12px #00000080,inset 0 0 0 1px #ffffff14}.hs-phone__screen{aspect-ratio:9/18;color:#fff;border-radius:1.375rem;position:relative;overflow:hidden}.hs-phone__photo{object-fit:cover}.hs-phone__shade{background:linear-gradient(#00000059 0%,#0000 25%,#0000001a 55%,#000000bf 100%);position:absolute;inset:0}.hs-phone__top{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.9;align-items:center;gap:.3125rem;font-size:.5rem;display:inline-flex;position:absolute;top:.875rem;left:.75rem}.hs-phone__words{position:absolute;bottom:1rem;left:.75rem;right:.75rem}.hs-phone__name{font-family:var(--hs-g-face);margin:0;font-size:1.125rem;line-height:1.1}.hs-phone__meta{opacity:.8;align-items:center;gap:.25rem;margin:.375rem 0 0;font-size:.5625rem;display:inline-flex}.hs-phone__pick{background:var(--hs-g-accent);color:#fff;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid;position:absolute;bottom:1rem;right:.75rem}.hs-stage__note{font-family:var(--font-mono,monospace);color:var(--text-muted);margin:0;font-size:.6875rem;position:absolute;bottom:.75rem;left:0}.hs-actions{flex-wrap:wrap;grid-area:actions;gap:.75rem;display:flex}.hs-btn{border-radius:999px;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.375rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.hs-btn--solid{background:var(--text-primary);color:var(--bg-base)}.hs-btn--solid:hover{transform:translateY(-1px)}.hs-btn--ghost{border:1px solid var(--border-strong);color:var(--text-primary)}.hs-btn--ghost:hover{background:var(--surface-2,#7f7f7f14)}@media (prefers-reduced-motion:reduce){.hs-browser,.hs-phone,.hs-page__dots i,.hs-page__photo[data-frame]{animation:none}}.demo-shots{padding-bottom:5rem}.demo-shots__head{margin-bottom:1.75rem}.demo-shots__title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(1.625rem,3vw,2.25rem);font-weight:600;line-height:1.1}.demo-shots__list{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.demo-shots__list li{border-bottom:1px solid var(--border-subtle)}.demo-shot{color:var(--text-primary);grid-template-columns:2rem 4.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;display:grid}.demo-shot__num{font-family:var(--font-mono,monospace);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.demo-shot__photo{aspect-ratio:1;background:var(--surface-2);border-radius:6px;position:relative;overflow:hidden}.demo-shot__photo img{object-fit:cover;transition:transform .5s}.demo-shot:hover .demo-shot__photo img{transform:scale(1.06)}.demo-shot__text{gap:.25rem;min-width:0;display:grid}.demo-shot__task{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.demo-shot__where{color:var(--text-muted);font-size:.8125rem}.demo-shot__arrow{color:var(--text-muted);transition:transform .2s,color .2s}.demo-shot:hover .demo-shot__arrow{color:var(--accent-text,var(--accent));transform:translate(2px,-2px)}@media (max-width:1000px){.hs{grid-template-columns:minmax(0,1fr);grid-template-areas:"list""stage""actions"}.hs-list{scrollbar-width:none;border:0;gap:.5rem;margin:0 -1rem;padding:0 1rem .25rem;display:flex;overflow-x:auto}.hs-list::-webkit-scrollbar{display:none}.hs-list li{border:0;flex:none}.hs-pick{border:1px solid var(--border);border-radius:999px;grid-template-columns:auto auto;gap:.625rem;min-height:2.75rem;padding:.5rem .875rem}.hs-pick:before,.hs-pick__num,.hs-pick__name{display:none}.hs-pick__genre{white-space:nowrap;font-size:.875rem}.hs-pick[aria-pressed=true]{border-color:var(--text-primary)}.hs-phone{right:-.5rem}}@media (max-width:640px){.demo-hub{padding-top:6rem}.hs-page{aspect-ratio:4/5}.hs-page__links{display:none}.hs-phone{border-radius:1.125rem;width:5.75rem;padding:.3125rem;bottom:1.75rem;right:-.25rem}.hs-phone__screen{border-radius:.875rem}.hs-phone__top,.hs-phone__meta{display:none}.hs-phone__name{font-size:.8125rem}.hs-phone__pick{width:1.375rem;height:1.375rem;bottom:.625rem;right:.5rem}.hs-phone__words{bottom:2.5rem}.hs-page__words{max-width:68%;padding:0 1.25rem 1.25rem}.hs-page[data-align=center] .hs-page__words{max-width:none}.hs-page[data-hero=text] .hs-page__words{max-width:none;padding-top:1.25rem}.hs-page[data-hero=split] .hs-page__hero{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.hs-page[data-hero=split] .hs-page__media{grid-column:1}.hs-page[data-hero=split] .hs-page__words{grid-row:2;max-width:72%;padding-top:1rem}.hs-page__below{padding:0 1.25rem}.hs-page__tile:nth-child(n+3){display:none}.hs-page[data-header=sidebar]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hs-page[data-header=sidebar] .hs-page__nav{flex-direction:row;padding:1rem 1.25rem}.hs-btn{flex:100%;justify-content:center}.demo-shots__list{grid-template-columns:minmax(0,1fr)}.demo-shot{grid-template-columns:3.75rem minmax(0,1fr) auto}.demo-shot__num{display:none}}