.fc-wrap{--mx:0.5;--my:0.3;position:relative;container-type:inline-size;width:100%;perspective:1200px}.fc-wrap[data-size=sm]{max-width:150px}.fc-wrap[data-size=md]{max-width:320px}.fc-wrap[data-size=lg]{max-width:380px}.fc-tilt{--rx:0deg;--ry:0deg;--mx:0.5;--my:0.3;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .45s var(--ease-out)}.fc-tilt[data-live]{transition:transform 80ms linear}@media (prefers-reduced-motion:reduce){.fc-tilt{transform:none}}.fc{--fam:#8f8c85;--r:#3a3a40;--r-hi:#5a5a62;position:relative;aspect-ratio:5/7;border-radius:6cqi;padding:3cqi;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,var(--r-hi) 0,var(--r) 35%,color-mix(in oklab,var(--r) 55%,black) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/.3),inset 0 -2px 0 rgb(0 0 0/.35),0 2px 2px rgb(0 0 0/.5),0 12cqi 24cqi -8cqi rgb(0 0 0/.95);color:var(--color-ink-1);font-family:var(--font-sans);transition:background .6s var(--ease-out)}.fc[data-finish=picked]{--r:var(--color-violet);--r-hi:var(--color-violet-ink)}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.fc-halo{position:absolute;inset:2cqi;z-index:0;border-radius:6cqi;pointer-events:none;opacity:0;box-shadow:0 0 10cqi 1cqi color-mix(in oklab,var(--color-violet) 55%,transparent),0 0 3cqi 0 color-mix(in oklab,var(--color-violet-ink) 45%,transparent);transition:opacity .4s var(--ease-out)}.fc-wrap>.fc,.fc-wrap>.fc-tilt{position:relative;z-index:1}.fc-spark{position:absolute;inset:0;z-index:2;padding:3cqi;border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--spin),transparent 0deg 250deg,color-mix(in oklab,var(--color-violet-ink) 50%,transparent) 300deg,#fff 332deg,color-mix(in oklab,var(--color-violet-ink) 70%,transparent) 342deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transition:opacity .4s var(--ease-out)}.fc-wrap[data-glow=always]:has(.fc[data-finish=picked]) .fc-halo,.fc-wrap[data-glow=hover]:has(.fc[data-finish=picked]):is(:hover,:focus-within) .fc-halo,a:is(:hover,:focus-visible) .fc-wrap[data-glow=hover]:has(.fc[data-finish=picked]) .fc-halo{opacity:1;animation:fc-breathe 3.2s ease-in-out infinite alternate}.fc-wrap[data-glow=always] .fc[data-finish=picked] .fc-spark,.fc-wrap[data-glow=hover]:is(:hover,:focus-within) .fc[data-finish=picked] .fc-spark,a:is(:hover,:focus-visible) .fc-wrap[data-glow=hover] .fc[data-finish=picked] .fc-spark{opacity:1;animation:fc-spin 4.8s linear infinite}@keyframes fc-spin{to{--spin:360deg}}@keyframes fc-breathe{0%{opacity:.45}to{opacity:1}}.fc-foil{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0}.fc[data-finish=picked] .fc-foil{opacity:.9;mix-blend-mode:color-dodge;background:conic-gradient(from calc(var(--mx) * 300deg + 40deg) at calc(var(--mx) * 100%) calc(var(--my) * 100%),#ff4d6d,#ffb84d,#fff47a,#5cffc1,#5cb8ff,#b77cff,#ff4d6d);-webkit-mask:url(/brand/guilloche.svg) center/cover no-repeat;mask:url(/brand/guilloche.svg) center/cover no-repeat}.fc-face{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto 1fr auto;border-radius:4cqi;background:#121214;overflow:hidden}.fc-top{position:absolute;z-index:2;inset:0 0 auto;display:flex;justify-content:space-between;padding:3.5cqi 4cqi;font:500 3.4cqi/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:rgb(255 255 255/.82);text-shadow:0 1px 6px rgb(0 0 0/.6)}.fc-finish{color:color-mix(in oklab,var(--r) 70%,white)}.fc-photo{position:relative;grid-row:1/3;min-height:0;background:var(--color-s2)}.fc-photo img{object-fit:cover;object-position:50% 20%}.fc-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.35),transparent 22%,transparent 70%,#121214)}.fc-photo{overflow:visible}.fc-figure{position:absolute;z-index:3;right:1cqi;bottom:-2cqi;width:30cqi;aspect-ratio:1;pointer-events:none}.fc-figure img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 1.5cqi 2cqi rgb(0 0 0/.7)) drop-shadow(0 0 3cqi color-mix(in oklab,var(--fam) 35%,transparent))}.fc-figure[data-empty]{right:5cqi;bottom:2cqi;width:16cqi;display:grid;place-items:center;border-radius:50%;outline:.6cqi dashed var(--color-line-2);outline-offset:-.6cqi;background:rgb(18 18 20/.6);font:400 7cqi/1 var(--font-display);color:var(--color-ink-3)}.fc-meta{position:relative;z-index:2;display:grid;gap:1.2cqi;padding:3cqi 5cqi 4cqi}.fc-name{margin:0;font:400 9.5cqi/1 var(--font-display);letter-spacing:-.01em}.fc-kind{margin:0;font:italic 400 5.4cqi/1.15 var(--font-display);color:color-mix(in oklab,var(--fam) 55%,white)}.fc-empty{color:var(--color-ink-3)}.fc-line{margin:.8cqi 0 0;font-size:3.9cqi;line-height:1.4;color:var(--color-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fc-glare{position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgb(255 255 255/.5),transparent 45%)}.wf{aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;perspective:600px;border-radius:12px;-webkit-tap-highlight-color:transparent}.wf,.wf-inner{display:block;width:100%}.wf-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .52s var(--ease-impact),translate .2s var(--ease-out)}.wf:hover .wf-inner{translate:0 -4px}.wf-inner[data-flipped],.wf[aria-pressed=true] .wf-inner{transform:rotateY(180deg)}.wf-back,.wf-front{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.wf-front{background:var(--color-s2);box-shadow:0 0 0 1px var(--color-line)}.wf-front img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.62) contrast(1.06) sepia(.12);transition:filter .2s var(--ease-out)}.wf:focus-visible .wf-front img,.wf:hover .wf-front img{filter:none}.wf-back{transform:rotateY(180deg);background:radial-gradient(70% 60% at 50% 42%,color-mix(in oklab,var(--fam) 38%,transparent),transparent 72%),linear-gradient(180deg,var(--color-s2),var(--color-ground));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fam) 55%,transparent),0 14px 30px -12px rgb(0 0 0/.9)}.wf-figure{position:absolute;inset:4% 0 0;width:100%;height:96%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 4px 6px rgb(0 0 0/.6))}.wf-text{position:absolute;inset:auto 0 0;display:grid;gap:1px;padding:18% 6% 7%;text-align:center;background:linear-gradient(180deg,transparent,rgb(12 12 14/.88) 55%)}.wf-back b{font:400 clamp(11px,1.15vw,16px) /1 var(--font-display);color:var(--color-ink-1)}.wf-back b,.wf-back i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-back i{font:500 clamp(7px,.62vw,9px) /1.2 var(--font-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklab,var(--fam) 60%,white)}@media (prefers-reduced-motion:reduce){.fc-halo,.fc-spark{animation:none!important}.fc-spark{display:none}.wf-back,.wf-inner,.wf-inner[data-flipped],.wf[aria-pressed=true] .wf-inner{transform:none}.wf-back{opacity:0;transition:opacity .15s linear}.wf-inner[data-flipped] .wf-back,.wf[aria-pressed=true] .wf-back{opacity:1}}