.gruvrooms-directory{max-width:1600px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.gruvrooms-title-row{flex-wrap:nowrap;align-items:flex-start;gap:.3rem;display:flex}.gruvrooms-header h1{letter-spacing:0;background:repeating-linear-gradient(in oklch 90deg, color-mix(in oklab, var(--pink) 70%, white) 0%, color-mix(in oklab, var(--orange) 92%, white) 16.6%, color-mix(in oklab, var(--neon-yellow) 92%, white) 33.3%, var(--lime) 50%, color-mix(in oklab, var(--cyan) 82%, white) 66.6%, color-mix(in oklab, var(--neon-purple) 68%, white) 83.3%, color-mix(in oklab, var(--pink) 70%, white) 100%) 0 50% / 12.8rem 100% repeat-x;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px color-mix(in oklab, var(--pink) 45%, transparent)) drop-shadow(0 0 18px color-mix(in oklab, var(--cyan) 35%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(1.3rem,7.1vw,3.5rem);line-height:1;animation:4s linear infinite gruvrooms-rule-slide}.gruvrooms-kicker{background:var(--lime);color:var(--lime-foreground);-webkit-text-stroke:.7px currentColor;flex-shrink:0;margin-top:calc(clamp(1.3rem,7.1vw,3.5rem)/1.03093);padding:.5rem .8rem 0;font-family:Archivo Black,sans-serif;font-size:clamp(.55rem,2.82vw,.94rem);line-height:1;display:inline-block}.gruvrooms-kicker span{margin-bottom:var(--kicker-tuck,-.18em);animation:5.5s step-end infinite gruvrooms-kicker-life;display:block}@keyframes gruvrooms-kicker-life{0%{color:var(--lime-foreground)}33%{color:var(--pink)}66%{color:var(--purple)}}@media (prefers-reduced-motion:reduce){.gruvrooms-kicker span{animation:none}}.gruvrooms-rule{background:repeating-linear-gradient(90deg, var(--pink) 0 3.2rem, var(--cyan) 3.2rem 6.4rem, var(--lime) 6.4rem 9.6rem, var(--orange) 9.6rem 12.8rem);background-size:12.8rem 100%;border:0;height:6px;margin:1.1rem 0;animation:4s linear infinite gruvrooms-rule-slide}@keyframes gruvrooms-rule-slide{0%{background-position-x:0}to{background-position-x:12.8rem}}@media (prefers-reduced-motion:reduce){.gruvrooms-rule,.gruvrooms-header h1{animation:none}}.gruvrooms-services{text-transform:uppercase;color:var(--foreground);-webkit-text-stroke:1.5px var(--cyan);margin:0 0 2rem;font-family:Archivo Black,sans-serif;font-size:1.35rem;line-height:1.1}.gruvrooms-header>.social-network-invite{margin:0 0 2rem}.gruvrooms-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.gruvrooms-card{--room-accent:var(--pink);border:3px solid var(--room-accent);background:var(--foreground);min-width:0;color:var(--background);box-shadow:5px 5px 0 var(--room-accent);flex-direction:column;display:flex}.gruvrooms-card:nth-child(4n+2){--room-accent:var(--cyan)}.gruvrooms-card:nth-child(4n+3){--room-accent:var(--lime)}.gruvrooms-card:nth-child(4n+4){--room-accent:var(--orange)}.gruvrooms-card img{aspect-ratio:4/3;object-fit:contain;background:var(--room-accent);width:100%;display:block}.gruvrooms-card-label{background:var(--room-accent);min-height:4.5rem;color:var(--foreground);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem;display:flex}.gruvrooms-card-label strong{text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;font-family:Archivo Black,sans-serif;font-size:1rem;line-height:1.2}.gruvrooms-card-label svg{flex-shrink:0}.gruvrooms-card:hover .gruvrooms-card-label{background:var(--background)}.gruvrooms-card:focus-visible{outline:4px solid var(--background);outline-offset:7px}@media (width<=900px){.gruvrooms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.gruvrooms-directory{padding:1.5rem .75rem 3rem}.gruvrooms-title-row{gap:.2rem}.gruvrooms-header h1{flex-shrink:0}.gruvrooms-kicker{-webkit-text-stroke:.5px currentColor;flex-shrink:1;max-width:46%;margin-top:8.094vw;padding:.25rem .4rem 0;font-size:.62rem}.gruvrooms-services{font-size:1.1rem}.gruvrooms-header{margin-bottom:1.5rem}.gruvrooms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gruvrooms-card-label{gap:.3rem;min-height:4.5rem;padding:.6rem}.gruvrooms-card-label strong{font-size:.8rem}.gruvrooms-card-label svg{width:16px}}