.home-chains-showcase{--ch-ink:#0a0a0a;--ch-charcoal:#171717;--ch-slate:#6b7280;--ch-ash:#a3a3a3;--ch-mist:#e5e5e5;--ch-linen:#fafafa;--ch-paper:#fff;--ch-fog:#d4d4d4;background:var(--ch-paper)}.home-chains-showcase__shell{max-width:72rem;margin-inline:auto}.home-chains-showcase__hero{grid-template-columns:1fr;align-items:stretch;gap:2rem;padding:4rem 1.25rem 4.5rem;display:grid;overflow:hidden}@media (min-width:640px){.home-chains-showcase__hero{padding:5rem 2rem 5.5rem}}@media (min-width:768px){.home-chains-showcase__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.5rem}}.home-chains-showcase__mosaic{align-self:stretch;min-width:0;height:100%;min-height:12.5rem;position:relative}@media (min-width:768px){.home-chains-showcase__mosaic{min-height:100%}}.home-chains-showcase__hero-copy{z-index:1;text-align:left;align-self:center;min-width:0;position:relative}.home-chains-showcase__title{color:var(--ch-ink);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.15}.home-chains-showcase__subtitle{max-width:28rem;color:var(--ch-slate);letter-spacing:-.01em;text-wrap:pretty;margin:.875rem 0 0;font-size:1rem;font-weight:400;line-height:1.6}@media (min-width:640px){.home-chains-showcase__subtitle{font-size:1.125rem}}.home-chains-showcase__hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:1.5rem;display:flex}.home-chains-showcase__featured{padding:4rem 1.25rem 4.5rem}@media (min-width:640px){.home-chains-showcase__featured{padding:5rem 2rem 5.5rem}}.home-chains-showcase__featured-copy{text-align:center;max-width:36rem;margin-inline:auto}.home-chains-showcase__featured-title{color:var(--ch-ink);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;line-height:1.2}.home-chains-showcase__featured-subtitle{color:var(--ch-slate);letter-spacing:-.01em;text-wrap:pretty;margin:.75rem auto 0;font-size:1rem;font-weight:400;line-height:1.6}.home-chains-showcase__grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;display:grid}@media (min-width:640px){.home-chains-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.home-chains-showcase__card{border:1px solid var(--ch-mist);background:var(--ch-paper);color:inherit;border-radius:12px;outline:none;text-decoration:none;transition:border-color .15s;display:block;position:relative;overflow:hidden}.home-chains-showcase__card:hover{border-color:var(--ch-fog)}.home-chains-showcase__card:hover .home-chains-showcase__card-footer{filter:drop-shadow(0 1px 2px #0000000f)}.home-chains-showcase__card:focus-visible{outline:2px solid var(--ch-ink);outline-offset:2px}.home-chains-showcase__card-media{background:var(--ch-linen);display:block;overflow:hidden}.home-chains-showcase__card-image{aspect-ratio:900/580;object-fit:cover;object-position:center;width:100%;display:block}.home-chains-showcase__card-category{z-index:1;background:var(--ch-paper);color:var(--ch-charcoal);letter-spacing:.04em;text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;line-height:1.45;display:inline-flex;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 2px #00000014}.home-chains-showcase__card-footer{inset-inline:1rem;z-index:1;background:var(--ch-paper);border-radius:.5rem;align-items:center;gap:.75rem;min-width:0;padding:.75rem;transition:filter .1s;display:flex;position:absolute;bottom:1rem}.home-chains-showcase__card-icon{background:var(--ch-paper);border:1px solid #0a0a0a13;border-radius:.375rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;overflow:hidden}@media (min-width:480px){.home-chains-showcase__card-icon{border-radius:.5rem;width:3rem;height:3rem}}.home-chains-showcase__card-icon :is(img,[data-fallback-icon],[data-fallback-icon]>div){width:70%!important;height:70%!important}.home-chains-showcase__card-copy{flex-direction:column;flex:auto;gap:.125rem;min-width:0;display:flex}.home-chains-showcase__card-name{color:var(--ch-ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1.25;overflow:hidden}.home-chains-showcase__card-blurb{color:#404040;letter-spacing:-.01em;margin:0;font-size:.75rem;font-weight:500;line-height:1.4;display:none;overflow:hidden}.home-chains-showcase__card-credit{color:#737373;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-size:.5625rem;font-weight:400;line-height:1.3;overflow:hidden}@media (min-width:480px){.home-chains-showcase__card-blurb{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}.home-chains-showcase__featured-footer{justify-content:center;margin-top:2rem;display:flex}.home-chains-showcase__view-all{color:var(--ch-slate);letter-spacing:-.01em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.home-chains-showcase__view-all:hover{color:var(--ch-ink)}.home-chains-showcase__view-all:focus-visible{outline:2px solid var(--ch-ink);outline-offset:3px;border-radius:2px}.home-chains-showcase__all{border-top:1px solid var(--ch-mist);padding:4rem 1.25rem 4.5rem}@media (min-width:640px){.home-chains-showcase__all{padding:5rem 2rem 5.5rem}}.home-chains-showcase__all-copy{max-width:36rem}.home-chains-showcase__all-title{color:var(--ch-ink);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;line-height:1.2}.home-chains-showcase__all-subtitle{color:var(--ch-slate);letter-spacing:-.01em;text-wrap:pretty;margin:.75rem 0 0;font-size:1rem;font-weight:400;line-height:1.6}.home-chains-showcase__directory{border:1px solid var(--ch-mist);background:var(--ch-mist);border-radius:12px;grid-template-columns:1fr;gap:1px;margin-top:2.5rem;display:grid;overflow:hidden}@media (min-width:640px){.home-chains-showcase__directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.home-chains-showcase__directory{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-chains-showcase__cell{background:var(--ch-paper);min-width:0;color:inherit;outline:none;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;text-decoration:none;transition:background-color .15s;display:flex}@media (min-width:640px){.home-chains-showcase__cell{padding:1.75rem 1.5rem}}.home-chains-showcase__cell:hover{background:var(--ch-linen)}.home-chains-showcase__cell:focus-visible{outline:2px solid var(--ch-ink);outline-offset:-2px;z-index:1}.home-chains-showcase__cell-icon{background:var(--ch-paper);border:1px solid #0a0a0a13;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex;overflow:hidden}.home-chains-showcase__cell-icon :is(img,[data-fallback-icon],[data-fallback-icon]>div){width:70%!important;height:70%!important}.home-chains-showcase__cell-name{color:var(--ch-ink);letter-spacing:-.02em;font-size:1rem;font-weight:600;line-height:1.3}.home-chains-showcase__cell-blurb{color:var(--ch-slate);letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-font-weight:initial;--tw-tracking:initial;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}::backdrop{--tw-font-weight:initial;--tw-tracking:initial;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}@layer theme,base;@layer components{.chain-mosaic{margin-bottom:calc(var(--spacing,.25rem) * 4)}@media (min-width:48rem){.chain-mosaic{margin-bottom:calc(var(--spacing,.25rem) * 6);align-items:center;gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.chain-mosaic--stage{margin:calc(var(--spacing,.25rem) * 0);height:100%;min-height:calc(var(--spacing,.25rem) * 0);width:100%;position:relative;overflow:visible;display:block!important}.chain-mosaic--stage .chain-mosaic__mobile-strip{margin-bottom:calc(var(--spacing,.25rem) * 0)}.chain-mosaic--stage .chain-mosaic__host{inset:calc(var(--spacing,.25rem) * 0);min-width:calc(var(--spacing,.25rem) * 0);display:none;position:absolute;overflow:visible}@media (min-width:48rem){.chain-mosaic--stage .chain-mosaic__host{display:block}}.chain-mosaic--stage .chain-mosaic__host{height:100%}.chain-mosaic--stage .chain-mosaic__board{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 78%,#0000 100%)}.chain-mosaic__copy{z-index:10;margin-bottom:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 0);text-align:left;position:relative}@media (min-width:48rem){.chain-mosaic__copy{margin-bottom:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 4);flex-direction:column;justify-content:center;display:flex}}.chain-mosaic__title{margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:-.03em;letter-spacing:-.03em;text-wrap:pretty;color:#1e1e1e}@media (min-width:40rem){.chain-mosaic__title{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}}.chain-mosaic__subtitle{margin-bottom:calc(var(--spacing,.25rem) * 5);max-width:var(--container-xl,36rem);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:#666}@media (min-width:48rem){.chain-mosaic__subtitle{margin-right:auto;margin-bottom:calc(var(--spacing,.25rem) * 6);max-width:var(--container-sm,24rem)}}.chain-mosaic__mobile-strip{gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media (min-width:40rem){.chain-mosaic__mobile-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:48rem){.chain-mosaic__mobile-strip{display:none}}.chain-mosaic__host{height:calc(var(--spacing,.25rem) * 50);min-width:calc(var(--spacing,.25rem) * 0);display:none;position:relative;overflow:visible}@media (min-width:48rem){.chain-mosaic__host{display:block}}.chain-mosaic__board{z-index:1;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);display:grid;position:absolute;top:50%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 72%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 72%,#0000 100%)}.chain-mosaic__cell{position:relative}.chain-mosaic-pool{pointer-events:none;height:calc(var(--spacing,.25rem) * 0);width:calc(var(--spacing,.25rem) * 0);opacity:0;position:absolute;overflow:hidden}.chain-mosaic-tile{border-style:var(--tw-border-style);border-width:1px;border-color:#0000001a;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.chain-mosaic-tile{border-color:color-mix(in oklab, var(--color-black,#000) 10%, transparent)}}.chain-mosaic-tile{background-color:var(--color-white,#fff)}.chain-mosaic-tile:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#a6a09b80}@supports (color:color-mix(in lab, red, red)){.chain-mosaic-tile:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-stone-400,lab(66.2166% 1.88044 3.20326)) 50%, transparent)}}.chain-mosaic-tile:focus-visible{--tw-outline-style:none;outline-style:none}.chain-mosaic-tile--board{inset:calc(var(--spacing,.25rem) * 0);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000a), 0 3px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:5px;position:absolute}@media (hover:hover){.chain-mosaic-tile--board:hover{z-index:20;--tw-translate-y:calc(var(--spacing,.25rem) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 6px 18px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);scale:1.06}}.chain-mosaic-tile--mobile{aspect-ratio:1;border-radius:var(--radius-md,.375rem);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000a), 0 3px 10px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s;position:relative;overflow:hidden}@media (hover:hover){.chain-mosaic-tile--mobile:hover{--tw-translate-y:calc(var(--spacing,.25rem) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.chain-mosaic-tile__swatch{pointer-events:none;box-sizing:border-box;border-radius:var(--radius-sm,.25rem);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chain-mosaic-tile--mobile .chain-mosaic-tile__swatch{width:25%;height:25%;padding:calc(var(--spacing,.25rem) * .5);border-radius:3px}.chain-mosaic-tile--board .chain-mosaic-tile__swatch{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:var(--radius-sm,.25rem);padding:calc(var(--spacing,.25rem) * 1)}.chain-mosaic-tile-face{inset:calc(var(--spacing,.25rem) * 0);border-radius:inherit;position:absolute;overflow:hidden}.chain-mosaic-tile-face__rim{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);border-radius:inherit;border-style:var(--tw-border-style);border-width:1px;border-color:#0000001a;position:absolute}@supports (color:color-mix(in lab, red, red)){.chain-mosaic-tile-face__rim{border-color:color-mix(in oklab, var(--color-black,#000) 10%, transparent)}}.chain-mosaic-tile-face__rim{-webkit-mask-image:linear-gradient(#000a,#000);mask-image:linear-gradient(#000a,#000)}.chain-mosaic-tile-face__icon{inset:calc(var(--spacing,.25rem) * 0);justify-content:center;align-items:center;display:flex;position:absolute}}@layer utilities;.chain-mosaic-tile--board :is(img,[data-fallback-icon],[data-fallback-icon]>div){width:100%!important;height:100%!important}.chain-mosaic-tile--mobile :is(img,[data-fallback-icon],[data-fallback-icon]>div){width:70%!important;height:70%!important}.chain-mosaic-tile--mobile .chain-mosaic-tile__swatch :is(img,[data-fallback-icon],[data-fallback-icon]>div){width:85%!important;height:85%!important}.chain-mosaic-tile--board .chain-mosaic-tile__swatch :is(img,[data-fallback-icon],[data-fallback-icon]>div){width:80%!important;height:80%!important}.chain-mosaic-tile [data-fallback-icon]>div{border-radius:5px}[data-chain-mosaic-board] [data-col]{perspective:240px}.chain-mosaic-tile{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out}.chain-mosaic-tile[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:30;background:#1c1917eb;border-radius:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;line-height:1.2;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.chain-mosaic-tile[data-tooltip]:hover:after,.chain-mosaic-tile[data-tooltip]:focus-visible:after{opacity:1}.chain-mosaic-tile--exit{opacity:0;pointer-events:none;transform:rotateX(92deg)}.chain-mosaic-tile--enter{opacity:0;pointer-events:none;transform:rotateX(-92deg)}.chain-mosaic-tile--exit:after,.chain-mosaic-tile--enter:after{opacity:0!important}@media (prefers-reduced-motion:reduce){.chain-mosaic-tile{transition:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}