.sf{--sf-gutter: 16px;min-height:100vh;background:var(--sf-bg);color:var(--sf-ink);font-family:var(--sf-body);overflow-x:clip}:where(.sf,.sf-pick) a{color:inherit;text-decoration:none}.sf-container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--sf-gutter)}@media (min-width: 768px){.sf{--sf-gutter: 32px}}.sf-ribbon{background:var(--sf-ink);color:var(--sf-bg);font:500 12px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.sf-ribbon .sf-container{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.sf-ribbon a{white-space:nowrap}.sf-ribbon__home,.sf-ribbon__link{display:inline-flex;align-items:center;gap:6px;min-height:40px;opacity:.85;text-decoration:none;text-underline-offset:3px;transition:opacity .15s ease}.sf-ribbon__home:hover,.sf-ribbon__link:hover{opacity:1;text-decoration:underline}.sf-ribbon__home svg{width:14px;height:14px}.sf-ribbon__home:focus-visible,.sf-ribbon__link:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.sf-ribbon__note{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75;text-align:center}@media (max-width: 560px){.sf-ribbon__note{display:none}}.sf-footer__home{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:600;color:var(--sf-ink);text-decoration:underline;text-underline-offset:3px}.sf-footer__home svg{width:14px;height:14px}.sf-note .sf-footer__home{display:flex;width:-moz-fit-content;width:fit-content}.sf-top{position:sticky;top:0;z-index:20}.sf [id]{scroll-margin-top:120px}.sf-header{background:color-mix(in srgb,var(--sf-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--sf-line)}.sf-header .sf-container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.sf-bag{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;color:var(--sf-ink)}.sf-bag svg{width:20px;height:20px}.sf-nav{display:none;gap:28px;font-size:14px;letter-spacing:var(--sf-tracking);text-transform:var(--sf-case)}.sf-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--sf-muted);text-decoration:none}.sf-nav a[aria-current=page],.sf-nav a:hover{color:var(--sf-ink)}@media (min-width: 900px){.sf-nav{display:flex}}.sf-logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--sf-ink)}.sf-logo__mark{width:26px;height:26px;flex:none;color:var(--sf-accent)}.sf-logo__name{font-family:var(--sf-display);font-size:24px;line-height:1;letter-spacing:var(--sf-tracking);text-transform:var(--sf-case);font-weight:var(--sf-weight)}.sf-logo--fleetwell .sf-logo__name{font-style:italic;font-size:25px;letter-spacing:-.03em}.sf-logo--fleetwell .sf-logo__mark{width:28px;height:28px}.sf-logo--cedarloam .sf-logo__name{font-size:25px;letter-spacing:.01em}.sf-logo__stack{display:inline-flex;flex-direction:column;align-items:center;gap:3px;line-height:1}.sf-logo--aubrelle .sf-logo__house{font-family:var(--sf-body);font-size:9px;font-weight:500;letter-spacing:.5em;text-transform:uppercase;margin-right:-.5em}.sf-logo--aubrelle .sf-logo__name{font-size:21px;letter-spacing:.34em;text-transform:uppercase;margin-right:-.34em}.sf--fleetwell .sf-hero__title{font-style:italic;letter-spacing:-.035em;line-height:.92}.sf--fleetwell .sf-section-title,.sf--fleetwell .sf-info h1{font-style:italic;letter-spacing:-.03em}.sf--fleetwell .sf-btn,.sf--fleetwell .sf-chip{font-weight:600;letter-spacing:.02em}.sf--fleetwell .sf-eyebrow{color:var(--sf-accent);font-weight:600}.sf--cedarloam .sf-hero__title{letter-spacing:-.01em}.sf--cedarloam .sf-card__media,.sf--cedarloam .sf-hero__img{box-shadow:0 0 0 1px var(--sf-line)}.sf--aubrelle{--sf-gutter: 20px}@media (min-width: 768px){.sf--aubrelle{--sf-gutter: 56px}}.sf--aubrelle .sf-header{background:color-mix(in srgb,var(--sf-bg) 96%,transparent)}.sf--aubrelle .sf-header .sf-container{min-height:76px}.sf--aubrelle .sf-nav{gap:36px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.sf--aubrelle .sf-hero{padding-top:40px}@media (min-width: 768px){.sf--aubrelle .sf-hero{padding:88px 0 48px;gap:80px;grid-template-columns:1fr 1fr}}.sf--aubrelle .sf-hero__title{font-size:clamp(44px,6.4vw,92px);line-height:1.02;letter-spacing:-.01em}.sf--aubrelle .sf-hero__copy,.sf--aubrelle .sf-muted{line-height:1.75}.sf--aubrelle .sf-eyebrow{font-size:10px;letter-spacing:.32em}.sf--aubrelle .sf-btn{min-height:52px;padding:0 30px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}.sf--aubrelle .sf-btn--sm{min-height:44px;padding:0 18px;font-size:10px}.sf--aubrelle .sf-btn--accent{background:transparent;color:var(--sf-ink);border-color:var(--sf-ink)}.sf--aubrelle .sf-btn--accent:hover{background:var(--sf-ink);color:var(--sf-bg);opacity:1}.sf--aubrelle .sf-chip{font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:transparent}.sf--aubrelle .sf-section-head{margin-top:72px}.sf--aubrelle .sf-section-title{font-size:clamp(28px,3.4vw,44px)}.sf--aubrelle .sf-card{gap:14px}.sf--aubrelle .sf-card__title{font-family:var(--sf-display);font-size:17px;letter-spacing:.01em}.sf--aubrelle .sf-card__meta{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.sf--aubrelle .sf-price{font-family:var(--sf-display);font-size:24px}.sf--aubrelle .sf-info h1{font-size:clamp(32px,3.6vw,48px);line-height:1.1}@media (min-width: 1100px){.sf--aubrelle .sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 40px}}.sf--aubrelle .sf-footer{padding:64px 0 80px}.sf-chips{display:flex;gap:8px;overflow-x:auto;padding:12px var(--sf-gutter);margin:0 calc(var(--sf-gutter) * -1);scrollbar-width:none}.sf-chips::-webkit-scrollbar{display:none}.sf-chip{flex:none;display:inline-flex;align-items:center;min-height:40px;text-decoration:none;padding:0 16px;border-radius:var(--sf-button);border:1px solid var(--sf-line);background:var(--sf-surface);color:var(--sf-ink);font:inherit;font-size:14px;text-transform:var(--sf-case);cursor:pointer}.sf-chip[aria-current=page]{background:var(--sf-ink);border-color:var(--sf-ink);color:var(--sf-bg)}.sf-hero{display:grid;gap:20px;padding:24px 0 8px;align-items:center}.sf-hero__title{font-family:var(--sf-display);font-weight:var(--sf-weight);font-size:clamp(40px,7vw,88px);line-height:.98;letter-spacing:-.01em;text-transform:var(--sf-case);margin:0}.sf-hero__copy{max-width:34ch;font-size:17px;line-height:1.5;color:var(--sf-muted);margin:16px 0 0}.sf-hero__img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:var(--sf-surface);border-radius:var(--sf-radius)}.sf-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-muted);margin:0 0 12px}@media (min-width: 768px){.sf-hero{grid-template-columns:1.1fr .9fr;gap:48px;padding:48px 0 24px}.sf-hero__img{aspect-ratio:4 / 5;max-height:640px}}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--sf-button);border:1px solid var(--sf-ink);background:var(--sf-ink);color:var(--sf-bg);font:inherit;font-size:15px;letter-spacing:var(--sf-tracking);text-transform:var(--sf-case);cursor:pointer;transition:opacity .15s}.sf-btn:hover{opacity:.88}.sf-btn:focus-visible,.sf-chip:focus-visible,.sf-nav a:focus-visible,.sf-size:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.sf-btn--accent{background:var(--sf-accent);border-color:var(--sf-accent);color:var(--sf-accent-ink)}.sf-btn--ghost{background:transparent;color:var(--sf-ink)}.sf-btn--sm{min-height:40px;padding:0 14px;font-size:13px}.sf-btn svg{width:18px;height:18px}.sf-btn[disabled]{opacity:.5;cursor:progress}.sf-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:32px 0 4px}.sf-section-title{font-family:var(--sf-display);font-weight:var(--sf-weight);font-size:clamp(26px,4vw,40px);text-transform:var(--sf-case);margin:0}.sf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:12px 0 48px}@media (min-width: 768px){.sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}}@media (min-width: 1100px){.sf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sf-card{display:flex;flex-direction:column;gap:10px;min-width:0}.sf-card__media{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--sf-radius);background:var(--sf-surface)}.sf-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:opacity .35s ease}.sf-card__packwrap{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sf-surface);isolation:isolate;opacity:0;transition:opacity .35s ease}.sf-card__media .sf-card__packwrap img.sf-card__pack{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:10%;mix-blend-mode:multiply}@media (hover: hover){.sf-card:hover .sf-card__packwrap{opacity:1}.sf-card:hover .sf-card__on{opacity:0}}@media (prefers-reduced-motion: reduce){.sf-card__packwrap,.sf-card__media img{transition:none}}.sf-card__title{font-size:15px;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-card__actions{margin-top:auto}.sf-card__meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--sf-muted)}.sf-card__actions .sf-btn{width:100%}.sf-crumbs{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 4px;font-size:13px;color:var(--sf-muted)}.sf-pdp{display:grid;gap:24px;padding:8px 0 48px}@media (min-width: 900px){.sf-pdp{grid-template-columns:1.25fr 1fr;gap:56px;align-items:start}}.sf-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--sf-gutter) * -1);padding:0 var(--sf-gutter);scroll-padding-inline:var(--sf-gutter);scrollbar-width:none}.sf-gallery::-webkit-scrollbar{display:none}.sf-gallery figure{margin:0;scroll-snap-align:start;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--sf-radius);background:var(--sf-surface)}.sf-gallery img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.sf-gallery img.sf-gallery__pack{-o-object-fit:contain;object-fit:contain;padding:8%;mix-blend-mode:multiply}@media (min-width: 900px){.sf-gallery{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible;margin:0;padding:0}}.sf-info{display:flex;flex-direction:column;gap:16px}@media (min-width: 900px){.sf-info{position:sticky;top:136px}.sf--aubrelle .sf-info{top:148px}}.sf-info h1{font-family:var(--sf-display);font-weight:var(--sf-weight);font-size:clamp(30px,4vw,44px);line-height:1.05;text-transform:var(--sf-case);margin:0}.sf-price{font-size:20px}.sf-muted{color:var(--sf-muted);font-size:14px;line-height:1.55;margin:0}.sf-sizes{display:flex;flex-wrap:wrap;gap:8px}.sf-size{min-width:48px;min-height:44px;padding:0 12px;border-radius:var(--sf-button);border:1px solid var(--sf-line);background:var(--sf-surface);color:var(--sf-ink);font:inherit;font-size:14px;cursor:pointer}.sf-size[aria-pressed=true]{border-color:var(--sf-ink);box-shadow:inset 0 0 0 1px var(--sf-ink)}.sf-actions{display:grid;gap:10px}@media (min-width: 480px){.sf-actions{grid-template-columns:1fr 1fr}}.sf-note{font-size:13px;color:var(--sf-muted);margin:0}.sf-details{border-top:1px solid var(--sf-line);padding-top:16px;display:grid;gap:8px;font-size:14px;color:var(--sf-muted);list-style:none;margin:0;padding-left:0}.sf-footer{border-top:1px solid var(--sf-line);padding:40px 0 56px;color:var(--sf-muted);font-size:14px}.sf-footer .sf-container{display:grid;gap:16px}@media (min-width: 768px){.sf-footer .sf-container{grid-template-columns:1fr 1fr;align-items:end}}.sf-picker{display:grid;gap:16px;padding:8px 0 64px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}@media (min-width: 900px){.sf-picker{gap:20px}}.sf-picker--inline{padding:0}@media (max-width: 639px){.sf-picker--rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;contain:paint;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.sf-picker--rail::-webkit-scrollbar{display:none}.sf-picker--rail>.sf-pick{scroll-snap-align:start}}.sf-pick .sf-logo__name{white-space:nowrap}.sf-pick .sf-logo--fleetwell .sf-logo__name,.sf-pick .sf-logo--cedarloam .sf-logo__name{font-size:21px}.sf-pick .sf-logo--aubrelle .sf-logo__name{font-size:17px;letter-spacing:.3em;margin-right:-.3em}.sf-pick{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--sf-bg);color:var(--sf-ink);font-family:var(--sf-body);border:1px solid var(--sf-line);transition:transform .2s ease}.sf-pick:hover{transform:translateY(-2px)}.sf-pick:focus-visible{outline:2px solid var(--sf-accent);outline-offset:3px}.sf-pick__img{width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:var(--sf-surface)}.sf-pick__body{display:grid;gap:8px;padding:18px 20px 22px}.sf-pick__tag{font-size:14px;color:var(--sf-muted);margin:0}.sf-pick__cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}@media (prefers-reduced-motion: reduce){.sf-pick,.sf-card__media img{transition:none}}.flow{--flow-ease: var(--ease-out);--flow-dur: .6s;container-type:inline-size;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.flow svg{width:1em;height:1em;flex:none}.flow__stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);font-size:clamp(7.5px,2.9cqw,13px);line-height:1.3;color:var(--fg)}.flow__store{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.flow__store-bar{display:flex;align-items:center;justify-content:space-between;gap:1em;height:3.4em;padding-inline:1.6em;border-bottom:1px solid var(--border);font-size:.78em;color:var(--fg-muted)}.flow__store-brand{font-size:1.25em;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.flow__store-nav{display:flex;gap:1.4em}.flow__store-bag{display:inline-flex;align-items:center;gap:.4em;color:var(--fg)}.flow__store-body{display:grid;grid-template-columns:1.05fr 1fr;gap:2em;flex:1;padding:1.8em 1.6em}.flow__store-media{aspect-ratio:3 / 4;overflow:hidden;border-radius:.3em;background:var(--surface-2)}.flow__store-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow__store-info{display:flex;flex-direction:column;align-items:flex-start;gap:.55em;padding-top:.4em}.flow__store-kicker{font-size:.72em;color:var(--fg-muted)}.flow__store-title{font-size:1.35em;font-weight:500;letter-spacing:-.02em;line-height:1.1}.flow__store-price{font-size:.95em}.flow__store-sizes{display:flex;gap:.4em;margin-top:.6em}.flow__store-sizes i{display:inline-flex;align-items:center;justify-content:center;min-width:2.3em;height:2.1em;padding-inline:.5em;border:1px solid var(--border);font-size:.72em;font-style:normal;color:var(--fg-muted)}.flow__store-sizes i[data-on]{border-color:var(--fg);color:var(--fg)}.flow__store-cart{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;height:2.7em;margin-top:.9em;background:var(--fg);color:var(--bg);font-size:.85em;font-weight:500}.flow__store-try{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45em;align-self:stretch;height:2.7em;border-radius:999px;background:var(--fg);color:var(--bg);font-size:.85em;font-weight:500;transition:scale .16s var(--ease-standard)}.flow__store-try svg{width:.9em;height:.9em}.flow__tap{position:absolute;left:50%;top:50%;width:2em;height:2em;border-radius:999px;border:2px solid var(--fg);background:var(--glass);box-shadow:0 0 0 .35em color-mix(in srgb,var(--fg) 12%,transparent);opacity:0;transform:translate(-50%,-50%) scale(1.8);transition:opacity .22s var(--ease-standard),transform .32s var(--flow-ease)}.flow[data-tap=try] .flow__tap[data-for=try],.flow[data-tap=upload] .flow__tap[data-for=upload],.flow[data-tap=choose] .flow__tap[data-for=choose],.flow[data-tap=tryon] .flow__tap[data-for=tryon]{opacity:1;transform:translate(-50%,-50%) scale(1)}.flow[data-tap=try] [data-press=try],.flow[data-tap=upload] [data-press=upload],.flow[data-tap=choose] [data-press=choose],.flow[data-tap=tryon] [data-press=tryon]{scale:.97}.flow__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);opacity:0;transition:opacity .36s var(--ease-standard)}.flow[data-window] .flow__dim{opacity:1}.flow__window{position:absolute;top:4%;right:0;bottom:4%;left:0;width:min(27em,94%);margin-inline:auto;display:flex;flex-direction:column;overflow:hidden;border-radius:1.4em;background:var(--bg);box-shadow:var(--shadow-3);transform-origin:92% 37%;transform:scale(.05);opacity:0;transition:transform .32s var(--ease-standard),opacity .2s var(--ease-standard) .12s}.flow[data-window] .flow__window{transform:none;opacity:1;transition:transform .44s cubic-bezier(.2,.8,.2,1),opacity .2s var(--ease-standard)}.flow__head{display:flex;align-items:center;justify-content:space-between;min-height:3em;padding:0 .8em 0 1.2em}.flow__head-title{display:inline-flex;align-items:center;gap:.45em;font-size:.9em;font-weight:600;letter-spacing:-.01em}.flow__head-title svg{width:1.1em;height:1.1em}.flow__head-close{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em}.flow__head-close svg{width:1.15em;height:1.15em}.flow__stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;padding:.2em 1.2em .6em}.flow__stepper>span{display:flex;flex-direction:column;gap:.5em;font-size:.78em;font-weight:500;color:var(--fg-subtle);transition:color .3s var(--ease-standard)}.flow__stepper>span[data-current]{color:var(--fg)}.flow__stepper>span i{display:block;height:2px;border-radius:999px;background:var(--border);transition:background-color .3s var(--ease-standard)}.flow__stepper>span[data-on] i{background:var(--accent)}.flow__screens{position:relative;flex:1;min-height:0}.flow__screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;transform:translate(.8em);transition:opacity .3s var(--ease-standard),transform .42s var(--flow-ease)}.flow[data-screen=photo] .flow__screen--photo,.flow[data-screen=pieces] .flow__screen--pieces,.flow[data-screen=tryon] .flow__screen--tryon{opacity:1;transform:none;transition-delay:.12s}.flow__body{display:flex;flex:1;min-height:0;flex-direction:column;padding:.6em 1.2em 0}.flow__foot{display:flex;flex-direction:column;gap:.55em;padding:.7em 1.2em 1.1em}.flow__title{display:grid;margin:0 0 .9em;font-size:1.25em;font-weight:500;letter-spacing:-.02em;line-height:1.15}.flow__title em{font-style:normal;color:var(--fg-tone)}.flow__title>span{grid-area:1 / 1;transition:opacity .2s var(--ease-standard)}.flow__title-set,.flow[data-photo] .flow__title-ask{opacity:0}.flow[data-photo] .flow__title-set{opacity:1;transition-delay:.2s}.flow__panes{position:relative;flex:1;min-height:0}.flow__pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:.9em;transition:opacity .28s var(--ease-standard)}.flow__pane--set,.flow[data-photo] .flow__pane--ask{opacity:0}.flow[data-photo] .flow__pane--set{opacity:1;transition-delay:.12s}.flow__choices{display:flex;flex-direction:column;overflow:hidden;border-radius:.9em;background:var(--surface);box-shadow:var(--shadow-1)}.flow__choice{position:relative;display:flex;align-items:center;gap:.9em;min-height:3.6em;padding:.5em .9em .5em .8em;transition:scale .16s var(--ease-standard)}.flow__choice+.flow__choice{border-top:1px solid var(--border)}.flow__choice>i{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border-radius:999px;background:var(--surface-2)}.flow__choice>span{display:flex;flex:1;flex-direction:column;gap:.15em}.flow__choice b{font-size:.88em;font-weight:500}.flow__choice small{font-size:.72em;color:var(--fg-muted)}.flow__choice>svg{width:.95em;height:.95em;color:var(--fg-subtle)}.flow__quiet{display:flex;justify-content:center;gap:1.6em;font-size:.82em;font-weight:500;color:var(--fg-muted)}.flow__quiet>span{display:inline-flex;align-items:center;gap:.4em}.flow__photo{display:flex;flex:1;min-height:0;justify-content:center}.flow__photo img{height:100%;max-width:100%;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;border-radius:.9em;background:var(--surface-2)}.flow__consent{display:flex;align-items:flex-start;gap:.5em;margin:0;font-size:.68em;line-height:1.35;color:var(--fg-muted)}.flow__box{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.5em;height:1.5em;margin-top:.1em;border:1px solid var(--border-strong);border-radius:.3em;background:var(--surface);color:var(--accent-fg);transition:background-color .2s var(--ease-standard),border-color .2s var(--ease-standard)}.flow__box svg{width:.9em;height:.9em;opacity:0;transition:opacity .2s var(--ease-standard)}.flow[data-photo] .flow__box{background:var(--accent);border-color:var(--accent)}.flow[data-photo] .flow__box svg{opacity:1}.flow__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45em;width:100%;height:3em;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:.9em;font-weight:500;white-space:nowrap;transition:opacity .24s var(--ease-standard),scale .16s var(--ease-standard)}.flow__pill--outline{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-strong)}.flow__spark{fill:currentColor}.flow__pill--choose{opacity:.45}.flow[data-photo] .flow__pill--choose{opacity:1}.flow__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}.flow__tile{display:flex;flex-direction:column;gap:.25em;opacity:0;transform:translateY(.6em);transition:opacity .3s var(--ease-standard),transform .5s var(--flow-ease)}.flow[data-screen=pieces] .flow__tile{opacity:1;transform:none;transition-delay:calc(.18s + var(--i, 0) * .11s)}.flow__tile-img{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:.9em;background:var(--surface)}.flow__tile-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow__tile-cat,.flow__tile-x{position:absolute;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--fg);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flow__tile-cat{left:.45em;bottom:.45em;gap:.25em;height:1.6em;padding-inline:.55em;border-radius:999px;font-size:.7em;font-weight:500}.flow__tile-cat svg{width:.9em;height:.9em}.flow__tile-x{right:.4em;top:.4em;justify-content:center;width:1.9em;height:1.9em;border-radius:999px}.flow__tile-x svg{width:.85em;height:.85em}.flow__tile-name{margin-top:.3em;overflow:hidden;font-size:.78em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.flow__tile-price{font-size:.72em;color:var(--fg-muted)}.flow__tile--add .flow__tile-img{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;border:1.5px dashed var(--border-strong);background:transparent;font-size:.78em;font-weight:500}.flow__tile--add i{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:999px;background:var(--surface)}.flow__context{display:flex;align-items:center;gap:.6em;margin:0;font-size:.82em;color:var(--fg-muted)}.flow__context img{width:1.9em;height:2.5em;border-radius:.3em;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.flow__context span{flex:1}.flow__context b{font-weight:500;color:var(--fg)}.flow__result-wrap{display:flex;flex:1;min-height:0;justify-content:center;padding-top:.2em}.flow__result{position:relative;height:100%;max-width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:.9em;background:var(--surface-2)}.flow__result img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow__result-before{filter:grayscale(1)}.flow__result-after{opacity:0;transition:opacity .9s var(--ease-standard)}.flow[data-done] .flow__result-after{opacity:1}.flow__sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,color-mix(in srgb,var(--white) 85%,transparent) 50%,transparent 60%) no-repeat;background-size:300% 300%;background-position:100% 100%;mix-blend-mode:soft-light;opacity:0;transition:opacity .3s var(--ease-standard)}.flow[data-render] .flow__sweep{opacity:1;animation:flow-shimmer 2.2s ease-in-out infinite}@keyframes flow-shimmer{0%{background-position:100% 100%}72%{background-position:0% 0%}to{background-position:0% 0%}}.flow__zoom{position:absolute;right:.6em;bottom:.6em;display:inline-flex;align-items:center;gap:.35em;height:2em;padding-inline:.7em;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--fg);font-size:.75em;font-weight:500;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(.4em);transition:opacity .3s var(--ease-standard) .5s,transform .4s var(--flow-ease) .5s}.flow[data-done] .flow__zoom{opacity:1;transform:none}.flow__status{display:flex;align-items:center;justify-content:center;gap:.4em;margin:.6em 0 0;font-size:.82em;font-weight:500;transition:opacity .26s var(--ease-standard)}.flow__status svg{fill:currentColor;color:var(--accent)}.flow[data-done] .flow__status{opacity:0}.flow__inlist{display:flex;flex-direction:column;gap:.4em;margin-top:.6em}.flow__inlist-label{font-size:.7em;font-weight:500;color:var(--fg-muted)}.flow__inlist-row{display:flex;gap:.5em;overflow:hidden;-webkit-mask-image:linear-gradient(to right,black calc(100% - 2em),transparent);mask-image:linear-gradient(to right,black calc(100% - 2em),transparent)}.flow__inlist-card{display:flex;flex:none;align-items:center;gap:.55em;height:3.2em;max-width:13em;padding:.35em .7em .35em .35em;border-radius:.6em;background:var(--surface);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--border)}.flow__inlist-card img{width:2em;height:2.5em;border-radius:.3em;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.flow__inlist-card>span{display:flex;min-width:0;flex-direction:column}.flow__inlist-card b{overflow:hidden;font-size:.72em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.flow__inlist-card small{font-size:.66em;color:var(--fg-muted)}.flow__inlist-card>svg{width:.85em;height:.85em;color:var(--fg-muted)}.flow__foot--stack{display:grid}.flow__foot--stack>div{grid-area:1 / 1;display:flex;flex-direction:column;gap:.55em;transition:opacity .26s var(--ease-standard)}.flow__foot-done,.flow[data-done] .flow__foot-render{opacity:0}.flow[data-done] .flow__foot-done{opacity:1;transition-delay:.2s}.flow__pair{display:grid;grid-template-columns:1fr 1fr;gap:.5em}.flow__pair .flow__pill{font-size:.82em;padding-inline:.6em}.flow__pair--ghost>span{display:inline-flex;align-items:center;justify-content:center;gap:.4em;height:2.4em;font-size:.8em;font-weight:500;color:var(--fg)}.flow-steps{display:flex;flex-direction:column;gap:.25rem}.flow-step__button{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;-moz-column-gap:1rem;column-gap:1rem;width:100%;padding:1rem .75rem 1rem 0;border-radius:var(--radius-md);text-align:left;color:var(--fg-tone);transition:color var(--dur-slow) var(--ease-standard)}.flow-step__button:focus-visible{outline-offset:4px}.flow-step[data-active] .flow-step__button,.flow-step__button:hover{color:var(--fg)}.flow-step__rail{position:relative;align-self:stretch;width:2px;border-radius:999px;background:var(--border);overflow:hidden}.flow-step__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent);transform-origin:top;transform:scaleY(0)}.flow-step[data-active] .flow-step__fill{transform:scaleY(1);transition:transform var(--step-ms, 3s) linear}.flow-steps[data-still] .flow-step[data-active] .flow-step__fill{transition:none}.flow-step__num{padding-top:.3rem;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;color:var(--fg-subtle);transition:color var(--dur-slow) var(--ease-standard)}.flow-step[data-active] .flow-step__num{color:var(--site-accent-text)}.flow-step__body{display:flex;flex-direction:column;gap:.375rem}.flow-step__label{font-size:var(--text-xl);font-weight:500;letter-spacing:var(--tracking-tight);line-height:1.2}.flow-step__text{max-width:34ch;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-muted);opacity:.55;transition:opacity var(--dur-slow) var(--ease-standard)}.flow-step[data-active] .flow-step__text,.flow-step__button:hover .flow-step__text{opacity:1}@media (min-width: 1024px){.flow-step__button{padding-block:1.25rem}.flow-step__label{font-size:var(--text-2xl)}}.dash{--dash-ease: var(--ease-out);container-type:inline-size;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.dash svg{width:1em;height:1em;flex:none}.dash__stage{position:relative;display:flex;flex-direction:column;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-1);font-size:clamp(7px,1.9cqw,13px);line-height:1.3;color:var(--fg)}.dash__chrome{display:flex;flex:none;align-items:center;gap:1em;height:2.6em;padding-inline:1em;border-bottom:1px solid var(--border);background:var(--surface-2)}.dash__dots{display:flex;gap:.4em}.dash__dots i{width:.7em;height:.7em;border-radius:999px;background:var(--border-strong)}.dash__url{display:flex;flex:1;align-items:center;justify-content:center;gap:.35em;max-width:24em;height:1.75em;margin-inline:auto;padding-right:3em;border-radius:999px;background:var(--surface);font-size:.78em}.dash__url svg{width:.85em;height:.85em;color:var(--fg-muted)}.dash__url-path{display:grid;justify-items:start;margin-left:-.35em;color:var(--fg-muted)}.dash__url-path>span{grid-area:1 / 1;opacity:0;transition:opacity .2s var(--ease-standard)}.dash__url-path>span[data-on]{opacity:1}.dash__app{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;padding-inline:1.8em}.dash__top{display:flex;flex:none;align-items:center;justify-content:space-between;height:3em}.dash__brand{display:inline-flex;align-items:center;gap:.4em;font-size:.95em;font-weight:600;letter-spacing:-.01em}.dash__brand svg{width:1.2em;height:1.2em}.dash__avatar{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:999px;background:var(--surface-2);font-size:.7em;font-weight:600}.dash__head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:1em;padding:.4em 0 1.1em}.dash__store{font-family:var(--font-display);font-size:1.5em;letter-spacing:-.03em;white-space:nowrap}.dash__nav{display:inline-flex;gap:.15em;padding:.22em;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.dash__nav>span{position:relative;display:inline-flex;align-items:center;justify-content:center;height:2.1em;padding-inline:.85em;border-radius:999px;font-size:.74em;color:var(--fg-muted);white-space:nowrap;transition:background-color .3s var(--ease-standard),color .3s var(--ease-standard),scale .16s var(--ease-standard)}.dash__nav>span[data-on]{background:var(--surface-2);color:var(--fg)}.dash__nav-short{display:none}.dash__tap{position:absolute;left:50%;top:50%;width:2.4em;height:2.4em;border-radius:999px;border:2px solid var(--fg);background:var(--glass);box-shadow:0 0 0 .35em color-mix(in srgb,var(--fg) 12%,transparent);opacity:0;transform:translate(-50%,-50%) scale(1.8);transition:opacity .22s var(--ease-standard),transform .32s var(--dash-ease)}.dash[data-tap=add] .dash__tap[data-for=add],.dash[data-tap=theme] .dash__tap[data-for=theme],.dash[data-tap=clay] .dash__tap[data-for=clay],.dash[data-tap=corners] .dash__tap[data-for=corners],.dash[data-tap=dark] .dash__tap[data-for=dark],.dash[data-tap=tryons] .dash__tap[data-for=tryons],.dash[data-tap=period] .dash__tap[data-for=period]{opacity:1;transform:translate(-50%,-50%) scale(1)}.dash[data-tap=add] [data-press=add],.dash[data-tap=theme] [data-press=theme],.dash[data-tap=clay] [data-press=clay],.dash[data-tap=corners] [data-press=corners],.dash[data-tap=dark] [data-press=dark],.dash[data-tap=tryons] [data-press=tryons],.dash[data-tap=period] [data-press=period]{scale:.96}.dash__screens{position:relative;flex:1;min-height:0}.dash__screen{position:absolute;top:0;right:0;bottom:1.6em;left:0;display:flex;flex-direction:column;gap:.9em;opacity:0;transform:translateY(.6em);transition:opacity .3s var(--ease-standard),transform .42s var(--dash-ease)}.dash[data-screen=keys] .dash__screen--keys,.dash[data-screen=theme] .dash__screen--theme,.dash[data-screen=tryons] .dash__screen--tryons{opacity:1;transform:none;transition-delay:.12s}.dash__card{border:1px solid var(--border);border-radius:.9em;background:var(--surface);padding:1.1em 1.2em}.dash__row{display:flex;align-items:center;justify-content:space-between;gap:1em}.dash__h{font-size:1.05em;font-weight:500;letter-spacing:-.01em}.dash__label{font-size:.74em;font-weight:500;color:var(--fg-muted)}.dash__badge{display:inline-flex;align-items:center;height:1.7em;padding-inline:.65em;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78em;font-style:normal;font-weight:500}.dash__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;height:2.4em;padding-inline:1.05em;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-weight:500;white-space:nowrap;transition:scale .16s var(--ease-standard)}.dash__status{display:grid;justify-items:end;font-size:.74em;font-weight:500}.dash__status>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:.45em;height:2em;padding-inline:.8em;border-radius:999px}.dash__status-wait{background:var(--warning-soft);color:var(--warning)}.dash__status-live{background:var(--success-soft);color:var(--success);opacity:0;transform:scale(.8)}.dash[data-live] .dash__status-wait{opacity:0;transition:opacity .2s var(--ease-standard)}.dash[data-live] .dash__status-live{opacity:1;transform:none;transition:opacity .26s var(--ease-standard) .12s,transform .52s cubic-bezier(.2,1.6,.4,1) .12s}.dash__status-live i,.dash__live i{position:relative;width:.55em;height:.55em;border-radius:999px;background:currentColor}.dash__status-live i:after,.dash__live i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;animation:dash-ping 1.6s var(--ease-out) infinite}@keyframes dash-ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(2.6);opacity:0}}.dash__claude-head{display:flex;align-items:flex-start;gap:.8em}.dash__claude-head>svg{width:1.2em;height:1.2em;margin-top:.05em}.dash__claude-head b{display:flex;align-items:center;gap:.5em;font-size:.95em;font-weight:500}.dash__claude-head small{display:block;margin-top:.3em;font-size:.8em;color:var(--fg-muted)}.dash__claude-steps{display:flex;flex-direction:column;gap:.75em;margin:1em 0 0;padding:0 0 0 2em;list-style:none;font-size:.82em}.dash__claude-steps li{display:flex;align-items:center;gap:.6em}.dash__claude-steps li>i{display:inline-grid;place-items:center;width:1.75em;height:1.75em;border-radius:999px;background:var(--surface-2);font-size:.85em;font-style:normal;font-weight:500}.dash__claude-steps code,.dash__code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dash__claude-steps code{padding:.3em .6em;border-radius:.4em;background:var(--surface-2);font-size:.92em}.dash__code{display:block;overflow:hidden;padding:.95em 1em;border-radius:.6em;background:var(--surface-2);font-size:.72em;text-overflow:ellipsis;white-space:nowrap}.dash__pair{display:grid;grid-template-columns:1fr 1fr;gap:.9em;margin-top:.3em}.dash__mini{display:flex;flex-direction:column;gap:.7em}.dash__mini .dash__h{font-size:.9em}.dash__key{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.55em 0;border-top:1px solid var(--border);font-size:.8em}.dash__key code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.dash__badge--live{background:var(--success-soft);color:var(--success)}.dash__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);opacity:0;transition:opacity .36s var(--ease-standard)}.dash[data-chat] .dash__dim{opacity:1}.dash__chat{position:absolute;right:7%;bottom:8%;width:min(25em,86%);overflow:hidden;border-radius:1.1em;background:var(--surface);box-shadow:var(--shadow-3);opacity:0;transform:translateY(1.5em) scale(.96);transform-origin:80% 100%;transition:opacity .22s var(--ease-standard),transform .34s var(--ease-standard)}.dash[data-chat] .dash__chat{opacity:1;transform:none;transition:opacity .24s var(--ease-standard),transform .52s cubic-bezier(.2,.8,.2,1)}.dash__chat-head{display:flex;align-items:center;justify-content:space-between;padding:.75em 1.1em;border-bottom:1px solid var(--border);font-size:.85em}.dash__chat-head b{font-weight:600}.dash__chip{display:inline-flex;align-items:center;gap:.35em;height:1.9em;padding-inline:.7em;border-radius:999px;background:var(--surface-2);font-size:.85em;color:var(--fg-muted)}.dash__chat-body{display:flex;flex-direction:column;gap:.8em;padding:1em 1.1em 1.2em;font-size:.85em}.dash__ask{align-self:flex-end;max-width:80%;margin:0;padding:.6em .9em;border-radius:1em 1em .3em;background:var(--surface-2);opacity:0;transform:translateY(.5em)}.dash[data-chat] .dash__ask{opacity:1;transform:none;transition:opacity .26s var(--ease-standard) .26s,transform .42s var(--dash-ease) .26s}.dash__reply{display:grid;min-height:5.6em}.dash__typing{grid-area:1 / 1;display:inline-flex;align-self:start;gap:.3em;padding-block:.6em;opacity:0}.dash[data-phase=ask] .dash__typing{opacity:1;transition:opacity .2s var(--ease-standard) .7s}.dash__typing i{width:.45em;height:.45em;border-radius:999px;background:var(--fg-subtle);animation:dash-typing 1s ease-in-out infinite}.dash__typing i:nth-child(2){animation-delay:.15s}.dash__typing i:nth-child(3){animation-delay:.3s}@keyframes dash-typing{0%,60%,to{transform:none;opacity:.5}30%{transform:translateY(-.3em);opacity:1}}.dash__checks{grid-area:1 / 1;display:flex;flex-direction:column;gap:.6em;margin:0;padding:0;list-style:none}.dash__checks li{display:flex;align-items:center;gap:.55em;opacity:0;transform:translate(-.4em)}.dash__checks svg{width:1.5em;height:1.5em;padding:.3em;border-radius:999px;background:var(--success-soft);color:var(--success)}.dash[data-checks] .dash__checks li{opacity:1;transform:none;transition:opacity .26s var(--ease-standard),transform .42s var(--dash-ease);transition-delay:calc(.15s + var(--i, 0) * .62s)}.dash__screen--theme{flex-direction:row;gap:1.6em}.dash__controls{display:flex;flex:none;flex-direction:column;gap:1em;width:20em}.dash__fields{display:flex;flex-direction:column;gap:1em}.dash__field{display:flex;flex-direction:column;gap:.45em}.dash__swatches{display:flex;flex-wrap:wrap;gap:.4em}.dash__swatch{position:relative;display:inline-flex;align-items:center;gap:.4em;height:2.4em;padding-inline:.65em .85em;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.76em;transition:border-color .25s var(--ease-standard),scale .16s var(--ease-standard)}.dash__swatch[data-on]{border-color:var(--fg)}.dash__swatch i{width:1.15em;height:1.15em;border:1px solid var(--border);border-radius:999px}.dash__select{position:relative;display:flex;align-items:center;justify-content:space-between;height:2.7em;padding-inline:.9em .7em;border:1px solid var(--border-strong);border-radius:.55em;background:var(--surface);font-size:.8em;transition:scale .16s var(--ease-standard)}.dash__select svg{color:var(--fg-muted)}.dash__swap{animation:dash-swap .38s var(--dash-ease)}@keyframes dash-swap{0%{opacity:0;transform:translateY(.45em)}}.dash__save{align-self:flex-start;margin-top:auto;font-size:.82em}.dash__preview{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;gap:.45em}.dash__preview-stage{display:flex;flex:1;min-height:0;justify-content:center;padding:1.2em;border-radius:1.1em;background:var(--surface-2);transition:background-color .5s var(--ease-standard)}.dash__fr{display:flex;flex-direction:column;width:min(15.5em,100%);height:100%;overflow:hidden;border-radius:calc(var(--widget-radius) * .55);background:var(--bg);box-shadow:var(--shadow-3);color:var(--fg);font-family:var(--font-sans);transition:background-color .5s var(--ease-standard),color .5s var(--ease-standard),border-radius .5s var(--ease-standard)}.dash__fr-head{display:flex;flex:none;align-items:center;justify-content:space-between;padding:.8em .9em .5em;font-size:.72em;font-weight:600}.dash__fr-head>span{display:inline-flex;align-items:center;gap:.35em}.dash__fr-steps{display:grid;flex:none;grid-template-columns:repeat(3,1fr);gap:.45em;padding:0 1.3em .7em;font-size:.6em;color:var(--fg-muted)}.dash__fr-steps>span{display:flex;flex-direction:column;gap:.45em}.dash__fr-steps>span[data-current]{color:var(--fg);font-weight:500}.dash__fr-steps i{height:2px;border-radius:999px;background:var(--accent);transition:background-color .5s var(--ease-standard)}.dash__fr-photo{display:flex;flex:1;min-height:0;justify-content:center;padding-inline:.8em}.dash__fr-photo img{width:auto;height:100%;max-width:100%;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-xl) * .6);background:var(--surface-2);transition:border-radius .5s var(--ease-standard)}.dash__fr-label{flex:none;padding:.9em 1.45em .4em;font-size:.55em;font-weight:500;color:var(--fg-muted)}.dash__fr-pieces{display:flex;flex:none;gap:.35em;padding-inline:.8em}.dash__fr-pieces>span{display:flex;flex:1;min-width:0;align-items:center;gap:.4em;padding:.25em;border-radius:calc(var(--radius-lg) * .6);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);transition:background-color .5s var(--ease-standard),border-radius .5s var(--ease-standard)}.dash__fr-pieces img{width:1.5em;height:1.9em;flex:none;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-sm) * .8)}.dash__fr-pieces b{overflow:hidden;font-size:.55em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.dash__fr-actions{display:grid;flex:none;grid-template-columns:1fr 1fr;gap:.35em;padding:.6em .8em .85em}.dash__fr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3em;height:2.5em;border-radius:min(var(--button-radius),1.25em);background:var(--accent);color:var(--accent-fg);font-size:.6em;font-weight:500;white-space:nowrap;transition:background-color .5s var(--ease-standard),color .5s var(--ease-standard),border-radius .5s var(--ease-standard)}.dash__fr-btn--outline{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-strong)}.dash__screen--tryons{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:1.4em}.dash__feed{display:flex;flex-direction:column;gap:.8em;height:100%;min-height:0}.dash__live{display:inline-flex;align-items:center;gap:.45em;height:2em;padding-inline:.8em;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-size:.72em;font-weight:500}.dash__live i{background:var(--site-accent)}.dash__tiles{--gap: .6em;--cols: 3;position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 72%,transparent);mask-image:linear-gradient(to bottom,black 72%,transparent)}.dash__tile{--x: var(--x3);--y: var(--y3);position:absolute;left:0;top:0;width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));aspect-ratio:2 / 3;overflow:hidden;border-radius:.8em;background:var(--surface-2);transform:translate(calc(var(--x) * (100% + var(--gap))),calc(var(--y) * (100% + var(--gap))));transition:transform .7s var(--dash-ease)}.dash__tile>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dash__tile-age,.dash__tile-pieces{position:absolute;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dash__tile-age{left:.45em;top:.45em;gap:.35em;height:1.75em;padding-inline:.6em;border-radius:999px;font-size:.62em;font-weight:500}.dash__tile-pieces{left:.4em;bottom:.4em;gap:.2em;padding:.2em;border-radius:.45em}.dash__tile-pieces img{width:1.5em;height:1.5em;border-radius:.3em;-o-object-fit:cover;object-fit:cover;background:var(--surface)}.dash__tile--new{z-index:1;opacity:0;scale:.6}.dash__tile--new .dash__tile-age:before{content:"";width:.5em;height:.5em;border-radius:999px;background:var(--site-accent)}.dash[data-new] .dash__tile--new{opacity:1;scale:1;transition:opacity .26s var(--ease-standard) .26s,scale .64s cubic-bezier(.2,1.4,.4,1) .26s}.dash__popular{display:flex;flex-direction:column;gap:.6em}.dash__tabs{display:inline-flex;gap:.1em;padding:.2em;border-radius:999px;background:var(--surface-2);font-size:.68em}.dash__tabs>span{position:relative;display:inline-flex;align-items:center;height:2em;padding-inline:.7em;border-radius:999px;color:var(--fg-muted);white-space:nowrap;transition:background-color .3s var(--ease-standard),color .3s var(--ease-standard),scale .16s var(--ease-standard)}.dash__tabs>span[data-on]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-1)}.dash__total{font-size:.78em;color:var(--fg-muted)}.dash__total b{font-size:1.6em;font-weight:400;letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}.dash__ranks{--row: 2.75em;--row-gap: .3em;position:relative;height:calc(5 * var(--row) + 4 * var(--row-gap));margin:0;padding:0;list-style:none}.dash__rank{position:absolute;inset-inline:0;top:0;display:flex;align-items:center;gap:.6em;height:var(--row);margin-inline:-.4em;padding-inline:.4em;border-radius:.6em;opacity:0;transform:translateY(calc(var(--rank) * (var(--row) + var(--row-gap))))}.dash[data-screen=tryons] .dash__rank{opacity:1;transition:opacity .3s var(--ease-standard) calc(.22s + var(--rank) * 60ms),transform .7s var(--dash-ease)}.dash[data-new]:not([data-period]) .dash__rank[data-bump]{animation:dash-bump 1.4s var(--ease-standard) .3s}@keyframes dash-bump{0%,to{background-color:transparent}25%{background-color:var(--surface-2)}}.dash__rank-n{width:1em;flex:none;font-size:.75em;font-weight:500;color:var(--fg-subtle);font-variant-numeric:tabular-nums;text-align:center}.dash__rank>img{width:2.2em;height:2.2em;flex:none;border-radius:.45em;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.dash__rank-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:.4em}.dash__rank-title{overflow:hidden;font-size:.8em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.dash__rank-bar{display:block;height:.32em;overflow:hidden;border-radius:999px;background:var(--surface-2)}.dash__rank-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left;transform:scaleX(0)}.dash[data-screen=tryons] .dash__rank-bar i{transform:scaleX(var(--w));transition:transform .9s var(--dash-ease) calc(.3s + var(--rank) * 70ms)}.dash__rank-count{min-width:2.4em;flex:none;font-size:.8em;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.dash__together{display:flex;align-items:center;gap:.6em;padding-top:.75em;border-top:1px solid var(--border)}.dash__together-imgs{display:flex;flex:none}.dash__together-imgs img{width:2.2em;height:2.2em;border:2px solid var(--surface);border-radius:.45em;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.dash__together-imgs img+img{margin-left:-.7em}.dash__together-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:.15em}.dash__together-body small{font-size:.68em;color:var(--fg-muted)}.dash__together-body b{overflow:hidden;font-size:.78em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 559px){.dash__stage{aspect-ratio:4 / 5;font-size:clamp(7px,2.75cqw,12px)}.dash__app{padding-inline:1.1em}.dash__url{padding-right:0}.dash__head{flex-direction:column;align-items:stretch;gap:.6em;padding-bottom:.9em}.dash__nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:1.2em}.dash__nav>span{padding-inline:.2em}.dash__nav-long{display:none}.dash__nav-short{display:inline}.dash__screen{bottom:1.1em}.dash__screen--theme{flex-direction:column;gap:.9em}.dash__controls{width:auto;gap:.8em}.dash__fields{display:grid;grid-template-columns:1fr 1fr;gap:.7em}.dash__save,.dash__field--font{display:none}.dash__screen--tryons{display:flex;align-items:stretch;gap:1em}.dash__feed{flex:none;height:auto}.dash__tiles{--cols: 5;--gap: .5em;flex:none;aspect-ratio:5 / 1.5;-webkit-mask-image:none;mask-image:none}.dash__tile{--x: var(--xr);--y: 0}.dash__tile-pieces{display:none}.dash__ranks{height:calc(4 * var(--row) + 3 * var(--row-gap));overflow:hidden}.dash__together{display:none}}.phone{--phone-ease: var(--ease-out);container-type:inline-size;width:min(100%,18.5rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.phone svg{width:1em;height:1em;flex:none}.phone__body{position:relative;aspect-ratio:9 / 19.5;padding:.5em;border-radius:3.1em;background:var(--fg);box-shadow:var(--shadow-3);font-size:4.4cqw;line-height:1.3}.phone__screen-glass{position:relative;isolation:isolate;height:100%;overflow:hidden;border-radius:2.6em;background:var(--bg);color:var(--fg)}.phone__status-bar{position:absolute;inset:0 0 auto;z-index:6;display:flex;align-items:center;justify-content:space-between;height:2.7em;padding:0 1.7em 0 2em;background:var(--bg);font-size:.8em;font-weight:600}.phone__island{position:absolute;left:50%;top:.65em;width:7.4em;height:2.1em;border-radius:999px;background:var(--fg);transform:translate(-50%)}.phone__signal{display:inline-flex;align-items:flex-end;gap:.18em}.phone__signal i{width:.24em;border-radius:1px;background:currentColor}.phone__signal i:nth-child(1){height:.45em}.phone__signal i:nth-child(2){height:.65em}.phone__signal i:nth-child(3){height:.85em}.phone__signal b{width:1.7em;height:.85em;margin-left:.35em;border:1.5px solid currentColor;border-radius:.3em;box-shadow:inset 0 0 0 1.5px var(--bg),inset 1.1em 0 0 currentColor}.phone__home{position:absolute;left:50%;bottom:.55em;z-index:6;width:7.5em;height:.3em;border-radius:999px;background:var(--fg);transform:translate(-50%)}.phone__tap{position:absolute;left:50%;top:50%;width:2.4em;height:2.4em;border-radius:999px;border:2px solid var(--fg);background:var(--glass);box-shadow:0 0 0 .35em color-mix(in srgb,var(--fg) 12%,transparent);opacity:0;transform:translate(-50%,-50%) scale(1.8);transition:opacity .22s var(--ease-standard),transform .32s var(--phone-ease)}.phone[data-tap=try] .phone__tap[data-for=try],.phone[data-tap=camera] .phone__tap[data-for=camera],.phone[data-tap=shutter] .phone__tap[data-for=shutter],.phone[data-tap=tryon] .phone__tap[data-for=tryon],.phone[data-tap=keep] .phone__tap[data-for=keep],.phone[data-tap=view] .phone__tap[data-for=view]{opacity:1;transform:translate(-50%,-50%) scale(1)}.phone[data-tap=try] [data-press=try],.phone[data-tap=camera] [data-press=camera],.phone[data-tap=shutter] [data-press=shutter],.phone[data-tap=tryon] [data-press=tryon],.phone[data-tap=keep] [data-press=keep],.phone[data-tap=view] [data-press=view]{scale:.96}.phone__page{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:2.7em;transition:transform 1s var(--phone-ease)}.phone[data-scrolled] .phone__page{transform:translateY(-20em)}.phone__bar{display:flex;align-items:center;justify-content:space-between;height:2.8em;padding-inline:1.1em;border-bottom:1px solid var(--border)}.phone__brand{font-size:.78em;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.phone__media{aspect-ratio:1;background:var(--surface-2)}.phone__media img,.phone__grid-img img,.phone__tile-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.phone__info{display:flex;flex-direction:column;gap:.55em;padding:1em 1.1em}.phone__kicker{font-size:.7em;color:var(--fg-muted)}.phone__row{display:flex;align-items:baseline;justify-content:space-between;gap:1em}.phone__row b{font-size:1.05em;font-weight:500;letter-spacing:-.01em}.phone__row span{font-size:.9em}.phone__sizes{display:flex;gap:.4em}.phone__sizes i{display:inline-flex;align-items:center;justify-content:center;min-width:2.5em;height:2.1em;border:1px solid var(--border);font-size:.72em;font-style:normal;color:var(--fg-muted)}.phone__sizes i[data-on]{border-color:var(--fg);color:var(--fg)}.phone__cart,.phone__try{position:relative;display:flex;align-items:center;justify-content:center;gap:.45em;height:2.9em;background:var(--fg);color:var(--bg);font-size:.85em;font-weight:500}.phone__cart{margin-top:.3em}.phone__try{border-radius:999px;transition:scale .16s var(--ease-standard)}.phone__spark{fill:currentColor}.phone__more{padding:.6em 1.1em 2em}.phone__more>b{font-size:.85em;font-weight:500}.phone__grid{display:grid;grid-template-columns:1fr 1fr;gap:.7em;margin-top:.7em}.phone__grid>span{display:flex;min-width:0;flex-direction:column}.phone__grid-img{display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:.3em;background:var(--surface-2)}.phone__grid-name{margin-top:.45em;overflow:hidden;font-size:.72em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.phone__grid-price{font-size:.68em;color:var(--fg-muted)}.phone__notify{position:absolute;left:50%;bottom:2.3em;z-index:2;display:grid;transform:translate(-50%)}.phone__notify>span{position:relative;grid-area:1 / 1;justify-self:center;display:inline-flex;align-items:center;gap:.55em;height:3em;padding:0 .9em 0 .75em;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-3),inset 0 0 0 1px var(--border);font-size:.8em;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(1em) scale(.85);transition:opacity .2s var(--ease-standard),transform .3s var(--ease-standard),scale .16s var(--ease-standard)}.phone__notify>span>svg:last-of-type{width:.9em;height:.9em;margin-left:.2em;color:var(--fg-muted)}.phone__notify-run .phone__spark{color:var(--accent)}.phone__notify-ready{padding-left:.3em}.phone__notify-ready img{width:2.3em;height:2.3em;border-radius:999px;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.phone[data-pill=running] .phone__notify-run,.phone[data-pill=ready] .phone__notify-ready{opacity:1;transform:none;transition:opacity .26s var(--ease-standard) .3s,transform .56s cubic-bezier(.2,1.5,.4,1) .3s,scale .16s var(--ease-standard)}.phone[data-pill=ready] .phone__notify-ready{transition-delay:.12s,.12s,0ms}.phone__dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--overlay);opacity:0;transition:opacity .3s var(--ease-standard)}.phone[data-sheet] .phone__dim{opacity:1}.phone__sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;padding-top:2.9em;background:var(--bg);transform-origin:50% 79%;transform:scale(.06);opacity:0;transition:transform .34s var(--ease-standard),opacity .2s var(--ease-standard) .14s}.phone[data-from=pill] .phone__sheet{transform-origin:50% 93%}.phone[data-sheet] .phone__sheet{transform:none;opacity:1;transition:transform .46s cubic-bezier(.2,.8,.2,1),opacity .2s var(--ease-standard)}.phone__head{display:flex;align-items:center;justify-content:space-between;padding:.3em 1.3em .55em;font-size:.85em;font-weight:600;letter-spacing:-.01em}.phone__head>span{display:inline-flex;align-items:center;gap:.4em}.phone__stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;padding:0 1.1em .7em}.phone__stepper>span{display:flex;flex-direction:column;gap:.45em;font-size:.7em;font-weight:500;color:var(--fg-subtle);transition:color .3s var(--ease-standard)}.phone__stepper>span[data-current]{color:var(--fg)}.phone__stepper i{display:block;height:2px;border-radius:999px;background:var(--border);transition:background-color .3s var(--ease-standard)}.phone__stepper>span[data-on] i{background:var(--accent)}.phone__screens{position:relative;flex:1;min-height:0}.phone__screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:.4em 1.1em 1.6em;opacity:0;transform:translate(.8em);transition:opacity .3s var(--ease-standard),transform .42s var(--phone-ease)}.phone[data-screen=photo] .phone__screen--photo,.phone[data-screen=camera] .phone__screen--camera,.phone[data-screen=pieces] .phone__screen--pieces,.phone[data-screen=tryon] .phone__screen--tryon{opacity:1;transform:none;transition-delay:.12s}.phone__title{margin:0 0 .9em;font-size:1.15em;font-weight:500;letter-spacing:-.02em;line-height:1.15}.phone__title em{font-style:normal;color:var(--fg-tone)}.phone__choices{display:flex;flex-direction:column;overflow:hidden;border-radius:.9em;background:var(--surface);box-shadow:var(--shadow-1)}.phone__choice{position:relative;display:flex;align-items:center;gap:.8em;min-height:3.7em;padding:.5em .8em;transition:scale .16s var(--ease-standard)}.phone__choice+.phone__choice{border-top:1px solid var(--border)}.phone__choice>i{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;flex:none;border-radius:999px;background:var(--surface-2)}.phone__choice>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:.15em}.phone__choice b{font-size:.86em;font-weight:500}.phone__choice small{font-size:.7em;color:var(--fg-muted)}.phone__choice>svg{width:.9em;height:.9em;color:var(--fg-subtle)}.phone__consent{margin:0;font-size:.66em;line-height:1.4;color:var(--fg-muted)}.phone__screen--camera{padding-top:.1em}.phone__preview{display:flex;flex:1;min-height:0;justify-content:center}.phone__viewfinder{position:relative;height:100%;max-width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:.9em;background:var(--surface-2)}.phone__viewfinder>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.08)}.phone[data-screen=camera] .phone__viewfinder>img{animation:phone-sway 2.6s ease-in-out infinite alternate}@keyframes phone-sway{0%{transform:scale(1.08) translate(-.8%,.5%)}to{transform:scale(1.08) translate(.8%,-.5%)}}.phone__guide{position:absolute;top:5%;right:16%;bottom:5%;left:16%;border:1.5px dashed color-mix(in srgb,var(--white) 70%,transparent);border-radius:45% 45% 40% 40%}.phone__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);opacity:0;transition:opacity .45s var(--ease-standard)}.phone[data-flash] .phone__flash{opacity:.92;transition-duration:60ms}.phone__stand{margin:0;padding-top:.7em;font-size:.66em;text-align:center;color:var(--fg-muted)}.phone__shutter-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:.5em}.phone__round{display:inline-flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--border)}.phone__round:last-child{justify-self:end}.phone__shutter{position:relative;display:grid;place-items:center;width:3.7em;height:3.7em;border:.2em solid var(--surface);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-2),0 0 0 1px var(--border);transition:scale .16s var(--ease-standard)}.phone__shutter i{width:2.9em;height:2.9em;border-radius:999px;background:var(--accent)}.phone__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em}.phone__tile{display:flex;min-width:0;flex-direction:column;gap:.3em;opacity:0;transform:translateY(.6em)}.phone[data-screen=pieces] .phone__tile{opacity:1;transform:none;transition:opacity .3s var(--ease-standard),transform .5s var(--phone-ease);transition-delay:calc(.18s + var(--i, 0) * .11s)}.phone__tile-img{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:.8em;background:var(--surface)}.phone__tile-cat{position:absolute;left:.4em;bottom:.4em;display:inline-flex;align-items:center;height:1.7em;padding-inline:.55em;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.62em;font-weight:500}.phone__tile-name{overflow:hidden;font-size:.68em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.phone__tile--add .phone__tile-img{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;border:1.5px dashed var(--border-strong);background:transparent;font-size:.68em;font-weight:500;text-align:center}.phone__tile--add i{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:999px;background:var(--surface)}.phone__foot{display:flex;flex-direction:column;gap:.6em;margin-top:auto}.phone__context{display:flex;align-items:center;gap:.6em;margin:0;font-size:.78em;color:var(--fg-muted)}.phone__context img{width:1.9em;height:2.5em;border-radius:.3em;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.phone__context span{flex:1}.phone__context b{font-weight:500;color:var(--fg)}.phone__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45em;width:100%;height:3.1em;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:.85em;font-weight:500;white-space:nowrap;transition:scale .16s var(--ease-standard)}.phone__pill--waiting{opacity:.45}.phone__pill--outline{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-strong)}.phone__screen--tryon{padding-top:.1em}.phone__result{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:1em;background:var(--surface-2)}.phone__result img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.phone__result-before{filter:grayscale(1)}.phone__result-after{opacity:0;transition:opacity .9s var(--ease-standard)}.phone[data-done] .phone__result-after{opacity:1}.phone__sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,color-mix(in srgb,var(--white) 85%,transparent) 50%,transparent 60%) no-repeat;background-size:300% 300%;background-position:100% 100%;mix-blend-mode:soft-light;opacity:0;transition:opacity .3s var(--ease-standard)}.phone[data-render] .phone__sweep{opacity:1;animation:phone-shimmer 2s ease-in-out infinite}@keyframes phone-shimmer{0%{background-position:100% 100%}72%,to{background-position:0% 0%}}.phone__status{display:flex;align-items:center;justify-content:center;gap:.4em;margin:.55em 0 0;font-size:.78em;font-weight:500;transition:opacity .26s var(--ease-standard)}.phone__status svg{fill:currentColor;color:var(--accent)}.phone[data-done] .phone__status{opacity:0}.phone__inlist{display:flex;gap:.45em;margin-top:.5em}.phone__inlist>span{display:flex;flex:1;min-width:0;align-items:center;gap:.45em;padding:.25em;border-radius:.55em;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.phone__inlist img{width:1.6em;height:2em;flex:none;border-radius:.3em;-o-object-fit:cover;object-fit:cover}.phone__inlist b{overflow:hidden;font-size:.64em;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.phone__foot--stack{display:grid;margin-top:.7em}.phone__foot--stack>div{grid-area:1 / 1;transition:opacity .26s var(--ease-standard)}.phone__pair{display:grid;grid-template-columns:1fr 1fr;gap:.45em}.phone__pair .phone__pill{font-size:.76em}.phone__foot-done,.phone[data-done] .phone__foot-render{opacity:0}.phone[data-done] .phone__foot-done{opacity:1;transition-delay:.2s}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-backdrop:before{content:"";position:absolute;left:-35%;right:-35%;top:60%;height:130%;border-radius:50%;background:linear-gradient(to bottom,color-mix(in oklab,var(--site-chambray) 70%,var(--bg)) 0%,var(--site-chambray) 18%,color-mix(in oklab,var(--site-chambray) 90%,var(--ink)) 60%);filter:blur(20px)}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55;mix-blend-mode:overlay}.hero-backdrop:after{content:"";position:absolute;inset:0 0 auto;height:45%;background:linear-gradient(to bottom,var(--bg),transparent)}@media (max-width: 639px){.hero-backdrop:before{top:64%;left:-90%;right:-90%}}@media (min-width: 1024px){.hero-title{font-size:clamp(4.5rem,.6rem + 5.9vw,6.5rem)}}.hero-arc{--s: .62;position:relative;display:flex;justify-content:center;align-items:center;gap:calc(1.25rem * var(--s));width:100%;margin-top:2.5rem;margin-bottom:3rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 640px){.hero-arc{--s: .78;margin-top:3.5rem;margin-bottom:4rem}}@media (min-width: 768px){.hero-arc{--s: .85}}@media (min-width: 1024px){.hero-arc{--s: 1;margin-top:3rem;margin-bottom:5rem}}.hero-arc__card{flex:none;width:calc(var(--w) * var(--s))}.hero-arc__frame{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-2);box-shadow:var(--shadow-3)}@property --reveal{syntax: "<percentage>"; inherits: true; initial-value: 100%;}.hero-render{--reveal: 100%;position:absolute;top:0;right:0;bottom:0;left:0}.hero-render__photo,.hero-render__result{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-render__result{clip-path:inset(0 0 calc(100% - var(--reveal)) 0)}.hero-render__light{position:absolute;inset-inline:0;top:calc(var(--reveal) - 14%);height:28%;background:linear-gradient(to bottom,transparent,color-mix(in oklab,var(--white) 60%,transparent) 50%,transparent);opacity:0}.hero-render__label--photo{opacity:0}.hero-render__pieces{bottom:.75rem}@media (prefers-reduced-motion: no-preference){.hero-arc__card{animation:hero-rise 1s var(--ease-out) both;animation-delay:calc(.25s + var(--i, 0) * .11s)}.hero-render,.hero-render__photo,.hero-render__result,.hero-render__light,.hero-render__label{animation-duration:10s;animation-delay:1.4s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both}.hero-render{animation-name:hero-reveal}.hero-render__photo{animation-name:hero-photo}.hero-render__result{animation-name:hero-result}.hero-render__light{animation-name:hero-light}.hero-render__label{animation-name:hero-label-tryon}.hero-render__label--photo{animation-name:hero-label-photo}}@keyframes hero-rise{0%{opacity:0;translate:0 2.5rem}}@keyframes hero-reveal{0%,14%{--reveal: 0%}44%,to{--reveal: 100%}}@keyframes hero-photo{0%,5%{filter:grayscale(0)}12%,46%{filter:grayscale(1)}56%,to{filter:grayscale(0)}}@keyframes hero-result{0%,86%{opacity:1}95%,to{opacity:0}}@keyframes hero-light{0%,12%{opacity:0}16%,40%{opacity:1}45%,to{opacity:0}}@keyframes hero-label-tryon{0%,42%{opacity:0}45%,88%{opacity:1}92%,to{opacity:0}}@keyframes hero-label-photo{0%,42%{opacity:1}45%,88%{opacity:0}92%,to{opacity:1}}.wash{position:relative;isolation:isolate}.wash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(var(--wash-w, 55%) 42% at var(--wash-x, 88%) var(--wash-y, 45%),color-mix(in oklab,var(--wash) 70%,transparent),transparent 72%)}.wash-camel{--wash: var(--site-camel)}.wash-chambray{--wash: var(--site-chambray)}.wash-olive{--wash: var(--site-olive)}.wash-left{--wash-x: 8%}.wash-center{--wash-x: 50%}@media (max-width: 639px){.wash{--wash-w: 90%}}.band{background-color:var(--band)}:root:not([data-theme=dark]) .band{--fg-muted: color-mix(in oklab, var(--ink) 74%, var(--band));--fg-subtle: color-mix(in oklab, var(--ink) 64%, var(--band));--fg-tone: color-mix(in oklab, var(--ink) 50%, var(--band));--border: color-mix(in oklab, var(--ink) 12%, var(--band));--border-strong: color-mix(in oklab, var(--ink) 22%, var(--band));--surface-2: color-mix(in oklab, var(--ink) 6%, var(--band))}.band-camel{--band: var(--site-camel)}.band-chambray{--band: var(--site-chambray)}.band-olive{--band: var(--site-olive)}.band-blush{--band: var(--site-blush)}.band-butter{--band: var(--site-butter)}
