.BeforeAfter-module__uWqHXG__compare{padding:var(--space-section) var(--space-margin)}.BeforeAfter-module__uWqHXG__head{gap:var(--space-md);display:grid}.BeforeAfter-module__uWqHXG__title{font-family:var(--type-headline-family);font-size:var(--type-headline-size);font-weight:var(--type-headline-weight);line-height:var(--type-headline-leading);letter-spacing:var(--type-headline-tracking);text-transform:uppercase;text-wrap:balance}.BeforeAfter-module__uWqHXG__title[data-roomy]{line-height:1.1}.BeforeAfter-module__uWqHXG__lead{max-width:34ch;font-family:var(--type-title-family);font-size:var(--type-title-size);letter-spacing:var(--type-title-tracking);text-wrap:pretty;font-weight:500;line-height:1.3}.BeforeAfter-module__uWqHXG__desktop,.BeforeAfter-module__uWqHXG__mobile{margin:calc(var(--space-section) / 2) auto 0}.BeforeAfter-module__uWqHXG__desktop{display:none}.BeforeAfter-module__uWqHXG__mobile{width:min(100%,22rem,49svh - 2.45rem)}.BeforeAfter-module__uWqHXG__changes{gap:var(--space-lg);margin-top:var(--space-3xl);display:grid}.BeforeAfter-module__uWqHXG__changesTitle{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-leading);letter-spacing:var(--type-title-tracking)}.BeforeAfter-module__uWqHXG__list{gap:var(--space-lg);display:grid}.BeforeAfter-module__uWqHXG__change{gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--surface-outline);display:grid}.BeforeAfter-module__uWqHXG__was,.BeforeAfter-module__uWqHXG__now{align-items:baseline;gap:var(--space-sm);grid-template-columns:4.5rem minmax(0,1fr);display:grid}.BeforeAfter-module__uWqHXG__was{color:var(--surface-muted)}.BeforeAfter-module__uWqHXG__now{font-weight:600}.BeforeAfter-module__uWqHXG__label{color:var(--surface-muted);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase}.BeforeAfter-module__uWqHXG__now .BeforeAfter-module__uWqHXG__label{align-items:center;gap:var(--space-xs);color:var(--surface-fg);display:inline-flex}.BeforeAfter-module__uWqHXG__now .BeforeAfter-module__uWqHXG__label:before{content:"";background-color:var(--color-volt);border-radius:50%;width:6px;height:6px}.BeforeAfter-module__uWqHXG__meta{align-items:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.BeforeAfter-module__uWqHXG__metaName{color:var(--surface-muted);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase}@media (min-width:1024px){.BeforeAfter-module__uWqHXG__head{column-gap:var(--space-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.BeforeAfter-module__uWqHXG__title{grid-column:1/span 6}.BeforeAfter-module__uWqHXG__lead{grid-column:8/-1}.BeforeAfter-module__uWqHXG__desktop{width:min(100%, (100svh - var(--size-nav) - 7rem) * 1.6);display:block}.BeforeAfter-module__uWqHXG__mobile{display:none}.BeforeAfter-module__uWqHXG__changes{column-gap:var(--space-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.BeforeAfter-module__uWqHXG__changesTitle{padding-top:var(--space-md);grid-column:1/span 3}.BeforeAfter-module__uWqHXG__list{column-gap:var(--space-gutter);grid-column:4/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.BeforeAfter-module__uWqHXG__was,.BeforeAfter-module__uWqHXG__now{gap:var(--space-2xs);grid-template-columns:minmax(0,1fr)}.BeforeAfter-module__uWqHXG__meta{justify-content:flex-end}}.BeforeAfter-module__uWqHXG__slider{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.BeforeAfter-module__uWqHXG__layer{position:absolute;inset:0;overflow:hidden}.BeforeAfter-module__uWqHXG__layer[data-side=before]{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.BeforeAfter-module__uWqHXG__tag{border-radius:var(--radius-pill);background-color:var(--color-ink);height:28px;color:var(--color-paper-pure);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff47;align-items:center;padding:0 12px;line-height:1;display:inline-flex;position:absolute;bottom:14px}.BeforeAfter-module__uWqHXG__tag[data-side=before]{left:14px}.BeforeAfter-module__uWqHXG__tag[data-side=after]{right:14px}.BeforeAfter-module__uWqHXG__line{top:0;bottom:0;left:var(--split,50%);border-inline:1px solid var(--color-ink);background-color:var(--color-volt);pointer-events:none;width:4px;position:absolute;translate:-50%}.BeforeAfter-module__uWqHXG__input{top:50%;left:var(--split,50%);opacity:0;appearance:none;clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.BeforeAfter-module__uWqHXG__handle{top:50%;left:var(--split,50%);border:1px solid var(--color-ink);background-color:var(--color-volt);width:56px;height:56px;color:var(--color-ink);pointer-events:none;transition:scale .18s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.BeforeAfter-module__uWqHXG__handleIcon{width:24px;height:24px}.BeforeAfter-module__uWqHXG__slider[data-dragging] .BeforeAfter-module__uWqHXG__handle{scale:1.06}.BeforeAfter-module__uWqHXG__input:focus-visible+.BeforeAfter-module__uWqHXG__handle{box-shadow:0 0 0 3px var(--color-ink), 0 0 0 6px var(--color-paper-pure)}@media (hover:hover) and (pointer:fine){.BeforeAfter-module__uWqHXG__slider:hover .BeforeAfter-module__uWqHXG__handle{scale:1.06}}.BeforeAfter-module__uWqHXG__mobile .BeforeAfter-module__uWqHXG__handle{width:48px;height:48px}.BeforeAfter-module__uWqHXG__mobile .BeforeAfter-module__uWqHXG__tag{height:26px;padding:0 10px;bottom:10px}.BeforeAfter-module__uWqHXG__mobile .BeforeAfter-module__uWqHXG__tag[data-side=before]{left:10px}.BeforeAfter-module__uWqHXG__mobile .BeforeAfter-module__uWqHXG__tag[data-side=after]{right:10px}@media (prefers-reduced-motion:reduce){.BeforeAfter-module__uWqHXG__handle{transition:none}}@media (scripting:none){.BeforeAfter-module__uWqHXG__handle,.BeforeAfter-module__uWqHXG__input{display:none}.BeforeAfter-module__uWqHXG__slider{cursor:auto}}
.Examples-module__mRXXdq__examples{padding:var(--space-section) var(--space-margin);grid-template-columns:minmax(0,1fr);display:grid;overflow-x:clip}.Examples-module__mRXXdq__head{gap:var(--space-md);display:grid}.Examples-module__mRXXdq__title{font-family:var(--type-headline-family);font-size:var(--type-headline-size);font-weight:var(--type-headline-weight);line-height:var(--type-headline-leading);letter-spacing:var(--type-headline-tracking);text-transform:uppercase}.Examples-module__mRXXdq__title[data-roomy]{line-height:1.1}.Examples-module__mRXXdq__intro{max-width:34ch;font-family:var(--type-title-family);font-size:var(--type-title-size);letter-spacing:var(--type-title-tracking);text-wrap:pretty;font-weight:500;line-height:1.3}.Examples-module__mRXXdq__rail{margin-top:calc(var(--space-section) / 2)}.Examples-module__mRXXdq__track{align-items:flex-start;gap:var(--space-md);margin-inline:calc(var(--space-margin) * -1);padding-inline:var(--space-margin);padding-bottom:var(--space-2xs);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-margin);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.Examples-module__mRXXdq__track::-webkit-scrollbar{display:none}.Examples-module__mRXXdq__track:focus-visible{outline:2px solid var(--surface-fg);outline-offset:-2px}.Examples-module__mRXXdq__slide{scroll-snap-align:start;flex:0 0 min(80vw,340px);min-width:0}.Examples-module__mRXXdq__slide[data-kind=phone],.Examples-module__mRXXdq__slide[data-kind=app],.Examples-module__mRXXdq__slide[data-kind=wide]{flex-basis:min(72vw,280px)}.Examples-module__mRXXdq__slide[data-kind=site]{flex-basis:min(80vw,320px)}.Examples-module__mRXXdq__slide[data-kind=board],.Examples-module__mRXXdq__slide[data-kind=plan]{flex-basis:min(86vw,360px)}.Examples-module__mRXXdq__figure{gap:var(--space-md);margin:0;display:grid}.Examples-module__mRXXdq__picture{min-width:0;position:relative}.Examples-module__mRXXdq__caption{justify-items:start;gap:var(--space-2xs);display:grid}.Examples-module__mRXXdq__name{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-leading);letter-spacing:var(--type-title-tracking)}.Examples-module__mRXXdq__text{max-width:36ch;color:var(--surface-muted);text-wrap:pretty}.Examples-module__mRXXdq__meta{align-items:center;gap:var(--space-xs) var(--space-sm);margin-top:var(--space-xs);color:var(--surface-muted);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;flex-wrap:wrap;display:flex}.Examples-module__mRXXdq__controls{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.Examples-module__mRXXdq__count{color:var(--surface-muted);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);font-variant-numeric:tabular-nums;margin-right:auto}.Examples-module__mRXXdq__arrow{border:1px solid var(--surface-outline);border-radius:var(--radius-pill);width:48px;height:48px;color:inherit;cursor:pointer;transition:background-color .18s var(--ease-out), color .18s var(--ease-out), opacity .18s var(--ease-out);background-color:#0000;place-items:center;padding:0;display:grid}.Examples-module__mRXXdq__arrow:disabled{cursor:default;opacity:.32}.Examples-module__mRXXdq__arrow:focus-visible{outline:2px solid var(--surface-fg);outline-offset:3px}.Examples-module__mRXXdq__arrowIcon{width:20px;height:20px}@media (hover:hover) and (pointer:fine){.Examples-module__mRXXdq__arrow:not(:disabled):hover{background-color:var(--surface-fg);color:var(--surface-bg)}}@media (min-width:1024px){.Examples-module__mRXXdq__head{column-gap:var(--space-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.Examples-module__mRXXdq__title{grid-column:1/span 7}.Examples-module__mRXXdq__intro{grid-column:8/-1}.Examples-module__mRXXdq__track{gap:var(--space-2xl) var(--space-gutter);scroll-snap-type:none;grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:0;padding:0;display:grid;overflow:visible}.Examples-module__mRXXdq__slide[data-kind=page]{grid-column:span 4}.Examples-module__mRXXdq__slide[data-kind=phone],.Examples-module__mRXXdq__slide[data-kind=square]{grid-column:span 3}.Examples-module__mRXXdq__slide[data-kind=app],.Examples-module__mRXXdq__slide[data-kind=board]{grid-column:span 6}.Examples-module__mRXXdq__slide[data-kind=spread]{grid-column:span 8}.Examples-module__mRXXdq__slide[data-kind=wide],.Examples-module__mRXXdq__slide[data-kind=plan]{grid-column:span 9}.Examples-module__mRXXdq__slide[data-kind=site]{grid-column:1/-1}.Examples-module__mRXXdq__slide:only-child{grid-column:8/span 3}.Examples-module__mRXXdq__slide[data-kind=site]+.Examples-module__mRXXdq__slide[data-kind=site]{margin-top:var(--space-2xl)}}
.MoreProjects-module__K4H3ma__more{row-gap:var(--space-lg);margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--surface-line);grid-template-columns:minmax(0,1fr);display:grid}.MoreProjects-module__K4H3ma__head{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.MoreProjects-module__K4H3ma__title{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-leading);letter-spacing:var(--type-title-tracking);margin:0}.MoreProjects-module__K4H3ma__list{gap:var(--space-gutter);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.MoreProjects-module__K4H3ma__item{min-width:0}.MoreProjects-module__K4H3ma__plate{--_corner:72px;isolation:isolate;align-content:space-between;gap:var(--space-xl);height:100%;min-height:7.5rem;padding:var(--space-md) calc(var(--_corner) + var(--space-xs)) var(--space-md) var(--space-md);border-radius:var(--radius-sm);background-color:var(--surface-bg);color:var(--surface-fg);-webkit-tap-highlight-color:transparent;text-decoration:none;display:grid;position:relative;overflow:clip}.MoreProjects-module__K4H3ma__plate:focus-visible{outline:2px solid var(--color-paper-pure);outline-offset:3px}.MoreProjects-module__K4H3ma__kind{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;text-wrap:balance}.MoreProjects-module__K4H3ma__name{font-family:var(--type-voice-family);font-size:clamp(1.375rem,1.1rem + .9vw,1.875rem);font-weight:var(--type-voice-weight);letter-spacing:-.02em;text-wrap:balance;line-height:1.08}.MoreProjects-module__K4H3ma__corner{z-index:1;width:var(--_corner);height:var(--_corner);background-color:var(--color-volt);color:var(--color-ink);transform-origin:100% 100%;transition:background-color .18s var(--ease-out), transform .4s var(--ease-out);border-top-left-radius:100%;align-content:end;justify-items:end;padding:0 14px 14px 0;display:grid;position:absolute;bottom:0;right:0}.MoreProjects-module__K4H3ma__arrow{width:22px;height:22px;transition:transform .18s var(--ease-out)}.MoreProjects-module__K4H3ma__arrow path{stroke-width:2.25px}@media (hover:hover) and (pointer:fine){.MoreProjects-module__K4H3ma__plate:hover .MoreProjects-module__K4H3ma__corner{background-color:var(--color-volt-deep);transform:scale(1.08)}.MoreProjects-module__K4H3ma__plate:hover .MoreProjects-module__K4H3ma__arrow{transform:rotate(45deg)}}.MoreProjects-module__K4H3ma__plate:is(:focus-visible,:active) .MoreProjects-module__K4H3ma__corner{background-color:var(--color-volt-deep);transform:scale(1.08)}.MoreProjects-module__K4H3ma__plate:is(:focus-visible,:active) .MoreProjects-module__K4H3ma__arrow{transform:rotate(45deg)}@media (min-width:768px){.MoreProjects-module__K4H3ma__list{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.MoreProjects-module__K4H3ma__list[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.MoreProjects-module__K4H3ma__plate{--_corner:88px;min-height:10.5rem;padding:var(--space-lg) calc(var(--_corner) + var(--space-xs)) var(--space-lg) var(--space-lg)}.MoreProjects-module__K4H3ma__corner{padding:0 18px 18px 0}.MoreProjects-module__K4H3ma__arrow{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.MoreProjects-module__K4H3ma__corner,.MoreProjects-module__K4H3ma__arrow{transition:none}}@media print{.MoreProjects-module__K4H3ma__corner{-webkit-print-color-adjust:exact;print-color-adjust:exact}}