:root{--green:#1f3a2c;--green2:#2f5a43;--cream:#f5ecd9;--paper:#fffaf0;--rust:#a4482b;--gold:#b78a3f;--ink:#2b241c;--shadow:0 14px 40px rgba(30,30,20,.15)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(28,54,41,.96);color:#f9ecd1;border-bottom:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{font-size:1.35rem;letter-spacing:.08em;font-weight:bold}.nav-links{display:flex;gap:22px;align-items:center;font-size:.94rem}.nav-links a:hover{color:#e6bc6c}.btn{display:inline-block;padding:13px 21px;border-radius:3px;background:var(--rust);color:white;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;border:1px solid #d9aa72;box-shadow:0 5px 14px rgba(0,0,0,.18)}.btn.secondary{background:var(--green);border-color:#6e8c74}.hero{min-height:72vh;background:url('assets/hero-banner.png') center/cover no-repeat;display:grid;place-items:end center;padding:0 0 46px;position:relative}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,35,25,.05),rgba(17,35,25,.22))}.hero-copy{position:relative;z-index:2;background:rgba(250,242,224,.9);border:1px solid rgba(111,72,33,.3);padding:20px 30px;text-align:center;box-shadow:var(--shadow);max-width:680px}.eyebrow{color:var(--rust);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:bold}.hero h1,.page-hero h1{font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.02;margin:.2em 0;color:var(--green)}.hero p{font-size:1.15rem;margin:0 0 18px}.section{padding:82px 0;position:relative}.section.paper{background:var(--paper)}.section.dark{background:var(--green);color:#fff8e8}.section-title{text-align:center;max-width:780px;margin:0 auto 44px}.section-title h2{font-size:clamp(2rem,4vw,3.2rem);margin:.2em 0;color:var(--green)}.dark .section-title h2{color:#fff5dc}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo-frame{border:10px solid #efe2c8;outline:1px solid #b48d58;box-shadow:var(--shadow)}.script{font-family:'Brush Script MT','Segoe Script',cursive;color:var(--rust);font-size:1.65rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fffaf0;border:1px solid #d7bd91;box-shadow:var(--shadow);overflow:hidden}.card img{height:210px;width:100%;object-fit:cover}.card .pad{padding:22px}.card h3{color:var(--green);font-size:1.35rem;margin:0 0 8px}.quote-band{padding:54px 0;background:linear-gradient(90deg,#f6ead4,#fff9ee,#f6ead4);text-align:center;border-block:1px solid #d7bd91}.quote-band blockquote{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--green);margin:0}.roland-peek{position:absolute;width:210px;z-index:5;filter:drop-shadow(0 12px 12px rgba(0,0,0,.15))}.peek-right{right:-35px;bottom:-22px}.peek-left{left:-45px;bottom:-22px;transform:scaleX(-1)}.upcoming{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.event{background:#fffaf0;border:1px solid #d6b982;padding:26px;box-shadow:var(--shadow)}.event .date{font-size:.82rem;color:var(--rust);text-transform:uppercase;letter-spacing:.1em}.footer{background:#14291f;color:#f8ecd6;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{color:#e6bd75}.small{font-size:.9rem;opacity:.86}.page-hero{min-height:42vh;display:grid;place-items:center;text-align:center;color:white;background:linear-gradient(rgba(20,40,30,.5),rgba(20,40,30,.65)),url('assets/hero-banner.png') center/cover}.page-hero h1{color:white;text-shadow:0 3px 14px rgba(0,0,0,.45)}.content-box{background:#fffaf0;padding:38px;border:1px solid #d7bd91;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{padding:13px;border:1px solid #bda57f;background:white;font:inherit}.field textarea{min-height:140px}.note{border-left:4px solid var(--rust);padding:15px 18px;background:#f8edda}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:18px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery .stack{display:grid;gap:18px}.mobile-menu{display:none} @media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block}.grid-2,.footer-grid,.gallery{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.upcoming{grid-template-columns:1fr}.roland-peek{width:150px}.hero{min-height:58vh}.section{padding:60px 0}} @media(max-width:580px){.cards{grid-template-columns:1fr}.hero-copy{width:90%;padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.roland-peek{opacity:.45}.nav{min-height:62px}} document.querySelectorAll('[data-year]').forEach(el=>el.textContent=new Date().getFullYear()); document.querySelectorAll('form').forEach(f=>f.addEventListener('submit',e=>{e.preventDefault();alert('This prototype form is ready to connect to Wix Forms.');}));

top of page

GALLERY

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

bottom of page