.community-home { color:var(--ui-color-text); }
.home-shell { max-width:1280px; margin:auto; padding:40px clamp(20px,4vw,64px) 48px; }
.home-shell a { text-decoration:none; }
.home-hero { display:grid; grid-template-columns:1.05fr 1fr; border:1px solid var(--ui-color-border); border-radius:24px; overflow:hidden; background:var(--ui-color-surface); min-height:410px; }
.hero-copy { padding:clamp(28px,4vw,52px); align-self:center; }
.home-eyebrow { color:var(--ui-color-green); text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; font-weight:700; margin:0 0 14px; }
.home-shell h1 { font-family:var(--ui-font-heading); font-size:clamp(2.5rem,4.2vw,4.25rem); line-height:1.04; letter-spacing:-.045em; margin:0 0 24px; }
.hero-intro { color:var(--ui-color-copy); font-size:1.125rem; line-height:1.65; max-width:35ch; margin:0 0 26px; }
.home-actions { display:flex; gap:12px; flex-wrap:wrap; }
.home-button { font-family:var(--ui-font-body); display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:46px; padding:10px 20px; border-radius:var(--ui-radius-control); font-weight:650; border:1px solid var(--ui-color-border); color:var(--ui-color-text); }
.home-button.primary { background:var(--ui-color-green); color:var(--ui-color-on-accent); border-color:transparent; }
.home-button.primary:hover { background:var(--ui-color-green-hover); }
.home-button.secondary:hover { background:var(--ui-color-raised); }
.hero-note { color:var(--ui-color-muted); font-size:.8rem; margin:22px 0 0; }
.hero-art { position:relative; min-height:320px; background:linear-gradient(0deg,rgba(16,22,19,.95),transparent 60%),url('https://gudnak-artwork.nyc3.cdn.digitaloceanspaces.com/artwork/cards/1650/MVXMF3HEMPL-P2.jpg') center 12%/auto 155% no-repeat; }
.art-caption { position:absolute; bottom:24px; left:24px; right:24px; font-size:.8rem; color:#fff; letter-spacing:.035em; }
.home-section { margin-top:56px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.section-heading .home-eyebrow { margin-bottom:8px; }
.home-shell h2 { font-family:var(--ui-font-heading); font-size:clamp(1.8rem,2.5vw,2.5rem); line-height:1.15; letter-spacing:-.025em; margin:0; }
.home-text-link { color:var(--ui-color-green); font-weight:650; font-size:.95rem; display:inline-block; padding:8px 0; }
.home-text-link:hover { color:var(--ui-color-green-hover); text-decoration:underline; }
.store-spotlight { display:grid; grid-template-columns:minmax(180px,.75fr) minmax(0,1.4fr); border:1px solid var(--ui-color-border); border-radius:20px; overflow:hidden; background:var(--ui-color-surface); }
.store-visual { background:var(--ui-color-raised); min-height:270px; position:relative; display:grid; place-items:center; padding:24px; }
.store-visual img { width:100%; max-height:260px; object-fit:contain; border-radius:12px; }
.store-monogram { font-family:var(--ui-font-heading); font-size:5rem; color:var(--ui-color-green); opacity:.85; }
.store-copy { padding:32px; min-width:0; }
.store-kicker { display:flex; gap:12px; flex-wrap:wrap; align-items:center; color:var(--ui-color-green); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px; }
.founding-label { color:var(--ui-color-muted); border:1px solid var(--ui-color-border); border-radius:5px; padding:3px 7px; font-size:.65rem; }
.store-copy h3 { font-size:clamp(1.65rem,2.5vw,2.2rem); line-height:1.15; margin:0 0 10px; font-family:var(--ui-font-heading); overflow-wrap:anywhere; }
.store-location { margin:0 0 16px; color:var(--ui-color-muted); }
.store-description { color:var(--ui-color-copy); line-height:1.6; margin:0 0 22px; max-width:62ch; }
.rotation-note { color:var(--ui-color-muted); font-size:.8rem; margin:12px 0 0; }
.home-events { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.home-event { display:flex; flex-direction:column; padding:24px; border:1px solid var(--ui-color-border); border-radius:16px; background:var(--ui-color-surface); min-width:0; color:var(--ui-color-text); transition:background .15s; }
.home-event:hover { background:var(--ui-color-raised); }
.event-date { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.date-tile { background:var(--ui-color-green-soft); color:var(--ui-color-green); width:56px; min-height:64px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10px; flex-shrink:0; }
.date-month { font-size:.65rem; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.date-day { font-size:1.6rem; line-height:1.15; font-weight:700; }
.event-time { color:var(--ui-color-muted); font-size:.85rem; line-height:1.4; }
.event-kind { color:var(--ui-color-green); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; margin:0 0 8px; }
.home-event h3 { font-family:var(--ui-font-heading); font-size:1.3rem; line-height:1.3; margin:0 0 12px; overflow-wrap:anywhere; }
.event-location { color:var(--ui-color-muted); line-height:1.4; font-size:.9rem; margin:0 0 24px; overflow-wrap:anywhere; }
.event-bottom { display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding-top:16px; border-top:1px solid var(--ui-color-border); color:var(--ui-color-green); font-size:.85rem; }
.event-going { color:var(--ui-color-muted); }
.home-explore { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.explore-card { padding:24px 0; border-top:1px solid var(--ui-color-border); color:var(--ui-color-text); }
.explore-number { text-transform:uppercase; letter-spacing:.1em; color:var(--ui-color-muted); font-size:.7rem; }
.explore-card h3 { font-family:var(--ui-font-heading); font-size:1.45rem; line-height:1.2; margin:18px 0 12px; }
.explore-card p { color:var(--ui-color-muted); line-height:1.6; margin:0 0 16px; }
.home-footer { border-top:1px solid var(--ui-color-border); margin-top:40px; padding-top:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--ui-color-muted); }
.home-status { padding:28px; color:var(--ui-color-muted); grid-column:1/-1; margin:0; }
.home-shell a:focus-visible { outline:3px solid var(--ui-color-green); outline-offset:5px; }
@media(max-width:1100px) { .home-hero { grid-template-columns:1.2fr .8fr; } .home-events {grid-template-columns:repeat(2,minmax(0,1fr));} .hero-copy {padding:28px;} }
@media(max-width:768px) { .home-shell {padding-top:80px;} .home-hero {grid-template-columns:1fr;} .hero-art {min-height:240px; max-height:240px; background-position:center 10%; background-size:cover;} .home-shell h1 {font-size:3rem;} .hero-intro {max-width:40ch;} .home-section {margin-top:40px;} .section-heading {align-items:start; flex-direction:column; gap:8px;} .store-spotlight {grid-template-columns:1fr;} .store-visual {min-height:190px; max-height:230px;} .store-visual img {max-height:185px;} .store-copy {padding:24px;} .home-events,.home-explore {grid-template-columns:1fr;} .home-explore {gap:0;} .home-footer {align-items:start; flex-direction:column; gap:0;} }
@media(prefers-reduced-motion:reduce) { .home-event {transition:none;} }