.swh{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--swh-h,70vh);background:var(--swh-bg,#8b0000);color:#fff}
.swh *{box-sizing:border-box}
.swh--full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}

.swh__bg{position:absolute;inset:0;z-index:-2;will-change:transform}
.swh__img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.swh__overlay{position:absolute;inset:0;z-index:-1;background:var(--swh-ov,#000);opacity:var(--swh-ov-op,.5)}

.swh__inner{width:100%;max-width:860px;padding:72px 24px;display:flex;flex-direction:column;gap:20px}
.swh--center .swh__inner{align-items:center;text-align:center}
.swh--left .swh__inner{align-items:flex-start;text-align:left;margin-right:auto;margin-left:max(0px,calc((100% - 1140px)/2))}

.swh .swh__title{margin:0;padding:0;font-weight:800;line-height:1.15;font-size:clamp(2rem,5.5vw,3.5rem);letter-spacing:-.01em}
.swh .swh__l1,.swh .swh__l2{display:block}
.swh .swh__l1{color:var(--swh-c1,#fff)}
.swh .swh__l2{color:var(--swh-c2,#e8b93a)}
.swh .swh__desc{margin:0;max-width:640px;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.7;color:var(--swh-cd,#fff)}

.swh a.swh__btn{display:inline-block;margin-top:8px;padding:14px 32px;border-radius:999px;background:var(--swh-btn,#e8b93a);color:var(--swh-btn-t,#fff);font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s,filter .2s}
.swh a.swh__btn:hover,.swh a.swh__btn:focus-visible{transform:translateY(-2px);filter:brightness(1.08);color:var(--swh-btn-t,#fff);box-shadow:0 10px 24px rgba(0,0,0,.3)}

/* Keterbacaan di foto apa pun */
.swh--shadow .swh__title,.swh--shadow .swh__desc{text-shadow:0 2px 12px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.6)}

@media (prefers-reduced-motion:reduce){.swh__bg{transform:none!important}.swh a.swh__btn{transition:none}}