.komensi-hero{margin-top:calc(-1 * var(--header-height, 0px));overflow:hidden;padding:0}komensi-hero-slideshow{display:block}.komensi-hero__track{position:relative;touch-action:pan-y}.komensi-hero__slide[hidden],.komensi-hero__mobile-panel{display:none}.komensi-hero__inner{align-items:end;display:flex;min-height:calc(650px + var(--header-height, 0px));overflow:hidden;padding:0;position:relative}.komensi-hero__content{display:flex;flex-direction:column;justify-content:flex-end;padding:7rem 6rem;position:relative;z-index:2}.komensi-hero__slide.is-position-center .komensi-hero__content{align-items:center;margin-inline:auto;text-align:center}.komensi-hero__slide.is-position-right .komensi-hero__content{align-items:flex-end;margin-inline-start:auto;text-align:right}.komensi-hero__heading{font-size:clamp(4.8rem,5.5vw,7.4rem);letter-spacing:-.045em;line-height:1;margin:0;max-width:10ch}.komensi-hero__text{font-size:1.9rem;line-height:1.5;margin-top:1.8rem;max-width:44rem}.komensi-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.komensi-hero__actions .button{min-height:5.4rem;padding-inline:3.2rem}.komensi-hero__slide.is-contrast-dark .komensi-hero__heading,.komensi-hero__slide.is-contrast-dark .komensi-hero__text{color:#f8f7f2}.komensi-hero__media{top:0;right:0;bottom:0;left:0;position:absolute}.komensi-hero__media img{height:100%;object-fit:cover;object-position:center 15%;position:absolute;width:100%}.komensi-hero__media--placeholder{background:#c8f1ea}.komensi-hero__shape{background:radial-gradient(circle at 65% 35%,#25c7b7 0 18%,transparent 19%),linear-gradient(135deg,#c8f1ea 0 45%,#0f4c50 46% 100%);height:100%;opacity:.85}.komensi-hero__controls{align-items:center;bottom:2.4rem;display:flex;gap:1rem;position:absolute;right:max(2.4rem,calc((100vw - var(--page-width)) / 2 + 2.4rem));z-index:3}.komensi-hero__dots{display:flex;gap:.6rem;list-style:none;margin:0;padding:0}.komensi-hero__dot{background:#0f4c504d;border:0;border-radius:50%;cursor:pointer;height:.9rem;padding:0;width:.9rem}.komensi-hero__dot[aria-selected=true]{background:#0f4c50}.komensi-hero__dot:focus-visible{outline:2px solid #0f4c50;outline-offset:2px}@media(hover:hover)and (pointer:fine){.komensi-hero__track{cursor:grab}}komensi-hero-slideshow.is-dragging .komensi-hero__track{cursor:grabbing;-webkit-user-select:none;user-select:none}.komensi-hero__slide.is-settling{transition:transform .25s ease}.komensi-hero__media img,.komensi-hero__media picture{-webkit-user-drag:none;user-drag:none}@media screen and (max-width:989px){.komensi-hero__inner{min-height:calc(590px + var(--header-height, 0px))}.komensi-hero__content{padding:5rem 3rem}.komensi-hero__heading{font-size:clamp(4.2rem,11vw,6.2rem)}}@media screen and (max-width:749px){.komensi-hero__inner{margin-inline:1.5rem;min-height:calc(570px + var(--header-height, 0px))}.komensi-hero__content{padding:4rem 2.4rem}.komensi-hero__actions{align-items:stretch;flex-direction:column}.komensi-hero__actions .button{width:100%}.komensi-hero__controls{bottom:1.4rem;right:1.5rem}.komensi-hero__slide--nebugo .komensi-hero__content{display:none}.komensi-hero__slide--nebugo .komensi-hero__inner{display:block;margin-inline:0;min-height:0;overflow:visible}.komensi-hero__slide--nebugo .komensi-hero__media{inset:auto;position:static}.komensi-hero__slide--nebugo .komensi-hero__media picture{display:block}.komensi-hero__slide--nebugo .komensi-hero__media img{display:block;height:auto;position:static;width:100%}.komensi-hero__slide--nebugo .komensi-hero__mobile-panel{background:#f8f7f2;display:block;margin:0;padding:1.4rem 2.4rem}.komensi-hero__slide--nebugo .komensi-hero__mobile-panel-actions{display:flex;margin:0}.komensi-hero__slide--nebugo .komensi-hero__mobile-panel-actions .button{min-height:5.2rem;padding-inline:2.4rem;width:100%}}@media(prefers-reduced-motion:reduce){.komensi-hero__media img{transition:none}}body:has(.komensi-hero) .collection__title .title{color:#0f4c50;font-weight:600;letter-spacing:.035em}@media screen and (min-width:990px){body:has(.komensi-hero) .collection slider-component{position:relative}body:has(.komensi-hero) .collection slider-component>.slider-buttons{background:transparent;gap:.8rem;justify-content:flex-end;position:absolute;right:max(5rem,calc((100vw - var(--page-width)) / 2));top:-7.8rem;width:auto}body:has(.komensi-hero) .collection .slider-counter{display:none}body:has(.komensi-hero) .collection .slider-button{border:1px solid rgba(15,76,80,.22);border-radius:50%;color:#0f4c50;height:4.6rem;width:4.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-komensi-hero.css.map */