.vg-hero-design-category{--vg-design-accent:oklch(var(--teal-7));--vg-design-accent-soft:oklch(var(--teal-7) / .16);box-sizing:border-box;width:min(100% - 2rem, var(--mkt-hero-card-max,72rem));min-height:var(--mkt-hero-card-min,clamp(25.5rem, 36vw, 30rem));padding:var(--mkt-hero-card-padding,clamp(1.5rem, 2.8vw, 2.5rem));border-radius:var(--mkt-hero-card-radius,1.125rem);isolation:isolate;color:oklch(var(--primary-foreground));background:linear-gradient(#0000000f, #0000000f), radial-gradient(circle at 82% 18%, var(--vg-design-accent-soft), transparent 28rem), radial-gradient(circle at 16% 90%, oklch(var(--teal-6) / .1), transparent 26rem), var(--mkt-hero-bg-full);background-position:50%,50%,50%,80%;background-size:auto,auto,auto,200% 200%;border:1px solid #ffffff29;border:1px solid lab(100% 0 0/.16);margin:6rem auto 0;position:relative;overflow:hidden;box-shadow:0 28px 70px -48px #020b0fb3;box-shadow:0 28px 70px -48px lab(2.52651% -2.02869 -2.59071/.7)}@supports (color:lab(0% 0 0)){.vg-hero-design-category{background:linear-gradient(lab(0% 0 0/.06), lab(0% 0 0/.06)), radial-gradient(circle at 82% 18%, var(--vg-design-accent-soft), transparent 28rem), radial-gradient(circle at 16% 90%, oklch(var(--teal-6) / .1), transparent 26rem), var(--mkt-hero-bg-full)}}.vg-hero-design-category:before{content:"";background-image:linear-gradient(color-mix(in oklch, var(--mkt-hero-grid) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--mkt-hero-grid) 11%, transparent) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(120deg,#0000 0%,#000 18% 82%,#0000 100%);-webkit-mask-image:linear-gradient(120deg,#0000 0%,lab(0% 0 0) 18% 82%,#0000 100%);mask-image:linear-gradient(120deg,#0000 0%,lab(0% 0 0) 18% 82%,#0000 100%)}.vg-hero-design-category__inner{gap:var(--mkt-hero-card-gap,clamp(1.5rem, 3.2vw, 3rem));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.vg-hero-design-category__copy{max-width:560px}.vg-hero-design-category__crumbs{font-size:var(--mkt-text-label-14);color:oklch(var(--primary-foreground) / .7);align-items:center;gap:8px;margin-bottom:22px;display:inline-flex}.vg-hero-design-category__crumbs a{color:oklch(var(--primary-foreground) / .7);text-decoration:none;transition:color .15s}.vg-hero-design-category__crumbs a:hover{color:oklch(var(--primary-foreground))}.vg-hero-design-category__crumb-current{color:oklch(var(--primary-foreground));font-weight:var(--mkt-weight-medium)}.vg-hero-design-category__title{color:oklch(var(--primary-foreground));font-family:var(--mkt-font-heading);font-weight:var(--mkt-weight-semibold);font-size:var(--mkt-text-heading-48);line-height:var(--mkt-leading-hero-title);letter-spacing:var(--mkt-tracking-none);text-wrap:balance;margin:0 0 18px}.vg-hero-design-category__title em{font-family:var(--mkt-font-accent);font-style:italic;font-weight:var(--mkt-weight-regular);color:var(--vg-design-accent);font-size:1.2em;line-height:var(--mkt-leading-hero-inline-accent);letter-spacing:var(--mkt-tracking-none)}.vg-hero-design-category__sub{font-size:var(--mkt-text-copy-16);line-height:var(--mkt-leading-body);color:oklch(var(--primary-foreground) / .78);max-width:520px;margin:0 0 24px}.vg-hero-design-category__cta{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.vg-hero-design-category__btn{height:44px;font-size:var(--mkt-text-copy-14);font-weight:var(--mkt-weight-semibold);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:background .15s;display:inline-flex}.vg-hero-design-category__btn--primary{color:#001a22;color:lab(7.40588% -7.74528 -9.35251);background:#fff;background:lab(100% 0 0)}.vg-hero-design-category__btn--primary:hover{background:#ebf3f6;background:lab(95.4214% -2.55343 -2.46183)}.vg-hero-design-category__btn--ghost{color:oklch(var(--primary-foreground));border-color:oklch(var(--primary-foreground) / .22);background:#ffffff0f;background:lab(100% 0 0/.06)}.vg-hero-design-category__btn--ghost:hover{background:#ffffff1f;background:lab(100% 0 0/.12)}.vg-hero-design-category__count{font-size:var(--mkt-text-copy-14);color:oklch(var(--primary-foreground) / .6);font-variant-numeric:tabular-nums;margin:0}.vg-hero-design-category__swatches{aspect-ratio:21/10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;background:lab(100% 0 0/.08);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;min-width:0;padding:1rem;display:grid;box-shadow:0 28px 60px -34px #000000a6;box-shadow:0 28px 60px -34px lab(0% 0 0/.65)}.vg-hero-design-category__swatch{font-family:var(--mkt-font-accent);font-style:italic;font-size:var(--mkt-text-copy-18);letter-spacing:var(--mkt-tracking-none);border-radius:10px;align-items:flex-end;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -16px #00000080,0 0 0 1px #ffffff0f;box-shadow:0 12px 28px -16px lab(0% 0 0/.5),0 0 0 1px lab(100% 0 0/.06)}.vg-hero-design-category__preview{aspect-ratio:3/2;background:oklch(var(--muted));border-radius:10px;min-width:0;position:relative;overflow:hidden;box-shadow:0 18px 36px -22px #0000009e,0 0 0 1px #ffffff14;box-shadow:0 18px 36px -22px lab(0% 0 0/.62),0 0 0 1px lab(100% 0 0/.08)}.vg-hero-design-category__preview--1,.vg-hero-design-category__preview--5{transform:rotate(-1.5deg)}.vg-hero-design-category__preview--3,.vg-hero-design-category__preview--6{transform:rotate(1.5deg)}.vg-hero-design-category__preview-img{object-fit:cover}.vg-hero-design-category__preview:after{content:"";background:linear-gradient(#0000,#0000009e);background:linear-gradient(#0000,lab(0% 0 0/.62));position:absolute;inset:45% 0 0}.vg-hero-design-category__preview span{z-index:1;color:oklch(var(--primary-foreground));font-size:var(--mkt-text-label-14);font-weight:var(--mkt-weight-semibold);text-overflow:ellipsis;text-shadow:0 1px 8px #00000073;text-shadow:0 1px 8px lab(0% 0 0/.45);white-space:nowrap;line-height:1.2;position:absolute;bottom:.65rem;left:.75rem;right:.75rem;overflow:hidden}.vg-hero-design-category__swatch span{display:block}.vg-hero-design-category__swatch--bone{color:#2f281e;color:lab(16.4954% 2.07667 7.69016);background:linear-gradient(155deg,#f3f1ee,#dbd7d0);background:linear-gradient(155deg,lab(95.3747% .282615 1.88148),lab(86.0969% .871837 3.70513))}.vg-hero-design-category__swatch--ink{color:oklch(var(--primary-foreground));background:linear-gradient(135deg,#111c22,#060a0c);background:linear-gradient(135deg,lab(9.58183% -3.89886 -5.69217),lab(2.49376% -.890955 -1.45472))}.vg-hero-design-category__swatch--linen{color:#2e281e;color:lab(16.5179% 1.50545 7.83714);background:linear-gradient(155deg,#eeebe4,#d0cabc);background:linear-gradient(155deg,lab(93.0912% -.00810623 3.82546),lab(81.5157% .651807 7.68152))}.vg-hero-design-category__swatch--slate{color:oklch(var(--primary-foreground));background:linear-gradient(155deg,#58666d,#2e3a40);background:linear-gradient(155deg,lab(42.0723% -4.12655 -5.78349),lab(23.5085% -4.04458 -5.74719))}.vg-hero-design-category__swatch--cream{color:#382b1d;color:lab(18.7775% 4.15607 11.4829);background:linear-gradient(155deg,#f9f1e3,#f0dac2);background:linear-gradient(155deg,lab(95.4139% 1.22163 7.5873),lab(88.4011% 4.97431 14.6968))}.vg-hero-design-category__swatch--graphite{color:oklch(var(--primary-foreground));background:linear-gradient(155deg,#3b3e3f,#181b1c);background:linear-gradient(155deg,lab(25.7794% -1.05901 -1.4599),lab(9.53895% -1.04989 -1.45495))}.vg-hero-design-category__swatch--paper{color:#1e2b30;color:lab(16.5943% -4.92223 -4.82877);background:linear-gradient(155deg,#f5f9fb,#dfe6e8);background:linear-gradient(155deg,lab(97.7109% -1.28049 -1.23328),lab(90.7776% -2.19288 -1.76238))}.vg-hero-design-category__swatch--coal{color:#a3dedd;color:lab(84.401% -19.5873 -6.00685);background:linear-gradient(155deg,#12171a,#020404);background:linear-gradient(155deg,lab(7.25926% -1.87484 -2.84033),lab(.907408% -.234358 -.362515))}@media (max-width:960px){.vg-hero-design-category__inner{grid-template-columns:1fr}.vg-hero-design-category__swatches{aspect-ratio:16/9}.vg-hero-design-category__title{font-size:var(--mkt-text-heading-48)}}@media (max-width:560px){.vg-hero-design-category{width:min(100% - 1rem, var(--mkt-page-wide,80rem));border-radius:14px;min-height:0;margin-top:4.75rem;padding:1.125rem}.vg-hero-design-category__title{font-size:var(--mkt-text-heading-40);line-height:var(--mkt-leading-hero-title)}.vg-hero-design-category__crumbs{margin-bottom:16px}.vg-hero-design-category__sub{font-size:var(--mkt-text-copy-16);margin-bottom:18px}.vg-hero-design-category__cta{flex-direction:column}.vg-hero-design-category__btn{justify-content:center;width:100%}.vg-hero-design-category__swatches{aspect-ratio:auto;opacity:.84;grid-template-columns:repeat(2,1fr);max-height:15rem;padding:.75rem}}.vg-design-category__band{background:oklch(var(--background));padding:clamp(56px,7vw,88px) 32px}.vg-design-category__band--plain{background:oklch(var(--muted) / .4)}.vg-design-category__band-head{text-align:center;max-width:720px;margin:0 auto 32px}.vg-design-category__band-head p{color:oklch(var(--muted-foreground));font-size:var(--mkt-text-copy-16);line-height:var(--mkt-leading-body);margin:12px 0 0}.vg-design-category__grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1152px;margin:0 auto;display:grid}@media (min-width:768px){.vg-design-category__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.vg-design-category__grid{grid-template-columns:repeat(4,1fr)}}.vg-design-category__card{flex-direction:column;gap:8px;display:flex}.vg-design-category__card-art{aspect-ratio:3/2;background:oklch(var(--muted));border:1px solid oklch(var(--border));border-radius:12px;position:relative;overflow:hidden}.vg-design-category__card-img{object-fit:cover}.vg-design-category__card-name{font-size:var(--mkt-text-copy-14);font-weight:var(--mkt-weight-medium);letter-spacing:var(--mkt-tracking-none);margin:0}.vg-design-category__card-tags{flex-wrap:wrap;gap:4px;display:flex}.vg-design-category__card-tag{font-size:var(--mkt-text-label-12);background:oklch(var(--muted));color:oklch(var(--muted-foreground));border-radius:999px;padding:2px 8px}.vg-design-category__empty{text-align:center;border:1px dashed oklch(var(--border));background:oklch(var(--card));border-radius:14px;max-width:560px;margin:0 auto;padding:48px 24px}.vg-design-category__empty p{color:oklch(var(--muted-foreground));margin:0 0 18px}.vg-design-category__prose{max-width:720px;font-size:var(--mkt-text-copy-18);line-height:var(--mkt-leading-lede);color:oklch(var(--foreground));margin:0 auto}.vg-design-category__when{flex-direction:column;gap:14px;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.vg-design-category__when li{color:oklch(var(--muted-foreground));line-height:var(--mkt-leading-body);padding-left:22px;position:relative}.vg-design-category__when li strong{color:oklch(var(--foreground));font-weight:var(--mkt-weight-semibold)}.vg-design-category__when li:before{content:"";background:oklch(var(--primary));border-radius:999px;width:8px;height:8px;position:absolute;top:10px;left:0}.vg-design-category__others{text-align:center;max-width:1152px;margin:0 auto}.vg-design-category__chips{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1.5rem;display:flex}.vg-design-category__chip{border:1px solid oklch(var(--border));background:oklch(var(--card));color:oklch(var(--foreground));font-size:var(--mkt-text-copy-14);font-weight:var(--mkt-weight-medium);border-radius:999px;align-items:center;padding:8px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.vg-design-category__chip:hover{border-color:oklch(var(--primary) / .5);background:oklch(var(--primary) / .05)}