/* /gh_website/static/src/scss/gh_showcase.scss */
 .gh-sc{position: relative;}.gh-sc__track{position: relative; height: 660vh;}.gh-sc__stage{position: sticky; top: 0; height: 100svh; overflow: hidden; background: radial-gradient(118% 88% at 50% 6%, color-mix(in srgb, var(--gh-surface) 72%, var(--gh-bg)) 0%, color-mix(in srgb, var(--gh-bg-2) 88%, var(--gh-bg)) 100%);}.gh-sc__canvas{position: absolute; inset: 0; width: 100%; height: 100%; display: block;}.gh-sc__opener{position: absolute; inset-inline: 0; top: 0; z-index: 6; padding: clamp(30px, 6vh, 80px) 24px clamp(36px, 8vh, 92px); text-align: center; pointer-events: none; background: linear-gradient(to bottom, color-mix(in srgb, var(--gh-bg) 92%, transparent) 0%, color-mix(in srgb, var(--gh-bg) 92%, transparent) 24%, transparent 58%);}.gh-sc__eyebrow{margin: 0 0 13px; font-family: var(--gh-display); font-weight: 600; font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--gh-brass);}.gh-sc__title{margin: 0; color: var(--gh-heading); text-wrap: balance; font-size: clamp(29px, 5.4vw, 56px); line-height: 1.1; font-weight: 700; letter-spacing: -.012em;}.gh-sc__lead{margin: 15px auto 0; max-width: 36ch; color: var(--gh-muted); font-size: clamp(14px, 1.5vw, 16.5px);}.gh-sc__hint{position: absolute; inset-inline: 0; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 6; display: flex; flex-direction: column; align-items: center; gap: 7px; font-size: 12px; letter-spacing: .04em; color: var(--gh-muted); pointer-events: none;}.gh-sc__hint i{width: 1px; height: 24px; background: linear-gradient(var(--gh-line-2), transparent);}.gh-sc__leaders{position: absolute; inset: 0; width: 100%; height: 100%; z-index: 6; pointer-events: none; overflow: visible;}.gh-sc__leaders line{stroke: var(--gh-line-2); stroke-width: 1.25; stroke-dasharray: 4 4; opacity: 0; transition: opacity 0.35s var(--gh-ease);}.gh-sc__pin{position: absolute; inset-inline-start: 0; top: 0; z-index: 7; pointer-events: none; opacity: 0; transition: opacity 0.35s var(--gh-ease);}.gh-sc__pin.is-on{opacity: 1;}.gh-sc__pin span{display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--gh-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--gh-accent) 20%, transparent);}.gh-sc__caption{position: absolute; z-index: 8; pointer-events: none; inset-inline-start: clamp(20px, 4.5vw, 74px); top: 50%; transform: translateY(-50%); width: clamp(0px, 40vw, 322px);}.gh-sc__item{position: absolute; inset-inline-start: 0; top: 50%; width: 100%; transform: translateY(-50%); opacity: 0; transition: opacity 0.4s var(--gh-ease);}.gh-sc__item.is-on{opacity: 1;}.gh-sc__n{display: block; margin-bottom: 9px; font-family: var(--gh-display); font-weight: 600; font-size: 11.5px; letter-spacing: .18em; color: var(--gh-brass);}.gh-sc__h{margin: 0 0 9px; font-size: clamp(21px, 2.7vw, 30px); line-height: 1.22; font-weight: 700; color: var(--gh-heading);}.gh-sc__p{margin: 0; font-size: 15px; line-height: 1.72; color: var(--gh-muted);}.gh-sc__outro{max-width: 62ch; text-align: center;}.gh-sc__outro > p{margin: 16px auto 0; color: var(--gh-muted); font-size: 16.5px;}.gh-sc__outro .gh-actions{margin-top: 28px; justify-content: center;}.gh-sc__rail{position: absolute; z-index: 8; inset-inline-end: clamp(16px, 3vw, 42px); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 11px;}.gh-sc__rail i{display: block; width: 2px; height: 20px; border-radius: 2px; background: var(--gh-line-2); transition: background 0.35s var(--gh-ease), height 0.35s var(--gh-ease);}.gh-sc__rail i.is-on{background: var(--gh-accent); height: 30px;}@media (max-width: 760px){.gh-sc__caption{inset-inline: 14px; top: auto; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); width: auto; transform: none; min-height: 150px; padding: 15px 17px; border-radius: 18px; background: color-mix(in srgb, var(--gh-surface) 90%, transparent); border: 1px solid var(--gh-line); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);}.gh-sc__item{position: absolute; inset-inline: 17px; top: 15px; bottom: 15px; width: auto; transform: none;}.gh-sc__p{font-size: 13.5px; line-height: 1.6;}.gh-sc__rail{inset-inline-end: 11px; gap: 8px;}.gh-sc__rail i{height: 15px;}.gh-sc__rail i.is-on{height: 21px;}.gh-sc__lead{max-width: 30ch;}.gh-sc__hint{display: none;}}@media (prefers-reduced-motion: reduce){.gh-sc__track{height: auto;}.gh-sc__stage{position: relative; height: 80svh;}.gh-sc__hint{display: none;}}