.mock[data-c-gz6wjr2e]{background:var(--sand);color:var(--ink);--sp:1;font-size:.8rem;line-height:1.4;position:relative}.mock[data-c-gz6wjr2e][data-spacing=compact]{--sp:.65}.mock[data-c-gz6wjr2e][data-spacing=airy]{--sp:1.4}.frame[data-c-gz6wjr2e]{border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 18px 40px -20px #0006}.frame-bar[data-c-gz6wjr2e]{background:var(--sand);border-bottom:1px solid var(--line);gap:.375rem;padding:.5rem .75rem;display:flex}.frame-bar[data-c-gz6wjr2e] span[data-c-gz6wjr2e]{background:var(--line);border-radius:999px;width:.625rem;height:.625rem}.mock-bar[data-c-gz6wjr2e]{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.mock-bar[data-c-gz6wjr2e] span[data-c-gz6wjr2e]{color:var(--soft);font-size:.7rem}.mock-bar[data-c-gz6wjr2e] strong[data-c-gz6wjr2e]{margin-right:auto}.mock-bar[data-c-gz6wjr2e] .m-burger[data-c-gz6wjr2e]{display:none}.mock[data-c-gz6wjr2e][data-menu=centred] .mock-bar[data-c-gz6wjr2e]{justify-content:center;gap:1rem}.mock[data-c-gz6wjr2e][data-menu=centred] .mock-bar[data-c-gz6wjr2e] strong[data-c-gz6wjr2e]{order:2;margin:0}.mock[data-c-gz6wjr2e][data-menu=centred] .m-left[data-c-gz6wjr2e]{text-align:right;flex:1;order:1}.mock[data-c-gz6wjr2e][data-menu=centred] .m-right[data-c-gz6wjr2e]{flex:1;order:3}.mock[data-c-gz6wjr2e][data-menu=stacked] .mock-bar[data-c-gz6wjr2e]{flex-direction:column;gap:.3rem}.mock[data-c-gz6wjr2e][data-menu=stacked] .mock-bar[data-c-gz6wjr2e] strong[data-c-gz6wjr2e]{margin:0}.mock[data-c-gz6wjr2e][data-menu=stacked] .mock-bar[data-c-gz6wjr2e] .m-left[data-c-gz6wjr2e],.mock[data-c-gz6wjr2e][data-menu=stacked] .mock-bar[data-c-gz6wjr2e] .m-right[data-c-gz6wjr2e]{display:inline}.mock[data-c-gz6wjr2e][data-menu=sidebar]{grid-template-columns:5.5rem 1fr;display:grid}.mock[data-c-gz6wjr2e][data-menu=sidebar] .mock-bar[data-c-gz6wjr2e]{border-bottom:0;border-right:1px solid var(--line);flex-direction:column;grid-row:1/span 4;justify-content:flex-start;align-items:flex-start;gap:.5rem;padding:.8rem}.mock[data-c-gz6wjr2e][data-menu=sidebar] .mock-bar[data-c-gz6wjr2e] strong[data-c-gz6wjr2e]{margin:0 0 .4rem}.mock[data-c-gz6wjr2e][data-menu=sidebar] .m-left[data-c-gz6wjr2e],.mock[data-c-gz6wjr2e][data-menu=sidebar] .m-right[data-c-gz6wjr2e]{white-space:normal}.mock[data-c-gz6wjr2e][data-menu=sidebar]>[data-c-gz6wjr2e]:not(.mock-bar){grid-column:2}.mock[data-c-gz6wjr2e][data-menu=minimal] .m-left[data-c-gz6wjr2e],.mock[data-c-gz6wjr2e][data-menu=minimal] .m-right[data-c-gz6wjr2e]{display:none}.mock[data-c-gz6wjr2e][data-menu=minimal] .m-burger[data-c-gz6wjr2e]{display:inline}.mock-hero[data-c-gz6wjr2e]{isolation:isolate;padding:calc(1.2rem * var(--sp)) 1.2rem;text-align:center;background:var(--overlay);color:#fff;position:relative;overflow:hidden}.mock-hero[data-c-gz6wjr2e]:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 40%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 55%);opacity:.55;position:absolute;inset:-10%}.mock-title[data-c-gz6wjr2e]{font-family:var(--font-serif,Georgia, serif);font-size:1.5rem;line-height:1.15}.mock-sub[data-c-gz6wjr2e]{opacity:.9;margin-top:.4rem;font-size:.8rem}.mock-button[data-c-gz6wjr2e]{border-radius:var(--pill-radius);background:var(--accent);color:var(--paper);margin-top:.8rem;padding:.4rem 1rem;font-size:.75rem;display:inline-block}.mock-cards[data-c-gz6wjr2e]{padding:calc(.8rem * var(--sp)) 1rem;grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.mock-cards[data-c-gz6wjr2e] div[data-c-gz6wjr2e]{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper);padding:.7rem}.mock-cards[data-c-gz6wjr2e] b[data-c-gz6wjr2e]{color:var(--accent);font-size:.78rem;display:block}.mock-cards[data-c-gz6wjr2e] i[data-c-gz6wjr2e]{background:var(--line);border-radius:999px;height:.35rem;margin-top:.4rem;display:block}.mock-foot[data-c-gz6wjr2e]{text-align:center;color:var(--soft);padding:.3rem 1rem .8rem;font-size:.72rem}.mock-foot[data-c-gz6wjr2e] span[data-c-gz6wjr2e]{color:var(--accent)}.mock[data-c-gz6wjr2e][data-corners=square]{--card-radius:0;--pill-radius:0}.mock[data-c-gz6wjr2e][data-corners=soft]{--card-radius:.5rem;--pill-radius:.5rem}.mock[data-c-gz6wjr2e][data-corners=round]{--card-radius:1.1rem;--pill-radius:999px}.mock[data-c-gz6wjr2e][data-headings=serif] .mock-title[data-c-gz6wjr2e],.mock[data-c-gz6wjr2e][data-headings=serif] .mock-cards[data-c-gz6wjr2e] b[data-c-gz6wjr2e]{font-family:var(--font-serif,Georgia, serif);font-weight:400}.mock[data-c-gz6wjr2e][data-headings=sans] .mock-title[data-c-gz6wjr2e],.mock[data-c-gz6wjr2e][data-headings=sans] .mock-cards[data-c-gz6wjr2e] b[data-c-gz6wjr2e]{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:-.01em;font-weight:700}.mock[data-c-gz6wjr2e][data-hero=plain] .mock-hero[data-c-gz6wjr2e]:before{display:none}.mock[data-c-gz6wjr2e][data-hero=split] .mock-hero[data-c-gz6wjr2e]{text-align:left;background:var(--sand);color:var(--ink);grid-template-columns:1fr 1fr;align-items:center;gap:1rem;display:grid}.mock[data-c-gz6wjr2e][data-hero=split] .mock-hero[data-c-gz6wjr2e]:before{z-index:0;border-radius:var(--card-radius);background:linear-gradient(135deg, var(--accent), var(--overlay));opacity:.9;order:2;grid-area:1/2/span 3;min-height:5.5rem;position:relative;inset:auto}.mock[data-c-gz6wjr2e][data-hero=split] .mock-hero[data-c-gz6wjr2e]>[data-c-gz6wjr2e]{grid-column:1}.mock[data-c-gz6wjr2e][data-hero=split] .mock-button[data-c-gz6wjr2e]{background:var(--ink);color:var(--paper);justify-self:start}.mock-callbar[data-c-gz6wjr2e]{display:none}@media (width>=1024px){.preview[data-c-gz6wjr2e]{min-height:20rem;position:relative}.preview[data-c-gz6wjr2e] .frame[data-c-gz6wjr2e]{flex-direction:column;display:flex;position:absolute;inset:0}.preview[data-c-gz6wjr2e] .mock[data-c-gz6wjr2e]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.preview[data-c-gz6wjr2e] .mock[data-c-gz6wjr2e][data-menu=sidebar]{align-content:start;display:grid}.preview[data-c-gz6wjr2e] .mock-foot[data-c-gz6wjr2e]{margin-top:auto}.preview[data-c-gz6wjr2e][data-device=phone] .frame[data-c-gz6wjr2e]{width:13rem;max-width:none;margin-inline:auto;left:0;right:0}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e]{min-height:0}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e][data-hero=split] .mock-cards[data-c-gz6wjr2e] div[data-c-gz6wjr2e]:nth-child(2){display:none}}.preview[data-c-gz6wjr2e][data-device=phone] .frame[data-c-gz6wjr2e]{border:5px solid var(--ink);border-radius:1.5rem;max-width:13rem;margin-inline:auto}.preview[data-c-gz6wjr2e][data-device=phone] .frame-bar[data-c-gz6wjr2e]{display:none}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e]{min-height:20rem;font-size:.66rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-bar[data-c-gz6wjr2e]{padding:.55rem .8rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-bar[data-c-gz6wjr2e] .m-burger[data-c-gz6wjr2e]{color:var(--ink);font-size:1rem;display:inline}.preview[data-c-gz6wjr2e][data-device=phone] .m-left[data-c-gz6wjr2e],.preview[data-c-gz6wjr2e][data-device=phone] .m-right[data-c-gz6wjr2e]{display:none}.preview[data-c-gz6wjr2e][data-device=phone] .mock-title[data-c-gz6wjr2e]{font-size:1.15rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-sub[data-c-gz6wjr2e]{font-size:.7rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-cards[data-c-gz6wjr2e]{grid-template-columns:1fr}.preview[data-c-gz6wjr2e][data-device=phone] .mock-cards[data-c-gz6wjr2e] div[data-c-gz6wjr2e]:nth-child(3){display:none}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e][data-hero=split] .mock-hero[data-c-gz6wjr2e]{grid-template-columns:1fr}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e][data-hero=split] .mock-hero[data-c-gz6wjr2e]:before{order:2;grid-area:auto/1;min-height:3.2rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-callbar[data-c-gz6wjr2e]{border-top:1px solid var(--line);background:var(--line);gap:1px;position:absolute;bottom:0;left:0;right:0}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e][data-callbar=on] .mock-callbar[data-c-gz6wjr2e]{display:flex}.mock-callbar[data-c-gz6wjr2e] span[data-c-gz6wjr2e]{background:var(--paper);text-align:center;color:var(--ink);flex:1;padding:.6rem .2rem;font-weight:700}.mock-callbar[data-c-gz6wjr2e] span[data-c-gz6wjr2e]:first-child{background:var(--ink);color:var(--paper)}@media (width<=1023px){.preview[data-c-gz6wjr2e][data-device=phone] .frame[data-c-gz6wjr2e]{max-width:9.5rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock[data-c-gz6wjr2e]{height:12rem;font-size:.58rem;overflow:hidden}.preview[data-c-gz6wjr2e][data-device=phone] .mock-bar[data-c-gz6wjr2e]{padding:.35rem .6rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-sub[data-c-gz6wjr2e],.preview[data-c-gz6wjr2e][data-device=phone] .mock-foot[data-c-gz6wjr2e]{display:none}.preview[data-c-gz6wjr2e][data-device=phone] .mock-cards[data-c-gz6wjr2e]{padding:.5rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-cards[data-c-gz6wjr2e] div[data-c-gz6wjr2e]:nth-child(2){display:none}.preview[data-c-gz6wjr2e][data-device=phone] .mock-cards[data-c-gz6wjr2e] div[data-c-gz6wjr2e]{padding:.45rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-hero[data-c-gz6wjr2e]{padding-block:calc(.9rem * var(--sp))}.preview[data-c-gz6wjr2e][data-device=phone] .mock-title[data-c-gz6wjr2e]{font-size:.85rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-button[data-c-gz6wjr2e]{margin-top:.5rem;padding:.25rem .7rem}.preview[data-c-gz6wjr2e][data-device=phone] .mock-callbar[data-c-gz6wjr2e] span[data-c-gz6wjr2e]{padding:.35rem .2rem}}@keyframes mock-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mock-parallax-back{0%{transform:translateY(0)}to{transform:translateY(-12%)}}@keyframes mock-parallax-front{0%{transform:translateY(0)}to{transform:translateY(-1.1rem)}}@keyframes mock-drift{0%{transform:scale(1)}to{transform:scale(1.25)translate(6%)}}@media (prefers-reduced-motion:no-preference){.mock[data-c-gz6wjr2e][data-motion-demo=fade] .mock-hero[data-c-gz6wjr2e]>[data-c-gz6wjr2e],.mock[data-c-gz6wjr2e][data-motion-demo=fade] .mock-cards[data-c-gz6wjr2e]>div[data-c-gz6wjr2e]{animation:.7s both mock-fade}.mock[data-c-gz6wjr2e][data-motion-demo=fade] .mock-cards[data-c-gz6wjr2e]>div[data-c-gz6wjr2e]:nth-child(2){animation-delay:.12s}.mock[data-c-gz6wjr2e][data-motion-demo=fade] .mock-cards[data-c-gz6wjr2e]>div[data-c-gz6wjr2e]:nth-child(3){animation-delay:.24s}.mock[data-c-gz6wjr2e][data-motion-demo=drift] .mock-hero[data-c-gz6wjr2e]:before{animation:6s ease-out both mock-drift}.mock[data-c-gz6wjr2e][data-motion-demo=parallax] .mock-hero[data-c-gz6wjr2e]:before{animation:2.4s ease-in-out infinite alternate mock-parallax-back}.mock[data-c-gz6wjr2e][data-motion-demo=parallax] .mock-cards[data-c-gz6wjr2e]{animation:2.4s ease-in-out infinite alternate mock-parallax-front}}[data-c-gz6wjr2e][data-look-picker][data-device=phone] [data-c-gz6wjr2e][data-only=computer],[data-c-gz6wjr2e][data-look-picker][data-device=computer] [data-c-gz6wjr2e][data-only=phone]{opacity:.5}.preview[data-c-gz6wjr2e] .mock[data-c-gz6wjr2e]>[data-c-gz6wjr2e]{flex-shrink:0}.box[data-c-gz6wjr2e]{border:1px solid var(--line);border-radius:.5rem;min-width:0;padding:.15rem .6rem .5rem}.box[data-c-gz6wjr2e] legend[data-c-gz6wjr2e]{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);padding:0 .35rem;font-size:.62rem;font-weight:700}@media (width<=1023px){[data-c-gz6wjr2e][data-look-picker]:not([data-open]) .look-body[data-c-gz6wjr2e],[data-c-gz6wjr2e][data-look-picker][data-open] .look-gate[data-c-gz6wjr2e]{display:none}}.swatch[data-c-gz6wjr2e]{background:var(--sand);border:1px solid var(--line);border-radius:999px;place-items:center;width:1.6rem;height:1.6rem;display:grid}.swatch[data-c-gz6wjr2e] i[data-c-gz6wjr2e]{background:var(--accent);border-radius:999px;width:.65rem;height:.65rem}.look-choice[data-c-gz6wjr2e]{background:0 0;border:1px solid #0000}.look-choice[data-c-gz6wjr2e][aria-pressed=true],.opt-choice[data-c-gz6wjr2e][aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}