.guides-head{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;display:grid;position:relative;padding-top:72px!important;padding-bottom:72px!important}.guides-head-copy,.guides-bento{z-index:1;position:relative}.guides-head-grid{z-index:0;color:#cbd1d8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 85% at 72%,#000 10%,#0000 100%);mask-image:radial-gradient(55% 85% at 72%,#000 10%,#0000 100%)}.guides-head-grid path{fill:none;stroke:currentColor;stroke-width:.8px;stroke-linecap:round;vector-effect:non-scaling-stroke}.guides-head h1{color:#262626;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(38px,4.4vw,54px);font-weight:700;line-height:1.04}.guides-head-sub{color:#666;text-wrap:pretty;max-width:26em;margin:18px 0 0;font-size:17.5px;line-height:1.55}.guides-index{border-top:1px solid #e3e6ea;max-width:26em;margin:30px 0 0;padding:0;list-style:none}.guides-index a{border-bottom:1px solid #e3e6ea;flex-direction:column;gap:2px;padding:11px 0;display:flex}.guides-index b{color:#262626;font-size:15px;font-weight:600}.guides-index small{color:#8a929b;font-size:13.5px}.guides-index a:hover b{color:var(--brand)}.guides-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guides-feature,.guides-tile{background:var(--canvas);color:inherit;border-radius:16px;transition:box-shadow .16s;box-shadow:0 0 0 5px #ffffffb3,0 0 0 6px #00000009,0 1px 2px #1018280d}.guides-feature:hover,.guides-tile:hover{box-shadow:0 0 0 5px #ffffffb3,0 0 0 6px #0875e140,0 1px 2px #1018280d}.guides-feature:focus-visible,.guides-tile:focus-visible{outline:2px solid var(--brand);outline-offset:7px}.guides-feature{grid-column:1/-1;padding:0;display:block;position:relative;overflow:hidden}.guides-feature-art{height:284px;display:block;position:relative}.guides-feature-photo{object-fit:cover;object-position:center 40%}.guides-feature-copy{background:#fffffff5;border-radius:12px;flex-direction:column;gap:6px;max-width:min(360px,100% - 32px);padding:16px 18px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 12px 30px -14px #10182873}.guides-feature-copy small{color:var(--brand);font-size:13px;font-weight:700}.guides-feature-copy b{color:#262626;letter-spacing:-.02em;text-wrap:balance;font-size:18px;line-height:1.25}.guides-feature:hover .guides-feature-copy b{color:var(--brand)}.guides-tile{flex-direction:column;justify-content:space-between;gap:18px;min-height:148px;padding:18px 20px;display:flex}.guides-tile>span:last-child{flex-direction:column;gap:2px;display:flex}.guides-tile b{color:#262626;font-size:15.5px}.guides-tile small{color:#8a929b;font-size:13px}.guides-tile-code{background:#1d2023}.guides-tile-code pre{color:#e8eaed;font-family:var(--mono);white-space:pre;margin:0;font-size:12px;line-height:1.7;overflow:hidden}.guides-tile-code pre span{color:#7d8792}.guides-tile-code b{color:#fff}.guides-tile-code small{color:#9aa3ad}.guides-logos{flex-wrap:wrap;gap:8px;display:flex}.guides-logos img{object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000f}.guides-shelves{padding-top:0!important;padding-bottom:0!important}.guides-shelf{border-top:1px solid var(--border-soft);grid-template-columns:260px minmax(0,1fr);gap:48px;padding:56px 0;scroll-margin-top:80px;display:grid}.guides-shelf:first-child{border-top:0}.guides-shelf-head{align-self:start;position:sticky;top:104px}.guides-shelf-head h2{color:#262626;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.guides-shelf-head p{color:#666;margin:10px 0 0;font-size:15px;line-height:1.55}.guides-rows{gap:14px;margin:0;padding:0;list-style:none;display:grid}.guides-row{background:var(--canvas);color:inherit;border-radius:14px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:22px;padding:12px;transition:box-shadow .16s;display:grid;box-shadow:0 0 0 5px #ffffffb3,0 0 0 6px #00000009,0 1px 2px #1018280d}.guides-row:hover{box-shadow:0 0 0 5px #ffffffb3,0 0 0 6px #0875e140,0 1px 2px #1018280d}.guides-row:focus-visible{outline:2px solid var(--brand);outline-offset:6px}.guides-row-image{aspect-ratio:16/9;object-fit:cover;background:#eef2f6;border-radius:9px;width:100%;height:auto;display:block}.guides-row-copy{flex-direction:column;min-width:0;padding-right:10px;display:flex}.guides-row h3{color:#262626;letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:18px;font-weight:700;line-height:1.3}.guides-row:hover h3{color:var(--brand)}.guides-row-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.guides-row-meta{color:#8a929b;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12.5px;display:flex}.guides-row-meta b{color:var(--brand);font-weight:700}@media (max-width:900px){.guides-head{grid-template-columns:1fr;gap:36px;padding-top:56px!important;padding-bottom:52px!important}.guides-head-grid{-webkit-mask-image:radial-gradient(80% 40% at 50% 70%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 40% at 50% 70%,#000 0%,#0000 100%)}.guides-shelf{grid-template-columns:1fr;gap:22px;padding:44px 0}.guides-shelf-head{position:static}}@media (max-width:620px){.guides-head{gap:22px;padding-top:36px!important;padding-bottom:32px!important}.guides-head h1{font-size:34px}.guides-head-sub{margin-top:12px;font-size:16px}.guides-index,.guides-tile{display:none}.guides-feature-art{height:190px}.guides-feature-copy{max-width:none;padding:12px 14px;bottom:10px;left:10px;right:10px}.guides-feature-copy small{font-size:12px}.guides-feature-copy b{font-size:15.5px}.guides-row{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:14px}.guides-row h3{font-size:16px}.guides-row-desc{font-size:13.5px}}@media (max-width:520px){.guides-bento{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.guides-feature,.guides-tile,.guides-row{transition:none}}