.tablet[data-astro-cid-ovv5slr4]{--w:var(--tablet-width,22rem);width:var(--w);aspect-ratio:178.5/247.6;filter:drop-shadow(0 1.4rem 1.6rem #0003);position:relative}.tablet__body[data-astro-cid-ovv5slr4]{border-radius:calc(var(--w) * .075);background:linear-gradient(135deg,#f1f1f2 0%,#cfd0d3 35%,#e7e7e9 60%,#b9babe 100%);height:100%;padding:1.1%;position:relative;box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 1px #a7a8ac}.tablet__screen[data-astro-cid-ovv5slr4]{border:calc(var(--w) * .045) solid #070708;border-radius:calc(var(--w) * .066);background:#fff;height:100%;position:relative;overflow:hidden}.tablet__camera[data-astro-cid-ovv5slr4]{width:calc(var(--w) * .012);aspect-ratio:1;background:#222326;border-radius:50%;position:absolute;top:2.3%;left:50%;transform:translate(-50%,-50%)}.tablet__glare[data-astro-cid-ovv5slr4]{z-index:2;pointer-events:none;background:linear-gradient(120deg,#ffffff24 0%,#ffffff08 30%,#0000 45%);position:absolute;inset:0}.project-showcase[data-astro-cid-zwix3as3]{grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);align-items:start;gap:0 clamp(2rem,4vw,3.5rem);display:grid}.ps-side__help[data-astro-cid-zwix3as3]{color:var(--color-muted);margin:0 0 1rem;font-size:.88rem}.ps-side__pack[data-astro-cid-zwix3as3]+.ps-side__pack[data-astro-cid-zwix3as3]{margin-top:1.25rem}.ps-side__head[data-astro-cid-zwix3as3]{border:1px solid var(--color-ink);width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:.2rem .75rem;padding:.85rem 1rem;transition:background-color .2s,color .2s;display:grid}.ps-side__head[data-astro-cid-zwix3as3]:hover{background:#1b19170d}.ps-side__head[data-astro-cid-zwix3as3][aria-pressed=true]{color:var(--color-cream);background:var(--color-espresso)}.ps-side__name[data-astro-cid-zwix3as3]{font-size:.82rem;font-weight:600;font-stretch:var(--stretch-wide);letter-spacing:.12em;text-transform:uppercase}.ps-side__price[data-astro-cid-zwix3as3]{font-size:.9rem;font-weight:600}.ps-side__summary[data-astro-cid-zwix3as3]{opacity:.8;grid-column:1/-1;font-size:.82rem;line-height:1.4}.ps-side__examples[data-astro-cid-zwix3as3]{border-left:1px solid var(--color-line);margin-left:1rem}.ps-side__example[data-astro-cid-zwix3as3]{width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;margin-left:-1px;padding:.55rem 0 .55rem .9rem;font-size:.9rem;display:grid}.ps-side__example[data-astro-cid-zwix3as3] small[data-astro-cid-zwix3as3]{color:var(--color-muted);font-size:.78rem}.ps-side__example[data-astro-cid-zwix3as3][aria-pressed=true]{border-left-color:var(--color-ink);font-weight:600}.project-showcase__view[data-astro-cid-zwix3as3]{border:1px solid var(--color-ink);border-radius:999px;justify-content:center;width:fit-content;max-width:100%;margin:0 auto clamp(1.5rem,2.5vw,2rem);display:flex;overflow:hidden}.project-showcase__view[data-astro-cid-zwix3as3] button[data-astro-cid-zwix3as3],.project-showcase__panel[data-astro-cid-zwix3as3]{border:0;border-left:1px solid var(--color-ink);color:var(--color-ink);font:inherit;text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;line-height:1.2;text-decoration:none;display:inline-flex}.project-showcase__view[data-astro-cid-zwix3as3]>[data-astro-cid-zwix3as3]:first-child{border-left:0}.project-showcase__view[data-astro-cid-zwix3as3] button[data-astro-cid-zwix3as3][aria-pressed=true]{color:var(--color-cream);background:var(--color-espresso)}.project-showcase__panel[data-astro-cid-zwix3as3]{font-weight:600;font-stretch:var(--stretch-wide);white-space:nowrap}.project-showcase__panel[data-astro-cid-zwix3as3] span[data-astro-cid-zwix3as3]{transition:transform .2s var(--ease-out);font-size:1rem}.project-showcase__panel[data-astro-cid-zwix3as3]:hover span[data-astro-cid-zwix3as3]{transform:translate(.15rem,-.15rem)}.project-showcase__preview[data-astro-cid-zwix3as3]{grid-column:2;min-width:0}.project-showcase__devices[data-astro-cid-zwix3as3]{aspect-ratio:100/50;--laptop-width:70cqw;--tablet-width:25cqw;--phone-width:12.5cqw;width:100%;max-width:68rem;margin-inline:auto;position:relative;container-type:inline-size}.project-showcase__devices[data-astro-cid-zwix3as3] .project-showcase__laptop{position:absolute;top:0;left:13cqw}.project-showcase__devices[data-astro-cid-zwix3as3] .project-showcase__tablet{z-index:2;position:absolute;bottom:0;right:0}.project-showcase__devices[data-astro-cid-zwix3as3] .project-showcase__phone{z-index:3;position:absolute;bottom:0;left:2cqw}.project-showcase__devices[data-astro-cid-zwix3as3] .device-screen__scroller{--scroll-height:100%}.project-showcase__devices[data-astro-cid-zwix3as3] .phone__screen,.project-showcase__devices[data-astro-cid-zwix3as3] .tablet__screen,.project-showcase__devices[data-astro-cid-zwix3as3] .laptop__screen{container-type:size}.project-showcase__info[data-astro-cid-zwix3as3]{border-top:1px solid var(--color-line);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1rem 3rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;display:grid}.project-showcase__type[data-astro-cid-zwix3as3]{color:var(--color-muted);font-size:.75rem;font-weight:600;font-stretch:var(--stretch-wide);letter-spacing:.12em;text-transform:uppercase;margin:0}.project-showcase__names[data-astro-cid-zwix3as3]{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:500;font-stretch:var(--stretch-wide);margin:.5rem 0 0;line-height:1.1}.project-showcase__description[data-astro-cid-zwix3as3]{margin:0;font-size:1.05rem;font-weight:300;line-height:1.55}.project-showcase__note[data-astro-cid-zwix3as3]{color:var(--color-muted);margin:.75rem 0 0;font-size:.85rem}.project-showcase__links[data-astro-cid-zwix3as3]{flex-wrap:wrap;gap:.75rem 1.75rem;margin:1.5rem 0 0;display:flex}@media (width<=60rem){.project-showcase[data-astro-cid-zwix3as3]{grid-template-columns:minmax(0,1fr)}.ps-side[data-astro-cid-zwix3as3],.project-showcase__preview[data-astro-cid-zwix3as3]{grid-area:auto}.ps-side[data-astro-cid-zwix3as3]{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.ps-side__help[data-astro-cid-zwix3as3]{flex-basis:100%;margin:0}.ps-side__pack[data-astro-cid-zwix3as3]{flex:14rem}.ps-side__pack[data-astro-cid-zwix3as3]+.ps-side__pack[data-astro-cid-zwix3as3]{margin-top:0}.project-showcase__info[data-astro-cid-zwix3as3]{grid-template-columns:1fr}}@media (width<=40rem){.project-showcase__view[data-astro-cid-zwix3as3]{width:100%}.project-showcase__view[data-astro-cid-zwix3as3] button[data-astro-cid-zwix3as3],.project-showcase__panel[data-astro-cid-zwix3as3]{white-space:normal;flex:1 1 0;padding-inline:.6rem;font-size:.75rem}.project-showcase__devices[data-astro-cid-zwix3as3]{aspect-ratio:100/66;--laptop-width:88cqw;--phone-width:22cqw}.project-showcase__devices[data-astro-cid-zwix3as3] .project-showcase__laptop{left:12cqw}.project-showcase__devices[data-astro-cid-zwix3as3] .project-showcase__tablet{display:none}.project-showcase__devices[data-astro-cid-zwix3as3] .project-showcase__phone{left:0}}.jump[data-astro-cid-cdop524w]{flex-wrap:wrap;gap:.75rem 2rem;display:flex}.disclaimer[data-astro-cid-cdop524w]{border-left:2px solid var(--color-clay);max-width:44rem;color:var(--color-ink);background:#8c6d5512;margin:1.75rem 0 0;padding:1rem 1.25rem}.examples__disclaimer[data-astro-cid-cdop524w]{border-left:2px solid var(--color-ink);max-width:44rem;color:var(--color-muted);margin:1rem 0 0;padding-left:.9rem}.examples__disclaimer[data-astro-cid-cdop524w] strong[data-astro-cid-cdop524w]{color:var(--color-ink);font-weight:600}.styles__tabs[data-astro-cid-cdop524w]{border-bottom:1px solid var(--color-ink);flex-wrap:wrap;gap:0 1.6rem;margin-top:clamp(2rem,4vw,3rem);display:flex}.styles__tabs[data-astro-cid-cdop524w] button[data-astro-cid-cdop524w]{color:var(--color-muted);font:inherit;font-size:.82rem;font-weight:600;font-stretch:var(--stretch-wide);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.9rem 0}.styles__tabs[data-astro-cid-cdop524w] button[data-astro-cid-cdop524w][aria-selected=true]{color:var(--color-ink);box-shadow:inset 0 -3px 0 var(--color-ink)}.styles-panel[data-astro-cid-cdop524w][hidden]{display:none}.styles[data-astro-cid-cdop524w]{--cols:3;--gap:clamp(1.5rem, 4vw, 3rem);justify-content:center;gap:clamp(2.5rem, 5vw, 4rem) var(--gap);flex-wrap:wrap;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:flex}.style[data-astro-cid-cdop524w]{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));flex-direction:column;align-items:center;display:flex;container-type:inline-size}.style[data-astro-cid-cdop524w] .style__phone{--phone-width:min(12.5rem, 60cqw)}.style[data-astro-cid-cdop524w] .device-screen__scroller{--scroll-height:100%}.style[data-astro-cid-cdop524w] .phone__screen{container-type:size}.style__name[data-astro-cid-cdop524w]{margin:1.4rem 0 0;font-weight:600}.style__kind[data-astro-cid-cdop524w]{color:var(--color-muted);margin:.2rem 0 0;font-size:.88rem}@media (width<=52rem){.styles[data-astro-cid-cdop524w]{--cols:2}}@media (width<=30rem){.style[data-astro-cid-cdop524w] .style__phone{--phone-width:70cqw}.style__name[data-astro-cid-cdop524w]{font-size:.92rem}}