:root{--bg:#f7f3ee;--card:#fffdf9;--ink:#172224;--muted:#66716d;--accent:#b28a62;--dark:#172224;--line:#e5ddd3;--soft:#ece5dc;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 'Inter',system-ui,sans-serif}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 5%} .micro{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.serif{font-family:'Cormorant Garamond',serif}

 .brand{color:#fff;font-size:18px;font-weight:800;letter-spacing:.13em} .brand span{color:#d2af8d;font-weight:500}
  
.hero{background:linear-gradient(180deg,#162224 0%,#1c2a2d 100%);color:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:760px}
.hero-copy{padding:92px 8% 90px max(5%,calc((100vw - 1240px)/2 + 5%));display:flex;flex-direction:column;justify-content:center}
.hero h1{font:700 clamp(58px,7vw,108px)/.95 'Cormorant Garamond',serif;letter-spacing:-.05em;margin:22px 0 24px}
.hero h1 em{color:#d9b592;font-style:italic;font-weight:500} .hero p{max-width:520px;color:#d6dcda;font-size:17px;line-height:1.95}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:999px;font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.btn-main{background:#d2af8d;color:#1a2527} .btn-ghost{border:1px solid rgba(255,255,255,.18);color:#fff}
.hero-media{position:relative;min-height:560px;padding:42px 42px 42px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:end}
.hero-main{height:88%;border-radius:28px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.22)} .hero-main img{width:100%;height:100%;object-fit:cover}
.hero-stack{display:grid;gap:18px;align-self:center}
.stack-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:14px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.stack-card img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;width:100%} .stack-card small{display:block;margin:10px 6px 2px;color:#d2af8d;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.section{padding:110px 0} .intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%} .intro-copy h2{font:600 clamp(42px,5vw,76px)/1.02 'Cormorant Garamond',serif;letter-spacing:-.04em;margin:18px 0 18px} .intro-copy h2 em{color:var(--accent);font-style:italic;font-weight:500}
.lead{font-size:18px;color:#44504c} .copy p{color:#5f6a66}
.feature-band{padding:78px 0;background:#eae3d9} .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .feature{background:rgba(255,255,255,.72);border:1px solid #e1d7cb;border-radius:22px;padding:28px 24px 24px;box-shadow:0 8px 24px rgba(0,0,0,.04)} .feature .num{font:700 34px 'Cormorant Garamond',serif;color:var(--accent)} .feature h3{margin:10px 0 8px;font:600 29px/1.1 'Cormorant Garamond',serif} .feature p{margin:0;color:#616a67}
.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px} .gallery-head h2,.books-head h2,.videos-head h2,.silat-head h2,.cta h2{font:600 clamp(42px,5vw,74px)/1.02 'Cormorant Garamond',serif;letter-spacing:-.04em;margin:16px 0 0} .gallery-head h2 em,.books-head h2 em,.videos-head h2 em,.silat-head h2 em,.cta h2 em{font-style:italic;color:var(--accent);font-weight:500}
.masonry{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px} .tile{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 15px 34px rgba(19,28,27,.05)} .tile img{width:100%;height:100%;object-fit:cover} .tile.tall{min-height:720px} .tile.mid{min-height:350px} .tile.copy{padding:32px} .tile.copy h3{font:600 34px/1.08 'Cormorant Garamond',serif;margin:0 0 12px} .tile.copy p{color:#606966;margin:0 0 14px} .badge{display:inline-flex;align-items:center;padding:8px 12px;background:#efe7de;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#85674d;font-weight:700}
.books{background:#162224;color:#f6f2ed} .books-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start} .books-head p,.books-copy p{color:#c5cdca} .book-shelf{display:grid;grid-template-columns:1fr 1fr;gap:18px} .book-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:16px} .book-card img{border-radius:16px;aspect-ratio:4/5;object-fit:cover;width:100%} .book-card h3{font:600 30px/1.05 'Cormorant Garamond',serif;margin:14px 0 8px;color:#fff} .book-card p{margin:0;color:#bcc6c2;font-size:14px;line-height:1.7}
.books-copy .tag{display:inline-block;margin-top:8px;padding:9px 13px;border-radius:999px;background:rgba(210,175,141,.14);color:#e8c7a8;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:26px} .dual-card{background:var(--card);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 14px 34px rgba(19,28,27,.05)} .dual-card img{width:100%;aspect-ratio:4/5;object-fit:cover} .dual-card .pad{padding:24px} .dual-card h3{font:600 32px/1.08 'Cormorant Garamond',serif;margin:0 0 10px} .dual-card p{margin:0;color:#5f6966}
.videos{background:linear-gradient(180deg,#ede6dc 0%,#e6dfd5 100%)} .video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1060px;margin:0 auto} .video-card{background:#fff;border:1px solid #ded4c7;border-radius:30px;padding:18px;box-shadow:0 22px 50px rgba(17,27,27,.08)} .video-frame{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .video-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 6px 2px;font-size:12px;color:#616a67} .video-meta a{padding-bottom:2px;border-bottom:1px solid #ab8865} .video-label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f4ece2;color:#87684e;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:12px}
.silat-wrap{background:linear-gradient(180deg,#f5f0e8 0%,#ece4d9 100%);border:1px solid #e2d8ca;border-radius:34px;padding:44px;box-shadow:0 18px 40px rgba(19,28,27,.05)} .silat-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch} .silat-copy p{max-width:600px} .silat-card{background:rgba(255,255,255,.58);border:1px solid #dfd2c3;border-radius:30px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 28px rgba(19,28,27,.04)} .quote{font:600 clamp(34px,3.5vw,54px)/1.1 'Cormorant Garamond',serif;color:#8a694c;letter-spacing:-.03em;margin-bottom:22px} .silat-points{display:grid;gap:12px;margin:0;padding:0;list-style:none} .silat-points li{display:flex;gap:12px;align-items:flex-start;color:#5f6966} .silat-points li:before{content:'•';font-size:28px;line-height:1;color:#a67d58;transform:translateY(-2px)} .silat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 24px} .silat-stat{background:#fff;border:1px solid #e3d8cb;border-radius:20px;padding:14px 16px} .silat-stat strong{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#a37b57;margin-bottom:5px} .silat-stat span{display:block;font:600 22px/1.05 'Cormorant Garamond',serif;color:#1e2a2c}
.cta{padding:95px 0 105px;text-align:center} .cta p{max-width:700px;margin:16px auto 0;color:#606966} .cta .btn-main{margin-top:26px}
     
.note{font-size:12px;color:#707a76;max-width:760px;margin:24px auto 0;text-align:center}

@media (max-width:980px){ .hero-grid,.intro-grid,.books-grid,.silat-grid{grid-template-columns:1fr} .hero-media{padding:0 5% 60px;grid-template-columns:1fr 1fr} .hero-copy{padding:80px 5% 34px} .masonry{grid-template-columns:1fr 1fr} .tile.tall{min-height:440px} .feature-grid,.dual,.video-grid{grid-template-columns:1fr} .silat-wrap{padding:28px} .silat-stats{grid-template-columns:1fr 1fr 1fr}  .foot-grid>div:first-child{grid-column:1/-1} }
@media (max-width:640px){.hero h1{font-size:62px} .hero-media{grid-template-columns:1fr;gap:14px} .masonry{grid-template-columns:1fr} .section{padding:80px 0} .feature-band{padding:60px 0} .feature-grid{grid-template-columns:1fr} .gallery-head,.books-head,.videos-head{display:block} .silat-wrap{padding:22px} .silat-stats{grid-template-columns:1fr}  .foot-grid>div:first-child{grid-column:auto}  }

/* V40 / editorial Pencak Silat story */
.silat-story{background:#f5f0e9}
.silat-story-heading{max-width:920px;margin:0 auto 46px;text-align:center}
.silat-story-heading h2{font:600 clamp(52px,6vw,86px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:18px 0}
.silat-story-heading h2 em,.silat-story-narrative h3 em{color:#ae845d;font-weight:500}
.silat-story-heading p{margin:0 auto;color:#59635f;max-width:650px;font-size:17px}
.silat-story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:stretch}
.silat-story-narrative{padding:50px 54px;border:1px solid #e5d8c9;border-radius:28px;background:#fffcf8}
.silat-story-narrative .silat-ornament{color:#a58260;font-size:10px;letter-spacing:.24em;font-weight:800}
.silat-story-narrative h3{font:600 clamp(44px,4vw,59px)/1 'Cormorant Garamond',Georgia,serif;margin:26px 0 22px;letter-spacing:-.03em}
.silat-story-narrative p{color:#4c5854;line-height:1.9;margin:0 0 18px;font-size:15px}
.silat-story-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#bd9975;color:#182326;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;padding:16px 24px;margin-top:15px;transition:background .2s ease}
.silat-story-link:hover{background:#cba984}
.silat-story-visual{background:linear-gradient(150deg,#243435,#172627 72%);border-radius:28px;color:#f7f1e9;min-height:650px;padding:35px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:relative;overflow:hidden}
.silat-story-visual:before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid rgba(219,184,142,.17);top:19%;left:50%;transform:translateX(-50%);box-shadow:0 0 0 42px rgba(219,184,142,.035),0 0 0 95px rgba(219,184,142,.025)}
.silat-visual-top,.silat-visual-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#d4b390;position:relative;z-index:1}
.silat-emblem{position:relative;z-index:1;width:225px;height:225px;border:1px solid #c9a27d;border-radius:50%;margin:25px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(201,162,125,.07)}
.silat-emblem span{font:600 91px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.08em;color:#f1dfcd}.silat-emblem small{font-size:10px;letter-spacing:.24em;color:#d0aa85}
.silat-story-visual blockquote{font:italic 500 clamp(31px,3.2vw,43px)/1.16 'Cormorant Garamond',Georgia,serif;text-align:center;max-width:440px;margin:16px auto 50px;position:relative;z-index:1}
.silat-visual-bottom{justify-content:center;align-items:center;flex-wrap:wrap;font-size:9px}.silat-visual-bottom i{width:4px;height:4px;border-radius:50%;background:#ba9978}
@media(max-width:980px){.silat-story-layout{grid-template-columns:1fr}.silat-story-visual{min-height:530px}.silat-story-narrative{padding:38px}}
@media(max-width:600px){.silat-story-heading{text-align:left}.silat-story-narrative{padding:29px 22px}.silat-story-visual{padding:26px;min-height:500px}.silat-story-visual blockquote{margin-bottom:25px}.silat-visual-top{font-size:9px}}

/* Preserve global WordPress header and footer appearance. */
body.azv41-about{margin:0;} body.azv41-about main.azv41-content{display:block;overflow:hidden;}

/* V43 contrast correction: inherited theme typography must not put dark ink
   on dark panels. All rules are scoped to Over mij. */
body.azv41-about .azv41-content .hero,
body.azv41-about .azv41-content .hero h1,
body.azv41-about .azv41-content .hero h2,
body.azv41-about .azv41-content .hero strong {color:#f9f5ed!important}
body.azv41-about .azv41-content .hero p{color:#e0e7e2!important}
body.azv41-about .azv41-content .hero h1 em{color:#d9b592!important}
body.azv41-about .azv41-content .books,
body.azv41-about .azv41-content .books h2,
body.azv41-about .azv41-content .books h3,
body.azv41-about .azv41-content .books strong {color:#f9f5ef!important}
body.azv41-about .azv41-content .books p{color:#d7dfda!important}
body.azv41-about .azv41-content .books .micro,
body.azv41-about .azv41-content .books .tag{color:#e8c7a8!important}
body.azv41-about .azv41-content .books h2 em{color:#d7b28e!important}
body.azv41-about .azv41-content .silat-story-visual,
body.azv41-about .azv41-content .silat-story-visual h2,
body.azv41-about .azv41-content .silat-story-visual blockquote {color:#f7f1e9!important}
body.azv41-about .azv41-content .silat-visual-top,
body.azv41-about .azv41-content .silat-visual-bottom{color:#d4b390!important}
body.azv41-about .azv41-content .silat-emblem span{color:#f1dfcd!important}
body.azv41-about .azv41-content .silat-emblem small{color:#d0aa85!important}
body.azv41-about .azv41-content .silat-story-narrative,
body.azv41-about .azv41-content .silat-story-narrative h3{color:#172224!important}
body.azv41-about .azv41-content .silat-story-narrative p{color:#4c5854!important}