@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer tokens{@font-face{font-family:GT America;font-style:normal;font-weight:300;font-display:swap;src:url(/_astro/GT-America-Standard-Light.CkM50OEp.woff2)format("woff2")}@font-face{font-family:GT America;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/GT-America-Standard-Medium.DiFBv8lK.woff2)format("woff2")}:root{--c-juli-teal-50:oklch(99% .01 195);--c-juli-teal-100:oklch(97% .05 195);--c-juli-teal-200:oklch(96% .08 195);--c-juli-teal-300:oklch(93% .13 195);--c-juli-teal-400:oklch(85% .19 195);--c-juli-teal-500:oklch(68% .15 195);--c-juli-teal-600:oklch(55% .13 195);--c-juli-teal-700:oklch(38% .09 195);--c-juli-teal-800:oklch(27% .06 195);--c-juli-teal-900:oklch(18% .04 195);--c-juli-teal-950:oklch(11% .02 195);--c-juli-green-50:oklch(99% .01 146);--c-juli-green-100:oklch(97% .05 146);--c-juli-green-200:oklch(96% .08 146);--c-juli-green-300:oklch(93% .13 146);--c-juli-green-400:oklch(86% .19 146);--c-juli-green-500:oklch(68% .15 146);--c-juli-green-600:oklch(56% .13 146);--c-juli-green-700:oklch(38% .09 146);--c-juli-green-800:oklch(28% .06 146);--c-juli-green-900:oklch(19% .04 146);--c-juli-green-950:oklch(11% .02 146);--c-juli-yellow-50:oklch(99% .01 105);--c-juli-yellow-100:oklch(98% .05 105);--c-juli-yellow-200:oklch(96% .08 105);--c-juli-yellow-300:oklch(94% .13 105);--c-juli-yellow-400:oklch(87% .19 105);--c-juli-yellow-500:oklch(70% .15 105);--c-juli-yellow-600:oklch(57% .13 105);--c-juli-yellow-700:oklch(39% .09 105);--c-juli-yellow-800:oklch(28% .06 105);--c-juli-yellow-900:oklch(19% .04 105);--c-juli-yellow-950:oklch(11% .02 105);--c-juli-neutral-50:oklch(99% .005 90);--c-juli-neutral-100:oklch(97% .008 90);--c-juli-neutral-200:oklch(95% .01 90);--c-juli-neutral-300:oklch(90% .012 90);--c-juli-neutral-400:oklch(80% .014 90);--c-juli-neutral-500:oklch(65% .012 90);--c-juli-neutral-600:oklch(50% .01 90);--c-juli-neutral-700:oklch(38% .008 90);--c-juli-neutral-800:oklch(28% .006 90);--c-juli-neutral-900:oklch(19.13% 0 0);--c-juli-neutral-950:oklch(10% 0 90);--c-white:#fff;--c-black:#000;--step--2:clamp(.6944rem, .6926rem + .009vw, .7035rem);--step--1:clamp(.8333rem, .8125rem + .1044vw, .9377rem);--step-0:clamp(1rem, .95rem + .25vw, 1.25rem);--step-1:clamp(1.2rem, 1.1068rem + .4663vw, 1.6663rem);--step-2:clamp(1.44rem, 1.2838rem + .7811vw, 2.2211rem);--step-3:clamp(1.728rem, 1.4815rem + 1.2327vw, 2.9607rem);--step-4:clamp(2.0736rem, 1.699rem + 1.8731vw, 3.9467rem);--step-5:clamp(2.4883rem, 1.9338rem + 2.7726vw, 5.2609rem);--space-3xs:clamp(.25rem, .2375rem + .0625vw, .3125rem);--space-2xs:clamp(.5rem, .475rem + .125vw, .625rem);--space-xs:clamp(.75rem, .7125rem + .1875vw, .9375rem);--space-s:clamp(1rem, .95rem + .25vw, 1.25rem);--space-m:clamp(1.5rem, 1.425rem + .375vw, 1.875rem);--space-l:clamp(2rem, 1.9rem + .5vw, 2.5rem);--space-xl:clamp(3rem, 2.85rem + .75vw, 3.75rem);--space-2xl:clamp(4rem, 3.8rem + 1vw, 5rem);--space-3xl:clamp(6rem, 5.7rem + 1.5vw, 7.5rem);--space-3xs-2xs:clamp(.25rem, .175rem + .375vw, .625rem);--space-2xs-xs:clamp(.5rem, .4125rem + .4375vw, .9375rem);--space-xs-s:clamp(.75rem, .65rem + .5vw, 1.25rem);--space-s-m:clamp(1rem, .825rem + .875vw, 1.875rem);--space-m-l:clamp(1.5rem, 1.3rem + 1vw, 2.5rem);--space-l-xl:clamp(2rem, 1.65rem + 1.75vw, 3.75rem);--space-xl-2xl:clamp(3rem, 2.6rem + 2vw, 5rem);--space-2xl-3xl:clamp(4rem, 3.3rem + 3.5vw, 7.5rem);--space-s-l:clamp(1rem, .7rem + 1.5vw, 2.5rem);--space-m-xl:clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);--radius-s:.5rem;--radius-m:1rem;--radius-pill:624.938rem;--ratio-photo:5 / 3;--container-max:75rem;--container-max-wide:90rem;--duration-fast:.12s;--duration-base:.15s;--duration-slow:.6s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.6, 0, .2, 1);--font-family-body:"GT America", system-ui, sans-serif;--font-weight-body:300;--font-weight-heading:500;--font-family-accent:"Caveat", "Bradley Hand", "Comic Sans MS", cursive}:root[data-theme=light]{--surface-default:var(--c-juli-yellow-50);--surface-elevated:var(--c-white);--text-default:var(--c-juli-teal-800);--text-strong:var(--c-juli-teal-700);--text-muted:var(--c-juli-green-700);--border-subtle:var(--c-juli-neutral-200);--focus-ring:var(--c-juli-teal-700);--surface-action:var(--c-juli-green-400);--text-on-action:var(--c-juli-teal-800);--status-available-surface:var(--c-juli-green-200);--status-available-text:var(--c-juli-green-900);--status-reserved-surface:var(--c-juli-neutral-100);--status-reserved-text:var(--c-juli-yellow-900);--status-coming-soon-surface:var(--c-juli-teal-100);--status-coming-soon-text:var(--c-juli-teal-700);--status-let-surface:var(--c-juli-neutral-200);--status-let-text:var(--c-juli-neutral-700);--flag-new-surface:var(--c-juli-yellow-300);--flag-new-text:var(--c-juli-neutral-950);--flag-open-house-surface:var(--c-juli-green-300);--flag-open-house-text:var(--c-juli-neutral-950);--status-pill-border:transparent}:root[data-theme=dark]{--surface-default:var(--c-juli-teal-950);--surface-elevated:var(--c-juli-teal-900);--text-default:var(--c-juli-green-50);--text-strong:var(--c-juli-green-100);--text-muted:var(--c-juli-green-400);--border-subtle:var(--c-juli-neutral-800);--focus-ring:var(--c-juli-green-300);--surface-action:var(--c-juli-green-500);--text-on-action:var(--c-juli-neutral-950);--status-available-surface:var(--c-juli-green-900);--status-available-text:var(--c-juli-green-300);--status-reserved-surface:var(--c-juli-neutral-800);--status-reserved-text:var(--c-juli-yellow-200);--status-coming-soon-surface:var(--c-juli-teal-700);--status-coming-soon-text:var(--c-juli-teal-100);--status-let-surface:var(--c-juli-neutral-800);--status-let-text:var(--c-juli-neutral-300);--flag-new-surface:var(--c-juli-yellow-300);--flag-new-text:var(--c-juli-neutral-950);--flag-open-house-surface:var(--c-juli-green-300);--flag-open-house-text:var(--c-juli-neutral-950);--status-pill-border:var(--c-juli-teal-700)}:root[data-theme=light] [data-tone=dark],:root[data-theme=light] [data-tone=inverse]{--surface-default:var(--c-juli-teal-800);--surface-elevated:var(--c-juli-teal-700);--text-default:var(--c-juli-green-50);--text-strong:var(--c-juli-green-100);--text-muted:var(--c-juli-green-400);--border-subtle:var(--c-juli-teal-700);--focus-ring:var(--c-juli-green-300);--status-available-surface:var(--c-juli-green-900);--status-available-text:var(--c-juli-green-300);--status-reserved-surface:var(--c-juli-neutral-800);--status-reserved-text:var(--c-juli-yellow-200);--status-coming-soon-surface:var(--c-juli-teal-700);--status-coming-soon-text:var(--c-juli-teal-100);--status-let-surface:var(--c-juli-neutral-800);--status-let-text:var(--c-juli-neutral-300);--flag-new-surface:var(--c-juli-yellow-300);--flag-new-text:var(--c-juli-neutral-950);--flag-open-house-surface:var(--c-juli-green-300);--flag-open-house-text:var(--c-juli-neutral-950);--status-pill-border:var(--c-juli-teal-700)}:root[data-theme=dark] [data-tone=dark]{--surface-default:var(--c-juli-teal-900);--surface-elevated:var(--c-juli-teal-800);--text-default:var(--c-juli-green-50);--text-strong:var(--c-juli-green-100);--text-muted:var(--c-juli-green-400);--border-subtle:var(--c-juli-teal-700);--focus-ring:var(--c-juli-green-300)}:root[data-theme=light] [data-tone=light]{--surface-default:var(--c-white);--surface-elevated:var(--c-juli-neutral-50);--text-default:var(--c-juli-teal-800);--text-strong:var(--c-juli-teal-700);--text-muted:var(--c-juli-green-700);--border-subtle:var(--c-juli-neutral-200);--focus-ring:var(--c-juli-teal-700)}:root[data-theme=dark] [data-tone=light],:root[data-theme=dark] [data-tone=inverse]{--surface-default:var(--c-juli-yellow-50);--surface-elevated:var(--c-white);--text-default:var(--c-juli-teal-800);--text-strong:var(--c-juli-teal-700);--text-muted:var(--c-juli-green-700);--border-subtle:var(--c-juli-neutral-200);--focus-ring:var(--c-juli-teal-700);--status-available-surface:var(--c-juli-green-200);--status-available-text:var(--c-juli-green-900);--status-reserved-surface:var(--c-juli-neutral-100);--status-reserved-text:var(--c-juli-yellow-900);--status-coming-soon-surface:var(--c-juli-teal-100);--status-coming-soon-text:var(--c-juli-teal-700);--status-let-surface:var(--c-juli-neutral-200);--status-let-text:var(--c-juli-neutral-700);--flag-new-surface:var(--c-juli-yellow-300);--flag-new-text:var(--c-juli-neutral-950);--flag-open-house-surface:var(--c-juli-green-300);--flag-open-house-text:var(--c-juli-neutral-950);--status-pill-border:transparent}:root[data-theme=light] [data-tone=accent]{--surface-default:var(--c-white);--surface-elevated:var(--c-juli-neutral-50)}:root[data-theme=dark] [data-tone=accent]{--surface-default:var(--c-juli-teal-900);--surface-elevated:var(--c-juli-teal-800)}:root[data-theme=light] [data-tone=garden]{--surface-default:var(--c-juli-green-100);--surface-elevated:var(--c-juli-green-200);--text-default:var(--c-juli-teal-800);--text-strong:var(--c-juli-teal-900);--text-muted:var(--c-juli-green-700);--border-subtle:var(--c-juli-green-200);--focus-ring:var(--c-juli-teal-700)}:root[data-theme=dark] [data-tone=garden]{--surface-default:var(--c-juli-teal-900);--surface-elevated:var(--c-juli-teal-800);--text-default:var(--c-juli-green-50);--text-strong:var(--c-juli-green-100);--text-muted:var(--c-juli-green-400);--border-subtle:var(--c-juli-teal-700);--focus-ring:var(--c-juli-green-300)}}@layer base{body{font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:var(--step-0);color:var(--text-default);background-color:var(--surface-default);line-height:1.5}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-heading);color:var(--text-strong);text-wrap:balance}h1{font-size:var(--step-5);margin-block:var(--space-2xl) var(--space-m);line-height:1.1}h2{font-size:var(--step-4);margin-block:var(--space-xl) var(--space-s-m);line-height:1.15}h3{font-size:var(--step-3);margin-block:var(--space-l-xl) var(--space-s);line-height:1.2}h4{font-size:var(--step-2);margin-block:var(--space-l) var(--space-xs-s);line-height:1.25}h5{font-size:var(--step-1);margin-block:var(--space-m-l) var(--space-xs);line-height:1.3}h6{font-size:var(--step-0);margin-block:var(--space-m) var(--space-xs);line-height:1.4}p{margin-block:0 var(--space-s)}small{font-size:var(--step--1)}:where(h1,h2,h3,h4,h5,h6,p):first-child{margin-block-start:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-tone]{background-color:var(--surface-default);color:var(--text-default)}:where(a[href]){color:var(--text-default);text-underline-offset:.15em;transition:color var(--duration-fast) var(--ease-out), text-decoration-thickness var(--duration-fast) var(--ease-out), text-underline-offset var(--duration-fast) var(--ease-out);text-decoration:underline 1px}:where(a[href]:hover){color:var(--text-strong);text-underline-offset:.22em;text-decoration-thickness:2px}}@layer components{.section-h{margin:0 0 var(--space-s);font-size:var(--step-2);line-height:1.2}.section-gh{margin:0 0 var(--space-2xs);font-size:var(--step--1);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.section-p{margin-block:0 var(--space-s);max-inline-size:64ch;color:var(--text-default)}.section-p:last-child{margin-block-end:0}.well{padding-block:var(--space-l);padding-inline:var(--container-gutter,var(--space-m));margin-inline:calc(var(--container-gutter,var(--space-m)) * -1);background-color:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-m)}.listings-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--listings-grid-min,18rem)), 1fr));gap:0 var(--space-l);margin:0 0 calc(var(--space-l) * -1);padding:0;list-style:none;display:grid}.listings-grid__cell{margin-block-end:var(--space-l);display:flex}.listings-grid__cell[hidden]{display:none}.listings-grid__cell>.listing-card{inline-size:100%;margin-inline:auto}@supports (grid-template-rows:subgrid){.listings-grid__cell{grid-row:span 4;grid-template-rows:subgrid;display:grid}.listings-grid__cell>.listing-card{--listing-card-rows:subgrid;grid-row:1/-1}}}@layer utilities;.sc-app{align-items:flex-start;gap:var(--space-l);padding-inline:var(--space-m);display:flex}.sc-sidebar{flex:none;block-size:100dvh;inline-size:15rem;position:sticky;inset-block-start:0}.sc-sidebar__inner{gap:var(--space-m);block-size:100%;padding-block:var(--space-m);flex-direction:column;display:flex;overflow-y:auto}.sc-sidebar__brand{font-size:var(--step-1);margin-block:0;line-height:1.1}.sc-sidebar__brand a{color:inherit;text-decoration:none}.sc-sidebar__sub{font-size:var(--step--1);font-weight:var(--font-weight-body);color:var(--text-muted);display:block}.sc-sidebar__group{margin-block-end:var(--space-s)}.sc-sidebar__group-name{margin-block:0 var(--space-3xs);font-size:var(--step--2);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sc-sidebar__nav ul{gap:var(--space-3xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sc-sidebar__nav a{padding-block:var(--space-3xs);padding-inline:var(--space-2xs);border-radius:var(--radius-s);font-size:var(--step--1);color:var(--text-default);text-decoration:none;display:block}.sc-sidebar__nav a:hover{background-color:var(--surface-elevated)}.sc-sidebar__nav a[aria-current=page]{background-color:var(--surface-elevated);color:var(--text-strong);font-weight:var(--font-weight-heading)}.sc-theme-toggle{padding-block:var(--space-2xs);padding-inline:var(--space-s);border-radius:var(--radius-pill);background-color:var(--surface-action);color:var(--text-on-action);font:inherit;cursor:pointer;border:none;align-self:start;margin-block-start:auto}.sc-main{min-inline-size:0;padding-block:var(--space-m);flex:auto}.sc-main>section{margin-block:var(--space-3xl)}.sc-main>section:first-of-type{margin-block-start:0}@media (width<=48rem){.sc-app{flex-direction:column;gap:0;padding-inline:0}.sc-sidebar{z-index:10;background-color:var(--surface-default);border-block-end:1px solid var(--border-subtle);block-size:auto;inline-size:100%;position:sticky;inset-block-start:0}.sc-sidebar__inner{align-items:center;gap:var(--space-2xs) var(--space-s);block-size:auto;padding-inline:var(--space-m);flex-flow:wrap;overflow-y:visible}.sc-sidebar__brand{order:1}.sc-theme-toggle{order:2;margin-block-start:0;margin-inline-start:auto}.sc-sidebar__nav{flex-basis:100%;order:3}.sc-sidebar__nav ul{flex-flow:wrap}.sc-sidebar__group-name{display:none}.sc-main{padding-inline:var(--space-m)}}.sc-lede{max-width:62ch}.sc-entry__head{margin-block-end:var(--space-l)}.sc-entry__title{margin-block:0 var(--space-2xs)}.sc-entry__source{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--step--1);color:var(--text-muted)}.sc-entry__nav{justify-content:space-between;gap:var(--space-m);border-block-start:1px solid var(--border-subtle);font-size:var(--step--1);margin-block-start:var(--space-3xl);padding-block-start:var(--space-m);display:flex}.sc-entry__nav span{color:var(--text-muted);display:block}.sc-preview{margin:var(--space-m) 0 var(--space-l);border:1px solid var(--border-subtle);border-radius:var(--radius-m);overflow:clip}.sc-preview__bar{align-items:center;gap:var(--space-2xs) var(--space-s);padding:var(--space-2xs) var(--space-s);border-block-end:1px solid var(--border-subtle);background-color:var(--surface-elevated);font-size:var(--step--1);flex-wrap:wrap;display:flex}.sc-preview__legend{color:var(--text-muted);padding:0}.sc-preview__tones{align-items:center;gap:var(--space-2xs);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.sc-preview__tones input{opacity:0;block-size:0;inline-size:0;position:absolute}.sc-preview__tones label{padding-block:var(--space-3xs);padding-inline:var(--space-2xs);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--step--2);cursor:pointer;display:inline-block}.sc-preview__tones input:checked+label{background-color:var(--surface-action);color:var(--text-on-action);border-color:#0000}.sc-preview__tones input:focus-visible+label{outline:2px solid var(--focus-ring);outline-offset:2px}.sc-preview__frame{padding:var(--space-m);background-color:var(--surface-default);color:var(--text-default)}.sc-preview-bleed .sc-preview__frame{padding:0}.sc-props{border-collapse:collapse;inline-size:100%;font-size:var(--step--1)}.sc-props caption{text-align:start;color:var(--text-muted);margin-block-end:var(--space-2xs)}.sc-props th,.sc-props td{padding-block:var(--space-2xs);padding-inline:0 var(--space-s);text-align:start;vertical-align:baseline;border-block-end:1px solid var(--border-subtle)}.sc-props th{font-weight:var(--font-weight-heading)}.sc-props__name,.sc-props__type{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sc-props__type{color:var(--text-muted)}.sc-props__req{white-space:nowrap}.sc-props__doc{margin:var(--space-3xs) 0 0;color:var(--text-muted)}.sc-props__empty{color:var(--text-muted)}.sc-index__group{margin-block-end:var(--space-2xl)}.sc-index__list{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.sc-index__card{block-size:100%;padding:var(--space-s);border:1px solid var(--border-subtle);border-radius:var(--radius-m);background-color:var(--surface-elevated);color:inherit;text-decoration:none;display:block}.sc-index__card:hover{border-color:var(--text-muted)}.sc-index__card-title{font-weight:var(--font-weight-heading);color:var(--text-strong);display:block}.sc-index__card-blurb{font-size:var(--step--1);color:var(--text-muted);margin-block-start:var(--space-3xs);display:block}.sc-scale{margin-block:var(--space-m)}.sc-scale h3{text-transform:capitalize;margin-block-end:var(--space-2xs)}.sc-swatches{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));margin:0;padding:0;list-style:none;display:grid}.sc-swatch{gap:var(--space-3xs);font-size:var(--step--1);display:grid}.sc-chip{aspect-ratio:3/2;border-radius:var(--radius-s);border:1px solid #00000014;display:block}.sc-step{font-weight:var(--font-weight-heading)}.sc-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--step--2);color:var(--text-muted);overflow-wrap:anywhere}.sc-value-srgb{opacity:.7}.sc-type-rows,.sc-space-rows,.sc-radii-rows{margin:0;padding:0;list-style:none}.sc-type-row{align-items:baseline;gap:var(--space-xs) var(--space-s);padding-block:var(--space-2xs);border-block-end:1px solid var(--border-subtle);grid-template-columns:7rem 1fr;display:grid}.sc-type-row .sc-value{grid-column:2}.sc-type-name,.sc-space-name,.sc-radius-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--step--1);color:var(--text-muted)}.sc-type-sample{line-height:1.15}.sc-space-row{align-items:center;gap:var(--space-2xs) var(--space-s);padding-block:var(--space-3xs);grid-template-columns:10rem 1fr;display:grid}.sc-space-row .sc-value{grid-column:2}.sc-space-bar{background:var(--c-juli-teal-500);border-radius:.125rem;block-size:1.25rem;display:block}.sc-radius-row{align-items:center;gap:var(--space-2xs) var(--space-s);padding-block:var(--space-2xs);grid-template-columns:5rem 9rem 1fr;display:grid}.sc-radius-demo{background:var(--c-juli-teal-500);block-size:2.5rem;inline-size:4rem;display:block}.sc-semantic-list{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));margin:0;padding:0;list-style:none;display:grid}.sc-semantic-swatch{gap:var(--space-3xs);font-size:var(--step--1);display:grid}.sc-value-mode-label{text-transform:uppercase;letter-spacing:.04em;min-inline-size:2.75rem;font-size:var(--step--2);opacity:.6;display:inline-block}.sc-tone-grid{gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.sc-tone-card{padding:var(--space-m);border:1px solid var(--border-subtle);border-radius:var(--radius-m)}.sc-tone-card__name{margin-block:0 var(--space-2xs);font-size:var(--step-0)}.sc-tone-card__body{margin:0}.sc-button-row{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.sc-motion-rows{margin:0;padding:0;list-style:none}.sc-motion-row{align-items:center;gap:var(--space-2xs) var(--space-s);padding-block:var(--space-2xs);grid-template-columns:9rem 1fr 11rem;display:grid}.sc-motion-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--step--1);color:var(--text-muted)}.sc-motion-track{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;background:0 0;inline-size:100%;padding:3px;display:block;container-type:inline-size}.sc-motion-dot{background:var(--c-juli-teal-500);border-radius:var(--radius-pill);block-size:1.25rem;inline-size:1.25rem;transition-property:transform;transition-timing-function:var(--ease-out);display:block}.sc-motion-track:hover .sc-motion-dot,.sc-motion-track:focus-visible .sc-motion-dot{transform:translate(calc(100cqi - 100%))}.sc-container-demo{gap:var(--space-xs);padding-block:var(--space-s);background-image:repeating-linear-gradient(45deg, transparent 0 6px, var(--border-subtle) 6px 7px);display:grid}.sc-container-band{padding:var(--space-2xs) var(--space-xs);background-color:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-s);font-size:var(--step--1);margin:0}.sc-image-pair{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.sc-image-frame{border-radius:var(--radius-m);overflow:hidden}.sc-image-frame-photo{aspect-ratio:var(--ratio-photo)}.sc-image-frame-square{aspect-ratio:1}.sc-image-frame img{object-fit:cover;block-size:100%}.sc-logo-row{align-items:center;gap:var(--space-l);flex-wrap:wrap;display:flex}.sc-logo{fill:currentColor;inline-size:auto}.sc-logo-s{block-size:1rem}.sc-logo-m{block-size:2rem}.sc-logo-l{block-size:3.5rem}.sc-skip-demo{min-block-size:6rem;padding:var(--space-m);border:1px dashed var(--border-subtle);border-radius:var(--radius-m);position:relative}