/* UNHAJ PRESS • revisi terbatas: 3-slide hero + Berita & Kegiatan.
   Semua aturan lama tetap berada di style.css dan news.css. */

/* HERO — existing header, typography, color variables, and spacing inherited */
#beranda.hero-carousel{min-height:0;background:#06371e;isolation:isolate;overflow:hidden}
#beranda.hero-carousel:before,#beranda.hero-carousel:after{display:none}
.hero-slides{position:relative;height:clamp(590px,48vw,710px)}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),visibility 1.05s;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-slide-img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%;filter:saturate(.9) brightness(.86);transform:scale(1.025);transition:transform 7.5s ease-out}
.hero-slide.is-active .hero-slide-img{transform:scale(1.065)}
.hero-slide[data-hero-slide="1"] .hero-slide-img{object-position:58% center}
.hero-slide[data-hero-slide="2"] .hero-slide-img{object-position:57% center}
.hero-slide-shade{position:absolute;inset:0;background:linear-gradient(91deg,rgba(2,35,19,.97) 0%,rgba(3,44,22,.9) 27%,rgba(4,47,26,.73) 45%,rgba(5,55,29,.2) 83%),linear-gradient(0deg,rgba(1,29,18,.64),transparent 32%);pointer-events:none}
.hero-slide-container{position:relative;z-index:2;height:100%;display:flex;align-items:center;pointer-events:none}
.hero-slide-copy{width:min(690px,64%);padding:0 0 38px;pointer-events:auto}
.hero-slide-copy .eyebrow{font-size:10px;letter-spacing:2.5px;color:#b8f37c;font-weight:800}
.hero-slide-copy h1,.hero-slide-copy h2{font-family:var(--ui);font-size:clamp(58px,7.2vw,106px);font-weight:750;letter-spacing:-5.5px;line-height:1.055;margin:25px 0 23px;color:#fff;max-width:780px;text-wrap:balance}
.hero-slide-copy h1 em,.hero-slide-copy h2 em{font-family:var(--editorial);font-weight:400;font-style:italic;letter-spacing:-5px;color:var(--gold);display:inline}
.hero-slide-copy .hero-subtitle{font-size:clamp(13px,1.1vw,16px);line-height:1.9;max-width:560px;margin:0 0 28px;color:#e3f1e3}
.hero-slide-copy .hero-slide-cta{margin-bottom:20px;min-width:210px;justify-content:center}
.hero-illustration-label{display:block;color:#d6ead1;font-size:8px;letter-spacing:1.2px;font-weight:700;opacity:.78}
.hero-carousel-controls{position:absolute;bottom:33px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:22px;pointer-events:none}
.hero-carousel-pagination,.hero-carousel-arrows{display:flex;align-items:center;gap:11px;pointer-events:auto}
.hero-dot{display:flex;align-items:center;justify-content:center;min-width:30px;height:38px;border:0;background:transparent;padding:0;cursor:pointer}
.hero-dot span{display:block;width:29px;height:3px;border-radius:50px;background:#ffffff65;transition:background .3s,width .3s}
.hero-dot.is-active span{width:49px;background:#aeed3e}
.hero-counter{font-size:10px;letter-spacing:2px;color:#e1f8dc;margin-left:14px;font-weight:750}
.hero-arrow{width:47px;height:47px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:#fff;background:#052d20a3;backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .25s}
.hero-arrow svg{width:21px;height:21px}
.hero-arrow:hover,.hero-arrow:focus-visible{background:#aeed3e;color:#06371e;border-color:#aeed3e;transform:translateY(-2px)}
.hero-dot:focus-visible{outline:2px solid #aeed3e;outline-offset:2px}

/* NEWS AND ACTIVITIES — same palette, section rhythm and type from existing homepage */
.activity-section{background:#edf8ea;color:var(--ink)}
.activity-heading{margin-bottom:17px}
.activity-heading .heading-aside{width:335px}
.activity-heading h2 em{font-family:var(--editorial);font-weight:400;letter-spacing:-3.4px;color:#299640}
.activity-disclaimer{font-size:11px;letter-spacing:.12px;color:#526e58;line-height:1.75;margin:0 0 34px;padding:12px 16px;border-left:2px solid #409a37;background:#e2f2df}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.activity-card{background:#fff;border:1px solid #c8dfc4;border-radius:4px;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 12px 25px rgba(8,56,27,.035);transition:transform .36s ease,box-shadow .36s ease,border-color .36s ease}
.activity-card:hover{transform:translateY(-6px);box-shadow:0 21px 40px rgba(6,51,27,.11);border-color:#97cb8f}
.activity-media{display:block;aspect-ratio:1.54;position:relative;overflow:hidden;background:#bad9bc}
.activity-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(1,35,19,.46),transparent);pointer-events:none}
.activity-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.activity-card:hover .activity-media img{transform:scale(1.05)}
.activity-card:nth-child(2) .activity-media img{object-position:35% center}
.activity-photo-note{position:absolute;bottom:14px;left:18px;z-index:2;font-size:8px;letter-spacing:1.25px;color:#fff;font-weight:800}
.activity-card-content{padding:24px 24px 27px;display:flex;flex-direction:column;flex:1}
.activity-category{font-size:9px;font-weight:850;letter-spacing:1.25px;color:#267c32;text-transform:uppercase}
.activity-card-content h3{font-size:clamp(21px,1.95vw,29px);letter-spacing:-.9px;line-height:1.18;font-weight:750;margin:16px 0 12px}
.activity-card-content h3 a:hover{color:#227d36}
.activity-card-content p{font-size:12px;line-height:1.8;color:#59715f;margin:0 0 23px;flex:1}
.activity-read{display:flex;align-items:center;gap:10px;border-top:1px solid #d8ead4;padding-top:16px;font-size:10px;letter-spacing:.5px;font-weight:800;color:#145b2b}
.activity-read svg{width:16px;height:16px;transition:transform .24s ease}
.activity-read:hover svg{transform:translateX(4px)}

/* Kegiatan cards in berita.html — keep original editorial grid and filter behavior */
.story-card-activity .story-image-photo{background:#103d25;position:relative;overflow:hidden}
.story-card-activity .story-image-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;filter:brightness(.92);transition:transform .6s ease}
.story-card-activity:hover .story-image-photo img{transform:scale(1.06)}
.story-card-activity .story-image-label{background:#0b4026aa;padding:8px 10px;color:#fff;border:1px solid #ffffff33;z-index:2}
.story-card-activity .story-image-index{color:#fff;z-index:2;text-shadow:0 2px 15px #082d20}
.story-card-activity .story-image-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#042d1980,transparent);pointer-events:none}
.activity-detail-media{overflow:hidden;background:#063e22}
.activity-detail-media:before,.activity-detail-media:after{display:none!important}
.activity-detail-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;filter:none}
.activity-detail-flag{position:absolute;bottom:24px;left:26px;z-index:2;background:#06371ee8;border:1px solid #b5e4ae88;color:#fff;padding:10px 13px;font-size:10px;letter-spacing:1px;font-weight:800}

@media(max-width:1190px){.hero-slide-copy{width:69%}.hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(58px,7vw,87px)}.activity-card-content{padding:19px 18px 23px}.activity-grid{gap:15px}}
@media(max-width:960px){.hero-slides{height:600px}.hero-slide-copy{width:78%}.hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(55px,8vw,79px);letter-spacing:-3.5px}.hero-slide-copy h1 em,.hero-slide-copy h2 em{letter-spacing:-3px}.hero-slide-shade{background:linear-gradient(90deg,#062c1ff2 0%,#062c1fbd 47%,#073e2680 100%),linear-gradient(0deg,#052a1e55,transparent)}.activity-heading .heading-aside{width:250px}.activity-card-content h3{font-size:22px}.activity-grid{gap:12px}}
@media(max-width:700px){#beranda.hero-carousel{min-height:0}.hero-slides{height:clamp(605px,164vw,730px)}.hero-slide-img{object-position:center;filter:brightness(.75)}.hero-slide[data-hero-slide="1"] .hero-slide-img{object-position:34% center}.hero-slide[data-hero-slide="2"] .hero-slide-img{object-position:58% center}.hero-slide-shade{background:linear-gradient(0deg,#042e1ef2 0%,#042e1edc 35%,#052b1e79 100%)}.hero-slide-container{align-items:end}.hero-slide-copy{width:100%;padding:0 0 115px}.hero-slide-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:clamp(48px,11.8vw,72px);line-height:1.07;letter-spacing:-2.9px;margin:20px 0 17px}.hero-slide-copy h1 em,.hero-slide-copy h2 em{letter-spacing:-2.4px}.hero-slide-copy .hero-subtitle{font-size:12px;line-height:1.75;max-width:390px;margin-bottom:23px}.hero-illustration-label{font-size:7px;line-height:1.5;letter-spacing:.5px}.hero-slide-copy .hero-slide-cta{margin-bottom:14px}.hero-carousel-controls{bottom:26px}.hero-arrow{height:44px;width:44px}.hero-dot{min-width:23px;height:38px}.hero-dot span{width:20px}.hero-dot.is-active span{width:31px}.hero-counter{font-size:9px;letter-spacing:1px;margin-left:4px}.activity-section{padding-top:80px;padding-bottom:85px}.activity-heading{display:block;margin-bottom:16px}.activity-heading .heading-aside{width:100%;margin-top:20px}.activity-heading .heading-aside p{max-width:470px;margin-bottom:12px}.activity-heading h2{font-size:clamp(43px,11vw,65px)}.activity-disclaimer{font-size:10px;margin-bottom:23px}.activity-grid{grid-template-columns:1fr;gap:22px}.activity-media{aspect-ratio:1.58}.activity-card-content{padding:22px 23px 24px}.activity-card-content h3{font-size:25px}.activity-card-content p{font-size:12px}.activity-detail-flag{bottom:14px;left:13px;right:13px;width:max-content;max-width:calc(100% - 26px);font-size:8px;letter-spacing:.4px}}
@media(max-width:390px){.hero-slides{height:610px}.hero-slide-copy h1,.hero-slide-copy h2{font-size:46px;letter-spacing:-2.5px}.hero-slide-copy h1 em,.hero-slide-copy h2 em{letter-spacing:-2px}.hero-slide-copy .hero-subtitle{font-size:11px}.hero-slide-copy .hero-slide-cta{min-width:0}.hero-arrow{height:40px;width:40px}.hero-counter{display:none}.activity-heading h2{font-size:46px}.activity-card-content h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide-img,.activity-card,.activity-media img,.story-card-activity .story-image-photo img{animation:none!important;transition:none!important;transform:none!important}}