:root{--purple:#3e1a5c;--purple-d:#2b1040;--gold:#c9a23f;--cream:#fbf8f3;--text:#2a2233}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font-family:Lato,system-ui,sans-serif;color:var(--text);background:var(--cream);line-height:1.65}
img{max-width:100%;height:auto}
a{color:var(--purple)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:10}
h1,h2,h3{font-family:Cinzel,serif;color:var(--purple);line-height:1.2}
.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:8px 5%;background:#fff;box-shadow:0 1px 8px #0002}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Cinzel,serif;font-weight:700;color:var(--purple);line-height:1.1}
.brand img{border-radius:50%}.brand small{display:block;font-size:.65em;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}
nav{display:flex;align-items:center;gap:20px}
nav a:not(.btn){text-decoration:none;font-weight:700;font-size:.95rem}
nav a:not(.btn):hover{color:var(--gold)}
.nav-toggle{display:none;font-size:1.6rem;background:none;border:0;color:var(--purple);cursor:pointer}
.btn{display:inline-block;padding:11px 24px;border-radius:30px;font-weight:700;text-decoration:none;border:2px solid var(--gold);transition:.2s}
.btn-gold{background:var(--gold);color:var(--purple-d)}.btn-gold:hover{background:var(--purple);border-color:var(--purple);color:#fff}
.btn-outline{background:transparent;color:#fff;border-color:#fff}.btn-outline:hover{background:#fff;color:var(--purple)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:70px 5%;color:#fff;background:linear-gradient(135deg,var(--purple-d),var(--purple) 70%,#5a2d82)}
.hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);margin:.2em 0}
.hero h1 span{color:var(--gold);font-size:.6em;letter-spacing:.2em}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;margin:0}
.tagline{font-size:1.4rem;letter-spacing:.1em;color:var(--gold);margin:.3em 0}
.lead{font-size:1.15rem;max-width:34em}
.slogan{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold)}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.hero-logo img{display:block;margin:auto;width:min(340px,100%);border-radius:50%;object-fit:cover;aspect-ratio:1;border:6px solid var(--gold);background:#fff}
.values{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:3px solid var(--gold);text-align:center}
.values div{padding:26px 10px;border-left:1px solid #c9a23f66}.values div:first-child{border-left:0}
.values svg{display:block;width:64px;height:64px;margin:0 auto 10px}.values .f{fill:var(--purple)}.values .g{fill:var(--gold)}.values .l{stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}.values .c{stroke:var(--gold);stroke-width:2;fill:none}.values strong{display:block;font-family:Cinzel,serif;color:var(--purple);letter-spacing:.1em;text-transform:uppercase}.values span{font-size:.9rem}
.section{padding:70px 5%;max-width:1100px;margin:auto}
.section.alt{max-width:none;background:#f1eaf6}.section.alt>*{max-width:1000px;margin-left:auto;margin-right:auto}
.section h2{text-align:center;font-size:2rem;margin:0 0 .6em}
.section h2::after{content:"";display:block;width:60px;height:3px;background:var(--gold);margin:10px auto 0}
.center-text{text-align:center;max-width:44em;margin-left:auto;margin-right:auto}
.sub{font-family:Cinzel,serif;color:var(--gold);font-size:1.2rem;letter-spacing:.15em;text-transform:uppercase;margin-top:-.6em}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:30px auto}
.cards.two{max-width:800px}.cards.four{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.card{position:relative;background:#fff;border-top:4px solid var(--gold);border-radius:8px;padding:24px;box-shadow:0 2px 12px #3e1a5c1a}
.card h3{margin-top:0;font-size:1.1rem}
.num{position:absolute;top:-18px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:700}
.bank{background:var(--cream);border-radius:6px;padding:10px;text-align:center}
.message{margin:0 auto;padding:0 0 0 24px;border-left:4px solid var(--gold);font-family:'Playfair Display',serif;font-size:1.1rem}
.sign{font-style:italic}
.people{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin-top:36px}
.cofounder{text-align:center;margin:0}
.cofounder img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid var(--gold)}
.contact{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.contact li{background:#fff;padding:16px 26px;border-radius:8px;box-shadow:0 2px 12px #3e1a5c1a;text-align:center}
.contact span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:700}
.site-footer{background:var(--purple-d);color:#ddd;text-align:center;padding:30px 5%}
.site-footer a{color:var(--gold)}
@media(max-width:800px){
 .hero{grid-template-columns:1fr;text-align:center}.hero .actions{justify-content:center}.hero-logo{order:-1}
 .values{grid-template-columns:1fr 1fr}.values div:nth-child(3){border-left:0}
 .nav-toggle{display:block}
 nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:16px;box-shadow:0 6px 8px #0002}
 nav.open{display:flex}
}