/* GERAK-only refinements. This document never loads Incubase's shared stylesheet. */
.gerak :focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.gerak-skip{position:fixed;top:8px;left:12px;z-index:100;background:var(--yellow);color:var(--ink);padding:8px 16px;border-radius:30px;transform:translateY(-160%)}
.gerak-skip:focus{transform:none}
.gerak .logo img{width:74px;height:48px;object-fit:contain}
.gerak .brand-dark{display:none}
:root[data-theme=dark] .gerak .brand-dark{display:block}
:root[data-theme=dark] .gerak .brand-light{display:none}
:root[data-theme=dark] .gerak .hero{background:linear-gradient(180deg,#2a1520,var(--bg))}
.gerak .theme-toggle{border:2px solid var(--line);border-radius:50%;background:var(--card);color:var(--text);width:40px;height:40px;font-size:24px;cursor:pointer;flex-shrink:0}
.gerak .origin{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-top:44px;background:var(--alt);padding:26px;border-radius:24px;border:2px solid var(--line)}
.gerak .origin img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.gerak .origin h3{font-size:30px;line-height:1.15;margin:10px 0}.gerak .origin em{font-style:normal;color:var(--red)}
.gerak .origin p{font-size:15px;color:var(--muted)}
.gerak .demo-toolbar{text-align:right;max-width:960px;margin:0 auto 22px}
.gerak .club-photo{width:100%;padding:0;cursor:pointer;font:inherit}
.gerak .club-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.gerak .club-photo.has span{display:block;position:absolute;bottom:12px;left:12px;right:12px;font:900 13px Lato,sans-serif;background:var(--navy);padding:8px 12px;border-radius:99px;text-shadow:none}
.gerak .club-photo:after{display:none}
.gerak .club-summary{color:var(--muted);font-size:14px}
.gerak .club-link{border:0;background:none;color:var(--red);font:900 15px Lato,sans-serif;padding:0;cursor:pointer}
.gerak dialog.md{margin:0;border:0;max-width:none;max-height:none;width:100%;height:100%;overflow-y:auto;padding:24px;background:rgba(0,0,0,.75)}
.gerak dialog.md[open]{display:flex}
.gerak dialog::backdrop{background:rgba(0,0,0,.65)}
.gerak .mb{position:relative;margin:auto;max-height:calc(100dvh - 48px);overflow-y:auto}
.gerak .mb .x{position:absolute;right:12px;top:12px;z-index:2;border:0;border-radius:50%;width:36px;height:36px;background:var(--yellow);color:var(--ink);font-size:24px;cursor:pointer}
.gerak .gallery-modal{max-width:1080px;background:var(--card);color:var(--text);text-align:left;padding:32px}
.gerak .gallery-modal h2{font-size:clamp(24px,3vw,38px);padding-right:25px}
.gerak .gallery-modal figure{margin:0}.gerak #club-image{width:100%;height:min(43vh,430px);object-fit:contain;background:var(--ink);border-radius:16px}
.gerak #club-caption{font-size:14px;margin-top:10px;color:var(--muted)}
.gerak .gallery-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin:16px 0}
.gerak .interview-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gerak .interview-notes h3{font-size:22px;margin:8px 0}.gerak .interview-notes p,.gerak .interview-notes ul{font-size:14px;color:var(--muted);margin-top:0}
.gerak .camera-preview{color:var(--yellow);background:none;border:1px solid currentColor;border-radius:99px;padding:9px 14px;cursor:pointer;margin-bottom:18px}
.gerak #demo-expanded{inset:0;border:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:var(--navy);color:#fff;padding:24px;overflow:auto}
.gerak #demo-expanded>header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto auto 26px}
.gerak #expanded-title{font-size:26px;margin:0}.gerak .expanded-body{max-width:1200px;margin:auto}
.gerak .ji{flex-basis:260px}.gerak .ji details{margin-top:16px;padding:10px 14px}.gerak .ji summary{font-size:13px}.gerak .ji details p{font-size:14px}
.gerak .ji .jt{font-size:34px}.gerak .jf #jd{padding:20px}
@media(max-width:860px){.gerak .origin{grid-template-columns:1fr}.gerak .interview-notes{grid-template-columns:1fr;gap:6px}.gerak .nav{gap:8px;padding-left:12px}.gerak .nav .btn{font-size:12px;padding:10px 12px}.gerak .theme-toggle{margin-left:auto}.gerak .nav .btn{margin-left:0}.gerak .phone{max-width:100%}.gerak .sim{padding:18px}.gerak .origin{padding:18px}.gerak .fl{font-size:12px;padding:8px}.gerak dialog.md{padding:12px}.gerak .mb{max-height:calc(100dvh - 24px)}.gerak .gallery-modal{padding:24px 18px}.gerak #demo-expanded{padding:16px}.gerak #expanded-title{font-size:20px}.gerak .hg{gap:32px}.gerak .hero h1{overflow-wrap:normal}.gerak .stats{gap:10px}.gerak .st{padding:16px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.gerak *,.gerak *:before,.gerak *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:860px){.gerak .dm{grid-template-columns:minmax(0,1fr)}.gerak .dm>div{min-width:0}.gerak .sg{grid-template-columns:repeat(2,minmax(0,1fr))}.gerak .sc2 b{font-size:clamp(20px,5vw,32px);overflow-wrap:anywhere}}

.gerak .journey-controls{display:flex;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}