.material-story.journey-story{height:920svh;--product-reveal:0;--journey-surface:linear-gradient(180deg,#e9f2fb,#fff 48%,#e1edf9);background:var(--journey-surface);letter-spacing:0}
.journey-story .story-sticky{height:100svh;min-height:600px;background:var(--journey-surface)}
.journey-story[data-story-mode=pinned] .story-sticky{height:100svh;min-height:0}
.home-cinema{position:absolute;inset:0;z-index:5;overflow:hidden;background:var(--journey-surface);pointer-events:none}
.home-cinema::after,.journey-story[data-journey=active] .story-visual:not(.is-live)::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#e9f2fb,#f4f8fd var(--journey-media-top),transparent calc(var(--journey-media-top) + var(--journey-media-fade)),transparent calc(var(--journey-media-bottom) - var(--journey-media-fade)),#e9f2fb var(--journey-media-bottom),#e1edf9)}
.home-cinema::after{opacity:var(--journey-film-reveal,0)}
.journey-poster,.journey-film,.journey-globe,.journey-cloud-bridge{position:absolute;inset:0;width:100%;height:100%}
.journey-poster{object-fit:contain;padding-top:80px}
.journey-film{opacity:0}
.journey-story:not([data-footage-preload]) .journey-poster{display:none}
.journey-story:not([data-product-preload]):not([data-journey=fallback]) .story-visual{display:none}
.journey-globe{background:radial-gradient(ellipse at 68% 38%,#daeafb 0%,#edf5fc 43%,#fff 82%)}
.journey-globe canvas{display:block;width:100%;height:100%}
.journey-cloud-bridge{opacity:0;background:var(--journey-surface)}
.journey-opening{position:absolute;left:var(--page-inset);top:calc(80px + 15%);width:440px;color:#17304d;z-index:4;isolation:isolate;pointer-events:auto}
.journey-opening::before{content:"";position:absolute;z-index:-1;top:-50px;bottom:-64px;left:calc(-1 * var(--page-inset));width:min(640px,100vw);pointer-events:none;background:linear-gradient(90deg,#fff 54%,#fffffff0 74%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.journey-opening-logo{display:block;width:440px;max-width:100%;height:auto;margin:32px auto}
.journey-opening h1{font-size:64px;line-height:1.1;font-weight:700;letter-spacing:0;max-width:440px}
.journey-opening p{font-size:16px;line-height:1.6;margin:24px 0;max-width:380px;color:#53677e}
.journey-opening a{display:inline-flex;align-items:center;gap:20px;min-height:46px;border-bottom:1px solid #143b6b;font-size:14px}
.journey-indonesia{position:absolute;left:var(--page-inset);top:calc(80px + 3%);max-width:490px;font-size:28px;line-height:1.25;letter-spacing:0;color:#fff;text-shadow:0 1px 8px #102f58;opacity:0;z-index:4;pointer-events:none;overflow-wrap:anywhere}
.journey-indonesia::before{content:"";position:absolute;z-index:-1;top:-50px;left:calc(-1 * var(--page-inset));width:100vw;height:230px;background:linear-gradient(#112e57b8,transparent);pointer-events:none}
.journey-brand{position:absolute;z-index:4;left:50%;bottom:calc(max(32px,5svh) + 10svh);transform:translateX(-50%);width:min(408px,calc((100% - 64px) * 1.2));opacity:0;visibility:hidden;pointer-events:none}
.journey-brand img{display:block;width:100%;height:auto;object-fit:contain}
.journey-brand::before{content:"";position:absolute;z-index:-1;top:-32px;bottom:calc(-1 * (max(32px,5svh) + 10svh));left:calc(50% - 50vw);width:100vw;background:linear-gradient(transparent,#f4f8fddd 35%,#e1edf9)}
.journey-locations{position:absolute;inset:0;z-index:3;pointer-events:none}
.journey-capitals{position:absolute;inset:0;pointer-events:none}
.journey-capital{position:absolute;display:none;width:4px;height:4px;border-radius:50%;background:#f6d86b;box-shadow:0 0 0 1px #0b3b5766,0 0 0 2.5px #ffffff38;transform:translate(-50%,-50%)}
.journey-surabaya{position:absolute;display:none;align-items:center;gap:8px;transform:translate(-5px,-50%);white-space:nowrap;font-size:12px;color:#17304d}
.journey-surabaya i{width:10px;height:10px;border-radius:50%;background:#ffca36;box-shadow:0 0 0 4px #ffca362b,0 2px 8px #082b4833;flex-shrink:0}
.journey-story .story-heading,.journey-story .story-bottom,.journey-story .story-navigation{opacity:var(--product-reveal);z-index:6}
.journey-story .story-heading h2{font-size:64px;line-height:1.12;white-space:pre-line;max-width:600px;letter-spacing:0;padding-bottom:.12em}
.journey-story .story-visual{inset:0;opacity:var(--product-reveal)}
.journey-material-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding-top:80px;background:transparent;transition:opacity .4s}
.journey-story .story-visual.is-live .journey-material-poster{opacity:0}
.journey-story .story-visual .hero-poster{position:absolute;inset:14% 0 12% 26%;width:74%;height:74%}
.journey-story .story-heading{display:block}
.journey-story .story-heading>p{max-width:240px;margin-top:16px;color:#53677e}
.journey-story .story-caption>p{font-size:16px;color:#465a71}
.journey-story .story-caption h2,.journey-story .story-navigation,.journey-story .story-interaction{color:#143b6b;letter-spacing:0}
.journey-story .story-interaction>span,.journey-story .story-color-picker>span{font-size:14px;color:#465a71}
.journey-story .scene-activate{background:#fff;border-color:#143b6b40;color:#143b6b}
.journey-story[data-journey=fallback]{height:280svh;--product-reveal:1}
[data-journey=fallback] .home-cinema{opacity:0!important;visibility:hidden!important}
[data-journey=fallback] .journey-opening h1{visibility:visible;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.immersive-gallery{--gallery-top:80px}
.immersive-gallery .gallery-viewport{isolation:isolate;padding-top:24px;background:linear-gradient(135deg,#143b6b,#fff 48%,#143b6b)}
.gallery-pinned .gallery-viewport{top:0;height:100svh;min-height:0}
.immersive-gallery[data-gallery-mode=timeline]{view-timeline-inset:0}
.gradient-wave{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.immersive-gallery .gallery-window{width:calc((100% - 2 * var(--page-inset) - 20px) * .75 + 20px);margin-inline:auto;overflow:clip;flex-shrink:0}
.gallery-pinned .gallery-viewport{padding-block:calc(var(--gallery-top) + 24px) 24px;justify-content:center;gap:24px}
.gallery-pinned .gallery-window{height:calc((100svh - var(--gallery-top) - 120px) * .75)}
.immersive-gallery .gallery-bottom{position:relative;background:transparent;margin:0 auto;padding:0;width:calc((100% - 2 * var(--page-inset) - 20px) * .75 + 20px)}
.gallery-pinned .gallery-track,[data-gallery-mode=swipe] .gallery-track{width:100%;height:100%;padding:0;flex:none;scroll-padding-inline:0}
[data-gallery-mode=swipe] .gallery-window{height:max(480px,calc(clamp(380px,68svh,700px) * .75))}
[data-gallery-mode=swipe] .gallery-viewport{padding-block:32px}
[data-gallery-mode=swipe] .gallery-bottom{margin-top:24px}
#kontak h2{max-width:850px;text-wrap:balance}
#kontak .header-image img{object-position:right top}
@media(min-width:1001px){
 .gallery-pinned .gallery-frame,[data-gallery-mode=swipe] .gallery-frame{width:calc((100% - 20px) / 2)}
 .gallery-pinned .gallery-frame h3{font-size:32px;line-height:1.12;letter-spacing:0}
 .gallery-pinned .gallery-frame figcaption{padding:60px 28px 26px}
 .gallery-pinned .gallery-frame img{object-fit:cover}
}
@media(max-width:900px){.journey-poster,.journey-material-poster{padding-top:68px}}
@media(max-width:900px){
 .immersive-gallery{--gallery-top:68px}
 .journey-poster,.journey-material-poster{left:-50%;width:150%;max-width:none;object-position:right center}
 .journey-story .story-sticky{min-height:0}
 .journey-opening{top:104px;left:24px;right:24px;width:auto;max-width:none}
 .journey-opening::before{top:-40px;bottom:-72px;left:-24px;width:100vw;background:linear-gradient(180deg,#fff,#fffffff0 68%,#ffffff9e 85%,transparent);mask-image:none}
 .journey-opening h1{font-size:38px;line-height:1.08;max-width:320px}
 .journey-opening h1{margin:auto}
 .journey-opening-logo{width:320px;margin:20px auto}
 .journey-opening p{font-size:16px;margin:18px 0}
 .journey-indonesia{top:102px;left:24px;right:24px;font-size:24px;line-height:1.3;max-width:380px;color:#143b6b;text-shadow:none}
 .journey-indonesia::before{background:linear-gradient(#f2f6fb,#f2f6fbeb 45%,transparent);height:210px}
 .journey-brand{width:min(360px,calc((100% - 64px) * 1.2));bottom:calc(max(48px,6svh) + 10svh)}
 .journey-brand::before{bottom:calc(-1 * (max(48px,6svh) + 10svh))}
 .journey-story .story-heading{top:96px}
 .journey-story .story-heading h2{font-size:38px;line-height:1.12;max-width:350px}
 .journey-story .story-heading>p{font-size:14px;line-height:1.5;margin-top:12px}
 .journey-story .story-visual .hero-poster{inset:25% 0;width:100%;height:50%}
 .journey-story .story-caption{max-width:58%;min-width:0}
 .journey-story .story-caption h2{font-size:18px}
 .journey-story .story-caption>p{font-size:15px;line-height:1.5}
 .journey-story .story-bottom{bottom:84px}
 .journey-story .story-navigation{gap:12px}
 .journey-story .story-chapters{gap:2px;flex-shrink:0}
 .journey-story .story-chapters button{font-size:14px;min-width:0;padding-inline:12px}
 .journey-story .story-navigation>a{font-size:14px}
 .journey-story .scene-activate{font-size:14px;padding-inline:12px;white-space:nowrap}
 .journey-story .story-color-picker>span{font-size:14px}
 .journey-story[data-journey=fallback]{height:250svh}
}
@media(max-width:760px){
 .immersive-gallery .gallery-window,.immersive-gallery .gallery-bottom{width:calc(100% - 2 * var(--page-inset))}
 .gallery-pinned .gallery-window{height:calc((100svh - var(--gallery-top) - 104px) * .75)}
 main .material-categories{grid-template-columns:minmax(0,1fr)}
 main .material-categories>*,main .material-card-carousel{min-width:0}
}
@media(max-width:900px) and (max-height:700px){
 .journey-opening{top:88px}
 .journey-opening h1,.journey-story .story-heading h2{font-size:32px}
 .journey-opening p{margin-block:12px}
 .journey-opening-logo{width:280px;margin:10px auto}
 .journey-indonesia{top:90px;font-size:22px}
 .journey-story .story-heading{top:88px}
 .journey-story .story-heading>p{display:none}
 .journey-poster,.journey-material-poster{top:27%;height:37%;padding:0}
 .journey-story .story-visual .hero-poster{inset:29% 0 auto;height:25%}
 .journey-story .story-visual .product-scene{inset:29% 0 46%}
 .journey-story .story-caption>p{font-size:14px}
 .journey-story .story-caption h2{font-size:16px;margin-bottom:6px}
 .journey-story .story-bottom{bottom:78px}
}
@media(max-width:370px) and (max-height:700px){
 .journey-poster,.journey-material-poster{height:30%}
}
@media(prefers-reduced-motion:reduce){
 [data-gallery-mode=stack] .gallery-window{width:calc(100% - 40px);max-width:640px}
 [data-gallery-mode=stack] .gallery-track{padding:0}
 [data-gallery-mode=stack] .gallery-frame{height:560px;border-radius:var(--radius-media)}
 [data-gallery-mode=stack] .gallery-frame>button{height:100%;aspect-ratio:auto}
 [data-gallery-mode=stack] .gallery-frame figcaption{position:absolute;inset:auto 0 0;padding:64px 24px 28px;background:linear-gradient(transparent,#000e)}
 [data-gallery-mode=stack] .gallery-frame h3{color:var(--gm-yellow)}
 .material-story.journey-story{height:auto!important;--product-reveal:1!important}
 .journey-story .story-sticky{position:relative}
 .home-cinema{visibility:hidden!important}
 .journey-material-poster{transition:none}
}