/* v3 — Market Day Poster. Loud terracotta + leaf-green, oversized type. */
:root{
  --terra:#d2502a;
  --terra-d:#b03d1c;
  --leaf:#2f6b3c;
  --leaf-d:#214f2c;
  --gold:#f2b53b;
  --cream:#fbf3e2;
  --ink:#1c140e;
  --wrap:1160px;
}
*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden}
body{font-family:"Archivo",-apple-system,system-ui,"PingFang SC",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.display{font-family:"Anton",Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em}

.x9anim .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.x9anim .reveal.in{opacity:1;transform:none}
.x9anim .reveal.d1{transition-delay:.08s}.x9anim .reveal.d2{transition-delay:.16s}.x9anim .reveal.d3{transition-delay:.24s}

/* top nav */
.nav{position:sticky;top:0;z-index:50;background:var(--leaf-d);color:var(--cream)}
.nav-in{max-width:var(--wrap);margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.nav .logo{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.02em;text-decoration:none;color:var(--cream)}
.nav .logo b{color:var(--gold)}
.nav .links{display:flex;gap:22px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.nav .links a{text-decoration:none;color:var(--cream);opacity:.85}
.nav .links a:hover{opacity:1;color:var(--gold)}
.nav .call{background:var(--terra);color:#fff;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;padding:8px 15px;border-radius:6px}
@media(max-width:760px){.nav .links{display:none}}

/* marquee strip */
.marquee{background:var(--gold);color:var(--leaf-d);border-bottom:4px solid var(--ink);overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-block;padding:9px 0;font-family:"Anton",sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.08em;animation:slide 26s linear infinite}
.marquee-track span{padding:0 22px}
.marquee-track span::after{content:"●";color:var(--terra);margin-left:22px;font-size:11px;vertical-align:middle}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* hero poster */
.hero{position:relative;background:var(--terra);color:var(--cream);overflow:hidden;border-bottom:6px solid var(--ink)}
.hero-grid{max-width:var(--wrap);margin:0 auto;padding:54px 24px 50px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;position:relative;z-index:2}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:24px;padding:40px 24px}}
.hero .kick{font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--gold)}
.hero h1{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(46px,10vw,108px);line-height:.92;letter-spacing:0;margin:14px 0 16px}
.hero h1 .yellow{color:var(--gold)}
.hero h1 .leaf{color:#bfe6a8}
.hero p{font-size:clamp(15px,1.9vw,18px);max-width:46ch;color:#fbe9d6}
.hero .cta-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;padding:14px 24px;border-radius:8px;font-size:14px}
.btn-leaf{background:var(--leaf);color:#fff;border:3px solid var(--ink)}
.btn-leaf:hover{background:var(--leaf-d)}
.btn-cream{background:var(--cream);color:var(--ink);border:3px solid var(--ink)}
.btn-cream:hover{background:#fff}
.hero-photo{position:relative;border:5px solid var(--ink);border-radius:10px;overflow:hidden;aspect-ratio:4/5;box-shadow:12px 12px 0 var(--leaf-d)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
/* animated stamp centerpiece */
.stamp{position:absolute;top:-26px;right:-24px;width:128px;height:128px;border-radius:50%;background:var(--gold);color:var(--leaf-d);border:4px solid var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;z-index:4;animation:spin 16s linear infinite;box-shadow:6px 6px 0 var(--terra-d)}
.stamp span{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:12px;line-height:1.05;letter-spacing:.04em}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:860px){.stamp{width:104px;height:104px;top:-18px;right:10px}}

/* four counters poster grid */
.counters{padding:64px 0;background:var(--cream)}
.head{text-align:center;margin-bottom:40px}
.head .eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--terra)}
.head h2{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(30px,6vw,60px);line-height:.96;margin:10px 0 0;color:var(--leaf-d)}
.head h2 .u{color:var(--terra)}
.poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.poster-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.poster-grid{grid-template-columns:1fr}}
.poster-tile{position:relative;border:4px solid var(--ink);border-radius:12px;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;
  opacity:0;transform:translateY(20px) rotate(-1deg);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.poster-tile.pop{opacity:1;transform:none}
.poster-tile:nth-child(2){transform:translateY(20px) rotate(1deg)}
.poster-tile.pop:nth-child(n){transform:none}
.poster-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.poster-tile:hover img{transform:scale(1.08)}
.poster-tile .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,20,14,0) 35%,rgba(28,20,14,.85) 100%)}
.poster-tile .num{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--leaf-d);font-family:"Anton",sans-serif;font-size:18px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--ink);z-index:3}
.poster-tile .body{position:relative;z-index:2;padding:18px}
.poster-tile h3{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:24px;margin:0 0 6px;letter-spacing:.01em}
.poster-tile p{margin:0;font-size:13px;color:#fbe9d6}

/* big statement band */
.statement{background:var(--leaf-d);color:var(--cream);text-align:center;padding:70px 24px;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink)}
.statement h2{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(30px,7vw,72px);line-height:.94;margin:0 auto;max-width:16ch}
.statement h2 .y{color:var(--gold)}
.statement p{max-width:54ch;margin:20px auto 0;color:#cfe0c8;font-size:16px}

/* produce mosaic */
.mosaic{padding:64px 0;background:var(--cream)}
.m-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:12px}
@media(max-width:820px){.m-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:130px}}
@media(max-width:520px){.m-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}}
.m-grid figure{margin:0;position:relative;border:4px solid var(--ink);border-radius:10px;overflow:hidden}
.m-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.m-grid figure:hover img{transform:scale(1.08)}
.m-grid .big{grid-column:span 3;grid-row:span 2}
.m-grid .tall{grid-row:span 2}
@media(max-width:820px){.m-grid .big{grid-column:span 2}.m-grid .tall{grid-row:span 1}}
@media(max-width:520px){.m-grid .big{grid-column:span 2;grid-row:span 2}}
.m-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 11px;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,transparent,rgba(28,20,14,.82))}
.swap{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);background:var(--gold);padding:3px 7px;border-radius:5px;border:2px solid var(--ink)}

/* visit poster */
.visit{padding:64px 0;background:var(--terra);color:var(--cream);border-top:6px solid var(--ink)}
.v-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}
@media(max-width:760px){.v-grid{grid-template-columns:1fr;gap:22px}}
.visit h2{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(30px,5vw,52px);line-height:.96;margin:0 0 18px}
.visit h2 .y{color:var(--gold)}
.v-rows{background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-radius:12px;padding:8px 20px}
.vr{display:flex;gap:14px;padding:14px 0;border-top:2px solid rgba(28,20,14,.12)}
.vr:first-child{border-top:0}
.vr .k{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--terra-d);min-width:88px;padding-top:2px}
.vr .v{font-size:15px}
.vr .v small{display:block;color:#5b4f44;font-size:12.5px;margin-top:2px}
.v-map{border:4px solid var(--ink);border-radius:12px;overflow:hidden;min-height:300px}
.v-map iframe{width:100%;height:100%;min-height:300px;border:0;display:block}

.foot{background:var(--ink);color:#e6d8c6;padding:30px 0;font-size:13px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.foot a{color:var(--gold)}
.foot .logo{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:18px;color:var(--cream)}
.foot .logo b{color:var(--gold)}