.badge{display:inline-flex;align-items:center;min-height:1.6rem;padding:.2rem .7rem;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--color-background) 78%,transparent);color:var(--gold-light);font-family:var(--font-text);font-size:.66rem;font-style:normal;font-weight:500;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge--inline{margin-left:.5rem;vertical-align:middle}.designs{position:relative;padding-block:clamp(3.5rem,8vw,7rem);overflow:clip}.designs__head{display:grid;justify-items:center;gap:1rem;margin-bottom:clamp(1.75rem,4.5vw,3.25rem);text-align:center}.designs__text{max-width:46ch}.designs__more{display:flex;justify-content:center;margin-top:clamp(1.5rem,4vw,2.75rem)}.design-list{--gap: 1rem;--columns: 2;--list-width: min(100vw - 2 * var(--gutter), var(--page-max));--card-width: calc((var(--list-width) - (var(--columns) - 1) * var(--gap)) / var(--columns));display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:var(--gap);width:var(--list-width);margin-inline:auto}.design-list--rail{--card-width: min(74vw, 17.5rem);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--card-width);width:auto;padding:.5rem var(--gutter) 1.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.design-list--rail::-webkit-scrollbar{display:none}.design-list--rail>*{scroll-snap-align:start}@media(min-width:750px){.design-list{--gap: 1.5rem;--columns: 3}.design-list--rail{--card-width: calc((var(--list-width) - (var(--columns) - 1) * var(--gap)) / var(--columns));display:flex;flex-wrap:wrap;justify-content:center;width:var(--list-width);padding:0;overflow:visible}.design-list--rail>*{flex:0 0 var(--card-width)}}@media(min-width:1100px){.design-list{--columns: 4}}.design-card{display:flex;min-width:0}.design-card[hidden]{display:none}.design-card__link{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;border:1px solid var(--line-soft);border-radius:1.25rem;overflow:hidden;background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:transform .55s var(--ease-out),border-color .3s,box-shadow .55s var(--ease-out)}.design-card__stage{--phone-width: calc(var(--card-width) * .56);position:relative;display:grid;justify-items:center;align-items:start;aspect-ratio:1 / 1.06;padding-top:9%;overflow:hidden;background:radial-gradient(90% 60% at 50% 108%,color-mix(in oklab,var(--design-b) 34%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in oklab,var(--design-a) 46%,var(--color-surface)),color-mix(in oklab,var(--design-a) 62%,black))}.design-card__glow{position:absolute;top:4%;left:50%;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--design-b) 42%,transparent),transparent 64%);opacity:.45;transform:translate(-50%);transition:opacity .6s}.design-card .phone{transition:transform .7s var(--ease-out)}.design-card .badge{position:absolute;top:.75rem;left:.75rem}.design-card__body{display:grid;align-content:start;gap:.3rem;flex:1;padding:.95rem 1.05rem 1.1rem;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,color-mix(in oklab,var(--design-a) 16%,var(--color-surface)),var(--color-surface) 70%)}.design-card__tradition{font-size:.64rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light)}.design-card__name{font-family:var(--font-display);font-size:clamp(1.45rem,1.2rem + 1vw,1.8rem);font-weight:500;line-height:1.05}.design-card__tagline{font-size:.86rem;line-height:1.4;color:var(--color-text-muted)}.design-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.6rem;font-size:.86rem;font-variant-numeric:lining-nums}.design-card__go{display:inline-flex;align-items:center;gap:.4em;color:var(--gold-light);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.design-card__go .icon{width:1.15em;height:1.15em;transition:transform .4s var(--ease-out)}@media(hover:hover){.design-card__link:hover{border-color:color-mix(in oklab,var(--design-b) 60%,transparent);box-shadow:0 28px 60px -28px color-mix(in oklab,var(--design-b) 55%,transparent);transform:translateY(-6px)}.design-card__link:hover .phone{transform:translateY(-3.5%) scale(1.02)}.design-card__link:hover .design-card__glow{opacity:.9}.design-card__link:hover .design-card__go .icon{transform:translate(.3em)}}@media(max-width:749px){.design-list:not(.design-list--rail) .design-card__tagline,.design-list:not(.design-list--rail) .design-card__go{display:none}.design-list:not(.design-list--rail) .design-card__body{padding:.75rem .8rem .85rem}.design-list:not(.design-list--rail) .design-card .badge{top:.5rem;left:.5rem;min-height:1.35rem;padding-inline:.5rem;font-size:.56rem}}.design-picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.design-card--plain .design-card__stage{--design-a: var(--color-glow);--design-b: var(--gold);align-items:center;padding-top:0}.design-card__emblem{position:relative;width:34%;height:auto}.design-card__note{font-size:.8rem;line-height:1.4;color:var(--color-text-muted)}.collection{display:block;padding-block:clamp(2rem,5vw,4rem) clamp(3.5rem,8vw,6rem)}.collection__head{display:grid;justify-items:center;gap:.9rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);text-align:center}.collection__text{max-width:52ch}.collection__empty{display:grid;justify-items:center;gap:1.25rem;padding-block:3rem;text-align:center}.collection__pages{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:2.5rem}collection-filters:not(:defined) .filters{display:none}.filters{display:grid;gap:.9rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.filters__group{display:grid;gap:.45rem;min-width:0}.filters__group[hidden]{display:none}.filters__label{font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}.filters__chips{display:flex;gap:.5rem;margin-right:calc(var(--gutter) * -1);padding:.2rem var(--gutter) .2rem 0;overflow-x:auto;scrollbar-width:none}.filters__chips::-webkit-scrollbar{display:none}.chip--plain{padding-inline:.95rem}@media(min-width:750px){.filters__group{grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline}.filters__chips{flex-wrap:wrap;margin-right:0;padding-right:0;overflow:visible}}.design-card--plain .design-card__stage{aspect-ratio:1 / .6}.design-card--plain .design-card__name{font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem);line-height:1.12}.design-card{position:relative}.design-card__live{position:absolute;top:calc(var(--card-width) * 1.06);left:50%;z-index:2;translate:-50% -125%}@media(max-width:749px){.design-list:not(.design-list--rail) .design-card__live{padding:.3rem}.design-list:not(.design-list--rail) .design-card__live .live-button__label{display:none}}.quick-view__live{position:absolute;bottom:.9rem;left:50%;z-index:2;translate:-50% 0}@media(min-width:750px){.quick-view__live{bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-design.css.map */
