:root{color-scheme:light;--forest:#163d2b;--deep:#0d261c;--cream:#fbf7ed;--ink:#163226;--gold:#b7924e;--soft:#e9dfcc}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;color:var(--cream);background:radial-gradient(circle at 18% 27%,#2e6542 0,transparent 33%),radial-gradient(circle at 91% 80%,#244c36 0,transparent 35%),var(--deep);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/foliage.svg') left -125px bottom -120px/330px auto no-repeat,url('/assets/foliage.svg') right -95px top -150px/340px auto no-repeat;opacity:.35}
body::after{content:"";position:fixed;inset:0 0 auto;height:13px;background:#543721 url('/assets/venue-oak.webp') center/auto 100%;box-shadow:0 2px 0 rgba(210,170,94,.35)}
.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--cream);color:var(--ink);padding:.7rem 1rem;z-index:3}
.skip-link:focus{top:1rem}
a:focus-visible{outline:3px solid #d6ae5f;outline-offset:4px}
.page{width:min(100% - 3rem,1120px);min-height:100svh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:64px 0 25px}
.brand-heading{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px;color:#e2ca90;font-size:.77rem;font-weight:700;letter-spacing:.33em;text-align:center}
.brand-line{width:42px;height:1px;background:#b7924e}
.card{display:grid;grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);overflow:hidden;border:1px solid #e7d9b9;border-radius:26px;background:var(--cream);box-shadow:0 24px 72px rgba(0,0,0,.22)}
.card-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:610px;padding:40px 30px;background:linear-gradient(155deg,rgba(15,39,25,.92),rgba(27,65,43,.95)),url('/assets/venue-oak.webp') center/auto 100%;position:relative}
.card-art::before,.card-art::after{content:"";position:absolute;width:130px;height:160px;background:url('/assets/foliage.svg') center/contain no-repeat;opacity:.5}
.card-art::before{top:-38px;left:-42px;transform:rotate(-24deg)}
.card-art::after{bottom:-44px;right:-33px;transform:rotate(155deg)}
.logo-frame{width:min(225px,80%);aspect-ratio:600/630;overflow:hidden;border:1px solid rgba(218,187,119,.5);border-radius:18px;background:#020503;box-shadow:0 0 0 11px rgba(232,207,143,.06);z-index:1}
.logo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.art-caption{z-index:1;margin:27px 0 0;color:#e7d4a4;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;font-style:italic;text-align:center}
.card-content{padding:clamp(34px,5vw,70px);color:var(--ink);display:flex;flex-direction:column;justify-content:center}
.eyebrow{margin:0 0 13px;color:#80672d;font-size:.73rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{margin:0;color:var(--forest);font:normal clamp(2.65rem,4.7vw,4.4rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.intro{max-width:52ch;margin:24px 0 27px;font-size:1.08rem;color:#45574c}
.open-note{display:flex;align-items:center;gap:15px;padding:19px 20px;border:1px solid #c7d7bc;border-left:4px solid #437d4b;border-radius:12px;background:#eef4e9}
.open-mark{width:12px;height:12px;flex:none;border-radius:50%;background:#47804d;box-shadow:0 0 0 5px #d5e7ce}
.open-note strong,.open-note span{display:block}
.open-note strong{font-size:1.03rem;color:#214d31}
.open-note span{font-size:.94rem;color:#425748}
.coming-details{max-width:54ch;margin:26px 0 25px;color:#45574c}
.coming-details strong{color:#234832}
.contact{padding-top:20px;border-top:1px solid var(--soft)}
.contact>span{display:block;margin-bottom:3px;color:#6c766a;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.contact a{display:inline-block;min-height:44px;padding:7px 0;color:#175735;font-size:clamp(1rem,2.1vw,1.22rem);font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}
.contact a:hover{color:#0e3823}
.page footer{padding-top:23px;text-align:center;color:#d9e4d5;font-size:.85rem;letter-spacing:.04em}
@media(max-width:760px){.page{width:min(100% - 2rem,610px);padding:38px 0 22px}.brand-heading{margin-bottom:18px;letter-spacing:.2em}.card{grid-template-columns:1fr}.card-art{min-height:0;padding:27px 22px 18px}.logo-frame{width:122px}.art-caption{margin-top:14px;font-size:.9rem}.card-content{padding:32px 27px 34px}.intro{margin:20px 0 21px}.coming-details{margin:22px 0 18px}}
@media(max-width:420px){.page{width:calc(100% - 1.25rem);padding-top:30px}.brand-heading{font-size:.66rem;gap:9px}.brand-line{width:22px}.card{border-radius:19px}.card-content{padding:27px 21px 29px}h1{font-size:2.45rem}.open-note{padding:15px 14px}.contact a{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
