.ct-top{text-align:center}
.ct-title{font-size:clamp(44px,7vw,104px);margin-bottom:clamp(24px,3vw,40px)!important}
.ct-channels{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:980px;margin:0 auto!important}
.ct-channels a{display:grid;justify-items:center;gap:10px;padding:22px 10px;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff26;color:#f5f1e1;text-decoration:none;font:700 16px/1 Arial,sans-serif;transition:background .2s,transform .2s}
.ct-channels a:hover{background:var(--gold);color:#1d2a1f;transform:translateY(-3px)}
.ct-icon{width:40px;height:40px;fill:currentColor}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:start}
.ct-form{padding:clamp(20px,3vw,34px);display:grid;gap:14px}
.ct-form .paper-label{justify-self:start;margin-bottom:6px}
.ct-field{display:grid;gap:6px;font:700 14px Arial,sans-serif}
.ct-field b{color:var(--red)}
.ct-field input,.ct-field textarea{width:100%;font:16px Arial,sans-serif;padding:12px 14px;border:1px solid #c9c3ab;border-radius:6px;background:#fffdf6;color:var(--ink)}
.ct-form .ck-btn{justify-self:start;padding-inline:40px}
.ct-form [disabled]{cursor:not-allowed}
.ct-place{display:grid;gap:16px}
.ct-map{display:grid;place-items:center;aspect-ratio:4/3;background:var(--cream);border:1px solid #d6d0b9;border-radius:12px;transition:transform .2s}
.ct-map:hover{transform:translateY(-3px)}
.ct-map svg{width:60%}
.ct-address{font:16px/1.5 Arial,sans-serif}
@media (max-width:860px){.ct-channels{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-grid{grid-template-columns:1fr}}
@media (max-width:480px){.ct-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}


.ct-top{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(56px,7vw,110px)}
.ct-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ct-top::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10231dcc,#10231d99 45%,#10231de6)}
.ct-top-inner{position:relative}
.ct-title{font-size:clamp(40px,5.4vw,80px)}
.ct-channels a{background:#10231d8c;backdrop-filter:blur(3px)}
.ct-map{display:block;aspect-ratio:4/3;padding:0;overflow:hidden;background:#e7ecdc}
.ct-map:hover{transform:none}
.ct-map iframe{display:block;width:100%;height:100%;border:0}
@media (prefers-reduced-motion:reduce){.ct-bg{display:none}.ct-top{background:var(--forest) url(https://imagedelivery.net/DXvOmU3IRRa6gYmKxAGM6g/lombok-indonesia.org/2025/03/Rinjani-Cover-1-scaled.jpg/public) center/cover}}
a.ct-map{display:grid;place-items:end start;padding:16px;background:#dfe6d2 url(https://imagedelivery.net/DXvOmU3IRRa6gYmKxAGM6g/lombok-indonesia.org/2025/03/Rinjani-Cover-1-scaled.jpg/public) center/cover;text-decoration:none}
.ct-map-label{background:#fffdf7;color:var(--forest);font:700 14px Arial,sans-serif;padding:8px 12px;border-radius:6px;box-shadow:0 3px 10px #0004}


@media (max-width:860px) and (min-width:481px){.ct-channels{grid-template-columns:repeat(6,minmax(0,1fr))}.ct-channels>*{grid-column:span 2}.ct-channels>:nth-child(4):nth-last-child(2),.ct-channels>:nth-child(5):last-child{grid-column:span 3}}
@media (max-width:480px){.ct-channels>:last-child:nth-child(odd){grid-column:1/-1}}