:root{
  --aradolo-surface-2:linear-gradient(180deg, rgba(124,58,237,.08), rgba(255,255,255,0));
  --aradolo-outline:1px solid rgba(124,58,237,.14);
}

.site-utility-bar{
  background:linear-gradient(90deg, rgba(124,58,237,.96), rgba(99,65,219,.96));
  color:#fff;
  font-size:.92rem;
}

.site-utility-bar a{
  color:#fff;
}

.site-utility-bar__inner{
  width:var(--aradolo-container);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.7rem 0;
}

.site-utility-bar__meta,
.site-utility-bar__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.9rem;
}

.site-utility-bar__actions .button{
  box-shadow:none;
  padding:.65rem 1rem;
}

.site-utility-bar__actions .button.button--ghost{
  color:#fff;
  border-color:rgba(255,255,255,.28);
}

.site-header__cta{
  display:none;
}

.hero--v3{
  position:relative;
  overflow:hidden;
  min-height:min(100vh, 920px);
  display:flex;
  align-items:stretch;
}

.hero--v3::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(17,24,39,.78) 10%, rgba(17,24,39,.46) 48%, rgba(17,24,39,.28) 100%);
}

.hero--v3 .hero__inner{
  position:relative;
  z-index:2;
  width:var(--aradolo-container);
  margin-inline:auto;
  padding:clamp(6rem, 10vw, 9rem) 0 4rem;
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);
  gap:2rem;
  align-items:end;
}

.hero-panel,
.hero-highlight-card,
.metric-card,
.section-card,
.project-card,
.document-card,
.archive-summary-card,
.detail-card,
.cta-banner,
.archive-toolbar,
.filter-pills{
  backdrop-filter:saturate(150%) blur(18px);
}

.hero-panel{
  color:#fff;
  max-width:760px;
}

.hero-panel h1,
.hero-panel h2,
.hero-highlight-card h2,
.hero-highlight-card h3{
  color:#fff;
}

.hero-panel__kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.55rem .9rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  margin-bottom:1rem;
  font-weight:700;
  letter-spacing:.01em;
}

.hero-panel__intro{
  font-size:clamp(1.05rem, 1.4vw, 1.3rem);
  max-width:50ch;
  color:rgba(255,255,255,.92);
}

.hero-panel__trust{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin:1.5rem 0 0;
}

.hero-trust-pill,
.filter-pill,
.term-pill,
.project-card__status,
.document-card__tag,
.detail-pill,
.archive-switcher__link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border-radius:999px;
  padding:.5rem .8rem;
  font-size:.88rem;
  font-weight:700;
  line-height:1;
}

.hero-trust-pill{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
}

.hero-panel__actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1.75rem;
}

.hero-panel__metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  margin-top:2rem;
}

.metric-card{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:1.25rem;
  padding:1rem;
  color:#fff;
  min-height:120px;
  box-shadow:0 18px 42px rgba(17,24,39,.18);
}

.metric-card__value{
  display:block;
  font-size:clamp(1.8rem, 3vw, 2.7rem);
  font-weight:800;
  line-height:1;
  margin-bottom:.5rem;
}

.metric-card__label{
  display:block;
  color:rgba(255,255,255,.9);
}

.hero-highlight-card{
  background:rgba(17,24,39,.52);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  padding:1.5rem;
  border-radius:1.5rem;
  box-shadow:0 28px 70px rgba(17,24,39,.24);
}

.hero-highlight-card p,
.hero-highlight-card li,
.hero-highlight-card a{
  color:#fff;
}

.hero-highlight-card__meta,
.detail-list,
.document-card__meta,
.project-card__meta{
  display:grid;
  gap:.7rem;
}

.hero-highlight-card__meta span,
.detail-list__item{
  display:flex;
  gap:.65rem;
  align-items:flex-start;
}

.countdown-chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
  background:rgba(251,191,36,.18);
  color:#fef3c7;
  border:1px solid rgba(251,191,36,.34);
  padding:.55rem .85rem;
  border-radius:999px;
  font-weight:700;
}

.countdown-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.75rem;
  margin:1rem 0 1.25rem;
}

.countdown-item{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:1rem;
  padding:.9rem .75rem;
  text-align:center;
}

.countdown-item strong{
  display:block;
  font-size:1.4rem;
  line-height:1;
}

.countdown-item span{
  display:block;
  margin-top:.35rem;
  color:rgba(255,255,255,.82);
  font-size:.85rem;
}

.section--split .container,
.section--documents .container,
.section--projects .container{
  display:grid;
  gap:1.6rem;
}

.section-grid-2{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr);
  gap:1.5rem;
}

.section-card{
  background:#fff;
  border-radius:1.5rem;
  box-shadow:var(--aradolo-shadow-sm);
  border:var(--aradolo-outline);
  padding:1.5rem;
}

.value-list{
  display:grid;
  gap:1rem;
}

.value-list__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  padding:1rem 0;
  border-top:1px solid rgba(24,24,27,.08);
}

.value-list__item:first-child{
  border-top:0;
  padding-top:0;
}

.value-list__icon{
  width:3rem;
  height:3rem;
  border-radius:1rem;
  display:grid;
  place-items:center;
  background:var(--aradolo-gradient-main);
  color:#fff;
}

.value-list__icon svg{
  width:1.5rem;
  height:1.5rem;
  fill:currentColor;
}

.section-aside{
  display:grid;
  gap:1rem;
}

.section-aside__card{
  background:var(--aradolo-surface-2);
  border-radius:1.5rem;
  border:var(--aradolo-outline);
  padding:1.35rem;
}

.section-aside__card ul{
  margin:0;
  padding-left:1.15rem;
}

.grid--cards,
.document-grid,
.project-grid,
.member-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.25rem;
}

.project-card,
.document-card{
  position:relative;
  border-radius:1.5rem;
  border:var(--aradolo-outline);
  background:#fff;
  box-shadow:var(--aradolo-shadow-sm);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.project-card__media,
.document-card__media{
  aspect-ratio:16/10;
  background:var(--aradolo-gradient-main);
  overflow:hidden;
}

.project-card__media img,
.document-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.project-card__body,
.document-card__body{
  display:grid;
  gap:.9rem;
  padding:1.35rem;
  height:100%;
}

.project-card__status,
.document-card__tag,
.filter-pill,
.archive-switcher__link{
  width:max-content;
  background:rgba(124,58,237,.08);
  color:var(--aradolo-primary);
}

.project-card__impact,
.document-card__date{
  color:var(--aradolo-gray-700);
  font-weight:600;
}

.archive-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.2rem;
  border-radius:1.4rem;
  border:var(--aradolo-outline);
  background:#fff;
  box-shadow:var(--aradolo-shadow-sm);
  margin-bottom:1.2rem;
}

.archive-switcher{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.archive-switcher__link.is-active{
  background:var(--aradolo-gradient-main);
  color:#fff;
}

.filter-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin:.25rem 0 1rem;
}

.filter-pill--reset{
  background:rgba(26,26,26,.06);
  color:var(--aradolo-dark);
}

.archive-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:1.5rem;
  align-items:start;
}

.archive-summary-card,
.detail-card,
.cta-banner{
  background:#fff;
  border-radius:1.5rem;
  border:var(--aradolo-outline);
  box-shadow:var(--aradolo-shadow-sm);
  padding:1.35rem;
}

.archive-summary-card__list{
  display:grid;
  gap:.85rem;
}

.archive-summary-card__item strong{
  display:block;
  font-size:1.3rem;
}

.event-calendar{
  border-radius:1.5rem;
  background:#fff;
  border:var(--aradolo-outline);
  box-shadow:var(--aradolo-shadow-sm);
  padding:1.25rem;
}

.event-calendar__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.event-calendar__nav{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.event-calendar__grid{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:.75rem;
}

.event-calendar__day-name{
  font-weight:800;
  color:var(--aradolo-gray-700);
  padding:.4rem .25rem;
}

.event-calendar__cell{
  min-height:140px;
  border-radius:1rem;
  background:var(--aradolo-gray-50);
  border:1px solid rgba(24,24,27,.08);
  padding:.75rem;
}

.event-calendar__cell.has-events{
  background:rgba(124,58,237,.06);
  border-color:rgba(124,58,237,.12);
}

.event-calendar__cell.is-today{
  outline:2px solid rgba(251,191,36,.7);
}

.event-calendar__cell--empty{
  background:transparent;
  border-style:dashed;
}

.event-calendar__date{
  font-weight:800;
  margin-bottom:.55rem;
}

.event-calendar__events{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.55rem;
}

.event-calendar__events a{
  display:block;
  background:#fff;
  border-radius:.85rem;
  padding:.55rem .65rem;
  box-shadow:0 8px 20px rgba(17,24,39,.06);
}

.event-calendar__event-title{
  display:block;
  font-weight:700;
  color:var(--aradolo-dark);
}

.event-calendar__event-time,
.event-calendar__more{
  display:block;
  margin-top:.25rem;
  color:var(--aradolo-gray-700);
  font-size:.85rem;
}

.event-feature{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);
  gap:1.5rem;
  align-items:stretch;
}

.event-feature__media{
  min-height:320px;
  border-radius:1.5rem;
  overflow:hidden;
  background:var(--aradolo-gradient-accent);
}

.event-feature__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.event-feature__content{
  display:grid;
  gap:1rem;
  background:#fff;
  border-radius:1.5rem;
  border:var(--aradolo-outline);
  box-shadow:var(--aradolo-shadow-sm);
  padding:1.5rem;
}

.event-feature__actions,
.detail-actions,
.cta-banner__actions,
.hero-highlight-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
}

.entry-layout--event-v3,
.entry-layout--project-v3,
.entry-layout--member-v3{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:1.5rem;
  align-items:start;
}

.entry-card__hero--feature{
  position:relative;
  border-radius:1.6rem;
  overflow:hidden;
  margin-bottom:1.5rem;
  aspect-ratio:16/9;
  background:var(--aradolo-gradient-accent);
}

.entry-card__hero--feature img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.entry-meta-band{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:1rem;
}

.detail-card__title{
  margin-bottom:1rem;
}

.detail-list{
  margin:0;
}

.detail-list__item + .detail-list__item{
  padding-top:.8rem;
  border-top:1px solid rgba(24,24,27,.08);
}

.detail-list__label{
  min-width:110px;
  color:var(--aradolo-gray-700);
  font-weight:700;
}

.copy-button{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1rem;
  border-radius:999px;
  border:1px solid rgba(24,24,27,.08);
  background:#fff;
}

.copy-button.is-copied{
  border-color:rgba(34,197,94,.38);
  color:#166534;
}

.cta-banner{
  display:grid;
  gap:1rem;
  background:var(--aradolo-gradient-main);
  color:#fff;
}

.cta-banner h2,
.cta-banner p,
.cta-banner a{
  color:#fff;
}

.archive-empty,
.note-card{
  padding:1.4rem;
  border-radius:1.2rem;
  background:#fff;
  border:var(--aradolo-outline);
  box-shadow:var(--aradolo-shadow-sm);
}

.document-list{
  display:grid;
  gap:1rem;
}

.document-list .document-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
}

.document-list .document-card__body{
  padding:1.15rem 1.35rem;
}

.detail-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.detail-pill{
  background:rgba(124,58,237,.08);
  color:var(--aradolo-primary);
}

.footer-spotlight{
  display:grid;
  gap:.8rem;
  margin-top:.75rem;
}

.footer-spotlight a{
  font-weight:700;
}

@media (max-width: 1140px){
  .hero--v3 .hero__inner,
  .entry-layout--event-v3,
  .entry-layout--project-v3,
  .entry-layout--member-v3,
  .archive-layout,
  .section-grid-2,
  .event-feature{
    grid-template-columns:1fr;
  }

  .hero-panel__metrics,
  .grid--cards,
  .document-grid,
  .project-grid,
  .member-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px){
  .site-utility-bar__inner,
  .archive-toolbar,
  .event-calendar__header{
    flex-direction:column;
    align-items:flex-start;
  }

  .hero-panel__metrics,
  .grid--cards,
  .document-grid,
  .project-grid,
  .member-grid,
  .countdown-grid{
    grid-template-columns:1fr 1fr;
  }

  .event-calendar__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .event-calendar__day-name{
    display:none;
  }
}

@media (max-width: 640px){
  .hero--v3 .hero__inner{
    padding-top:5rem;
  }

  .hero-panel__actions,
  .hero-highlight-card__actions,
  .detail-actions,
  .cta-banner__actions{
    flex-direction:column;
    align-items:stretch;
  }

  .hero-panel__metrics,
  .grid--cards,
  .document-grid,
  .project-grid,
  .member-grid,
  .countdown-grid,
  .event-calendar__grid{
    grid-template-columns:1fr;
  }

  .event-calendar__cell{
    min-height:unset;
  }

  .document-list .document-card{
    grid-template-columns:1fr;
  }
}
