.gk-page{padding-top:var(--header-h);--gk-navy:#1a2f54;--gk-blue:#0e59cc;--gk-gold:#fcc107;--gk-gold-soft:#fcc10726;overflow-x:clip}.gk-hero{color:#fff;flex-direction:column;justify-content:center;min-height:clamp(520px,88vh,760px);display:flex;position:relative;overflow:hidden}.gk-hero__bg{will-change:transform;background:url(../assets/konstruksi/hero-bg.jpg) 50%/cover no-repeat;position:absolute;inset:-8% 0 0;transform:scale(1.08)}.gk-hero__overlay{background:linear-gradient(160deg,#1a2f54eb 0%,#1a2f548c 45%,#0e59cc59 100%),linear-gradient(#0000 45%,#1a2f54f2 100%);position:absolute;inset:0}.gk-hero__inner{z-index:2;flex-direction:column;flex:1;justify-content:center;width:100%;padding:32px 0 48px;display:flex;position:relative;transform:translateY(-4vh)}.gk-back{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;transition:color var(--transition);align-items:center;margin-bottom:28px;font-size:.75rem;font-weight:500;display:inline-flex}.gk-back:hover{color:var(--gk-gold)}.gk-hero__content{grid-template-columns:1fr;align-items:center;gap:32px;max-width:720px;display:grid}.gk-hero__badge{letter-spacing:.18em;text-transform:uppercase;color:var(--gk-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #fcc10773;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.6875rem;font-weight:600;display:inline-flex}.gk-hero__badge:before{content:"";background:var(--gk-gold);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite gkPulse}@keyframes gkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.gk-hero__title{font-family:var(--font-serif);letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(2.5rem,6.5vw,4.25rem);font-weight:600;line-height:1.02}.gk-hero__title span{letter-spacing:.2em;color:var(--gk-gold);margin-top:8px;font-size:.42em;display:block}.gk-hero__pill{letter-spacing:.06em;text-transform:uppercase;color:var(--gk-navy);background:var(--gk-gold);border-radius:100px;margin-bottom:12px;padding:12px 20px;font-size:.75rem;font-weight:600;display:inline-block}.gk-hero__dna{font-family:var(--font-serif);color:var(--gk-gold);margin-bottom:16px;font-size:1.125rem;font-style:italic}.gk-hero__text{color:#ffffffd1;max-width:560px;font-size:1.0625rem;font-weight:300;line-height:1.85}.gk-hero__side{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.gk-hero__emblem{object-fit:contain;filter:drop-shadow(0 12px 32px #00000059);width:clamp(120px,18vw,160px);height:auto;margin-bottom:8px;animation:5s ease-in-out infinite gkFloat;transform:translateY(-12px)}@keyframes gkFloat{0%,to{transform:translateY(-12px)}50%{transform:translateY(-22px)}}.gk-hero__stats{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:420px;margin:24px auto 0;display:grid}.gk-stat{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff14;border:1px solid #fcc10740;padding:18px 12px}.gk-stat__num{font-family:var(--font-serif);color:var(--gk-gold);font-size:1.625rem;font-weight:600;line-height:1.1;display:block}.gk-stat__label{letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6;margin-top:6px;font-size:.5625rem;font-weight:500;line-height:1.4;display:block}.gk-marquee{background:var(--gk-navy);border-block:1px solid #fcc10740;padding:18px 0;overflow:hidden}.gk-marquee__track{gap:48px;width:max-content;animation:32s linear infinite gkMarquee;display:flex}.gk-marquee__item{letter-spacing:.14em;text-transform:uppercase;color:#ffffffe0;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}.gk-marquee__item:before{content:"◆";color:var(--gk-gold);vertical-align:middle;margin-right:48px;font-size:.5rem}@keyframes gkMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gk-intro{background:var(--page-bg);padding:96px 0}.gk-intro__grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.gk-intro__label{letter-spacing:.2em;text-transform:uppercase;color:var(--gk-blue);margin-bottom:12px;font-size:.6875rem;font-weight:600}.gk-intro__title{font-family:var(--font-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--gk-navy);margin-bottom:20px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.15}[data-theme=dark] .gk-intro__title{color:var(--black)}.gk-intro__text{color:var(--gray-mid);font-size:1rem;font-weight:300;line-height:1.85}.gk-intro__checks{gap:16px;display:grid}.gk-check{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--gray-pale);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.gk-check:hover{border-color:var(--gk-gold);box-shadow:var(--shadow-md);transform:translate(6px)}.gk-check svg{width:22px;height:22px;color:var(--gk-gold);flex-shrink:0;margin-top:2px}.gk-check span{color:var(--black);font-size:.9375rem;font-weight:400;line-height:1.5}.gk-video{background:var(--page-bg);padding:0 0 96px}.gk-video__head{text-align:center;max-width:640px;margin:0 auto 40px}.gk-video__label{letter-spacing:.2em;text-transform:uppercase;color:var(--gk-blue);margin-bottom:12px;font-size:.6875rem;font-weight:600}.gk-video__title{font-family:var(--font-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--gk-navy);margin-bottom:14px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.15}[data-theme=dark] .gk-video__title{color:var(--black)}.gk-video__sub{color:var(--gray-mid);font-size:1rem;font-weight:300;line-height:1.75}.gk-video__frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--gk-navy);border:1px solid #0e59cc24;width:min(100%,960px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 56px #1a2f5424}[data-theme=dark] .gk-video__frame{border-color:#ffffff14;box-shadow:0 24px 56px #00000059}.gk-video__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.gk-showcase-section{background:var(--page-bg);padding:0 0 80px}.gk-showcase-section__head{text-align:center;margin-bottom:32px}.gk-showcase-section__title{font-family:var(--font-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--gk-navy);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}[data-theme=dark] .gk-showcase-section__title{color:var(--black)}.gk-showcase-wrap{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:8px 0 24px;overflow-x:auto}.gk-showcase-wrap::-webkit-scrollbar{display:none}.gk-showcase{gap:20px;width:max-content;padding:0 max(24px,50vw - 600px);display:flex}.gk-showcase__slide{border-radius:var(--radius-lg);scroll-snap-align:center;width:min(340px,78vw);height:420px;box-shadow:var(--shadow-lg);flex-shrink:0;position:relative;overflow:hidden}.gk-showcase__slide img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.gk-showcase__slide:hover img{transform:scale(1.08)}.gk-showcase__overlay{background:linear-gradient(#0000 0%,#1a2f5433 45%,#1a2f54f2 100%);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:absolute;inset:0}.gk-showcase__overlay h3{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:600}.gk-showcase__overlay p{color:#ffffffc7;font-size:.8125rem;font-weight:300;line-height:1.6}.gk-process{background:var(--gray-bg);padding:80px 0}.gk-process__head{text-align:center;margin-bottom:48px}.gk-process__title{font-family:var(--font-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--gk-navy);margin-bottom:8px;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:600}[data-theme=dark] .gk-process__title{color:var(--black)}.gk-process__sub{color:var(--gray-mid);font-size:.9375rem}.gk-process__steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.gk-process__steps:before{content:"";background:linear-gradient(90deg, var(--gk-gold), var(--gk-blue), var(--gk-gold));opacity:.35;height:2px;position:absolute;top:36px;left:12%;right:12%}.gk-step{text-align:center;padding:24px 16px;position:relative}.gk-step__num{width:48px;height:48px;font-family:var(--font-serif);color:var(--gk-navy);background:var(--gk-gold);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.125rem;font-weight:600;display:flex;position:relative;box-shadow:0 4px 16px #fcc10759}.gk-step h3{letter-spacing:.06em;text-transform:uppercase;color:var(--black);margin-bottom:8px;font-size:.8125rem;font-weight:600}.gk-step p{color:var(--gray-mid);font-size:.8125rem;line-height:1.6}.gk-services{background:var(--page-bg);padding:96px 0}.gk-services__head{text-align:center;max-width:680px;margin:0 auto 40px}.gk-services__label{letter-spacing:.2em;text-transform:uppercase;color:var(--gk-blue);margin-bottom:10px;font-size:.6875rem;font-weight:600}.gk-services__title{font-family:var(--font-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--gk-navy);margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}[data-theme=dark] .gk-services__title{color:var(--black)}.gk-services__desc{color:var(--gray-mid);font-size:.9375rem;line-height:1.7}.gk-filter-bar{top:calc(var(--header-h) - 1px);z-index:20;transition:background var(--transition), box-shadow var(--transition), backdrop-filter var(--transition);margin-bottom:32px;padding:16px 0;position:sticky}.gk-filter-bar.is-stuck{background:color-mix(in srgb, var(--page-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #1a2f5414}.gk-filter{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gk-filter__btn{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--gray-pale);background:var(--card-bg);color:var(--gray-mid);cursor:pointer;border-radius:100px;padding:10px 20px;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.gk-filter__btn:hover{border-color:var(--gk-blue);color:var(--gk-blue)}.gk-filter__btn.is-active{background:var(--gk-navy);border-color:var(--gk-navy);color:#fff;box-shadow:0 4px 16px #1a2f5440}[data-theme=dark] .gk-filter__btn.is-active{background:var(--gk-blue);border-color:var(--gk-blue)}.gk-services-carousel{margin-top:8px}.gk-services-carousel .service-card--slide.is-active .service-card__cta[href]:not([href=\#]){color:var(--gk-blue)}.gk-card{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--gray-pale);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s ease-out, border-color var(--transition), box-shadow var(--transition);opacity:0;position:relative;overflow:hidden;translate:0 32px}.gk-card.is-visible{opacity:1;transition:transform .15s ease-out, border-color var(--transition), box-shadow var(--transition), opacity .6s cubic-bezier(.4, 0, .2, 1), translate .6s cubic-bezier(.4, 0, .2, 1);translate:0}.gk-card:hover{border-color:var(--gk-gold);box-shadow:0 20px 48px #1a2f5424}.gk-card--featured{grid-column:span 2}.gk-card--featured .gk-card__media{aspect-ratio:21/9}.gk-card__glow{opacity:0;background:radial-gradient(circle at 50% 0%, var(--gk-gold-soft), transparent 65%);transition:opacity var(--transition);pointer-events:none;z-index:1;position:absolute;inset:0}.gk-card:hover .gk-card__glow{opacity:1}.gk-card__media{aspect-ratio:4/3;position:relative;overflow:hidden}.gk-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.4,0,.2,1)}.gk-card:hover .gk-card__media img{transform:scale(1.07)}.gk-card__num{letter-spacing:.06em;min-width:36px;height:36px;color:var(--gk-navy);background:var(--gk-gold);z-index:2;border-radius:100px;justify-content:center;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #0003}.gk-card__body{z-index:2;padding:20px 20px 24px;position:relative}.gk-card__icon{background:var(--gk-gold-soft);width:40px;height:40px;color:var(--gk-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.gk-card__icon svg{width:20px;height:20px}[data-theme=dark] .gk-card__icon{color:var(--brand-gold);background:#4d8ef033;border:1px solid #fcc10773;box-shadow:0 2px 10px #00000059}.gk-card__title{font-family:var(--font-serif);letter-spacing:.03em;text-transform:uppercase;color:var(--gk-navy);margin-bottom:8px;font-size:.9375rem;font-weight:600;line-height:1.35}[data-theme=dark] .gk-card__title{color:var(--black)}.gk-card__desc{color:var(--gray-mid);font-size:.8125rem;line-height:1.65}.gk-cta{color:#fff;padding:96px 0;position:relative;overflow:hidden}.gk-cta__bg{background:linear-gradient(135deg, var(--gk-navy) 0%, var(--gk-blue) 100%);position:absolute;inset:0}.gk-cta__mesh{opacity:.4;background:radial-gradient(50% 80% at 20%,#fcc10740,#0000),radial-gradient(40% 60% at 80% 30%,#ffffff14,#0000);animation:12s ease-in-out infinite alternate gkMeshShift;position:absolute;inset:0}@keyframes gkMeshShift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(2%)}}.gk-cta__inner{z-index:1;text-align:center;max-width:760px;position:relative}.gk-cta__title{font-family:var(--font-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--gk-gold);margin-bottom:16px;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:600;line-height:1.2}.gk-cta__text{opacity:.9;margin-bottom:36px;font-size:1.0625rem;font-weight:300;line-height:1.75}.gk-cta .btn--solid{background:var(--gk-gold);color:var(--gk-navy);border-color:var(--gk-gold);letter-spacing:.1em;padding:14px 36px;font-size:.8125rem}.gk-cta .btn--solid:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fcc10759}.gk-values{background:var(--footer-bg);color:var(--footer-fg);border-top:none;padding:48px 0}.gk-values__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.gk-values__item{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:14px;padding:12px;transition:opacity .6s,translate .6s;display:flex;translate:0 20px}.gk-values__item.is-visible{opacity:1;translate:0}.gk-values__item svg{width:40px;height:40px;color:var(--gk-gold)}[data-theme=light] .gk-values__item svg{color:var(--gk-blue)}.gk-values__item span{letter-spacing:.08em;text-transform:uppercase;color:var(--footer-fg);opacity:.92;font-size:.6875rem;font-weight:600;line-height:1.45}[data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1),translate .65s cubic-bezier(.4,0,.2,1);translate:0 28px}[data-reveal].is-visible{opacity:1;translate:0}@media (width<=1100px){.gk-grid{grid-template-columns:repeat(3,1fr)}.gk-card--featured{grid-column:span 1}.gk-card--featured .gk-card__media{aspect-ratio:4/3}.gk-hero__content{grid-template-columns:1fr}.gk-intro__grid{grid-template-columns:1fr;gap:40px}.gk-process__steps{grid-template-columns:repeat(2,1fr)}.gk-process__steps:before{display:none}.gk-values__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gk-hero{min-height:auto}.gk-hero__inner{padding:24px 0 40px;transform:translateY(-2vh)}.gk-hero__content{grid-template-columns:1fr;gap:32px}.gk-hero__stats{grid-template-columns:1fr}.gk-hero__emblem{display:none}.gk-grid{grid-template-columns:repeat(2,1fr);gap:16px}.gk-services,.gk-intro,.gk-video,.gk-cta{padding:64px 0}.gk-video{padding-top:0}.gk-filter{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.gk-filter::-webkit-scrollbar{display:none}.gk-filter__btn{flex-shrink:0}}@media (width<=480px){.gk-grid,.gk-process__steps,.gk-values__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gk-marquee__track,.gk-hero__emblem,.gk-cta__mesh{animation:none}.gk-card,[data-reveal],.gk-values__item{opacity:1;translate:none}}