.cat-banner.svelte-ypx9cr{--cat-banner-height-phone:132px;--cat-banner-height-desktop:200px;--cat-banner-deep-until:60%;--cat-banner-scrim-image:#000000c7 0%, #00000094 60%, #00000026 100%;--cat-banner-scrim-default:#00000040 0%, #0003 60%, transparent 100%;--cat-banner-panel-width:44%;--cat-banner-seam:.12;--cat-banner-split-text:54%;--cat-banner-tile-max:96px;--cat-banner-tile-foot:10px;--cat-banner-tile-pad:6px;--cat-banner-tile-overlap:10px;--cat-banner-shelf-end:6px;--cat-banner-tile-radius:calc(var(--ui-radius) * 3);--cat-banner-words-in:.24s;--cat-banner-photo-in:.36s;--cat-banner-photo-delay:80ms;--cat-banner-photo-rise:14px;--cat-banner-tile-stagger:.2s;height:var(--cat-banner-height-phone);container:cat-banner/inline-size}@media (width>=48rem){.cat-banner.svelte-ypx9cr{height:var(--cat-banner-height-desktop);--cat-banner-seam:.09;--cat-banner-split-text:52%;--cat-banner-tile-max:156px;--cat-banner-tile-foot:12px;--cat-banner-tile-pad:8px;--cat-banner-tile-overlap:8px;--cat-banner-shelf-end:12px}}.cat-banner__fill.svelte-ypx9cr,.cat-banner__scrim.svelte-ypx9cr{position:absolute;inset:0}.cat-banner__fill.svelte-ypx9cr{background:linear-gradient(to right, var(--color-primary-800) 0%, var(--color-primary-700) var(--cat-banner-deep-until), var(--color-primary) 100%)}.cat-banner__scrim--image.svelte-ypx9cr{background:linear-gradient(to right, var(--cat-banner-scrim-image))}.cat-banner__scrim--default.svelte-ypx9cr{background:linear-gradient(to right, var(--cat-banner-scrim-default))}.cat-banner__text.svelte-ypx9cr{max-width:60%}.cat-banner__title.svelte-ypx9cr{text-shadow:0 1px 2px #00000059}.cat-banner__panel.svelte-ypx9cr{inset-block:0;width:var(--cat-banner-panel-width);background:linear-gradient(135deg, var(--ui-bg) 0%, var(--color-primary-50) 100%);clip-path:polygon(calc(var(--cat-banner-seam) * 100%) 0, 100% 0, 100% 100%, 0 100%);position:absolute;right:0}.cat-banner.svelte-ypx9cr .cat-banner__hero{width:auto;height:88%;max-width:calc(var(--cat-banner-panel-width) - 6%);object-fit:contain;mix-blend-mode:multiply;position:absolute;top:6%;right:3%}@media (width>=48rem){.cat-banner.svelte-ypx9cr .cat-banner__hero{height:86%;top:7%;right:5%}}.cat-banner__shelf.svelte-ypx9cr{inset-block:0;width:var(--cat-banner-panel-width);padding:0 var(--cat-banner-shelf-end) var(--cat-banner-tile-foot) calc(var(--cat-banner-panel-width) * var(--cat-banner-seam));flex-direction:row-reverse;align-items:flex-end;display:flex;position:absolute;right:0}.cat-banner__tile.svelte-ypx9cr{flex:0 1 var(--cat-banner-tile-max);aspect-ratio:1;background:var(--ui-bg);border-radius:var(--cat-banner-tile-radius);min-width:0;transform:rotate(var(--rot));transform-origin:50% 100%;position:relative;box-shadow:0 6px 16px #00000029,0 1px 3px #0000001f}.cat-banner__tile.svelte-ypx9cr+.cat-banner__tile:where(.svelte-ypx9cr){margin-right:calc(var(--cat-banner-tile-overlap) * -1)}.cat-banner.svelte-ypx9cr .cat-banner__tile-img{inset:var(--cat-banner-tile-pad);width:calc(100% - 2 * var(--cat-banner-tile-pad));height:calc(100% - 2 * var(--cat-banner-tile-pad));object-fit:contain;position:absolute}@container cat-banner (width<560px){.cat-banner__tile.svelte-ypx9cr:nth-child(n+3){display:none}}@container cat-banner (560px<=width<1200px){.cat-banner__tile.svelte-ypx9cr:nth-child(n+4){display:none}}.cat-banner--split.svelte-ypx9cr .cat-banner__text:where(.svelte-ypx9cr){max-width:var(--cat-banner-split-text);gap:5px}.cat-banner--split.svelte-ypx9cr .cat-banner__title:where(.svelte-ypx9cr){letter-spacing:-.015em;font-size:22px;font-weight:800;line-height:1.05}.cat-banner__sub.svelte-ypx9cr{opacity:.94;text-shadow:0 1px 2px #00000059;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.cat-banner__button.svelte-ypx9cr{height:32px;color:var(--color-gray-900,#111827);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000040}.cat-banner__button.svelte-ypx9cr:before{content:"";position:absolute;inset:-6px -4px}.cat-banner__button.svelte-ypx9cr:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width>=48rem){.cat-banner--split.svelte-ypx9cr .cat-banner__text:where(.svelte-ypx9cr){gap:10px}.cat-banner--split.svelte-ypx9cr .cat-banner__title:where(.svelte-ypx9cr){font-size:36px;line-height:1.02}.cat-banner__sub.svelte-ypx9cr{font-size:15px}.cat-banner__button.svelte-ypx9cr{height:38px;padding:0 16px;font-size:13.5px}}.cat-banner--split.svelte-ypx9cr .cat-banner__text:where(.svelte-ypx9cr){animation:svelte-ypx9cr-cat-banner-fade var(--cat-banner-words-in) ease both}.cat-banner--designed.svelte-ypx9cr .cat-banner__hero{animation:svelte-ypx9cr-cat-banner-settle var(--cat-banner-photo-in) cubic-bezier(.2, .8, .2, 1) var(--cat-banner-photo-delay) both}.cat-banner__tile.svelte-ypx9cr{animation:svelte-ypx9cr-cat-banner-tile-settle var(--cat-banner-photo-in) cubic-bezier(.2, .8, .2, 1) calc(var(--i) * var(--cat-banner-tile-stagger) + var(--cat-banner-photo-delay)) both}@keyframes svelte-ypx9cr-cat-banner-fade{0%{opacity:0}}@keyframes svelte-ypx9cr-cat-banner-settle{0%{opacity:0;transform:translateY(var(--cat-banner-photo-rise))}to{opacity:1;transform:translateY(0)}}@keyframes svelte-ypx9cr-cat-banner-tile-settle{0%{opacity:0;transform:translateY(var(--cat-banner-photo-rise)) rotate(var(--rot))}to{opacity:1;transform:translateY(0) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.cat-banner--split.svelte-ypx9cr .cat-banner__text:where(.svelte-ypx9cr),.cat-banner--designed.svelte-ypx9cr .cat-banner__hero,.cat-banner__tile.svelte-ypx9cr{animation:none}}