:root{
  --ink:#17120e;--ink-soft:#2a211b;--cream:#f7f0df;--cream-2:#eadfca;--paper:#fffaf0;
  --red:#9e141a;--red-bright:#d52b31;--gold:#c89b2f;--gold-light:#f4d77d;--white:#fff;
  --muted:#6e6257;--line:rgba(58,42,26,.25);--shadow:0 18px 50px rgba(36,24,13,.16);
  --radius:18px;--max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
img,svg{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;top:1rem;z-index:9999;background:#fff;padding:.75rem 1rem;border:2px solid var(--red)}
.site-ribbon{background:linear-gradient(90deg,#080706 0 48%,#4b080b 48% 72%,#9e141a 72% 88%,#c89b2f 88%);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.site-ribbon__inner{max-width:var(--max);margin:auto;padding:.5rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ma-header{position:sticky;top:0;z-index:70;background:rgba(255,250,240,.95);backdrop-filter:blur(13px);border-bottom:1px solid rgba(53,39,24,.18);transition:box-shadow .25s ease,transform .25s ease}
.ma-header.is-scrolled{box-shadow:0 12px 34px rgba(25,16,9,.15)}
.ma-header__inner{max-width:var(--max);margin:auto;min-height:88px;padding:10px 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ma-brand{display:flex;align-items:center;min-width:0}.ma-brand img{display:block;width:min(410px,48vw);height:auto}
.ma-actions{display:flex;align-items:center;gap:.65rem}.ma-pill,.ma-menu-toggle{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.72rem .9rem;font-weight:900;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.ma-pill:hover,.ma-menu-toggle:hover{background:var(--ink);color:#fff}.ma-pill--gold{background:var(--gold);border-color:var(--gold);color:#1b1305}.ma-pill--gold:hover{background:var(--red);border-color:var(--red);color:#fff}
.ma-social{display:flex;align-items:center;gap:.35rem}.ma-social a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);font-weight:900;font-size:.7rem}.ma-social a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.mega-menu{position:fixed;left:0;right:0;top:var(--menu-top,88px);z-index:65;background:#17120e;color:#fff;transform:translateY(-115%);opacity:0;visibility:hidden;transition:transform .32s ease,opacity .25s ease,visibility .25s;border-bottom:5px solid var(--gold);box-shadow:0 25px 60px rgba(0,0,0,.35)}
.mega-menu.is-open{transform:translateY(0);opacity:1;visibility:visible}.mega-menu__inner{max-width:var(--max);margin:auto;padding:2rem 1.25rem 2.4rem;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:2.3rem}.mega-menu h2{font-family:Georgia,serif;font-size:1.7rem;margin:0 0 .75rem;color:var(--gold-light)}
.mega-menu h3{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-light);margin:0 0 .65rem}.mega-menu p{color:#d8cdbb;margin:.4rem 0}.mega-menu ul{list-style:none;margin:0;padding:0}.mega-menu li{border-top:1px solid rgba(255,255,255,.15)}.mega-menu a{display:block;padding:.58rem 0;color:#fff}.mega-menu a:hover{color:var(--gold-light);padding-left:.25rem}.mega-menu__note{border:1px solid rgba(244,215,125,.35);padding:1rem;background:rgba(255,255,255,.04)}

/* Home hero: inspired by the source template's large visual hero and overlay, rebuilt independently. */
.ma-home{overflow:hidden}.ma-hero{position:relative;background:
 radial-gradient(circle at 78% 20%,rgba(213,43,49,.28),transparent 30%),
 linear-gradient(120deg,#050403 0%,#1c1009 45%,#540b0f 100%);color:#fff;min-height:660px;display:flex;align-items:center;border-bottom:8px solid var(--gold)}
.ma-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 90%)}
.ma-hero__inner{position:relative;z-index:1;max-width:var(--max);width:100%;margin:auto;padding:4.2rem 1.25rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:3rem}
.ma-eyebrow{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);font-size:.76rem;margin:0 0 .8rem}.ma-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.2rem);line-height:.9;letter-spacing:-.05em;margin:0 0 1.25rem;text-transform:uppercase}.ma-hero h1 .gold{color:var(--gold-light)}.ma-hero h1 .red{color:#ff494f}.ma-hero__lead{font-size:clamp(1.05rem,1.7vw,1.3rem);color:#efe6d7;max-width:650px}.ma-hero__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.ma-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border:1px solid var(--gold);background:var(--gold);color:#1b1305;font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.ma-button:hover{background:var(--red);border-color:var(--red);color:#fff}.ma-button--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.ma-button--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.ma-hero__visual{position:relative;justify-self:end;width:min(600px,100%)}.ma-hero__visual:before{content:"";position:absolute;inset:8% -6% -4% 8%;background:radial-gradient(circle,rgba(200,155,47,.32),transparent 68%);filter:blur(20px)}.ma-hero__visual img{position:relative;display:block;width:100%;border:1px solid rgba(244,215,125,.6);box-shadow:0 28px 80px rgba(0,0,0,.55);clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%)}.ma-hero__stamp{position:absolute;left:-34px;bottom:34px;background:#fffaf0;color:var(--ink);border:4px double var(--ink);padding:.75rem 1rem;font-family:Georgia,serif;font-weight:900;text-transform:uppercase;transform:rotate(-4deg);box-shadow:0 12px 26px rgba(0,0,0,.25)}

.ma-orbit{position:relative;padding:5rem 1.25rem 5.5rem;background:
 radial-gradient(circle at 50% -5%,rgba(200,155,47,.35),transparent 35%),
 radial-gradient(circle at 12% 70%,rgba(158,20,26,.14),transparent 35%),var(--paper);overflow:hidden}
.ma-orbit:before,.ma-orbit:after{content:"";position:absolute;border-radius:50%;border:55px solid rgba(200,155,47,.10)}.ma-orbit:before{width:620px;height:620px;left:-280px;top:80px}.ma-orbit:after{width:520px;height:520px;right:-230px;bottom:-260px;border-color:rgba(158,20,26,.08)}
.section-shell{position:relative;z-index:1;max-width:var(--max);margin:auto}.section-kicker{font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}.section-title{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:1;margin:.35rem 0 .8rem}.section-intro{max-width:720px;color:var(--muted);font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin-top:2.2rem}.feature-card{position:relative;min-height:355px;background:#1d1712;color:#fff;border:1px solid rgba(200,155,47,.55);overflow:hidden;box-shadow:var(--shadow)}.feature-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.7) contrast(1.05)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,8,5,.98) 5%,rgba(12,8,5,.68) 48%,rgba(12,8,5,.05) 85%)}.feature-card__content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.25rem}.feature-card__icon{width:42px;height:42px;border:1px solid var(--gold-light);display:grid;place-items:center;color:var(--gold-light);font-size:1.3rem;margin-bottom:.65rem}.feature-card h3{font-family:Georgia,serif;font-size:1.65rem;line-height:1.05;margin:0 0 .55rem}.feature-card p{font-size:.92rem;color:#ddd1be;margin:0 0 .9rem}.feature-card a{color:var(--gold-light);font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.feature-card:hover img{transform:scale(1.045);transition:transform .45s ease}.feature-card:hover{border-color:var(--red-bright)}

.ma-about{padding:5rem 1.25rem;background:var(--cream)}.ma-about__grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ma-about__art{position:relative}.ma-about__art img{display:block;width:100%;background:var(--paper);border:1px solid var(--ink);box-shadow:18px 18px 0 var(--gold)}.ma-about__art:after{content:"EDISI BARU";position:absolute;right:-18px;top:22px;background:var(--red);color:#fff;padding:.65rem 1rem;font-weight:900;letter-spacing:.12em;transform:rotate(5deg)}.ma-about h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:1;margin:.35rem 0 1rem}.ma-about p{color:#4f463d}.ma-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}.ma-stat{border-top:4px solid var(--gold);padding-top:.65rem}.ma-stat strong{display:block;font-size:1.65rem;font-family:Georgia,serif}.ma-stat span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}

.ma-news{padding:5rem 1.25rem;background:#fffaf0}.feed-list{display:grid;gap:1.5rem;margin-top:2rem}.feed-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);border-top:1px solid var(--ink);padding-top:1.4rem;gap:2rem;align-items:center}.feed-card:nth-child(even){grid-template-columns:minmax(280px,1.2fr) minmax(0,.8fr)}.feed-card:nth-child(even) .feed-card__text{order:2}.feed-card__text h3{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,3rem);line-height:1;margin:.25rem 0 .7rem}.feed-card__text p{color:var(--muted)}.feed-card__media{position:relative}.feed-card__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ink)}.feed-card__date{position:absolute;left:-12px;top:18px;background:var(--red);color:#fff;padding:.55rem .75rem;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}

.ma-events{padding:5rem 1.25rem;background:#211914;color:#fff}.event-head{display:flex;justify-content:space-between;gap:1rem;align-items:end}.event-head .section-title{color:#fff}.event-controls{display:flex;gap:.5rem}.event-controls button{width:44px;height:44px;border:1px solid var(--gold-light);background:transparent;color:var(--gold-light);font-size:1.2rem;cursor:pointer}.event-controls button:hover{background:var(--gold-light);color:#1c1306}.event-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,33%);gap:1rem;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1.5rem 0 .35rem}.event-track::-webkit-scrollbar{display:none}.event-card{scroll-snap-align:start;background:linear-gradient(145deg,#8f1117,#c8292f);padding:1.45rem;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.18)}.event-card:nth-child(even){background:linear-gradient(145deg,#8b6a17,#c69a2c)}.event-card h3{font-family:Georgia,serif;font-size:1.85rem;line-height:1.05;margin:0}.event-card p{color:#f8eee0}.event-card a{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff}

.ma-social-section{padding:5rem 1.25rem;background:var(--cream-2)}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.social-tile{position:relative;background:#fff;border:1px solid var(--ink);min-height:250px;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.social-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.social-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(17,12,8,.92),rgba(17,12,8,.05) 70%)}.social-tile__content{position:relative;z-index:1;color:#fff}.social-tile__content strong{font-family:Georgia,serif;font-size:1.4rem}.social-tile__content span{display:block;font-size:.78rem;color:#eadfca;margin-top:.25rem}

.ma-faq{padding:5rem 1.25rem;background:#fffaf0}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem;align-items:start}.faq-list details{border-top:1px solid var(--ink);padding:1rem 0}.faq-list summary{cursor:pointer;font-family:Georgia,serif;font-weight:700;font-size:1.22rem;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--red);font-family:Arial,sans-serif}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--muted)}

/* Inner editorial pages */
.content-shell{max-width:var(--max);margin:auto;padding:2rem 1.25rem 4.5rem}.breadcrumb{font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:1rem 0}.breadcrumb a{color:var(--red)}
.page-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;background:#1d1712;color:#fff;padding:clamp(1.5rem,4vw,3.5rem);border-bottom:6px solid var(--gold);margin-bottom:2.3rem}.page-hero .kicker{color:var(--gold-light)}.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;margin:.35rem 0 1rem}.page-hero .lead{font-size:1.12rem;color:#e8decc}.page-hero .byline{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#cdbfa9}.page-hero img{display:block;width:100%;background:#fffaf0;border:1px solid rgba(244,215,125,.55);box-shadow:18px 18px 0 rgba(158,20,26,.6)}
.article-body{max-width:900px;margin:0 auto;font-family:Georgia,'Times New Roman',serif;font-size:1.02rem}.article-body h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.05;margin:2.5rem 0 .8rem;border-top:4px solid var(--ink);padding-top:.8rem}.article-body h3{font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;line-height:1.15;margin:1.5rem 0 .45rem}.article-body p{margin:.55rem 0 1.1rem}.article-body li{margin:.48rem 0}.article-body a{text-decoration:underline;text-underline-offset:3px}.article-body .lead{font-size:1.2rem}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.story-card{background:var(--paper);border:1px solid var(--ink);padding:1.1rem;box-shadow:8px 8px 0 rgba(200,155,47,.27)}.story-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--ink);margin-bottom:.9rem}.story-card p{color:var(--muted)}.pullquote{font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.25;font-style:italic;border-left:7px solid var(--red);padding:.4rem 0 .4rem 1.2rem;margin:2rem 0}.editorial-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-family:Arial,Helvetica,sans-serif;font-size:.92rem}.editorial-table th,.editorial-table td{border:1px solid var(--ink);padding:.75rem;text-align:left;vertical-align:top}.editorial-table th{background:var(--ink);color:#fff;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.callout,.paper-box{border:1px solid var(--ink);background:linear-gradient(135deg,rgba(200,155,47,.12),rgba(158,20,26,.06));padding:1.2rem;margin:1.6rem 0}.criteria{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.criterion{border:1px solid var(--ink);background:var(--paper);padding:.8rem}.criterion strong{display:block;color:var(--red);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-block;border:1px solid var(--ink);padding:.2rem .45rem;background:var(--cream-2);font-family:Arial,sans-serif;font-size:.68rem;font-weight:900;text-transform:uppercase}.timeline{border-left:3px solid var(--ink);margin-left:.5rem;padding-left:1.2rem}.timeline article{position:relative;margin-bottom:1.4rem}.timeline article:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--red);left:-1.68rem;top:.35rem;border:2px solid var(--cream)}.index-list{list-style:none;padding:0}.index-list li{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:.9rem 0;border-top:1px solid var(--line)}.index-list time{font-size:.7rem;font-weight:900;text-transform:uppercase;color:var(--red)}
.cta-strip{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.2rem;padding:1.25rem;border:3px double var(--ink);background:var(--cream-2)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:.75rem 1rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink)}.button:hover{background:var(--red);border-color:var(--red);color:#fff}.button.secondary{background:transparent;color:var(--ink)}
details{border-top:1px solid var(--line);padding:.9rem 0}summary{cursor:pointer;font-weight:700}

.site-footer{background:#17120e;color:#f7f0df;border-top:7px solid var(--gold)}.site-footer__inner{max-width:var(--max);margin:auto;padding:3rem 1.25rem 1.5rem}.site-footer__grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:2rem}.site-footer h2{font-family:Georgia,serif;font-size:1.9rem;margin:0 0 .8rem;color:var(--gold-light)}.site-footer h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-light)}.site-footer p{color:#d4c8b6}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.45rem 0}.site-footer a{color:#fff}.site-footer a:hover{color:var(--gold-light)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.22);margin-top:2rem;padding-top:1rem;font-size:.82rem;color:#c5b9a7}.site-footer__social{display:flex;gap:.5rem;margin-top:1rem}.site-footer__social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;border-radius:50%;font-size:.7rem;font-weight:900}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1050px){.ma-actions .ma-pill:first-child,.ma-social{display:none}.ma-hero__inner{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:repeat(2,1fr)}.site-footer__grid{grid-template-columns:1.2fr 1fr 1fr}.site-footer__grid>div:last-child{grid-column:2/4}.criteria{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.site-ribbon__inner span:last-child{display:none}.ma-header__inner{min-height:74px}.ma-brand img{width:min(330px,65vw)}.ma-actions .ma-pill{display:none}.mega-menu{top:74px}.mega-menu__inner{grid-template-columns:1fr;padding-top:1.4rem}.mega-menu__note{display:none}.ma-hero{min-height:auto}.ma-hero__inner{grid-template-columns:1fr;padding-top:3rem}.ma-hero__visual{justify-self:center;max-width:580px}.ma-hero__stamp{left:10px}.ma-about__grid,.faq-grid,.page-hero{grid-template-columns:1fr}.feed-card,.feed-card:nth-child(even){grid-template-columns:1fr}.feed-card:nth-child(even) .feed-card__text{order:initial}.event-track{grid-auto-columns:minmax(280px,80%)}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__grid>div:last-child{grid-column:auto}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-ribbon{font-size:.62rem}.ma-header__inner{padding:.55rem .8rem}.ma-brand img{width:min(275px,68vw)}.ma-menu-toggle{padding:.65rem;font-size:.66rem}.ma-hero__inner{padding:2.6rem .9rem 3rem}.ma-hero h1{font-size:clamp(2.65rem,14vw,4.25rem)}.ma-hero__stamp{position:relative;left:auto;bottom:auto;display:inline-block;margin-top:-1rem}.ma-orbit,.ma-about,.ma-news,.ma-events,.ma-social-section,.ma-faq{padding:3.6rem .9rem}.feature-grid,.social-grid,.grid-2,.grid-3,.grid-4,.criteria{grid-template-columns:1fr}.ma-about__grid{gap:2rem}.ma-stat-grid{grid-template-columns:1fr 1fr}.feed-card{gap:1rem}.event-track{grid-auto-columns:88%}.content-shell{padding:1.2rem .9rem 3.5rem}.page-hero{padding:1.4rem}.page-hero h1{font-size:2.7rem}.article-body{font-size:1rem}.cta-strip{align-items:flex-start;flex-direction:column}.index-list li{grid-template-columns:1fr;gap:.2rem}.site-footer__grid{grid-template-columns:1fr}.site-footer__grid>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media print{.site-ribbon,.ma-header,.mega-menu,.cta-strip,.site-footer{display:none}.content-shell{max-width:none}.page-hero{color:#000;background:#fff;border:1px solid #000}.reveal{opacity:1;transform:none}}