.hero-guide{padding-top:var(--space-12);padding-bottom:var(--space-16);min-height:70vh;display:flex;align-items:flex-end}.hero-guide-inner{position:relative;z-index:1;padding-bottom:var(--space-8)}.hero-overlay--warm{background:radial-gradient(circle at top,rgba(248,220,177,0.55) 0,rgba(35,22,15,0.82) 55%,rgba(13,7,3,0.96) 100%)}.hero-panel--floating{margin:0 auto;max-width:720px}.hero-tags{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.guide-nav{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.guide-nav-title{font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted)}.guide-nav-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guide-nav-link{padding:6px 14px;border-radius:999px;border:1px solid rgba(188,155,122,0.8);background:rgba(252,244,233,0.96);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.14em;color:var(--color-text-muted);white-space:nowrap}.guide-nav-link:hover{background:#f5ebdd;color:var(--color-text)}.guide-media-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-6);align-items:stretch}.guide-media-card{border-radius:var(--radius-xl);overflow:hidden;background:#1a100b;box-shadow:var(--shadow-strong);border:1px solid rgba(154,121,90,0.9);color:#f7efe3}.guide-media-card figcaption{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);background:linear-gradient(145deg,#2a1a11,#4b2e1c)}.guide-hook-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-8);align-items:flex-start}.guide-hook-content{position:relative;display:flex;flex-direction:column;gap:var(--space-5)}.guide-route-line{height:2px;margin-top:var(--space-1);margin-bottom:var(--space-1)}.guide-hook-steps{display:flex;flex-direction:column;gap:var(--space-4)}.guide-hook-step{display:flex;gap:var(--space-3);align-items:flex-start}.guide-hook-step h3{margin-bottom:var(--space-1)}.guide-run-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr);gap:var(--space-6);align-items:stretch}.guide-run-media{box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(219,187,148,0.9)}.guide-run-media figcaption{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);background:linear-gradient(145deg,#281710,#3f2618);color:#f7efe3}.guide-run-timeline{background:linear-gradient(145deg,#25160f,#3c2417);border-color:rgba(220,188,150,0.95);color:#f7efe3}.guide-run-timeline h3{color:#fdf5ea}.guide-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.guide-replay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.guide-list{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-soft)}.guide-list li{position:relative;padding-left:var(--space-4)}.guide-list li::before{content:"";position:absolute;left:0;top:0.7em;width:14px;height:1px;background:linear-gradient(90deg,rgba(165,132,100,0.9) 0,rgba(214,176,129,0.95) 65%,transparent 100%)}.guide-footer-cta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr);gap:var(--space-6);align-items:center}.guide-footer-cta-content .section-title{margin-bottom:var(--space-3)}.guide-footer-cta-media{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-strong);border:1px solid rgba(171,137,104,0.9)}@media (max-width:960px){.hero-guide{align-items:center;min-height:60vh}.guide-media-grid{grid-template-columns:1fr}.guide-hook-layout{grid-template-columns:1fr}.guide-run-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-guide{padding-top:var(--space-10);padding-bottom:var(--space-12)}.guide-footer-cta{grid-template-columns:1fr}.guide-nav-grid{gap:var(--space-1)}.guide-nav-link{white-space:normal}}@media (max-width:520px){.guide-nav{align-items:flex-start}.guide-footer-cta-media{border-radius:var(--radius-lg)}}