.guides-hub{--gh-ink: var(--color-bg, #f8f8f6);--gh-ink-deep: var(--color-bg-secondary, #efeee9);--gh-panel: var(--color-card-bg, #f0f0ee);--gh-cream: var(--color-text-primary, #181a16);--gh-muted: var(--color-text-muted, #565a51);--gh-line: color-mix(in srgb, var(--color-text-primary, #181a16) 12%, transparent);--gh-accent: var(--color-accent, #b04716);--gh-veil-strong: color-mix(in srgb, var(--color-bg, #f8f8f6) 92%, transparent);--gh-veil-mid: color-mix(in srgb, var(--color-bg, #f8f8f6) 52%, transparent);--gh-veil-soft: color-mix(in srgb, var(--color-bg, #f8f8f6) 12%, transparent);background:var(--gh-ink);color:var(--gh-cream);min-height:100vh;min-height:100dvh}.guides-hub__hero{position:relative;min-height:min(100dvh,920px);display:flex;align-items:flex-end;overflow:hidden;background:var(--gh-ink)}.guides-hub__hero-media{position:absolute;inset:0;z-index:0;pointer-events:none}.guides-hub__hero-veil{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,var(--gh-veil-strong) 0%,var(--gh-veil-mid) 48%,var(--gh-veil-soft) 100%)}.guides-hub__hero-copy{position:relative;z-index:1;width:min(760px,100%);padding:0 clamp(20px,6vw,96px) clamp(48px,8vw,88px)}.guides-hub__brand{margin:0 0 18px;font-size:clamp(56px,9vw,88px);line-height:.95;letter-spacing:-.03em;font-weight:var(--font-heading-weight);color:var(--gh-cream)}.guides-hub__rule{display:block;width:48px;height:3px;margin-bottom:22px;background:var(--gh-accent)}.guides-hub__hero-copy h1{margin:0 0 18px;font-size:clamp(26px,3.4vw,40px);line-height:1.15;letter-spacing:-.02em;font-weight:var(--font-heading-weight);color:var(--gh-cream)}.guides-hub__hero-copy h1 .guides-hub__accent{font-family:inherit;font-style:normal;color:var(--gh-accent);font-weight:inherit}.guides-hub__hero-support{margin:0;max-width:36ch;font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:var(--gh-muted);font-weight:300}.guides-hub__index{padding:64px clamp(20px,6vw,96px) 96px}.guides-hub__index-eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gh-muted)}.guides-hub__index h2{margin:0 0 40px;font-size:clamp(28px,3.5vw,36px);line-height:1.15;letter-spacing:-.02em;font-weight:var(--font-heading-weight);color:var(--gh-cream)}.guides-hub__index-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,64px);align-items:start}.guides-hub__preview{position:sticky;top:calc(var(--site-nav-bar-height, 80px) + 24px)}.guides-hub__preview-frame{position:relative;aspect-ratio:5 / 6;overflow:hidden;background:var(--gh-panel)}.guides-hub__preview-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:none}.guides-hub__preview-frame img.is-active{opacity:1}.guides-hub__preview-caption{margin:14px 0 0;font-size:13px;letter-spacing:.02em;color:var(--gh-muted)}.guides-hub__group+.guides-hub__group{margin-top:28px}.guides-hub__group-label{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-accent);font-weight:500}.guides-hub__list{list-style:none;margin:0;padding:0}.guides-hub__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 18px;align-items:start;padding:22px 0;border-top:1px solid var(--gh-line);color:inherit;text-decoration:none;transition:opacity .25s ease}.guides-hub__row.is-preview-active,.guides-hub__row:hover,.guides-hub__row:focus-visible{opacity:1}.guides-hub__row:not(.is-preview-active){opacity:.78}html[data-theme=light] .guides-hub__row:not(.is-preview-active){opacity:.88}.guides-hub__row:focus-visible{outline:1px solid var(--gh-accent);outline-offset:4px}.guides-hub__row-thumb{display:none;grid-column:1 / -1;aspect-ratio:16 / 9;overflow:hidden;background:var(--gh-panel)}.guides-hub__row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.guides-hub__row-num{font-size:15px;letter-spacing:-.02em;color:var(--gh-muted);font-weight:var(--font-heading-weight);padding-top:3px}.guides-hub__row-copy{display:grid;gap:6px;min-width:0}.guides-hub__row-title{font-size:clamp(17px,1.8vw,20px);line-height:1.25;letter-spacing:-.02em;font-weight:var(--font-heading-weight);color:var(--gh-cream)}.guides-hub__row-summary{font-size:14px;line-height:1.5;color:var(--gh-muted);font-weight:300}.guides-hub__row-cta{font-size:15px;color:var(--gh-cream);padding-top:2px}.guides-hub__use{background:var(--gh-ink-deep);padding:80px clamp(20px,6vw,96px);border-top:1px solid var(--gh-line)}.guides-hub__use-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,80px);align-items:start;max-width:1100px}.guides-hub__use-kicker{margin:0 0 14px;font-size:13px;letter-spacing:.12em;color:var(--gh-accent)}.guides-hub__use h2{margin:0 0 18px;font-size:clamp(28px,3.6vw,40px);line-height:1.15;letter-spacing:-.02em;font-weight:var(--font-heading-weight);color:var(--gh-cream)}.guides-hub__use .guides-hub__rule{margin-bottom:0}.guides-hub__use-rules{list-style:none;margin:0;padding:0;display:grid;gap:28px}.guides-hub__use-rule-label{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-accent);font-weight:500}.guides-hub__use-rules p:last-child{margin:0;max-width:46ch;font-size:16px;line-height:1.55;color:var(--gh-muted);font-weight:300}.guides-hub .dark-break{margin:0;border-top:1px solid var(--gh-line)}@media(max-width:960px){.guides-hub__index-body{grid-template-columns:1fr}.guides-hub__preview{display:none}.guides-hub__row{grid-template-columns:auto minmax(0,1fr) auto}.guides-hub__row-thumb{display:block;margin-bottom:4px}.guides-hub__row:not(.is-preview-active){opacity:1}.guides-hub__use-inner{grid-template-columns:1fr}}@media(max-width:767px){.guides-hub__hero{min-height:72dvh}.guides-hub__row-cta{display:none}.guides-hub__index,.guides-hub__use{padding-top:48px;padding-bottom:56px}}@media(prefers-reduced-motion:reduce){.guides-hub__hero-media{opacity:1}}