/* GCK Hero 1.0 — extracted from GCK Core 2.5.5.
 * Standalone visual engine. Core remains responsible for global tokens/layout.
 * Fallback tokens below keep the Hero usable during migration if Core is temporarily inactive.
 */
.gck-hero-plugin-page{--gck-purple:#24104A;--gck-purple-2:#32145F;--gck-gold:#C99A2E;--gck-gold-dark:#9B741C;--gck-gold-light:#E5C66B;--gck-purple-soft:#F4F0FA;--gck-white:#fff;--gck-cream:#FAF7EF;--gck-muted:#6F6A78;--gck-container:1180px;--gck-gutter:40px}
.gck-hero-plugin-page .gck-eyebrow{display:inline-block;color:var(--gck-gold-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.gck-hero-plugin-page .gck-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 23px;border:1px solid transparent;border-radius:6px;text-decoration:none;font-size:13px;font-weight:800;line-height:1;cursor:pointer;transition:all .2s ease}
.gck-hero-plugin-page .gck-button--primary{color:#fff;background:var(--gck-purple);border-color:var(--gck-purple)}
.gck-hero-plugin-page .gck-button--secondary{color:var(--gck-purple);background:#fff;border-color:rgba(36,16,74,.2)}

/* GCK HERO SYSTEM 1.0 — one engine, three variants. Mobile-first. */
.gck-hero-plugin-page .gck-hero{position:relative;width:100%;overflow:clip;isolation:isolate;background:var(--gck-purple-soft)}
.gck-hero-plugin-page .gck-hero__inner{position:relative;width:min(var(--gck-container),calc(100% - (var(--gck-gutter) * 2)));min-width:0;min-height:560px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:clamp(24px,3.8vw,48px);align-items:center}
.gck-hero-plugin-page .gck-hero__content{position:relative;z-index:3;min-width:0;max-width:560px;padding-block:72px}
.gck-hero-plugin-page .gck-hero__content h1{margin:8px 0 0;color:var(--gck-purple);font-size:clamp(38px,4.2vw,60px);line-height:1.04;letter-spacing:-.035em}
.gck-hero-plugin-page .gck-hero__text{max-width:520px;margin-top:20px;color:var(--gck-muted);font-size:14px;line-height:1.8}
.gck-hero-plugin-page .gck-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.gck-hero-plugin-page .gck-hero__media{position:relative;z-index:2;width:100%;min-width:0;height:500px;padding:8px;overflow:hidden;border:1px solid var(--gck-gold);border-radius:24px;background:var(--gck-white);box-shadow:0 10px 30px rgba(53,17,111,.07)}
.gck-hero-plugin-page .gck-hero__media img,.gck-hero-plugin-page .gck-hero__media picture,.gck-hero-plugin-page .gck-hero__media picture img{display:block;width:100%;height:100%;min-width:0;object-fit:cover}
.gck-hero-plugin-page .gck-hero__media img,.gck-hero-plugin-page .gck-hero__media picture img{border-radius:17px}
.gck-hero-plugin-page .gck-hero__placeholder{display:grid;place-items:center;width:100%;height:100%;padding:24px;text-align:center;color:var(--gck-muted);background:var(--gck-cream);border-radius:17px}
/* Standard */
.gck-hero-plugin-page .gck-hero--standard .gck-hero__inner{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}
/* Image: full visual background, readable overlay */
.gck-hero-plugin-page .gck-hero--image{min-height:600px;background:#171226}
.gck-hero-plugin-page .gck-hero--image .gck-hero__inner{display:block;min-height:600px;width:min(var(--gck-container),calc(100% - (var(--gck-gutter) * 2)))}
.gck-hero-plugin-page .gck-hero--image .gck-hero__content{max-width:620px;padding-block:110px;color:var(--gck-white)}
.gck-hero-plugin-page .gck-hero--image .gck-hero__content h1{color:var(--gck-white);max-width:680px}
.gck-hero-plugin-page .gck-hero--image .gck-hero__text{color:rgba(255,255,255,.9)}
.gck-hero-plugin-page .gck-hero--image .gck-hero__background,.gck-hero-plugin-page .gck-hero--image .gck-hero__background img,.gck-hero-plugin-page .gck-hero--image .gck-hero__scrim{position:absolute;inset:0;width:100%;height:100%}
.gck-hero-plugin-page .gck-hero--image .gck-hero__background{z-index:0}
.gck-hero-plugin-page .gck-hero--image .gck-hero__background img{object-fit:cover;object-position:center}
.gck-hero-plugin-page .gck-hero--image .gck-hero__scrim{z-index:1;background:linear-gradient(90deg,rgba(17,12,36,.88) 0%,rgba(17,12,36,.68) 48%,rgba(17,12,36,.18) 100%)}
.gck-hero-plugin-page .gck-hero--image .gck-button--secondary{color:var(--gck-white);border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.05)}
/* Split: visual left, information panel right on desktop */
.gck-hero-plugin-page .gck-hero--split{background:#0f2235}
.gck-hero-plugin-page .gck-hero--split .gck-hero__inner{grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:0;min-height:560px;width:min(var(--gck-container),calc(100% - (var(--gck-gutter) * 2)));border-radius:24px;overflow:hidden}
.gck-hero-plugin-page .gck-hero--split .gck-hero__content{max-width:none;min-height:560px;padding:80px 52px;color:#fff}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media,.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media img,.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media picture{position:absolute;inset:0;width:100%;height:100%}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media{z-index:0}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media img{object-fit:cover}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,29,48,.94),rgba(9,29,48,.45))}
.gck-hero-plugin-page .gck-hero--split .gck-hero__content h1{color:#fff;max-width:600px}
.gck-hero-plugin-page .gck-hero--split .gck-hero__text{color:rgba(255,255,255,.88)}
.gck-hero-plugin-page .gck-hero--split .gck-hero__panel{position:relative;z-index:3;display:grid;align-content:center;gap:18px;padding:28px;background:rgba(255,255,255,.96)}
.gck-hero-plugin-page .gck-hero__panel-item{display:flex;gap:12px;align-items:flex-start;min-width:0}
.gck-hero-plugin-page .gck-hero__panel-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--gck-gold);border-radius:50%;color:var(--gck-gold-dark);font-size:13px;font-weight:800}
.gck-hero-plugin-page .gck-hero__panel-item strong{display:block;color:var(--gck-purple);font-size:13px;line-height:1.3}
.gck-hero-plugin-page .gck-hero__panel-item small{display:block;margin-top:3px;color:var(--gck-muted);font-size:11px;line-height:1.4}
.gck-hero-plugin-page .gck-hero__highlights{display:none}
.gck-hero-plugin-page .gck-hero--theme-umrah{--gck-hero-accent:var(--gck-purple);--gck-hero-accent-strong:var(--gck-gold)}
.gck-hero-plugin-page .gck-hero--theme-haji{--gck-hero-accent:#d8aa3d;--gck-hero-accent-strong:#efc95f}
.gck-hero-plugin-page .gck-hero--theme-wisata{--gck-hero-accent:#12a9b7;--gck-hero-accent-strong:#24c4d0}
.gck-hero-plugin-page .gck-hero--theme-wisata.gck-hero--split{background:#0b2230}
.gck-hero-plugin-page .gck-hero--theme-wisata .gck-hero__panel-icon{border-color:var(--gck-hero-accent);color:var(--gck-hero-accent)}
.gck-hero-plugin-page .gck-hero--theme-wisata .gck-button--primary{background:var(--gck-hero-accent);border-color:var(--gck-hero-accent)}

@media (max-width:1050px){.gck-hero-plugin-page .gck-hero__inner{gap:26px}.gck-hero-plugin-page .gck-hero--split .gck-hero__content{padding-inline:36px}}
@media (max-width:700px){
 .gck-hero-plugin-page .gck-hero__inner,.gck-hero-plugin-page .gck-hero--image .gck-hero__inner{width:calc(100% - var(--gck-gutter));min-height:0;display:flex;flex-direction:column;gap:0}
 .gck-hero-plugin-page .gck-hero__content{max-width:none;padding:46px 0 28px}
 .gck-hero-plugin-page .gck-hero__content h1{font-size:clamp(32px,10vw,40px);line-height:1.07}
 .gck-hero-plugin-page .gck-hero__text{font-size:13px;line-height:1.7}
 .gck-hero-plugin-page .gck-hero__actions{width:100%;gap:8px}
 .gck-hero-plugin-page .gck-hero__actions .gck-button{flex:1 1 100%;min-width:0;width:100%}
 .gck-hero-plugin-page .gck-hero__media{height:auto;aspect-ratio:16/10;padding:6px;border-radius:16px;margin-bottom:34px}
 .gck-hero-plugin-page .gck-hero__media img,.gck-hero-plugin-page .gck-hero__media picture img{border-radius:10px}
 .gck-hero-plugin-page .gck-hero--image{min-height:0;background:#171226}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__inner{display:flex;min-height:520px;width:100%;padding-inline:var(--gck-gutter)}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__content{padding:64px 0 42px;min-height:520px;justify-content:center}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__scrim{background:linear-gradient(180deg,rgba(17,12,36,.72),rgba(17,12,36,.78))}
 .gck-hero-plugin-page .gck-hero--split{background:#0f2235}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__inner{width:100%;display:flex;min-height:0;border-radius:0;overflow:visible}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__content{order:1;min-height:0;padding:50px var(--gck-gutter) 30px}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media{position:relative;inset:auto;order:2;width:calc(100% - (var(--gck-gutter) * 2));height:auto;aspect-ratio:16/10;margin:0 auto 18px;border-radius:14px;overflow:hidden}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-media img{position:static;width:100%;height:100%;display:block;object-fit:cover}.gck-hero-plugin-page .gck-hero--split .gck-hero__split-scrim{display:none}.gck-hero-plugin-page .gck-hero--split .gck-hero__panel{order:3}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__panel{width:calc(100% - (var(--gck-gutter) * 2));margin:0 auto 28px;padding:22px 18px;border-radius:14px;gap:15px}
}
@media (max-width:390px){
 .gck-hero-plugin-page .gck-hero__inner,.gck-hero-plugin-page .gck-hero--image .gck-hero__inner{width:calc(100% - 24px);padding-inline:0}
 .gck-hero-plugin-page .gck-hero__content{padding-top:36px}
 .gck-hero-plugin-page .gck-hero__content h1{font-size:32px;letter-spacing:-.025em}
 .gck-hero-plugin-page .gck-hero__text{font-size:12.5px}
 .gck-hero-plugin-page .gck-hero__media{aspect-ratio:16/11;margin-bottom:26px}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__inner{width:100%;padding-inline:24px}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__content{min-height:500px;padding-block:48px 34px}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__content h1{font-size:32px}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__content{padding:38px 24px 24px}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__panel{width:calc(100% - 48px);padding:18px 15px}
}
@media (max-width:330px){
 .gck-hero-plugin-page .gck-hero__inner{width:calc(100% - 20px)}
 .gck-hero-plugin-page .gck-hero__content h1,.gck-hero-plugin-page .gck-hero--image .gck-hero__content h1{font-size:29px}
 .gck-hero-plugin-page .gck-hero__actions .gck-button{padding-inline:14px;font-size:13px}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__inner{padding-inline:20px}
 .gck-hero-plugin-page .gck-hero--image .gck-hero__content{min-height:470px;padding-block:40px 28px}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__content{padding-inline:20px}
 .gck-hero-plugin-page .gck-hero--split .gck-hero__panel{width:calc(100% - 40px)}
}
@media (prefers-reduced-motion:reduce){.gck-hero-plugin-page .gck-hero *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}