/* AFStudio Site Builder — gaya blok custom. Memakai variabel warna situs (--white, --red, --panel, --hair, --grey). */
.cms-blk{position:relative;padding:88px 0;color:var(--white,#f4f3ee)}
.cms-blk.cms-spacer{padding:0}
.cms-wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.cms-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red,#e4402c);margin-bottom:14px}
.cms-title,.cms-h1{font-family:'Oswald',sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0 0 18px;text-transform:uppercase}
.cms-title{font-size:clamp(28px,4vw,44px)}
.cms-h1{font-size:clamp(36px,6vw,68px)}
.cms-title em,.cms-h1 em{color:var(--red,#e4402c);font-style:normal}
.cms-lead,.cms-body{color:var(--grey,#8b9098);font-size:16px;line-height:1.7;max-width:640px}
.cms-body p{margin:0 0 14px}
.cms-body a{color:var(--red,#e4402c)}
.cms-body ul,.cms-body ol{margin:0 0 14px 20px}
.cms-center{text-align:center}
.cms-center .cms-lead,.cms-center .cms-body{margin-left:auto;margin-right:auto}
.cms-btnrow{margin-top:24px}
.cms-center .cms-btnrow{text-align:center}
.cms-banner-in{padding-top:150px;padding-bottom:40px}
.cms-banner .cms-banner-in,.cms-cta .cms-banner-in{padding-top:150px}
.cms-cta .cms-banner-in{padding-top:40px;padding-bottom:40px}
.cms-banner-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.cms-banner-bg img{width:100%;height:100%;object-fit:cover}
.cms-banner-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,15,.55),rgba(11,12,15,.92))}
.cms-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.cms-split.cms-side-right .cms-media{order:2}
.cms-media img{width:100%;display:block;border-radius:14px;border:1px solid var(--hair,rgba(244,243,238,.09))}
.cms-grid{display:grid;gap:20px;margin-top:40px}
.cms-cols-2{grid-template-columns:repeat(2,1fr)}
.cms-cols-3{grid-template-columns:repeat(3,1fr)}
.cms-cols-4{grid-template-columns:repeat(4,1fr)}
.cms-card{display:block;margin:0;background:var(--panel,#15171b);border:1px solid var(--hair,rgba(244,243,238,.09));border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s}
a.cms-card:hover{border-color:var(--red,#e4402c)}
.cms-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.cms-card-b{padding:20px}
.cms-card h3{font-family:'Oswald',sans-serif;font-size:20px;margin:0 0 8px;text-transform:uppercase}
.cms-card p,.cms-card figcaption{color:var(--grey,#8b9098);font-size:14px;line-height:1.6;margin:0;padding:0}
.cms-card figcaption{padding:12px 16px}
.cms-video{position:relative;aspect-ratio:16/9;margin-top:36px;border-radius:14px;overflow:hidden;border:1px solid var(--hair,rgba(244,243,238,.09))}
.cms-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:860px){
  .cms-blk{padding:56px 0}
  .cms-split{grid-template-columns:1fr;gap:28px}
  .cms-split.cms-side-right .cms-media{order:0}
  .cms-cols-3,.cms-cols-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.cms-cols-2,.cms-cols-3,.cms-cols-4{grid-template-columns:1fr}}