@property --gallery-p{syntax:"<number>";inherits:true;initial-value:0}@property --gallery-travel{syntax:"<length>";inherits:true;initial-value:0}@property --zoom-scale{syntax:"<number>";inherits:true;initial-value:1}@property --zoom-alpha{syntax:"<number>";inherits:true;initial-value:1}.gallery{--gallery-travel:0px;--gallery-p:0;--gallery-gap:clamp(2rem, 4vw, 5rem);--gallery-gutter:clamp(1.5rem, 8vw, 8rem);--gallery-shot-h:clamp(9rem, calc(100svh - 34rem), 22rem);--gallery-panel-w:clamp(18rem, min(38vw, calc(var(--gallery-shot-h) * 3455 / 1943)), 35rem);position:relative}.gallery[data-gallery-live]{height:calc(100svh + var(--gallery-travel))}.gallery__stage{flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.gallery__lead{padding-inline:var(--gallery-gutter);max-width:48rem;padding-block:3rem 0}.gallery[data-gallery-live] .gallery__hint{display:none}.gallery__track{gap:var(--gallery-gap);padding:1.75rem var(--gallery-gutter) 2rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;margin:0;list-style:none;display:flex;overflow-x:auto}.gallery__track:after{content:"";flex:0 0 max(0px, calc(var(--gallery-gutter) - var(--gallery-gap)))}.gallery[data-gallery-live] .gallery__track{scroll-snap-type:none;transform:translate3d(calc(var(--gallery-travel) * var(--gallery-p) * -1), 0, 0);will-change:transform;overflow:visible}.gallery__panel{flex:0 0 var(--gallery-panel-w);scroll-snap-align:center}.gallery__shot{width:100%;height:auto}.gallery__progress{background:var(--rule);border-radius:var(--radius);width:min(20rem,60vw);height:3px;margin:0 auto 2rem;display:none;overflow:hidden}.gallery[data-gallery-live] .gallery__progress{display:block}.gallery__bar{border-radius:inherit;background:var(--accent);width:100%;height:100%;transform:scaleX(var(--gallery-p));transform-origin:0;display:block}.roaddrop__steps{position:relative}@media (min-width:768px){.roaddrop__rail{background:var(--rule);height:1px;position:absolute;top:1.1rem;left:16%;right:16%;overflow:hidden}.roaddrop__pulse{background-image:linear-gradient(90deg, transparent, var(--accent), transparent);width:28%;animation:3.2s linear infinite roaddrop-travel;position:absolute;inset:0 auto 0 0}}@keyframes roaddrop-travel{0%{transform:translate(-100%)}to{transform:translate(357%)}}.zoom{--zoom-runway:1.4;--zoom-scale:1;--zoom-alpha:1;height:100svh;position:relative}.zoom[data-zoom-live]{height:calc((1 + var(--zoom-runway)) * 100svh)}.zoom__stage{place-items:center;height:100svh;padding-inline:1.5rem;display:grid;position:sticky;top:0;overflow:hidden}.zoom__line{transform:scale(var(--zoom-scale));opacity:var(--zoom-alpha);color:var(--ink);white-space:nowrap;font-size:clamp(2rem,9vw,7rem);line-height:1.05}@supports ((-webkit-background-clip:text) or (background-clip:text)){.zoom__line{background-image:linear-gradient(90deg, var(--accent), var(--ink));color:#0000;-webkit-background-clip:text;background-clip:text}}.zoom[data-zoom-live] .zoom__line{will-change:transform}@media (prefers-reduced-motion:reduce),(scripting:none),(max-width:899px),(max-height:749px){.gallery,.gallery[data-gallery-live]{--gallery-panel-w:min(82vw, 30rem);height:auto}.gallery__stage,.zoom__stage{position:static}.gallery[data-gallery-live] .gallery__track{scroll-snap-type:x mandatory;will-change:auto;overflow-x:auto;transform:none}.gallery[data-gallery-live] .gallery__hint{display:inline-flex}.gallery[data-gallery-live] .gallery__progress{display:none}.zoom,.zoom[data-zoom-live]{height:100svh}.zoom[data-zoom-live] .zoom__line{will-change:auto}.zoom__line{opacity:1;white-space:normal;text-align:center;text-wrap:balance;transform:none}.roaddrop__pulse{animation:none}}@property --ws{syntax:"<number>";inherits:true;initial-value:1}@property --ws-o{syntax:"<number>";inherits:false;initial-value:0}.pro{--pro-runway:2;height:calc((1 + var(--pro-runway)) * 100svh);--pro-h:clamp(18rem, calc(100svh - 16rem), 40rem);position:relative}.pro__stage{grid-template-columns:minmax(0,32rem) auto;justify-content:center;align-items:center;column-gap:clamp(2rem,6vw,6rem);height:100svh;padding:5rem clamp(1.5rem,5vw,4rem) 3.5rem;display:grid;position:sticky;top:0;overflow:hidden}.pro--flip .pro__stage{grid-template-columns:auto minmax(0,32rem)}.pro--flip .pro__copy{order:2}.pro__device{height:var(--pro-h);position:relative}.pro__device .pui{height:100%}.pro__room{aspect-ratio:2;pointer-events:none;background:radial-gradient(closest-side, var(--surface-sunken), transparent);opacity:.85;border-radius:50%;position:absolute;inset:-25% -10% auto}.pro__eyebrow{color:var(--ink-dim)}[data-scene-live] .cc-sheet,[data-scene-live] .ws__floater{will-change:transform}[data-scene-live] .cc-scrim{will-change:opacity}.pro--lockscreen{--pro-runway:2;--ls-font-1:var(--font-sans);--ls-font-2:Georgia, "Times New Roman", serif;--ls-font-3:Impact, "Arial Black", var(--font-sans);--ls-font-4:ui-monospace, "Cascadia Mono", Consolas, monospace;--ls-clock-1:var(--raw-ink-0);--ls-clock-2:var(--raw-clock-02);--ls-clock-3:var(--raw-clock-03);--ls-clock-4:var(--raw-clock-04);--ls-clock-5:var(--raw-clock-05);--ls-clock-6:var(--raw-clock-06);--ls-clock-7:var(--raw-clock-07);--ls-clock-8:var(--raw-clock-08);--ls-clock-9:var(--raw-clock-09);--ls-clock-10:var(--raw-clock-10);--ls-clock-11:var(--raw-clock-11)}.ls-picker__label{color:var(--ink-dim);font-size:.8125rem;font-weight:500}.ls-picker__row{flex-wrap:wrap;gap:.625rem;display:flex}.ls-chip{border:1px solid var(--rule);color:var(--ink-dim);cursor:pointer;transition:color .2s var(--motion-ease), border-color .2s var(--motion-ease), background-color .2s var(--motion-ease), transform .2s var(--motion-ease);border-radius:999px}.ls-chip--font{padding:.4rem .9rem;font-size:1.25rem;line-height:1.1}.ls-chip--swatch{background:var(--ls-swatch);border-width:2px;width:2rem;height:2rem}.ls-chip--style{padding:.35rem 1rem;font-size:.875rem}.ls-chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.ls-chip--swatch[aria-pressed=true]{background:var(--ls-swatch);transform:scale(1.2)}.ls-chip--font[aria-pressed=true]{transform:scale(1.08)}.ls-toggle{border:1px solid var(--rule);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}@media (hover:hover){.ls-chip:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--ink)}}.pro--controlcenter{--pro-runway:3}.ccs__hint{border:1px solid var(--rule);color:var(--ink-dim);opacity:1;transition:opacity var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);border-radius:999px;align-items:center;gap:.5rem;margin-top:2rem;padding:.5rem .9rem;font-size:.875rem;display:inline-flex;transform:translateY(.375rem)}.ccs__hint svg{flex-shrink:0;width:1rem;height:1rem}[data-cc-reorder] .ccs__hint{transform:none}@media (hover:hover) and (pointer:fine){[data-cc-reorder] .cc__tile{cursor:grab;touch-action:none}}.cc__tile[data-cc-flip]{transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.cc__tile[data-cc-drag]{z-index:5;cursor:grabbing;box-shadow:0 calc(1 * var(--phu)) calc(4 * var(--phu)) var(--pui-glass-deep);transition:none}.pro--widgets{--pro-runway:2}.pro--widgets .pro__stage{grid-template-columns:minmax(0,46rem);align-content:center;justify-items:center;row-gap:clamp(1.5rem,4svh,3rem)}.pro--widgets .pro__copy{text-align:center;z-index:2;position:relative}.ws__stage{justify-content:center;width:100%;display:flex;position:relative}.ws__phone{height:min(46svh, var(--pro-h))}.ws__floater{--on:clamp(0, (var(--ws) - var(--ws-o) * .07) * 2.2, 1);z-index:1;width:var(--ws-w);--phu:clamp(6px, .55vw + 3px, 10px);opacity:var(--on);transform:translate3d(calc(var(--ws-x) * var(--on) - 50%), calc(var(--ws-y) * var(--on) - 50%), 0) scale(calc(.3 + var(--on) * .7));filter:drop-shadow(0 18px 30px var(--pui-glass-deep));position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce),(scripting:none),(max-width:899px),(max-height:699px){.pro{--pro-h:clamp(17rem, 56svh, 30rem);height:auto}.pro__stage{grid-template-columns:minmax(0,34rem);place-content:center;justify-items:center;row-gap:clamp(2.5rem,6vh,4rem);height:auto;min-height:100svh;padding-block:6rem 4rem;position:static;overflow:visible}.pro__copy{text-align:center}.pro--flip .pro__stage{grid-template-columns:minmax(0,34rem)}.pro--flip .pro__copy{order:0}.pro__room{display:none}.ls-picker__row,.ls-picker__label{text-align:center;justify-content:center}.ws__stage{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:.9rem;display:grid}.ws__floater{opacity:1;filter:none;position:static;transform:none}.ws__phone{height:var(--pro-h);grid-column:1/-1;margin-bottom:.5rem}.ws__floater--medium{grid-column:1/-1;width:min(78vw,320px)}.ws__floater--small{width:min(42vw,170px)}}
.demo{width:100%;min-width:0;container-type:inline-size}.demo__window{--demo-size:min(var(--demo-h), calc(100cqw / 1.35));width:calc(var(--demo-size) * 1.35);max-width:100%;height:var(--demo-size);--demo-h:min(72svh, 620px);--demo-fill:.6;margin-inline:auto;position:relative;overflow:hidden}@media (min-width:1024px){.demo__window{--demo-h:min(calc(100svh - 8rem), 780px)}}.demo__frame{--demo-over:calc(1 / var(--demo-fill));left:0;top:calc(var(--demo-size) * (1 - var(--demo-over)) / 2);width:100%;height:calc(var(--demo-size) * var(--demo-over));background:0 0;border:0;display:block;position:absolute}.demo__loading{background:var(--surface-raised);border-radius:8%;justify-content:center;align-items:center;display:flex;position:absolute;inset:6% 4%}.demo__spinner{border:2px solid var(--rule);border-top-color:var(--ink-dim);border-radius:50%;width:2rem;height:2rem;animation:.9s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo__spinner{animation:none}}