:root{--ink:#2b2d42;--soft:#5c6078;--sea:#2f6f8f;--sand:#f7f2ea;--gold:#c9a24a}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--sand);line-height:1.7}
img{max-width:100%;display:block}a{color:var(--sea)}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 6%;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 1px 8px #0001}
.logo{font-size:1.35rem;text-decoration:none;color:var(--ink);letter-spacing:.04em}.logo span{color:var(--gold)}
nav a{margin-left:1.1rem;text-decoration:none;color:var(--soft);font-family:Helvetica,Arial,sans-serif;font-size:.95rem}nav a:hover{color:var(--sea)}
.btn{display:inline-block;background:var(--sea);color:#fff!important;padding:.85rem 1.8rem;border-radius:40px;text-decoration:none;font-family:Helvetica,Arial,sans-serif;letter-spacing:.03em;transition:.2s}.btn:hover{background:#245a74}
.hero{min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:3rem 6%;background:linear-gradient(#0b22334d,#0b223340),url(img/hero.jpg) center/cover}.hero h1,.hero p{text-shadow:0 1px 3px #000c,0 2px 18px #0009}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:normal;margin:.2em 0}.hero p{font-size:1.25rem;max-width:620px;margin:0 auto 2rem}
.wrap{max-width:1000px;margin:auto;padding:4rem 6%}.center{text-align:center}
h2{font-weight:normal;font-size:2rem;margin-top:0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;font-family:Helvetica,Arial,sans-serif}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.card{background:#fff;border-radius:14px;padding:1.6rem;box-shadow:0 4px 18px #0000000d}.card h3{margin-top:0;font-weight:normal;color:var(--sea)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.gallery img{width:100%;height:200px;object-fit:cover;border-radius:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.split img{border-radius:14px}
.band{background:#fff}.page-title{text-align:center;padding:4rem 6% 1rem}.page-title h1{font-weight:normal;font-size:clamp(2rem,5vw,3rem);margin:0}
footer{background:var(--ink);color:#cfd2e0;text-align:center;padding:2.5rem 6%;font-family:Helvetica,Arial,sans-serif;font-size:.9rem}footer a{color:#fff}
@media(max-width:700px){.hero{background-image:linear-gradient(#0b22334d,#0b223340),url(img/hero-sm.jpg)}.split{grid-template-columns:1fr}nav a{margin:0 .9rem 0 0}header{justify-content:center}.hero{min-height:480px}}
.hero>div{background:radial-gradient(ellipse at center,#0b2233b0 0%,#0b223370 50%,#0b223300 78%);padding:2.5rem 3rem}
.hero .eyebrow{color:#f3d37a;text-shadow:0 1px 3px #000c}.hero p{font-weight:600}
@media(max-width:700px){.hero>div{padding:1rem 0;background:none}.hero{background-image:linear-gradient(#0b223399,#0b223388),url(img/hero-sm.jpg)!important}}
:root{--script:'Great Vibes',cursive;--head:Cinzel,serif;--body:Lato,sans-serif}
:root{--teal:#0e3a39;--teal2:#14504e;--gold:#c9a24a;--gold2:#e3c77d}
body{background:#f6f1e6;color:#1f2b2b;font-family:var(--body)}
header{background:var(--teal);box-shadow:0 1px 0 var(--gold)}
.logo{color:var(--gold2)!important;display:flex;align-items:baseline;gap:.5rem}.logo .script{font-family:var(--script);font-size:2rem;line-height:1}.logo .caps{font-family:var(--head);letter-spacing:.35em;font-size:.8rem;text-transform:uppercase}
nav a{color:#e9dfc6!important;font-family:var(--body)}nav a:hover{color:var(--gold2)!important}
h1,h2,h3{font-family:var(--head);color:var(--teal)}.card h3{color:var(--teal2)!important;letter-spacing:.12em;text-transform:uppercase;font-size:1rem}
.btn{background:linear-gradient(135deg,#b8902f,#e3c77d,#b8902f)!important;color:#0e3a39!important;font-family:var(--body);font-weight:700;letter-spacing:.08em}
.hero h1{color:#fff;font-family:var(--head)}.hero .brand{color:var(--gold2);text-shadow:0 2px 10px #000b}.hero .brand .script{font-family:var(--script);font-size:clamp(2.6rem,7vw,4.2rem);display:block;line-height:1.1}
.hero .brand .caps{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--head);letter-spacing:.5em;font-size:1rem;margin-top:.2rem}.hero .brand .caps:before,.hero .brand .caps:after{content:"";height:1px;width:60px;background:var(--gold2)}
.tagline{font-family:var(--head);color:#fff;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(1rem,2.4vw,1.3rem);margin:1.1rem 0 .4rem;text-shadow:0 1px 6px #000c}.tagline b{color:var(--gold2);font-weight:inherit}
.hero h1{font-size:clamp(1.7rem,4vw,2.6rem)!important;margin:.3rem 0 1rem!important}
.eyebrow{color:var(--gold)!important}
footer{background:var(--teal)!important;border-top:2px solid var(--gold);color:#e9dfc6}footer a{color:var(--gold2)!important}footer .btn{color:#0e3a39!important}
.hero .brand .caps{text-transform:uppercase}.tagline{font-size:clamp(1.15rem,2.8vw,1.55rem)!important;font-weight:600}
/* Cinzel caps headings: keep them readable */
h1,h2{line-height:1.3;text-wrap:balance}
h2{font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:.02em}
.page-title h1{font-size:clamp(1.7rem,4.5vw,2.6rem)}
@media(max-width:700px){
 h2{font-size:1.2rem;letter-spacing:0;line-height:1.35}
 .page-title h1{font-size:1.55rem;letter-spacing:.01em}
 .hero h1{font-size:1.35rem!important;letter-spacing:0;line-height:1.35}
 .tagline{letter-spacing:.22em!important;font-size:1.05rem!important}
 .logo .script{font-size:1.75rem}
 .card h3{font-size:.95rem}
}
.eyebrow{font-family:var(--head)!important;letter-spacing:.3em}footer{font-family:var(--body)}
:root{--body:'Century Gothic','Questrial','Didact Gothic',sans-serif}
body{font-size:17px;letter-spacing:.01em}body,nav a,.btn,footer{font-family:var(--body)!important}
.btn{font-weight:400;letter-spacing:.1em}
/* chalkboard top bar */
header{background-color:#232b29!important;background-image:url(img/chalk-noise.png),radial-gradient(ellipse at 20% 30%,#ffffff12,transparent 55%),radial-gradient(ellipse at 75% 70%,#ffffff0d,transparent 50%),linear-gradient(180deg,#2a3431,#1d2523)!important;background-size:160px 160px,100% 100%,100% 100%,100% 100%;box-shadow:0 2px 0 var(--gold),0 3px 10px #0004!important}
header nav a{color:#efe6cf!important}header nav a:hover{color:var(--gold2)!important}
/* darker chalkboard */
header{background-color:#181e1d!important;background-image:url(img/chalk-noise.png),radial-gradient(ellipse at 20% 30%,#ffffff0e,transparent 55%),radial-gradient(ellipse at 75% 70%,#ffffff0a,transparent 50%),linear-gradient(180deg,#1e2624,#141a19)!important}
/* tagline as hero focal point */
.hero .tagline{display:flex;align-items:center;justify-content:center;gap:1.4rem;color:var(--gold2)!important;font-family:var(--head);font-weight:600;font-size:clamp(2rem,4.6vw,3.4rem)!important;letter-spacing:.22em!important;margin:0 0 .6rem!important;text-shadow:0 2px 14px #000c,0 1px 3px #000c}
.hero .tagline b{color:inherit}
.hero .tagline:before,.hero .tagline:after{content:"";height:1px;width:clamp(40px,8vw,110px);background:var(--gold2);box-shadow:0 1px 4px #0008;flex:none}
.hero h1{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)!important}
@media(max-width:700px){.hero .tagline{font-size:1.55rem!important;letter-spacing:.14em!important;gap:.7rem}.hero .tagline:before,.hero .tagline:after{width:28px}.hero h1{font-size:1.2rem!important}}
.hero .tagline span{letter-spacing:inherit}
.hero .tagline span{white-space:nowrap}@media(max-width:700px){.hero .tagline{font-size:1.3rem!important;letter-spacing:.1em!important;gap:.55rem}.hero .tagline:before,.hero .tagline:after{width:22px}}@media(max-width:360px){.hero .tagline{font-size:1.1rem!important}}
footer{background-color:#181e1d!important;background-image:url(img/chalk-noise.png),radial-gradient(ellipse at 25% 40%,#ffffff0e,transparent 55%),radial-gradient(ellipse at 80% 60%,#ffffff0a,transparent 50%),linear-gradient(180deg,#1e2624,#141a19)!important;background-size:160px 160px,100% 100%,100% 100%,100% 100%;border-top:2px solid var(--gold);color:#efe6cf}