.sl-section{--sl-blue:#0757A6;--sl-red:#ED1C24;--sl-yellow:#FFCC05;--sl-cream:#F6F2E9;--sl-ink:#111111;--sl-pink:#F4A7B9;font-family:var(--font-body-family);color:var(--sl-ink);scroll-margin-top:var(--sl-header-offset,110px)}.sl-section *,.sl-section *:before,.sl-section *:after{box-sizing:border-box}.sl-wrap{margin:0 auto;width:100%}.sl-wrap--mobile-pad{padding-left:1.25rem;padding-right:1.25rem}@media(min-width:768px){.sl-wrap--mobile-pad:not(.page-width){padding-left:0;padding-right:0}}.sl-h1,.sl-h2,.sl-h3{font-family:var(--font-heading-family);font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:0}.sl-h1{font-size:clamp(2.25rem,5vw,3.75rem)}.sl-h2{font-size:clamp(2rem,4.2vw,3.25rem)}.sl-h3{font-size:1.125rem;line-height:1.3}.sl-accent{color:var(--sl-blue)}.sl-accent--yellow{color:var(--sl-yellow)}.sl-lede{font-size:1rem;line-height:1.6;max-width:36rem;margin:1.25rem 0 0}.sl-lede p{margin:0}.sl-eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border-radius:4px;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid transparent;transition:background-color .15s,color .15s,transform .15s}.sl-btn:focus-visible{outline:3px solid var(--sl-yellow);outline-offset:3px}.sl-btn--solid{background:var(--sl-ink);color:#fff}.sl-btn--solid:hover{background:var(--sl-blue)}.sl-btn--white{background:#fff;color:var(--sl-blue)}.sl-btn--white:hover{background:var(--sl-yellow);color:var(--sl-ink)}.sl-btn--ghost{background:transparent;color:var(--sl-ink);border-color:transparent;border-bottom:2px solid var(--sl-ink);border-radius:0;padding-left:.25rem;padding-right:.25rem}.sl-btn--ghost:hover{color:var(--sl-blue);border-bottom-color:var(--sl-blue)}.sl-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;align-items:center}.sl-img{display:block;width:100%;height:auto}.sl-placeholder{display:block;width:100%;height:100%;background:#e9e4d8}.sl-placeholder svg{width:100%;height:100%;display:block;opacity:.5}@media(prefers-reduced-motion:reduce){.sl-section *{transition:none!important;animation:none!important}}.sl-hero{background:#fff}.sl-hero__grid{display:grid;grid-template-columns:1fr;gap:0}.sl-hero__grid.page-width .sl-hero__copy{padding-left:0}.sl-hero__copy{padding:2.5rem 1.25rem 3rem;order:1}.sl-hero__masthead{max-width:22rem;margin-bottom:1.75rem}.sl-hero__masthead img,.sl-hero__masthead .sl-placeholder{width:100%;height:auto}.sl-hero__visual{order:2;position:relative;min-height:60vw;overflow:hidden;background:var(--sl-cream)}.sl-hero__visual img,.sl-hero__visual .sl-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--sl-hero-fit,cover);object-position:var(--sl-hero-focal,center top)}@media(min-width:990px){.sl-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:600px}.sl-hero__copy{order:1;padding:4rem 3rem 4rem max(1.25rem,calc((100vw - var(--page-width,1400px)) / 2));display:flex;flex-direction:column;justify-content:center}.sl-hero__visual{order:2;min-height:100%}}.sl-film{background:var(--sl-blue);color:#fff}.sl-film .sl-h2{color:#fff}.sl-film .sl-wrap{display:grid;gap:2.5rem}.sl-film .sl-lede{color:#ffffffd9}.sl-film__frame{position:relative;padding-right:14px;padding-bottom:14px}.sl-film__frame:after{content:"";position:absolute;top:14px;right:0;bottom:0;left:14px;background:var(--sl-yellow);z-index:0}.sl-film__media{position:relative;z-index:1;aspect-ratio:var(--sl-film-ratio,1.7778);background:var(--sl-cream);overflow:hidden}.sl-film__media iframe,.sl-film__media video,.sl-film__media img,.sl-film__media .sl-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.sl-film__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;padding:0}.sl-film__play:focus-visible{outline:3px solid var(--sl-yellow);outline-offset:-6px}.sl-film__play-icon{width:64px;height:64px;border-radius:50%;background:var(--sl-red);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000040;transition:transform .15s}.sl-film__play:hover .sl-film__play-icon{transform:scale(1.06)}.sl-film__play-icon svg{width:22px;height:22px;fill:#fff;margin-left:4px}.sl-film__caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.6rem 1rem;background:#fff;color:var(--sl-ink);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.sl-film__editor-note{margin-top:.75rem;font-size:.8rem;color:var(--sl-yellow)}@media(min-width:990px){.sl-film .sl-wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:4rem}}.sl-proof{background:var(--sl-cream)}.sl-proof__intro{text-align:center;max-width:46rem;margin:0 auto 3rem}.sl-proof__intro .sl-lede{margin-left:auto;margin-right:auto}.sl-proof__grid{display:grid;gap:1rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.sl-card{background:#fff;border:1px solid rgba(17,17,17,.08);padding:1.5rem;display:flex;flex-direction:column;position:relative}.sl-card__num{position:absolute;top:1.25rem;right:1.25rem;font-size:.65rem;letter-spacing:.12em;color:#11111173}.sl-card__icon{width:48px;height:48px;border-radius:6px;background:#e8f0fa;color:var(--sl-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.sl-card__icon svg,.sl-card__icon img{width:24px;height:24px;display:block}.sl-card__text{font-size:.9rem;line-height:1.6;margin:.75rem 0 0;color:#111111bf}.sl-card__proof{margin-top:auto;padding-top:1.5rem}.sl-card__proof .sl-eyebrow{color:var(--sl-red);display:block;margin-bottom:.35rem}.sl-card__proof p{margin:0;font-size:.8rem;line-height:1.5;color:#111111b3}@media(min-width:768px){.sl-proof__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.sl-proof__grid{grid-template-columns:repeat(4,1fr)}}.sl-band{background:var(--sl-blue);color:#fff;margin-top:1rem;padding:1.5rem;display:grid;gap:1.5rem}.sl-band__intro .sl-h3{color:#fff}.sl-band__intro p{font-size:.8rem;line-height:1.5;margin:.5rem 0 0;color:#fffc;max-width:26rem}.sl-band__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.sl-badge{display:flex;align-items:center;gap:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.18);padding:.6rem .75rem;border-radius:6px;min-height:56px}.sl-badge__icon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--sl-blue);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;letter-spacing:.04em;overflow:hidden}.sl-badge__icon img{width:100%;height:100%;object-fit:contain}.sl-badge__icon--red{color:var(--sl-red)}.sl-badge__label{font-size:.85rem;font-weight:600;line-height:1.2}.sl-badge__sub{font-size:.7rem;color:#ffffffbf;line-height:1.2;margin-top:.15rem}@media(min-width:990px){.sl-band{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;padding:2rem 2.5rem}.sl-band__list{grid-template-columns:repeat(4,1fr)}}.sl-routine{background:#fff}.sl-routine__head{margin-bottom:2.5rem}.sl-routine__grid{display:grid;gap:1rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.sl-role{border:1px solid rgba(17,17,17,.1);border-top:4px solid var(--sl-role,var(--sl-blue));background:#fff;display:flex;flex-direction:column;padding:1rem 1.25rem 1.25rem;position:relative;transition:transform .15s,box-shadow .15s}.sl-role:has(.sl-role__cta):hover{transform:translateY(-2px);box-shadow:0 10px 24px #1111111a}.sl-role:has(.sl-role__cta:focus-visible){outline:3px solid var(--sl-yellow);outline-offset:2px}.sl-role__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.sl-role:hover .sl-role__cta{color:var(--sl-blue)}.sl-role__meta{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#1119}.sl-role__meta strong{color:var(--sl-ink)}.sl-role__figure{margin:1rem 0 1.25rem;aspect-ratio:1/1;background:#fff;border:1px solid rgba(17,17,17,.06);display:flex;align-items:center;justify-content:center;overflow:hidden}.sl-role__figure img{width:100%;height:100%;object-fit:contain;display:block}.sl-role__text{font-size:.85rem;line-height:1.55;color:#111111b3;margin:.4rem 0 0}.sl-role__cta{margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(17,17,17,.08);margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;color:var(--sl-ink);text-decoration:none;min-height:44px}.sl-role__cta:hover{color:var(--sl-blue)}.sl-role__cta:focus-visible{outline:none}@media(min-width:640px){.sl-routine__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.sl-routine__grid{grid-template-columns:repeat(4,1fr)}}.sl-campaigns{background:var(--sl-cream)}.sl-campaigns .sl-wrap{display:grid;gap:2.5rem}.sl-campaigns__grid{display:grid;gap:1rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.sl-camp{background:#fff;border:1px solid rgba(17,17,17,.08);display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s}.sl-camp:has(.sl-camp__cta:not(.sl-camp__cta--pending)):hover{transform:translateY(-2px);box-shadow:0 10px 24px #1111111a}.sl-camp:has(.sl-camp__cta:focus-visible){outline:3px solid var(--sl-yellow);outline-offset:2px}.sl-camp__cta:not(.sl-camp__cta--pending):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.sl-camp:hover .sl-camp__cta:not(.sl-camp__cta--pending){color:var(--sl-blue)}.sl-camp__cta:focus-visible{outline:none}.sl-camp__figure{position:relative;aspect-ratio:16/9;background:var(--sl-camp-bg,var(--sl-yellow));overflow:hidden}.sl-camp__figure img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--sl-camp-fit,cover);object-position:var(--sl-camp-focal,center center);display:block}.sl-camp__badge{position:absolute;top:.75rem;left:.75rem;z-index:1;background:#fff;color:var(--sl-ink);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:.35rem .6rem}.sl-camp__body{padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;flex:1}.sl-camp__text{font-size:.875rem;line-height:1.55;color:#111111b3;margin:.5rem 0 0}.sl-camp__cta{margin-top:auto;padding-top:1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;color:var(--sl-ink);text-decoration:none;min-height:44px;border-top:1px solid rgba(17,17,17,.08);margin-top:1.25rem}.sl-camp__cta:hover{color:var(--sl-blue)}.sl-camp__cta:focus-visible{outline:3px solid var(--sl-yellow);outline-offset:2px}.sl-camp__cta--pending{color:#11111173;pointer-events:none}@media(min-width:768px){.sl-campaigns__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.sl-campaigns .sl-wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem;align-items:start}}.sl-closing{background:var(--sl-blue)}.sl-closing__panel{background:transparent;color:#fff;text-align:center;padding:4rem 1.5rem;border-radius:0;position:relative;overflow:hidden}.sl-closing__panel:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.15);left:-160px;bottom:-200px;pointer-events:none}.sl-closing__masthead{width:min(var(--sl-mast-w,380px),70vw);max-width:100%;margin:0 auto 2rem}.sl-closing__masthead img{width:100%;height:auto}.sl-closing__masthead .sl-placeholder{aspect-ratio:1740/706;background:#ffffff1f;border:1px dashed rgba(255,255,255,.4)}.sl-closing__masthead .sl-placeholder svg{opacity:.7;color:#fff}.sl-closing .sl-h2{color:#fff}.sl-closing__actions{margin-top:2rem}.sl-closing__signoff{margin:1.5rem 0 0;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sl-yellow);font-weight:600}@media(min-width:990px){.sl-closing__panel{padding:5.5rem 2rem}}.sl-film__media--portrait{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#04325e}.sl-film__media--portrait .sl-film__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(26px) brightness(.5) saturate(1.15);transform:scale(1.2)}.sl-film__media--portrait video{position:relative;inset:auto;width:auto;height:100%;max-width:100%;object-fit:contain;box-shadow:0 14px 44px #0006}@media(min-width:990px){.sl-film__media--portrait{aspect-ratio:16/10}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/sokong-lokal.css.map */