@font-face{font-family:Hanken Grotesk fallback;src:local(Arial);size-adjust:100.942%;ascent-override:99.0668%;descent-override:30.0173%;line-gap-override:0%;font-style:normal;font-weight:400 700}@font-face{font-family:Hanken Grotesk fallback;src:local(Helvetica Neue);size-adjust:100%;ascent-override:100%;descent-override:30.3%;line-gap-override:0%;font-style:normal;font-weight:400 700}@font-face{font-family:Hanken Grotesk fallback;src:local(Roboto);size-adjust:101.164%;ascent-override:98.8498%;descent-override:29.9515%;line-gap-override:0%;font-style:normal;font-weight:400 700}@font-face{font-family:Hanken Grotesk fallback;src:local(Segoe UI);size-adjust:101.498%;ascent-override:98.5243%;descent-override:29.8529%;line-gap-override:0%;font-style:normal;font-weight:400 700}@font-face{font-family:Hanken Grotesk fallback;src:local(BlinkMacSystemFont);size-adjust:108.042%;ascent-override:92.5564%;descent-override:28.0446%;line-gap-override:0%;font-style:normal;font-weight:400 700}@font-face{font-family:Hanken Grotesk fallback;src:local(-apple-system);size-adjust:108.042%;ascent-override:92.5564%;descent-override:28.0446%;line-gap-override:0%;font-style:normal;font-weight:400 700}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;src:url(/fonts/hanken-grotesk-latin-variable.woff2)format("woff2")}@font-face{font-family:Spectral fallback;src:local(Arial);size-adjust:100.045%;ascent-override:105.853%;descent-override:46.2793%;line-gap-override:0%;font-style:normal;font-weight:400}@font-face{font-family:Spectral fallback;src:local(Helvetica Neue);size-adjust:99.1111%;ascent-override:106.85%;descent-override:46.7152%;line-gap-override:0%;font-style:normal;font-weight:400}@font-face{font-family:Spectral fallback;src:local(Roboto);size-adjust:100.264%;ascent-override:105.621%;descent-override:46.1779%;line-gap-override:0%;font-style:normal;font-weight:400}@font-face{font-family:Spectral fallback;src:local(Segoe UI);size-adjust:100.596%;ascent-override:105.273%;descent-override:46.0259%;line-gap-override:0%;font-style:normal;font-weight:400}@font-face{font-family:Spectral fallback;src:local(BlinkMacSystemFont);size-adjust:107.082%;ascent-override:98.8963%;descent-override:43.238%;line-gap-override:0%;font-style:normal;font-weight:400}@font-face{font-family:Spectral fallback;src:local(-apple-system);size-adjust:107.082%;ascent-override:98.8963%;descent-override:43.238%;line-gap-override:0%;font-style:normal;font-weight:400}@font-face{font-display:swap;font-family:Spectral;font-style:normal;font-weight:400;src:url(/fonts/spectral-latin-400.woff2)format("woff2")}@font-face{font-family:Spectral fallback;src:local(Arial);size-adjust:100.045%;ascent-override:105.853%;descent-override:46.2793%;line-gap-override:0%;font-style:normal;font-weight:500}@font-face{font-family:Spectral fallback;src:local(Helvetica Neue);size-adjust:99.1111%;ascent-override:106.85%;descent-override:46.7152%;line-gap-override:0%;font-style:normal;font-weight:500}@font-face{font-family:Spectral fallback;src:local(Roboto);size-adjust:100.264%;ascent-override:105.621%;descent-override:46.1779%;line-gap-override:0%;font-style:normal;font-weight:500}@font-face{font-family:Spectral fallback;src:local(Segoe UI);size-adjust:100.596%;ascent-override:105.273%;descent-override:46.0259%;line-gap-override:0%;font-style:normal;font-weight:500}@font-face{font-family:Spectral fallback;src:local(BlinkMacSystemFont);size-adjust:107.082%;ascent-override:98.8963%;descent-override:43.238%;line-gap-override:0%;font-style:normal;font-weight:500}@font-face{font-family:Spectral fallback;src:local(-apple-system);size-adjust:107.082%;ascent-override:98.8963%;descent-override:43.238%;line-gap-override:0%;font-style:normal;font-weight:500}@font-face{font-display:swap;font-family:Spectral;font-style:normal;font-weight:500;src:url(/fonts/spectral-latin-500.woff2)format("woff2")}@font-face{font-family:Spectral fallback;src:local(Arial);size-adjust:100.045%;ascent-override:105.853%;descent-override:46.2793%;line-gap-override:0%;font-style:normal;font-weight:600}@font-face{font-family:Spectral fallback;src:local(Helvetica Neue);size-adjust:99.1111%;ascent-override:106.85%;descent-override:46.7152%;line-gap-override:0%;font-style:normal;font-weight:600}@font-face{font-family:Spectral fallback;src:local(Roboto);size-adjust:100.264%;ascent-override:105.621%;descent-override:46.1779%;line-gap-override:0%;font-style:normal;font-weight:600}@font-face{font-family:Spectral fallback;src:local(Segoe UI);size-adjust:100.596%;ascent-override:105.273%;descent-override:46.0259%;line-gap-override:0%;font-style:normal;font-weight:600}@font-face{font-family:Spectral fallback;src:local(BlinkMacSystemFont);size-adjust:107.082%;ascent-override:98.8963%;descent-override:43.238%;line-gap-override:0%;font-style:normal;font-weight:600}@font-face{font-family:Spectral fallback;src:local(-apple-system);size-adjust:107.082%;ascent-override:98.8963%;descent-override:43.238%;line-gap-override:0%;font-style:normal;font-weight:600}@font-face{font-display:swap;font-family:Spectral;font-style:normal;font-weight:600;src:url(/fonts/spectral-latin-600.woff2)format("woff2")}@font-face{font-family:Spline Sans Mono fallback;src:local(Arial);size-adjust:134.589%;ascent-override:71.5882%;descent-override:17.572%;line-gap-override:0%;font-style:normal;font-weight:400 500}@font-face{font-family:Spline Sans Mono fallback;src:local(Helvetica Neue);size-adjust:133.333%;ascent-override:72.2625%;descent-override:17.7375%;line-gap-override:0%;font-style:normal;font-weight:400 500}@font-face{font-family:Spline Sans Mono fallback;src:local(Roboto);size-adjust:134.885%;ascent-override:71.4314%;descent-override:17.5335%;line-gap-override:0%;font-style:normal;font-weight:400 500}@font-face{font-family:Spline Sans Mono fallback;src:local(Segoe UI);size-adjust:135.33%;ascent-override:71.1961%;descent-override:17.4757%;line-gap-override:0%;font-style:normal;font-weight:400 500}@font-face{font-family:Spline Sans Mono fallback;src:local(BlinkMacSystemFont);size-adjust:144.056%;ascent-override:66.8836%;descent-override:16.4172%;line-gap-override:0%;font-style:normal;font-weight:400 500}@font-face{font-family:Spline Sans Mono fallback;src:local(-apple-system);size-adjust:144.056%;ascent-override:66.8836%;descent-override:16.4172%;line-gap-override:0%;font-style:normal;font-weight:400 500}@font-face{font-display:swap;font-family:Spline Sans Mono;font-style:normal;font-weight:400 500;src:url(/fonts/spline-sans-mono-latin-variable.woff2)format("woff2")}@view-transition{navigation:auto}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--jc-ink);margin:0;font-weight:500;line-height:1.04}html{scrollbar-gutter:stable;scroll-behavior:smooth;scrollbar-color:color-mix(in srgb, var(--jc-terra) 15%, var(--jc-sand-2)) var(--jc-cream)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--jc-terra) 15%, var(--jc-sand-2))}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--jc-terra) 25%, var(--jc-sand-2))}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.placeholder-pattern{background-color:var(--jc-sand);background-image:repeating-linear-gradient(135deg,#2c272412 0 1px,#0000 1px 9px)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes jc-autofill{0%{opacity:1}to{opacity:1}}input:-webkit-autofill{animation-name:jc-autofill;animation-duration:10ms}.animate-rise{animation:.6s cubic-bezier(.2,.7,.3,1) both rise-in}@keyframes twinkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.animate-twinkle{animation:2.4s ease-in-out infinite twinkle}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-rise,.animate-twinkle{animation-duration:.001ms!important}a:active:not([disabled]):not([data-no-press]),button:active:not([disabled]):not([data-no-press]),[role=button]:active:not([disabled]):not([data-no-press]){transform:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}a:active:not([disabled]):not([data-no-press]),button:active:not([disabled]):not([data-no-press]),[role=button]:active:not([disabled]):not([data-no-press]){transition:transform .18s cubic-bezier(.2,.7,.3,1);transform:translateY(1px)scale(.99)}@media (prefers-reduced-motion:no-preference){@keyframes jc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}::view-transition-old(root){animation:.22s cubic-bezier(.2,.7,.3,1) both jc-fade-in}::view-transition-new(root){animation:.22s cubic-bezier(.2,.7,.3,1) both jc-fade-in}::view-transition-new(root){z-index:1}::view-transition-old(root){z-index:0}}:focus-visible{outline:1.5px solid color-mix(in srgb, var(--jc-terra) 60%, transparent);outline-offset:2px}.input:focus-visible{outline:none}.checkbox:focus-visible,.radio:focus-visible{outline:1.5px solid color-mix(in srgb, var(--jc-terra) 60%, transparent);outline-offset:1px}.skip-link{z-index:60;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 20px))}.skip-link:focus-visible{transform:none}main[tabindex="-1"]:focus{outline:none}.favorites-shell:has(>.favorites-live) .favorites-skeleton,.designs-shell:has(>.designs-live) .designs-skeleton{display:none}.jc-skeleton{background-color:var(--jc-cream-2)}@media (prefers-reduced-motion:no-preference){@keyframes jc-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.jc-skeleton{animation:1.6s ease-in-out infinite jc-skeleton-pulse}}.favorites-pills a[aria-current=page]{border-color:var(--jc-ink);background-color:var(--jc-ink);color:var(--jc-cream)}#jc-nav-progress{z-index:100;opacity:0;pointer-events:none;width:100%;height:3px;transition:opacity .22s ease-in;position:fixed;top:0;left:0;overflow:hidden}#jc-nav-progress[data-active],#jc-nav-progress[data-done]{opacity:1;transition:opacity .14s ease-out}#jc-nav-progress:after{content:"";background:linear-gradient(90deg, var(--jc-terra), var(--jc-mustard));width:40%;position:absolute;top:0;bottom:0;left:0}#jc-nav-progress[data-active]:after{animation:1.5s linear infinite jc-indeterminate}#jc-nav-progress[data-done]:after{width:100%;transition:transform .14s ease-out,width .14s ease-out;animation:none;transform:none}[data-nav-pending] .jc-media-well{filter:saturate(.86)brightness(1.02);transition:filter .2s ease-out}[data-nav-pending] .jc-media-well:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg,#0000 15%,#fff3 50%,#0000 85%);animation:.8s ease-in infinite jc-shimmer;position:absolute;inset:0}@keyframes jc-shimmer{0%{transform:translate(-70%)}to{transform:translate(110%)}}@keyframes jc-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.jc-indeterminate-bar{width:40%;animation:1.5s linear infinite jc-indeterminate;position:absolute;top:0;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.jc-indeterminate-bar,#jc-nav-progress[data-active]:after{animation:none;transform:none}}[data-nav-pending] .jc-nav-arrow{animation:.8s ease-in-out infinite jc-nav-arrow-nudge}.group:hover .jc-icon-spin-hover{animation:.5s ease-in-out jc-icon-spin}@keyframes jc-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.group:hover .jc-icon-spin-hover{animation:none}}@keyframes jc-nav-arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}[data-nav-pending]{opacity:.88;transition:opacity .18s ease-out}@media (prefers-reduced-motion:reduce){[data-nav-pending] .jc-media-well:before{background:#ffffff47;animation:none!important}[data-nav-pending] .jc-nav-arrow{transform:translate(4px);animation:none!important}}[x-cloak]{display:none!important}@media (hover:none) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}@media (width<=767.98px){[data-prehydrate-collapsed]{display:none}}*,:before,:after,::backdrop{--un-bg-opacity:100%!important;--un-text-opacity:100%!important;--un-border-opacity:100%!important;--un-border-top-opacity:100%!important;--un-ring-opacity:100%!important;--un-ring-offset-opacity:100%!important;--un-divide-opacity:100%!important;--un-accent-opacity:100%!important;--un-outline-opacity:100%!important}body>main{flex:1 0 auto}html *,html :before,html :after{border-color:var(--jc-line)}[data-turnstile]:not(.turnstile-challenge){margin-block:-1rem 0}[data-turnstile-collapse]:not(.turnstile-challenge):not(.turnstile-settling){height:0;overflow:hidden}[data-turnstile-collapse].turnstile-challenge{margin-top:1rem}[data-turnstile-collapse].turnstile-settling{margin-top:1rem;transition:opacity .3s}[data-turnstile-collapse].turnstile-settling-out:not(.turnstile-challenge){opacity:0}@media (prefers-reduced-motion:reduce){[data-turnstile-collapse].turnstile-settling{transition:none}}dialog[data-astro-cid-n6zgjn4t]#auth-modal{opacity:0;transition:opacity .18s ease-out, transform .18s ease-out, overlay .18s ease-out allow-discrete, display .18s ease-out allow-discrete;margin:auto;transform:scale(.96)translateY(6px)}dialog[data-astro-cid-n6zgjn4t]#auth-modal[open]{opacity:1;transform:none}@starting-style{dialog[data-astro-cid-n6zgjn4t]#auth-modal[open]{opacity:0;transform:scale(.96)translateY(6px)}}dialog[data-astro-cid-n6zgjn4t]#auth-modal::backdrop{opacity:0;transition:opacity .18s ease-out, overlay .18s ease-out allow-discrete, display .18s ease-out allow-discrete}dialog[data-astro-cid-n6zgjn4t]#auth-modal[open]::backdrop{opacity:1}@starting-style{dialog[data-astro-cid-n6zgjn4t]#auth-modal[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){dialog[data-astro-cid-n6zgjn4t]#auth-modal,dialog[data-astro-cid-n6zgjn4t]#auth-modal::backdrop{transition:none}}