:root{--green:#285e37;--paper:#fbf6e9;--gold:#a36616;--ink:#24402b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px system-ui,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(5vw,16px)}header img,footer img{width:160px;display:block}nav{display:flex;gap:24px}a{color:inherit}button,.button{display:inline-block;border:0;border-radius:8px;padding:10px 16px;background:var(--green);color:white;font:inherit;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:default}.notice{text-align:center;background:#f0e6ca;padding:9px;font-size:14px}main{max-width:1240px;margin:auto;padding:0 5vw}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:55px 0;border-bottom:1px solid #ddd3b9}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(38px,6vw,76px);margin:.3em 0}h2{font-size:36px;margin:.3em 0 .6em}small{color:var(--gold)}p{line-height:1.65}.art{min-height:300px;background:#dbe5ca;border-radius:55% 45% 42% 58%;display:flex;align-items:center;justify-content:center;gap:8px}.art img{width:min(70%,280px);border-radius:50%;box-shadow:0 14px 30px #24402b30}.leaf{color:var(--gold);font-size:30px}section{padding:42px 0}.filters{display:flex;gap:10px;margin-bottom:22px}input,select{min-width:0;padding:10px;border:1px solid #aaa58f;border-radius:8px;background:white;color:var(--ink);font:inherit}input{flex:1}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #ddd3b9;background:#fffdf6;border-radius:14px;padding:14px}.tile{display:grid;place-items:center;height:115px;border-radius:9px;background:#e5ebd6;font-size:54px}.card h3{margin:12px 0 4px}.card p{margin:4px 0 12px}.about{border-top:1px solid #ddd3b9}footer{background:#20442b;color:white}footer small{color:#f3dda7}dialog{width:min(530px,94vw);border:0;border-radius:16px;padding:24px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#132a20aa}#close{float:right}.line{display:flex;align-items:center;gap:8px;margin:12px 0}.line span{flex:1}button:focus-visible,a:focus-visible{outline:3px solid #b77820;outline-offset:3px}@media(max-width:760px){nav{display:none}.hero{grid-template-columns:1fr;gap:22px;padding:32px 0}.art{min-height:220px}.art img{width:175px}.grid{grid-template-columns:repeat(2,1fr)}header img{width:115px}header button{padding:8px;font-size:14px}}
#payment{display:block;margin:8px 0;width:100%}
footer{flex-wrap:wrap}

#proof{display:block;width:100%;margin:8px 0}#bank-details li{margin:0 0 12px}dialog{max-height:88vh;overflow:auto}

header > a { min-width: 0; }
header img { width: 260px; max-width: 100%; height: auto; }
@media (max-width: 760px) {
  header img { width: clamp(145px, 43vw, 205px); }
  header > div { flex-shrink: 0; }
}
