@font-face{font-family:Outfit;src:url(../media/Outfit-VariableFont_wght.9673ca89.ttf)format("truetype")}@font-face{font-family:Inter;src:url(../media/Inter-VariableFont_slnt,wght.84182923.ttf)format("truetype")}@font-face{font-family:Space Grotesk;src:url(../media/SpaceGrotesk-VariableFont_wght.a914a376.ttf)format("truetype")}@font-face{font-family:"Baloo 2";src:url(../media/Baloo2-VariableFont_wght.208e380f.ttf)format("truetype")}@font-face{font-family:Nunito;src:url(../media/Nunito-VariableFont_wght.7de70392.ttf)format("truetype")}.background-by-category.cat1{background-color:var(--category1-06)}.background-by-category.cat2{background-color:var(--category2-06)}.background-by-category.cat3{background-color:var(--category3-06)}.background-by-category.cat4{background-color:var(--category4-06)}.background-by-category.cat5{background-color:var(--category5-06)}.background-by-category.cat6{background-color:var(--category6-06)}.background-by-category.cat7{background-color:var(--category7-06)}.guides,.guides *,.guides :before,.guides :after{box-sizing:border-box}body:has(.guides){margin:0}.guides{background:var(--background);min-height:100vh;color:var(--text)}.guides-head{z-index:5;padding:calc(16px + env(safe-area-inset-top))16px 12px 84px;background:color-mix(in srgb,var(--background)62%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--text)9%,transparent);position:sticky;top:0}.guides-head__row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.guides-head__title.text.display{white-space:nowrap;font-size:22px;line-height:1}.guides-head__count.text{color:color-mix(in srgb,var(--text)85%,transparent);white-space:nowrap}.guides-mosaic{max-width:1500px;margin:0 auto;padding:10px 8px 0;container-type:inline-size}.guides-grid{--cols:3;--gap:8px;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc((100vw - 16px - (var(--cols) - 1)*var(--gap))/var(--cols));grid-auto-rows:calc((100cqw - (var(--cols) - 1)*var(--gap))/var(--cols));gap:var(--gap);grid-auto-flow:dense;display:grid;position:relative}@media (min-width:640px){.guides-grid{--cols:4;--gap:10px}}@media (min-width:900px){.guides-grid{--cols:5;--gap:12px}}@media (min-width:1280px){.guides-grid{--cols:6}}.guides-tile{z-index:0;border-radius:14px;min-width:0;position:relative}.guides-tile.is-spot{z-index:2}.guides-tile__hit{cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:#0000;background:0 0;border:0;border-radius:14px;padding:0;text-decoration:none;display:block;position:absolute;inset:0}.guides-tile__hit:focus-visible{outline:2px solid var(--accent,#ff2d9a);outline-offset:3px}.guides-tile__art{background:var(--card);border-radius:14px;position:absolute;inset:0;overflow:hidden}.guides-tile__art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.guides-art{pointer-events:none;display:block;position:absolute}.guides-art--cover{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 82%;object-position:50% 82%;width:100%;height:100%;inset:0}.guides-art--ground{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 100%;object-position:50% 100%;width:100%;height:100%;inset:0}.guides-art--hero{filter:drop-shadow(0 8px 14px #00000059);width:auto;height:74%;bottom:-4%;left:50%;transform:translate(-50%)}.guides-tile[data-in] .guides-art--breathe{animation:16s ease-in-out infinite alternate guides-breathe;animation-delay:calc(var(--guides-i,0)*-1.7s)}@keyframes guides-breathe{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.05)translate(-1%,-1%)}}.guides-tile__dim{pointer-events:none;opacity:0;background:#00000057;transition:opacity .9s;position:absolute;inset:0}.guides-grid.is-spotting .guides-tile:not(.is-spot) .guides-tile__dim{opacity:1}.guides-tile__fade{pointer-events:none;background:linear-gradient(#0000,#000000a8);height:60%;position:absolute;bottom:0;left:0;right:0}.guides-tile__ring{pointer-events:none;opacity:0;box-shadow:0 0 0 2px #ffffffeb,0 0 0 5px color-mix(in srgb,var(--accent,#ff2d9a)45%,transparent),0 0 48px 8px color-mix(in srgb,var(--accent,#ff2d9a)32%,transparent),0 22px 44px #00000080;border-radius:14px;transition:opacity .6s;position:absolute;inset:0}.guides-tile.is-spot .guides-tile__ring{opacity:1}.guides-tile__words{pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.guides-tile__title{color:#fff;text-shadow:0 1px 6px #0009;max-width:100%;font-family:var(--font-secondary,"Space Grotesk");letter-spacing:.07em;text-transform:uppercase;overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(9px,2.6vw,12px);font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.guides-badges{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:7px;left:7px;right:7px}.guides .beta-label{background-color:var(--accent,#ff2d9a);color:var(--text-on-accent,#fff);font-family:var(--font-secondary,"Space Grotesk");letter-spacing:1px;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:8px;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.3;display:inline-block}.guides .beta-label.guides-grade{background-color:var(--card-04);color:var(--text);letter-spacing:.5px}.guides-tile--ghost{background:var(--card);animation:1.6s ease-in-out infinite guides-ghost}@keyframes guides-ghost{0%,to{opacity:.35}50%{opacity:.7}}.guides-intro{align-items:center;gap:14px;padding:14px 6px 18px;display:flex}.guides-intro__emblem{-o-object-fit:contain;object-fit:contain;flex:none;width:64px;height:64px;display:block}.guides-intro__line.text{color:var(--text);text-wrap:pretty;max-width:36ch;font-size:16px;line-height:1.4}.guides-beta{margin-top:36px;padding:0 4px}.guides-beta__kicker.text{color:color-mix(in srgb,var(--text)85%,transparent)}.guides-beta__lede.text{color:color-mix(in srgb,var(--text)85%,transparent);margin:6px 0 14px;font-size:13px}.guides-beta .guides-grid{margin:0 -4px}.guides-mosaic{padding-bottom:40px}.guides-empty.text{text-align:center;color:var(--text);padding:18vh 24px 0}.guides--still .guides-tile[data-in] .guides-art--breathe{animation:none}.guides--still .guides-tile__dim,.guides--still .guides-tile__ring,.guides--still .guides-tile__hit{transition:none}