.guides-hub{--red:var(--action-primary);--red-hover:color-mix(in srgb, var(--action-primary) 82%, black);--red-text:var(--text-on-brand-subtle);--ink:var(--background);--bone:var(--foreground);--card-bg:var(--card);--card-hover:var(--muted);--card-line:var(--border);--module-ink:var(--foreground);--module-muted:var(--muted-foreground);--dim:color-mix(in srgb, var(--muted-foreground) 70%, transparent);--radius:14px;--motion-base:.3s;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-std:cubic-bezier(.4, 0, .2, 1);--maxw:var(--content-max-width);--gut:var(--page-gutter);background:var(--ink);color:var(--module-ink);font-family:var(--font-sans), Figtree, system-ui, sans-serif;-webkit-font-smoothing:antialiased;transition:background-color var(--motion-base) var(--ease-std), color var(--motion-base) var(--ease-std);padding-bottom:4rem;line-height:1.55}.guides-hub a{color:inherit;text-decoration:none}.guides-hub b,.guides-hub strong{color:var(--module-ink);font-weight:600}.guides-hub .wrap{max-width:var(--maxw);padding:0 var(--gut);margin:0 auto}.theme-scope-light .guides-hub,:root.light .guides-hub{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-scope-dark .guides-hub,.dark .guides-hub{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.guides-hub .hero{max-width:var(--maxw);padding:30px var(--gut) 6px;margin:0 auto}.guides-hub .crumb{letter-spacing:-.14px;color:var(--module-muted);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:500;display:inline-flex}.guides-hub .crumb a:hover{color:var(--module-ink)}.guides-hub .h-title{letter-spacing:-.025em;color:var(--module-ink);margin:0 0 24px;font-size:clamp(34px,8vw,72px);font-weight:500;line-height:.98}.guides-hub .h-title .ml{display:block;overflow:hidden}.guides-hub .h-title .mi{animation:maskUp .95s var(--ease-expo) both;padding-bottom:.08em;display:block}.guides-hub .h-title .ml--2 .mi{animation-delay:.14s}@keyframes maskUp{0%{transform:translateY(112%)}to{transform:translateY(0)}}.guides-hub .h-stats{grid-template-columns:repeat(4,1fr);align-items:end;padding:16px 0 0;display:grid}.guides-hub .h-stats>div{padding:0 20px}.guides-hub .h-stats>div:first-child{padding-left:0}.guides-hub .stat-num{color:var(--module-ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-size:clamp(24px,3.2vw,32px);font-weight:600;display:block}.guides-hub .stat-num .dim{color:var(--module-muted);font-weight:500}.guides-hub .stat-lab{color:var(--module-muted);align-items:center;gap:6px;margin-top:8px;font-size:12.5px;display:flex}.guides-hub .stat-lab svg{stroke:currentColor;width:14px;height:14px;color:var(--dim);flex-shrink:0}.guides-hub .h-rule{border:none;border-top:1px solid var(--card-line);margin:24px 0 0}.guides-hub .h-intro{max-width:680px;color:var(--module-muted);margin:24px 0 0;font-size:15.5px;line-height:1.6}@media (max-width:640px){.guides-hub .hero{padding:22px var(--gut) 4px}.guides-hub .h-stats{flex-direction:column;align-items:stretch;padding-top:0;display:flex}.guides-hub .h-stats>div{border-bottom:1px solid var(--card-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.guides-hub .h-stats>div:last-child{border-bottom:none}.guides-hub .stat-num{order:2;font-size:22px}.guides-hub .stat-lab{order:1;margin-top:0;font-size:13.5px}}.guides-hub .sec{padding:56px 0 0}.guides-hub .sec-kicker{letter-spacing:.02em;color:var(--module-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:400;display:inline-flex}.guides-hub .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.guides-hub .sec-title{letter-spacing:-.02em;font-size:clamp(24px,4vw,38px);font-weight:500;line-height:1.05}.guides-hub .sec-sub{max-width:58ch;color:var(--module-muted);margin-top:10px;font-size:15px;line-height:1.6}.guides-hub .sec-all{color:var(--red-text);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.guides-hub .sec-all:hover{gap:10px}.guides-hub .pillar{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:26px;display:grid}@media (max-width:820px){.guides-hub .pillar{grid-template-columns:1fr}}.guides-hub .pillar-main{border-radius:var(--radius);border:1px solid var(--card-line);background:var(--palette-dark-background);flex-direction:column;justify-content:flex-end;min-height:clamp(400px,42vw,480px);padding:clamp(24px,3vw,40px);display:flex;position:relative;overflow:hidden}.guides-hub .pillar-img{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.guides-hub .pillar-main:before{content:"";z-index:1;background:linear-gradient(180deg,transparent 24%,color-mix(in srgb,var(--palette-dark-background) 38%,transparent) 55%,color-mix(in srgb,var(--palette-dark-background) 84%,transparent) 100%);position:absolute;inset:0}.guides-hub .pillar-main .kick,.guides-hub .pillar-main h2,.guides-hub .pillar-main p,.guides-hub .pillar-main .btn{z-index:2;position:relative}.guides-hub .pillar-main:hover .pillar-img{transform:scale(1.03)}.guides-hub .pillar-img{transition:transform .5s var(--ease-expo)}.guides-hub .pillar-main .kick{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-accent-line);margin-bottom:10px;font-size:12.5px}.guides-hub .pillar-main h2{letter-spacing:-.02em;color:var(--brand-accent-foreground);max-width:16ch;margin-bottom:12px;font-size:clamp(28px,3.8vw,44px);font-weight:500;line-height:1.03}.guides-hub .pillar-main p{color:color-mix(in srgb,var(--brand-accent-foreground) 86%,transparent);max-width:46ch;margin-bottom:22px;font-size:15px}.guides-hub .pillar-side{grid-template-rows:1fr 1fr;gap:14px;display:grid}.guides-hub .pill-tile{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--radius);transition:border-color .25s var(--ease-std),transform var(--card-lift-duration) var(--card-lift-ease);flex-direction:row;align-items:center;gap:18px;padding:18px;display:flex}.guides-hub .pill-tile:hover,.guides-hub .pill-tile:focus-visible{border-color:var(--dim);transform:translateY(var(--card-lift-y))}.guides-hub .pill-thumb{background:var(--card-hover) center/cover no-repeat;width:clamp(109px,34%,151px);height:155px;color:var(--dim);border:none;border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.guides-hub .pill-thumb svg{width:26px;height:26px}.guides-hub .pill-body{flex-direction:column;justify-content:center;gap:7px;min-width:0;display:flex}.guides-hub .pill-tile .kick{text-transform:uppercase;letter-spacing:.05em;color:var(--module-muted);font-size:11.5px}.guides-hub .pill-tile .t{letter-spacing:-.01em;font-size:19px;font-weight:700;line-height:1.15}.guides-hub .pill-tile .s{color:var(--module-muted);font-size:13.5px}.guides-hub .pill-tile .read{color:var(--red-text);margin-top:4px;font-size:13px;font-weight:600}@media (max-width:820px){.guides-hub .pillar-main{min-height:340px}}.guides-hub .btn{letter-spacing:-.01em;cursor:pointer;min-height:52px;transition:background var(--motion-base),border-color var(--motion-base),transform var(--motion-base) var(--ease-std);border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:16.5px;font-weight:700;line-height:1.25;display:inline-flex}.guides-hub .btn--primary{background:var(--red);color:var(--brand-accent-foreground);border-color:var(--red)}.guides-hub .btn--primary:hover{background:var(--red-hover);border-color:var(--red-hover)}.guides-hub .btn--secondary{color:var(--module-ink);border-color:var(--module-ink);background:0 0}.guides-hub .btn--secondary:hover{border-color:var(--red-text);color:var(--red-text)}.guides-hub .btn .disc{width:30px;height:30px;transition:transform .3s var(--ease-expo);border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid}.guides-hub .btn--primary .disc{background:var(--brand-accent-foreground);color:var(--red)}.guides-hub .btn--secondary .disc{background:var(--module-ink);color:var(--ink)}.guides-hub .btn:hover .disc{transform:translate(4px)}@media (max-width:640px){.guides-hub .btn{width:100%}}.guides-hub .rail{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;--fl:0px;--fr:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);flex-wrap:nowrap;gap:14px;margin-top:22px;padding:4px 0 10px;display:flex;overflow:auto hidden}@media (max-width:640px){.guides-hub .rail{-webkit-mask-image:none;mask-image:none}}.guides-hub .rail::-webkit-scrollbar{display:none}.guides-hub .rail-ctl{flex:none;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;display:flex}.guides-hub .rail-count{letter-spacing:.03em;color:var(--module-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.guides-hub .rail-count b{color:var(--module-ink);font-weight:700}.guides-hub .rail-track{background:var(--card-line);border-radius:3px;flex:0 0 20%;height:4px;position:relative}.guides-hub .rail-fill{background:var(--red);width:20%;height:6px;transition:left .3s var(--ease-expo),width .3s var(--ease-expo);border-radius:3px;position:absolute;top:-1px;left:0}.guides-hub .rail-nav{flex:none;gap:8px;display:flex}.guides-hub .rail-btn{border:1px solid var(--card-line);width:40px;height:40px;color:var(--module-ink);cursor:pointer;transition:border-color .3s var(--ease-std),opacity .3s var(--ease-std),transform .3s var(--ease-expo);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.guides-hub .rail-btn:hover{border-color:var(--module-ink);transform:scale(1.06)}.guides-hub .rail-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.guides-hub .rail-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.guides-hub .rail-btn svg{width:14px;height:14px}@media (max-width:640px){.guides-hub .rail-nav{display:none}}@media (max-width:520px){.guides-hub .rail-count{display:none}}@media (min-width:861px){.guides-hub .sec:has(.rail-ctl){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head ctl""rail rail";column-gap:24px;display:grid}.guides-hub .sec:has(.rail-ctl) .sec-head{grid-area:head}.guides-hub .sec:has(.rail-ctl) .rail{grid-area:rail}.guides-hub .sec:has(.rail-ctl) .rail-ctl{grid-area:ctl;align-self:end;margin-top:0}.guides-hub .rail-track{flex:0 0 clamp(120px,13vw,190px)}}.guides-hub .rcard{scroll-snap-align:start;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--radius);min-width:220px;max-width:296px;transition:transform var(--card-lift-duration) var(--card-lift-ease),border-color .25s var(--ease-std);flex-direction:column;flex:0 0 clamp(220px,72vw,296px);display:flex;position:relative;overflow:hidden}@media (min-width:641px){.guides-hub .rcard{flex-basis:clamp(240px,29vw,296px);min-width:240px}}.guides-hub .rcard-ph{aspect-ratio:16/10;background:var(--muted);flex:none;width:100%;position:relative;overflow:hidden}.guides-hub .rcard-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.guides-hub .rcard-body{z-index:1;background:var(--card-bg);flex-direction:column;flex:1;gap:9px;margin:0;padding:16px 18px 18px;display:flex;position:relative}.guides-hub .rcard:hover,.guides-hub .rcard:focus-visible{transform:translateY(var(--card-lift-y));border-color:var(--dim)}.guides-hub .rcard .tag{text-transform:uppercase;letter-spacing:.04em;color:var(--module-muted);font-size:11px}.guides-hub .rcard .q{letter-spacing:-.01em;font-size:16.5px;font-weight:700;line-height:1.2}.guides-hub .rcard .a{color:var(--module-muted);flex:1;font-size:13.8px}.guides-hub .rcard .read{color:var(--red-text);transition:gap var(--card-lift-duration) var(--card-lift-ease);gap:6px;margin-top:auto;font-size:13px;font-weight:600;display:inline-flex}.guides-hub .rcard:hover .read,.guides-hub .rcard:focus-visible .read{gap:10px}.guides-hub .note{color:var(--dim);max-width:88ch;margin:40px 0 0;font-size:12px;line-height:1.65}.guides-hub .hub-empty{border:1px dashed var(--card-line);border-radius:var(--radius);background:var(--card-bg);color:var(--module-muted);margin:26px 0 0;padding:28px 22px;font-size:15px;line-height:1.55}.guides-hub .nac-footer{--f-acc:var(--red-text);--f-mark:var(--red);--f-bg:var(--ink);--f-ink:var(--module-ink);--f-muted:var(--module-muted);--f-line:var(--card-line);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc((1 - var(--depth,0)) * 96px));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc((1 - var(--depth,0)) * 96px));mask-image:linear-gradient(180deg,transparent 0,#000 calc((1 - var(--depth,0)) * 96px));background:var(--f-bg);color:var(--f-ink);padding:0 var(--gut) 28px;max-width:var(--maxw);transition:background-color var(--motion-base) var(--ease-std),color var(--motion-base) var(--ease-std);margin:64px auto 0;position:relative;overflow:hidden}.guides-hub .nac-footer .f-inner{--depth:0;transform:translateY(calc((1 - var(--depth)) * -20%)) scale(calc(.97 + .03 * var(--depth)));will-change:transform}@media (prefers-reduced-motion:reduce){.guides-hub .nac-footer .f-inner{--depth:1;transform:none}}.guides-hub .nac-footer a{color:inherit}.guides-hub .nac-footer :focus-visible{outline:2px solid var(--f-acc);outline-offset:2px}.guides-hub .f-inner{max-width:none}.guides-hub .f-brand{margin-bottom:8px}.guides-hub .f-brand svg{width:auto;height:44px}.guides-hub .f-brand svg path{fill:var(--f-mark)}.guides-hub .f-head{letter-spacing:normal;margin:14px 0 18px;font-size:clamp(2.4rem,6.5vw,4.6rem);font-weight:600;line-height:1.02}.guides-hub .f-head .rot-wrap{color:var(--f-acc);text-align:left;vertical-align:bottom;clip-path:inset(-120% -10% -30%);min-width:5.2em;display:inline-block;position:relative}.guides-hub .f-head .rot{white-space:nowrap;display:inline-block}.guides-hub .f-head .rot .l{will-change:transform;display:inline-block;transform:translateY(135%)}@media (prefers-reduced-motion:no-preference){.guides-hub .f-head .rot .l{transition:transform .55s cubic-bezier(.45,0,.55,1)}.guides-hub .f-head .rot.sink .l{transition-duration:.4s}}.guides-hub .f-head .rot .l.up{transform:translateY(0)}.guides-hub .f-sronly{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guides-hub .f-sub{max-width:34rem;color:var(--f-muted);font-size:.95rem;line-height:1.65}.guides-hub .f-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:clamp(32px,5vw,56px) 0;display:grid}.guides-hub .f-col h3{border-bottom:1px solid var(--f-line);margin-bottom:10px}.guides-hub .f-col h3 button{width:100%;color:var(--f-ink);text-align:left;cursor:default;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 0;font:500 .78rem Figtree,sans-serif;display:flex}.guides-hub .f-col .chev{color:var(--f-muted);transition:transform .3s var(--ease-std);font-size:.7rem;display:none}.guides-hub .f-col ul{list-style:none}.guides-hub .f-col li a,.guides-hub .f-col li button.flink{color:var(--f-muted);cursor:pointer;background:0 0;border:none;padding:5px 0;font:400 .85rem Figtree,sans-serif;text-decoration:none;display:inline-block;position:relative}.guides-hub .f-col li a:after,.guides-hub .f-col li button.flink:after,.guides-hub .f-legal nav a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;position:absolute;bottom:1px;left:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.guides-hub .f-col li a:after,.guides-hub .f-col li button.flink:after,.guides-hub .f-legal nav a:after{transition:transform .35s var(--ease-expo)}}.guides-hub .f-col li a:hover,.guides-hub .f-col li button.flink:hover,.guides-hub .f-col li a:focus-visible,.guides-hub .f-col li button.flink:focus-visible{color:var(--f-acc)}.guides-hub .f-col li a:hover:after,.guides-hub .f-col li button.flink:hover:after,.guides-hub .f-col li a:focus-visible:after,.guides-hub .f-col li button.flink:focus-visible:after,.guides-hub .f-legal nav a:hover:after{transform:scaleX(1)}.guides-hub .f-col .ext:after{content:" ↗";background:0 0;font-size:.75em;position:static;transform:none}@media (max-width:720px){.guides-hub .f-cols{grid-template-columns:1fr;gap:8px;margin-bottom:0}.guides-hub .f-col h3{margin-bottom:0}.guides-hub .f-col h3 button{cursor:pointer}.guides-hub .f-col .chev{display:inline-block}.guides-hub .f-col.open .chev{transform:rotate(180deg)}.guides-hub .f-col ul{opacity:0;max-height:0;padding:0;overflow:hidden}.guides-hub .f-col.open ul{opacity:1;max-height:320px;padding:8px 0 14px}.guides-hub .f-ackrow{border-top:none;padding-top:22px}}@media (max-width:720px) and (prefers-reduced-motion:no-preference){.guides-hub .f-col ul{transition:max-height .45s var(--ease-expo),opacity .3s ease,padding .45s var(--ease-expo)}}.guides-hub .f-ackrow{border-top:1px solid var(--f-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:4px;padding:26px 0;display:flex}.guides-hub .f-ackleft{align-items:center;gap:18px;min-width:0;display:flex}.guides-hub .f-flag{border-radius:4px;flex:none;display:block;overflow:hidden}.guides-hub .f-ack{max-width:34rem;color:var(--f-muted);font-size:.78rem;line-height:1.7}.guides-hub .f-social{flex:none;gap:10px;display:flex}.guides-hub .f-social a{border:1px solid var(--f-line);width:44px;height:44px;color:var(--f-ink);transition:border-color .25s var(--ease-std),color .25s var(--ease-std);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.guides-hub .f-social a:hover{border-color:var(--f-acc);color:var(--f-acc)}.guides-hub .f-social svg{fill:currentColor;width:16px;height:16px}.guides-hub .f-legal{border-top:1px solid var(--f-line);color:var(--f-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;font-size:.7rem;display:flex}.guides-hub .f-legal nav{gap:16px;display:flex}.guides-hub .f-legal nav a{color:var(--f-muted);text-decoration:none;position:relative}.guides-hub .f-legal nav a:hover{color:var(--f-acc)}.guides-hub #guidesMain{z-index:0;transform-origin:top;will-change:transform,opacity;position:sticky;top:0}.guides-hub .wrap{z-index:1;background:linear-gradient(to bottom,transparent 0,var(--ink) 92px);position:relative}.guides-hub #nacFooter{z-index:1;position:relative}.guides-hub .closing{z-index:1;background:var(--ink);padding-top:40px;position:relative}@media (prefers-reduced-motion:reduce){.guides-hub #guidesMain{position:static;opacity:1!important;transform:none!important}}@media (max-width:820px){.guides-hub .wrap>.sec:first-of-type{padding-top:20px}.guides-hub .wrap>.sec:first-of-type .pillar{margin-top:12px}}.guides-hub .rv{opacity:0;transition:opacity .7s var(--ease-expo),transform .8s var(--ease-expo);transform:translateY(14px)}.guides-hub .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.guides-hub .h-title .mi{animation:none}.guides-hub .rv{opacity:1!important;transition:none!important;transform:none!important}.guides-hub .btn:hover,.guides-hub .rcard:hover,.guides-hub .rcard:focus-visible,.guides-hub .pill-tile:hover,.guides-hub .pill-tile:focus-visible{transform:none}}
