/* Gaya "Cape Town Cycle Tour": section selang-seling gelap/terang, judul kapital besar, tombol pil, kartu gambar+badan putih.
   Warna disesuaikan merek TDS: navy #1C2541, emas #C9A227. */
:root{--ct-dark:#1C2541;--ct-light:#f8f9fa;--ct-accent:#C9A227;--ct-accent-d:#a8871c;--ct-grey:#f1f1f1;--ct-text:#212529}
body{font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ct-text);background:var(--ct-light)}
/* tombol pil */
.btn,.ct-btn{border-radius:80px}
.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 26px;min-height:42px;font-size:16px;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:filter .15s,transform .15s}
.ct-btn:hover{filter:brightness(.93);transform:translateY(-1px)}
.ct-btn.primary{background:var(--ct-accent);color:var(--ct-dark);border-color:var(--ct-accent)}
.ct-btn.light{background:var(--ct-light);color:var(--ct-dark);border-color:var(--ct-light)}
.ct-btn.grey{background:var(--ct-grey);color:var(--ct-dark);border-color:var(--ct-grey)}
.ct-btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
/* bilah atas + header */
.site-header{background:transparent}
.site-header.is-solid,.site-header.scrolled{background:var(--ct-dark)}
.ct-top{background:rgba(28,37,65,.92);color:#f8f9fa;font-size:14px}
.ct-top-row{display:flex;align-items:center;gap:16px;min-height:44px}
.ct-count{font-weight:600;font-size:18px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.ct-count i{font-style:normal}
.ct-sep{width:1px;height:20px;background:rgba(255,255,255,.35)}
.ct-top-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.ct-top-right a.ico{display:flex;color:#fff;opacity:.85}
.ct-top-right a.ico:hover{opacity:1}
.ct-top .ct-btn{min-height:32px;padding:3px 20px;font-size:14px}
.main-nav{gap:6px;margin-left:auto}
.main-nav a{padding:7px 16px;border-radius:80px;opacity:1;font-weight:500;font-size:15px}
.main-nav a:hover{background:rgba(255,255,255,.14);text-decoration:none}
.main-nav a.on{background:rgba(255,255,255,.22)}
body:not(.home) .site-header.is-floating{background:var(--ct-dark)}
.header-actions .btn-red{background:var(--ct-accent);color:var(--ct-dark);border-color:var(--ct-accent)}
/* pod */
.ct-pod{padding:80px 0}
.ct-pod.dark{background:var(--ct-dark);color:var(--ct-light)}
.ct-pod.light{background:var(--ct-light);color:var(--ct-text)}
.ct-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}
.ct-h2{font-size:clamp(34px,5vw,62px);font-weight:400;text-transform:uppercase;line-height:1.1;margin:0}
.ct-pod.dark .ct-h2{color:var(--ct-light)}.ct-pod.light .ct-h2{color:var(--ct-dark)}
.ct-lead{font-size:18px;line-height:1.7;max-width:640px;opacity:.9}
.ct-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;flex-wrap:wrap}
/* hero */
.home .hero{min-height:100vh;align-items:flex-end;background:var(--ct-dark) center/cover no-repeat}
.home .hero-shade{background:linear-gradient(90deg,rgba(28,37,65,.78) 0%,rgba(28,37,65,.35) 55%,rgba(28,37,65,.15) 100%),linear-gradient(0deg,rgba(28,37,65,.6),transparent 40%)}
.home .hero-inner{padding:150px 24px 64px;max-width:1320px}
.home .hero .eyebrow{font-size:20px;letter-spacing:0;text-transform:none;font-weight:400;color:#fff;opacity:.95;margin-bottom:6px}
.home .hero h1{font-family:Roboto,sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(44px,8.5vw,110px);line-height:1.02;letter-spacing:0;max-width:900px}
.home .hero-sub{font-size:18px;max-width:640px;opacity:.95}
.home .hero .btn-red{background:var(--ct-accent);color:var(--ct-dark);border-color:var(--ct-accent)}
/* pita info event */
.ct-now{background:var(--ct-dark);color:var(--ct-light);padding:48px 0}
.ct-now-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr auto;gap:0;align-items:center}
.ct-now-row>div{padding:4px 28px;border-left:1px solid rgba(255,255,255,.25)}
.ct-now-row>div:first-child{border-left:0;padding-left:0}
.ct-now small{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-accent);font-weight:500}
.ct-now b{display:block;font-size:26px;font-weight:500;line-height:1.25}
/* kartu */
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ct-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.ct-card-img{border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:16/10;background:#d9dde5}
.ct-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ct-card:hover .ct-card-img img{transform:scale(1.04)}
.ct-card-body{flex:1;background:#fff;color:var(--ct-text);border:1px solid rgba(0,0,0,.176);border-top:1px solid rgba(0,0,0,.176);border-radius:0 0 16px 16px;padding:24px;display:flex;flex-direction:column;gap:12px}
.ct-card-body .meta{font-size:14px;color:#6c757d}
.ct-card-body h3{font-size:24px;font-weight:400;line-height:1.25;margin:0;color:var(--ct-dark)}
.ct-card-body p{margin:0;color:#495057;font-size:15px}
.ct-card-body .ct-btn{margin-top:auto;align-self:flex-start}
.ct-badge{align-self:flex-start;background:var(--ct-dark);color:#fff;border-radius:80px;padding:3px 14px;font-size:13px;font-weight:500}
.ct-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.ct-actions .ct-btn.light,.ct-card-body .ct-btn.light{background:var(--ct-dark);color:#fff;border-color:var(--ct-dark)}
.ct-card-body .ct-btn.light{background:var(--ct-grey);color:var(--ct-dark);border-color:var(--ct-grey)}
/* teks + gambar */
.ct-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ct-split.rev .ct-split-img{order:-1}
.ct-split-text{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.ct-split-text p{font-size:18px;line-height:1.75;margin:0;opacity:.92}
.ct-split-img img{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.ct-split-img.contain img{object-fit:contain;background:#fff}
/* pod dengan gambar latar */
.ct-bgpod{position:relative;background:var(--ct-dark) center/cover no-repeat;color:#fff;padding:110px 0;overflow:hidden}
.ct-bgpod::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,37,65,.9),rgba(28,37,65,.55))}
.ct-bgpod>*{position:relative}
.ct-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:6px 0 4px;width:100%;max-width:520px}
.ct-tier{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px 16px;font-size:16px}
.ct-tier i{font-style:normal;font-size:22px}
/* sponsor */
.ct-spons{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:10px}
.ct-spons a,.ct-spons div{background:#fff;border-radius:14px;padding:18px;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;border:1px solid rgba(0,0,0,.08)}
.ct-spons img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);transition:filter .2s}
.ct-spons a:hover img{filter:none}
/* footer */
.site-footer{background:var(--ct-dark);padding:72px 0 28px}
.site-footer .footer-brand{font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.site-footer .ct-btn{display:inline-flex;margin-top:14px;color:var(--ct-dark)}
.site-footer .ct-btn:hover{text-decoration:none;color:var(--ct-dark)}
@media (max-width:1100px){.ct-now-row{grid-template-columns:1fr 1fr}.ct-now-row>div{border-left:0;padding:10px 0}.ct-now-row .ct-btn{grid-column:1/-1}}
@media (max-width:900px){
  .ct-cards,.ct-split,.ct-spons{grid-template-columns:1fr}
  .ct-spons{grid-template-columns:repeat(2,1fr)}
  .ct-split{gap:32px}.ct-split.rev .ct-split-img{order:0}
  .ct-pod{padding:56px 0}
  .ct-top-row{gap:10px;font-size:12px}.ct-count{font-size:15px}.ct-title{display:none}.ct-sep{display:none}
  .home .hero-inner{padding-top:130px}
}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.home .hero-inner{position:relative;margin:0 auto;width:100%}
.home{font-family:Roboto,system-ui,sans-serif}
/* judul hero: huruf Fraunces seperti sebelumnya, lebih kecil */
.home .hero h1{font-family:'Fraunces',Georgia,serif;font-weight:900;text-transform:none;font-size:clamp(36px,6vw,78px);line-height:1.05;letter-spacing:-.01em;max-width:900px}
.home .hero .eyebrow{font-size:22px;margin-bottom:10px}
.home .hero-sub{font-size:19px;line-height:1.7;max-width:720px;margin-bottom:30px}
/* hero: teks ringkas di kiri-bawah, video tetap terlihat */
.home .hero-shade{background:linear-gradient(90deg,rgba(28,37,65,.62) 0%,rgba(28,37,65,0) 48%),linear-gradient(0deg,rgba(28,37,65,.7) 0%,rgba(28,37,65,0) 42%)}
.home .hero-inner{max-width:1320px}
.home .hero h1{max-width:620px}
.home .hero-sub{max-width:560px;font-size:17px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.home .hero h1,.home .hero .eyebrow{text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hero-sound{position:absolute;right:24px;bottom:28px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:rgba(28,37,65,.78);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:80px;padding:9px 18px;font:500 14px Roboto,sans-serif;cursor:pointer;backdrop-filter:blur(4px)}
.hero-sound:hover{background:rgba(28,37,65,.95)}
.hero-sound .snd-off{display:block}.hero-sound .snd-on{display:none}
.hero-sound.is-on .snd-off{display:none}.hero-sound.is-on .snd-on{display:block}
.hero-yt{background:center/cover no-repeat}

/* HP: meniru Cape Town Cycle Tour: video memenuhi layar, teks di tengah, pita info disembunyikan */
@media (max-width:768px){
  .home .hero{min-height:100vh;min-height:100svh;align-items:center;justify-content:center;text-align:center;padding:0}
  .home .hero-shade{background:linear-gradient(180deg,rgba(28,37,65,.55) 0%,rgba(28,37,65,.25) 30%,rgba(28,37,65,.25) 60%,rgba(28,37,65,.65) 100%)}
  .home .hero-inner{padding:110px 28px 110px;display:flex;flex-direction:column;align-items:center}
  .home .hero h1{font-size:clamp(32px,10vw,46px);max-width:100%}
  .home .hero .eyebrow{font-size:20px}
  .home .hero-sub{font-size:15px;line-height:1.6;max-width:100%;margin-bottom:22px}
  .home .hero-cta{justify-content:center}
  .hero-sound{left:50%;right:auto;bottom:28px;top:auto;transform:translateX(-50%)}
}
/* video tampil halus setelah berjalan; sebelum itu hanya latar navy */
.hero-yt iframe,.home .hero .hero-video{opacity:0;transition:opacity .9s ease}
.hero-yt.ready iframe,.home .hero .hero-video.ready{opacity:1}
/* kartu event berikutnya (menempel di bawah hero) */
.ct-nextwrap{background:var(--ct-dark);padding-bottom:36px}
.ct-next{position:relative;z-index:3;margin-top:-72px;display:grid;grid-template-columns:104px 1.5fr 1.1fr 1.2fr 1.2fr;align-items:center;background:var(--ct-light);color:var(--ct-text);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35);min-height:176px}
.ct-next-label{align-self:stretch;background:var(--ct-accent);display:flex;align-items:center;justify-content:center}
.ct-next-label span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:44px;font-weight:600;letter-spacing:.04em;color:var(--ct-dark)}
.ct-next-col{padding:18px 26px;text-align:center;border-left:1px solid rgba(0,0,0,.18);align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.ct-next-label+.ct-next-col{border-left:0}
.ct-next-col b{font-size:32px;font-weight:500;line-height:1.2;color:var(--ct-dark)}
.ct-next-col strong{font-size:34px;font-weight:500;line-height:1.2;color:var(--ct-dark)}
.ct-next-col small{font-size:15px;color:#495057}
@media (max-width:1100px){.ct-next{grid-template-columns:84px 1fr 1fr}.ct-next-col:nth-child(n+4){grid-column:2/4;border-left:0;border-top:1px solid rgba(0,0,0,.12)}.ct-next-label{grid-row:1/4}}
@media (min-width:769px){.hero-sound{bottom:104px}.home .hero-inner{padding-bottom:112px}}
.ct-now-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-left:12px}
.ct-now-row{grid-template-columns:1.5fr 1fr 1fr 1.3fr auto}
@media (max-width:1100px){.ct-now-btns{grid-column:1/-1;justify-content:flex-start;padding-left:0}}
.footer-legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-legal a{display:inline;color:#fff;text-decoration:underline;text-underline-offset:3px}

/* halaman Tentang, Kategori, Event Lain */
.ab-hero{padding:150px 0 90px}
.ab-eyebrow{font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-accent);font-weight:500;margin:0 0 10px}
.ab-eyebrow.dk{color:var(--ct-accent-d)}
.ab-h1{font-size:clamp(40px,7vw,86px);color:#fff;margin-bottom:18px}
.ab-credit{display:block;margin-top:8px;font-size:12px;opacity:.7}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.ab-stats b{display:block;font-size:clamp(34px,5vw,60px);font-weight:500;color:var(--ct-accent);line-height:1.1}
.ab-stats span{font-size:16px;opacity:.85}
.ab-val{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:30px}
.ab-val>span{font-size:38px;display:block;margin-bottom:8px}
.ab-val h3{font-size:24px;font-weight:500;color:var(--ct-dark);margin:0 0 8px}
.ab-val p{margin:0;color:#495057}
.ab-org{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ab-org>div{border-top:3px solid var(--ct-accent);padding-top:16px}
.ab-org small{text-transform:uppercase;letter-spacing:.12em;color:#6c757d;font-size:12px}
.ab-org h3{font-size:24px;font-weight:500;margin:6px 0;color:var(--ct-dark)}
.ab-org p{margin:0;color:#495057}
.ab-story{color:#e6e9f0;font-size:18px;line-height:1.8}.ab-story h2{color:#fff}
.ab-note{margin-top:24px;color:#495057;font-size:15px}.ab-note.light{color:#d6dbe6}
.ab-table{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.25)}
.ab-table .r{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:16px;padding:16px 22px;border-top:1px solid rgba(255,255,255,.18);font-size:17px}
.ab-table .r:first-child{border-top:0}
.ab-table .r.h{background:rgba(255,255,255,.1);font-weight:600;color:var(--ct-accent);text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.ab-table .r span:first-child{opacity:.75}
.ab-list{margin:0;padding-left:20px;font-size:18px;line-height:1.9}
.ab-prizes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}
.ab-prizes div{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px 8px;text-align:center}
.ab-prizes span{font-size:26px;display:block}.ab-prizes small{display:block;color:#6c757d}.ab-prizes b{font-size:15px;color:var(--ct-dark)}
@media (max-width:900px){.ab-stats{grid-template-columns:repeat(2,1fr)}.ab-org{grid-template-columns:1fr}.ab-table .r{grid-template-columns:1fr 1fr;font-size:15px}.ab-table .r span:first-child{grid-column:1/-1;font-weight:600}.ab-prizes{grid-template-columns:repeat(3,1fr)}.ab-hero{padding:120px 0 60px}}

/* HP: kartu "Event" dan pita info event tetap tampil di bawah video, tersusun ke bawah */
@media (max-width:768px){
  .ct-nextwrap{padding:20px 0 8px}
  .ct-next{margin-top:0;grid-template-columns:1fr;border-radius:16px}
  .ct-next-label{padding:8px 0;align-self:auto;grid-row:auto}
  .ct-next-label span{writing-mode:horizontal-tb;transform:none;font-size:22px;letter-spacing:.14em;text-transform:uppercase}
  .ct-next-col,.ct-next-col:nth-child(n+4){grid-column:auto;border-left:0;border-top:1px solid rgba(0,0,0,.12);padding:14px 20px}
  .ct-next-label+.ct-next-col{border-top:0}
  .ct-next-col b,.ct-next-col strong{font-size:26px}
  .ct-now{padding:28px 0 36px}
  .ct-now-row{grid-template-columns:1fr 1fr;gap:6px 16px}
  .ct-now-row>div{padding:8px 0;border-left:0}
  .ct-now-row>div:first-child{grid-column:1/-1}
  .ct-now b{font-size:20px}
  .ct-now-row .ct-now-btns{grid-column:1/-1;border-left:0;padding:8px 0 0}
  .ct-now-btns .ct-btn{flex:1 1 40%}
}
.ct-card-img.ph{background:linear-gradient(135deg,#1C2541,#2d3a63);display:flex;align-items:center;justify-content:center}
.ct-card-img.ph span{font-size:56px}

/* siluet sepeda di latar biru (bervariasi per bagian) */
.has-sil{position:relative;overflow:hidden}
.has-sil>*{position:relative;z-index:1}
.has-sil::before{content:"";position:absolute;inset:0;z-index:0;background-repeat:no-repeat;pointer-events:none}
.sil-a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' stroke='%23C9A227' stroke-opacity='0.2' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3Ccircle cx='118' cy='11' r='6'/%3E%3Cpath d='M78 27 L112 18 L146 24 M78 27 L102 48 L90 65 M112 18 L118 17'/%3E%3C/svg%3E");background-position:right -20px bottom 20px;background-size:560px auto}
.sil-b::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' stroke='%23C9A227' stroke-opacity='0.2' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(200 0) scale(-1 1)'%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3Ccircle cx='118' cy='11' r='6'/%3E%3Cpath d='M78 27 L112 18 L146 24 M78 27 L102 48 L90 65 M112 18 L118 17'/%3E%3C/g%3E%3C/svg%3E");background-position:left -30px bottom 10px;background-size:620px auto}
.sil-c::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 110' stroke='%23C9A227' stroke-opacity='0.18' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(0 10) scale(.9)'%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3Ccircle cx='118' cy='11' r='6'/%3E%3Cpath d='M78 27 L112 18 L146 24 M78 27 L102 48 L90 65 M112 18 L118 17'/%3E%3C/g%3E%3Cg transform='translate(95 0) scale(.8)'%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3Ccircle cx='118' cy='11' r='6'/%3E%3Cpath d='M78 27 L112 18 L146 24 M78 27 L102 48 L90 65 M112 18 L118 17'/%3E%3C/g%3E%3Cg transform='translate(180 18) scale(.7)'%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3Ccircle cx='118' cy='11' r='6'/%3E%3Cpath d='M78 27 L112 18 L146 24 M78 27 L102 48 L90 65 M112 18 L118 17'/%3E%3C/g%3E%3C/svg%3E");background-position:right -40px top 30px;background-size:720px auto}
.sil-d::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -10 200 120' stroke='%23C9A227' stroke-opacity='0.2' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-10 108 L45 40 L75 72 L120 18 L170 80 L215 55' stroke-width='1.6'/%3E%3Ccircle cx='124' cy='2' r='6'/%3E%3Cpath d='M84 18 L118 8 L146 24 M84 18 L100 44 L90 65 M84 18 L70 36'/%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3C/svg%3E");background-position:right 10px center;background-size:640px auto}
.sil-e::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' stroke='%23C9A227' stroke-opacity='0.16' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='100' cy='100' r='92'/%3E%3Ccircle cx='100' cy='100' r='86' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='8'/%3E%3Cpath d='M160 100 L40 100'/%3E%3Cpath d='M151 130 L49 70'/%3E%3Cpath d='M129 151 L71 49'/%3E%3Cpath d='M100 159 L100 41'/%3E%3Cpath d='M70 151 L130 49'/%3E%3Cpath d='M49 129 L151 71'/%3E%3C/svg%3E");background-position:left -140px bottom -150px;background-size:520px auto}
.sil-f::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-40 0 240 100' stroke='%23C9A227' stroke-opacity='0.2' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-40 30 L-5 30 M-30 45 L0 45 M-38 60 L-8 60' stroke-width='1.8'/%3E%3Ccircle cx='118' cy='11' r='6'/%3E%3Cpath d='M78 27 L112 18 L146 24 M78 27 L102 48 L90 65 M112 18 L118 17'/%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65 L90 65 L135 32 L80 32 L40 65 M90 65 L80 32 M135 32 L160 65 M135 32 L146 24 M70 27 L92 27'/%3E%3C/svg%3E");background-position:left 20px top 24px;background-size:600px auto}
@media (max-width:768px){.has-sil::before{background-size:360px auto!important;opacity:.8}.sil-e::before{background-size:300px auto!important}}
.ct-card-img{position:relative}.ct-credit{position:absolute;left:0;right:0;bottom:0;padding:14px 10px 4px;font-size:10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));opacity:.85}
.pager-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.pager-nav .off{opacity:.45;cursor:default;pointer-events:none}

/* kabar terbaru: 4 kartu kecil */
.ct-cards.four{grid-template-columns:repeat(4,1fr);gap:18px}
.ct-cards.four .ct-card-img{aspect-ratio:16/10;border-radius:12px 12px 0 0}
.ct-cards.four .ct-card-body{padding:14px 16px;gap:6px;border-radius:0 0 12px 12px}
.ct-cards.four .ct-card-body h3{font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ct-cards.four .ct-card-body .meta{font-size:12px}
@media (max-width:900px){.ct-cards.four{grid-template-columns:repeat(2,1fr);gap:12px}.ct-cards.four .ct-card-body{padding:10px 12px}.ct-cards.four .ct-card-body h3{font-size:14px}}
/* event terdekat: kartu mini + video */
.ct-evrow{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.ct-evrow.with-video{grid-template-columns:1.1fr 1fr}
.ct-evlist{display:flex;flex-direction:column;gap:12px}
.ct-mini{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:10px 14px 10px 10px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.ct-mini:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}
.ct-mini-img{flex:0 0 96px;height:72px;border-radius:10px;overflow:hidden;background:#d9dde5;display:flex;align-items:center;justify-content:center;font-size:28px}
.ct-mini-img.ph{background:linear-gradient(135deg,#1C2541,#2d3a63)}
.ct-mini-img img{width:100%;height:100%;object-fit:cover}
.ct-mini-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ct-mini-body b{font-size:17px;font-weight:500;color:var(--ct-dark);line-height:1.25}
.ct-mini-body small{font-size:13px;color:#6c757d}
.ct-mini-body .ct-badge{font-size:12px;padding:1px 10px;font-style:normal}
.ct-mini-go{font-size:20px;color:var(--ct-accent-d)}
.ct-evvideo{background:var(--ct-dark);border-radius:16px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.ct-evvideo-t{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:2px 4px 10px}
.ct-evvideo video,.ct-evvideo iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000;display:block}
@media (max-width:900px){.ct-evrow.with-video{grid-template-columns:1fr}}
.ct-pod.light:has(.ct-evrow){padding:56px 0}
/* sponsor: satu baris berjalan, kecil */
.ct-spons-strip{background:#fff;padding:22px 0 24px;border-top:1px solid rgba(0,0,0,.08)}
.ct-spons-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#6c757d;text-align:center;margin-bottom:12px}
.ct-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ct-track{display:flex;align-items:center;gap:44px;width:max-content;animation:ctmarq 40s linear infinite}
.ct-marquee:hover .ct-track{animation-play-state:paused}
.ct-track a,.ct-track div{display:flex;align-items:center;flex:0 0 auto}
.ct-track img{height:38px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.ct-track a:hover img{filter:none;opacity:1}
@keyframes ctmarq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ct-track{animation:none}.ct-marquee{overflow-x:auto}}
@media (max-width:768px){.ct-track{gap:30px;animation-duration:30s}.ct-track img{height:30px}}

/* foto bawaan kartu event (jika belum ada gambar): warna + siluet sepeda */
.ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#1C2541,#2d3a63)}
.ph.tone1{background:linear-gradient(135deg,#8a3b2e,#4b1d17)}.ph.tone2{background:linear-gradient(135deg,#3b6e72,#1c3d44)}
.ph.tone3{background:linear-gradient(135deg,#5a4a7a,#2c2347)}.ph.tone4{background:linear-gradient(135deg,#4f6a3a,#26381a)}.ph.tone5{background:linear-gradient(135deg,#c9a227,#8a6d12)}
.ph::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' fill='none' stroke='%23fff' stroke-opacity='.4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='65' r='28'/%3E%3Ccircle cx='160' cy='65' r='28'/%3E%3Cpath d='M40 65L90 65L135 32L80 32L40 65M90 65L80 32M135 32L160 65M135 32L146 24M70 27L92 27'/%3E%3C/svg%3E") center/78% auto no-repeat}
.ct-mini-img.ph::after{background-size:90% auto}
.ct-card-img.ph::after{background-size:50% auto}
/* garis waktu TdS per tahun */
.ct-years{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ct-years a,.ct-years div{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:16px 22px;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(28,37,65,.08);transition:transform .15s,box-shadow .15s}
.ct-years a:hover{transform:translateX(4px);box-shadow:0 12px 30px rgba(28,37,65,.14)}
.ct-years b{font-size:34px;line-height:1;color:var(--ct-dark,#1C2541);font-weight:300;min-width:92px}
.ct-years span{flex:1;font-weight:500}
.ct-years i{font-style:normal;color:#C9A227;font-size:20px}
.ct-years li:first-child b{color:#C9A227;font-weight:500}
@media (max-width:768px){.ct-years b{font-size:28px;min-width:76px}.ct-years a,.ct-years div{padding:14px 16px}}
.ct-split.solo{grid-template-columns:1fr}
.ct-split.solo .ct-split-text{max-width:720px}
/* sponsor: logo asli, tidak bulat, berjalan */
.ct-track a,.ct-track div{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;aspect-ratio:auto!important;width:auto!important;height:auto!important}
.ct-track img{height:46px;max-width:160px;border-radius:0!important;filter:none!important;opacity:1!important;background:none}
@media (max-width:768px){.ct-track img{height:36px;max-width:120px}}
/* header/hero halaman: tanpa siluet sepeda */
.ab-hero::before,.gl-hero::before,.page-hero::before,.hero::before{display:none!important}