.page-home{--home-gold-soft:rgba(201,162,39,.18);--home-deep-gradient:linear-gradient(135deg,#0D1B2A 0%,#122940 100%);--home-card-bg:#fff;background:var(--color-bg)}
.page-home .home-bento{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding-block:var(--space-6);max-width:var(--container);margin-inline:auto;padding-inline:var(--space-5)}
.page-home .home-welcome{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;padding:var(--space-7);border-radius:var(--radius-lg);background:var(--home-deep-gradient);color:var(--color-cream);box-shadow:var(--shadow-card)}
.page-home .home-welcome::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(201,162,39,.28);border-radius:inherit;z-index:2}
.page-home .home-welcome__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16}
.page-home .home-welcome__ornament{position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;color:var(--color-gold);opacity:.5;pointer-events:none}
.page-home .home-welcome__inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}
.page-home .home-welcome__kicker{font-size:.8125rem;font-weight:600;letter-spacing:.28em;color:var(--color-gold-soft);text-transform:uppercase;margin-bottom:var(--space-4);border-left:2px solid var(--color-gold);padding-left:var(--space-3)}
.page-home .home-welcome h1{font-family:var(--font-heading);font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.12;margin:0 0 var(--space-5);color:var(--color-cream);letter-spacing:.02em}
.page-home .home-welcome__text{font-size:var(--font-body);font-size:1rem;line-height:1.8;color:rgba(245,240,230,.84);max-width:30em;margin-bottom:var(--space-6)}
.page-home .home-welcome__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.page-home .home-welcome .btn--gold{background:var(--color-gold);color:var(--color-bg-deep);font-weight:700;padding:.875rem 1.75rem;border-radius:999px;text-decoration:none;transition:background var(--transition-base),transform var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);border:none;cursor:pointer}
.page-home .home-welcome .btn--gold:hover{background:var(--color-gold-soft);transform:translateY(-2px)}
.page-home .home-welcome .home-welcome__ghost{background:transparent;border:1px solid rgba(245,240,230,.45);color:var(--color-cream);font-weight:600;padding:.875rem 1.75rem;border-radius:999px;text-decoration:none;transition:border-color var(--transition-base),background var(--transition-base);display:inline-flex;align-items:center}
.page-home .home-welcome .home-welcome__ghost:hover{border-color:var(--color-gold);background:rgba(201,162,39,.12)}
.page-home .home-welcome__meta{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(245,240,230,.14)}
.page-home .home-welcome__meta .tag--green{background:rgba(107,127,92,.18);color:#A8C39A;border:none;padding:.35rem .75rem;font-size:.75rem}
.page-home .home-welcome__meta-text{font-size:.8125rem;color:rgba(245,240,230,.66)}
.page-home .home-index{background:var(--home-card-bg);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid rgba(13,27,42,.06);box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.page-home .home-index__head{margin-bottom:var(--space-5)}
.page-home .home-index h2,.page-home .home-apple h2,.page-home .home-activities h2,.page-home .home-stats h2,.page-home .home-manifesto h2{font-family:var(--font-heading);font-weight:bold;color:var(--color-ink-strong);margin:0 0 var(--space-1);font-size:1.375rem}
.page-home .home-index__hint,.page-home .home-apple__hint,.page-home .home-activities__hint{font-size:.8125rem;color:var(--color-ink);opacity:.72;margin:0}
.page-home .home-index__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);flex:1}
.page-home .home-index__item{display:flex;flex-direction:column;justify-content:center;padding:var(--space-3) var(--space-4);border:1px solid rgba(13,27,42,.07);border-radius:var(--radius-md);text-decoration:none;color:var(--color-ink);transition:all var(--transition-base);background:rgba(245,240,230,.35)}
.page-home .home-index__item:hover{border-color:var(--color-gold);box-shadow:var(--shadow-card-hover);transform:translateY(-2px);background:rgba(201,162,39,.06)}
.page-home .home-index__num{font-family:var(--font-heading);font-size:.8125rem;font-weight:bold;color:var(--color-clay);letter-spacing:.08em;margin-bottom:var(--space-1)}
.page-home .home-index__name{font-family:var(--font-heading);font-size:1.0625rem;font-weight:bold;color:var(--color-ink-strong);margin-bottom:var(--space-1)}
.page-home .home-index__desc{font-size:.75rem;color:var(--color-ink);opacity:.7}
.page-home .home-apple{background:var(--home-deep-gradient);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--color-cream);box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.page-home .home-apple__head{margin-bottom:var(--space-4)}
.page-home .home-apple h2{color:var(--color-cream)}
.page-home .home-apple__hint{color:rgba(245,240,230,.6)}
.page-home .home-apple__body{display:flex;flex-direction:column;gap:var(--space-4);flex:1}
.page-home .home-apple__img{display:block;width:100%;max-width:180px;max-height:180px;object-fit:cover;border-radius:var(--radius-md);align-self:center;box-shadow:0 8px 32px rgba(0,0,0,.3)}
.page-home .apple-tabs{display:flex;flex-direction:column;gap:var(--space-2)}
.page-home .apple-tab{background:rgba(245,240,230,.05);border:1px solid rgba(245,240,230,.1);border-radius:var(--radius-sm);padding:0;overflow:hidden}
.page-home .apple-tab summary{cursor:pointer;list-style:none;padding:var(--space-3) var(--space-4);font-weight:600;font-size:.875rem;color:var(--color-gold-soft);display:flex;align-items:center;gap:var(--space-2);position:relative}
.page-home .apple-tab summary::-webkit-details-marker{display:none}
.page-home .apple-tab summary::before{content:"›";font-size:1.125rem;font-weight:400;transition:transform var(--transition-base);color:var(--color-purple)}
.page-home .apple-tab[open] summary::before{transform:rotate(90deg)}
.page-home .apple-tab summary:hover{background:rgba(201,162,39,.08)}
.page-home .apple-tab__desc{padding:0 var(--space-4) var(--space-3);margin:0;font-size:.8125rem;line-height:1.7;color:rgba(245,240,230,.76)}
.page-home .home-apple__cta{background:var(--color-bg-deep-alt);border:1px solid rgba(201,162,39,.4);color:var(--color-gold-soft);font-weight:600;padding:.75rem 1.5rem;border-radius:999px;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;margin-top:var(--space-4)}
.page-home .home-apple__cta:hover{background:rgba(201,162,39,.12);border-color:var(--color-gold)}
.page-home .home-activities{background:var(--home-card-bg);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid rgba(13,27,42,.06);box-shadow:var(--shadow-card)}
.page-home .home-activities__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}
.page-home .home-activities__more{font-size:.8125rem;font-weight:600;color:var(--color-purple);text-decoration:none;white-space:nowrap;transition:color var(--transition-base)}
.page-home .home-activities__more:hover{color:var(--color-gold)}
.page-home .filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}
.page-home .filter-btn{background:transparent;border:1px solid rgba(13,27,42,.16);border-radius:999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;color:var(--color-ink);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-body)}
.page-home .filter-btn:hover{border-color:var(--color-gold);color:var(--color-clay)}
.page-home .filter-btn[data-active="true"]{background:var(--color-bg-deep);border-color:var(--color-bg-deep);color:var(--color-gold-soft)}
.page-home .activity-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-2)}
.page-home .activity-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:rgba(245,240,230,.28);border-bottom:1px solid rgba(13,27,42,.05);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}
.page-home .activity-list__item:hover{background:rgba(201,162,39,.06);border-color:rgba(201,162,39,.2);transform:translateX(2px)}
.page-home .activity-list__num{font-family:var(--font-heading);font-size:.8125rem;font-weight:bold;color:var(--color-clay);min-width:1.5rem}
.page-home .activity-list__name{font-family:var(--font-heading);font-size:.9375rem;font-weight:bold;color:var(--color-ink-strong);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-home .activity-list__item .tag--gold,.page-home .activity-list__item .tag--purple,.page-home .activity-list__item .tag--green{padding:.25rem .5rem;font-size:.6875rem}
.page-home .activity-list__status{font-size:.75rem;color:var(--color-green);white-space:nowrap}
.page-home .home-stats{background:var(--color-bg-deep);padding:var(--space-7) var(--space-5);margin-top:var(--space-2)}
.page-home .home-stats .container{max-width:var(--container);margin-inline:auto}
.page-home .home-stats__head{margin-bottom:var(--space-6);text-align:center}
.page-home .home-stats h2{color:var(--color-cream)}
.page-home .home-stats__intro{font-size:.875rem;color:rgba(245,240,230,.6);margin:var(--space-2) 0 0}
.page-home .home-stats__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.page-home .home-stat{background:rgba(245,240,230,.06);border:1px solid rgba(245,240,230,.1);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;align-items:center;min-height:130px;transition:background var(--transition-base)}
.page-home .home-stat:hover{background:rgba(245,240,230,.1)}
.page-home .home-stat--featured{background:linear-gradient(135deg,rgba(201,162,39,.24),rgba(201,162,39,.08));border-color:rgba(201,162,39,.4)}
.page-home .home-stat__number{font-family:var(--font-heading);font-size:1.75rem;font-weight:bold;color:var(--color-gold-soft);line-height:1.1}
.page-home .home-stat--featured .home-stat__number{color:var(--color-gold)}
.page-home .home-stat__label{font-size:.8125rem;color:rgba(245,240,230,.68);letter-spacing:.04em}
.page-home .home-manifesto{position:relative;overflow:hidden;background:var(--home-deep-gradient);padding:var(--space-8) var(--space-5);color:var(--color-cream)}
.page-home .home-manifesto__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18}
.page-home .home-manifesto__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,42,.4),rgba(13,27,42,.85))}
.page-home .home-manifesto .container{position:relative;z-index:2;text-align:center}
.page-home .home-manifesto__kicker{font-size:.8125rem;font-weight:600;letter-spacing:.3em;color:var(--color-gold);text-transform:uppercase;margin-bottom:var(--space-4)}
.page-home .home-manifesto h2{color:var(--color-cream);font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:var(--space-5)}
.page-home .home-manifesto__text{font-size:1rem;line-height:2;color:rgba(245,240,230,.82);max-width:42em;margin:0 auto var(--space-6)}
.page-home .home-manifesto__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}
.page-home .home-manifesto .btn--gold{background:var(--color-gold);color:var(--color-bg-deep);font-weight:700;padding:.875rem 1.75rem;border-radius:999px;text-decoration:none;transition:background var(--transition-base);display:inline-flex;align-items:center;border:none}
.page-home .home-manifesto .btn--gold:hover{background:var(--color-gold-soft)}
.page-home .home-manifesto .home-manifesto__ghost{background:transparent;border:1px solid rgba(245,240,230,.45);color:var(--color-cream);font-weight:600;padding:.875rem 1.75rem;border-radius:999px;text-decoration:none;transition:border-color var(--transition-base),background var(--transition-base)}
.page-home .home-manifesto .home-manifesto__ghost:hover{border-color:var(--color-gold);background:rgba(201,162,39,.12)}
@media (min-width:480px){
.page-home .home-index__list{grid-template-columns:repeat(2,1fr)}
.page-home .home-stats__grid{grid-template-columns:repeat(2,1fr)}
.page-home .activity-list{grid-template-columns:1fr}
}
@media (min-width:768px){
.page-home .home-bento{grid-template-columns:repeat(12,1fr);gap:var(--space-5)}
.page-home .home-welcome{grid-column:span 7;min-height:400px}
.page-home .home-index{grid-column:span 5}
.page-home .home-apple{grid-column:span 5}
.page-home .home-activities{grid-column:span 7}
.page-home .activity-list{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}
.page-home .home-stats__grid{grid-template-columns:repeat(3,1fr)}
.page-home .home-apple__body{flex-direction:row;gap:var(--space-5);align-items:flex-start}
.page-home .home-apple__img{max-width:130px;max-height:130px}
.page-home .home-welcome{min-height:440px}
}
@media (min-width:1024px){
.page-home .home-stats__grid{grid-template-columns:repeat(6,1fr)}
.page-home .home-stat{min-height:150px}
.page-home .home-apple__body{flex-direction:column}
.page-home .home-apple__img{max-width:180px;max-height:180px}
.page-home .home-activities__head{flex-wrap:nowrap}
}
@media (prefers-reduced-motion:reduce){
.page-home *,.page-home *::before,.page-home *::after{transition:none!important}
}