html{scroll-behavior:smooth}
:root{--green:#0e3021;--gold:#b98231;--cream:#f5eddf;--paper:#fff9ef;--text:#1d170f;--muted:#665644}
*{box-sizing:border-box}
body{margin:0;background:#0e3021;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.skip-header{position:fixed;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.visual-page{position:relative;background:#f5eddf}
.visual-page img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block}
.h-about{left:22%;top:35%;width:12%;height:6%}
.h-sponsor{left:36%;top:35%;width:13%;height:6%}
.h-location{left:12%;top:70%;width:25%;height:11%}
.seo-content{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.text-section{background:var(--paper);padding:86px 0}
.text-section.pale{background:var(--cream)}
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}
.label{color:var(--gold);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:12px}
.label.gold{color:#d9ad65}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;margin-top:0}
h1{font-size:54px}
h2{font-size:clamp(34px,5vw,56px);line-height:1.04;color:var(--green);margin-bottom:18px}
p{font-size:18px;line-height:1.72;color:var(--muted)}
.green-section{background:var(--green);color:#fff9ef;padding:76px 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cards article{border:1px solid rgba(217,173,101,.22);padding:26px;border-radius:22px;background:rgba(255,255,255,.04)}
.cards h3{font-size:24px;color:#fff3d8;margin-bottom:10px}
.cards p{color:#dac8ad;font-size:16px}
.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.sponsor-section{background:var(--green);padding:88px 0;color:#fff9ef}
.sponsor-box{max-width:820px;text-align:center}
.sponsor-section h2{color:#d9ad65}
.sponsor-section p{color:#f1dfc2}
.button{display:inline-flex;margin-top:18px;padding:16px 30px;border:1px solid #d9ad65;border-radius:14px;color:#fff9ef;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.contact a{color:var(--green);font-weight:900}
@media(max-width:800px){
  .visual-page{overflow:hidden}
  .visual-page img{width:190%;max-width:none;transform:translateX(-26%)}
  .two,.cards,.date-grid{grid-template-columns:1fr}
  .text-section,.green-section,.sponsor-section{padding:62px 0}
}