@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--charcoal:#211C18;--terracotta:#B14C2E;--sand:#E8DCC8;--dust:#D8C9AE;--teal:#3D6B66;--offwhite:#F7F2EA;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',system-ui,sans-serif;color:var(--charcoal);background:var(--offwhite);}
h1,h2,h3,h4,.display{font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.01em;}
a{text-decoration:none;color:inherit;}
.wrap{max-width:1152px;margin:0 auto;padding:0 24px;}
.bg-charcoal{background:var(--charcoal);} .bg-terracotta{background:var(--terracotta);}
.bg-sand{background:var(--sand);} .bg-dust{background:var(--dust);}
.bg-teal{background:var(--teal);} .bg-offwhite{background:var(--offwhite);}
.text-offwhite{color:var(--offwhite);} .text-dust{color:var(--dust);}
.text-terracotta{color:var(--terracotta);} .text-teal{color:var(--teal);}
.text-charcoal-70{color:rgba(33,28,24,.75);}
.clip-card{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);}
.clip-card-rev{clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px);}
.clip-photo{clip-path:polygon(0 0,100% 0,100% 100%,24px 100%,0 calc(100% - 24px));}
.board-rows{display:flex;flex-direction:column;gap:6px;}
.board{height:10px;border-radius:2px;}
header.site{position:sticky;top:0;z-index:50;}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.nav-links{display:none;gap:28px;font-size:14px;}
.nav-links a:hover{color:var(--dust);}
@media(min-width:768px){.nav-links{display:flex;}}
.brand{display:flex;align-items:center;gap:8px;}
.brand-name{font-family:'Oswald';font-weight:600;font-size:18px;letter-spacing:.03em;}
.call-btn{background:var(--terracotta);color:var(--offwhite);font-family:'Oswald';font-weight:600;font-size:14px;padding:10px 18px;display:inline-flex;align-items:center;gap:6px;}
.hero{position:relative;background:var(--charcoal);background-size:cover;background-position:center;background-repeat:no-repeat;}
.hero-inner{padding:64px 0 96px;}
@media(min-width:768px){.hero-inner{padding:96px 0;}}
.hero h1{color:var(--offwhite);font-size:36px;font-weight:600;line-height:1.15;}
@media(min-width:768px){.hero h1{font-size:52px;}}
.hero p{color:var(--dust);margin-top:16px;font-size:16px;max-width:520px;}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.btn{font-family:'Oswald';font-weight:600;font-size:14px;padding:12px 22px;display:inline-block;}
.btn-teal{background:var(--teal);color:var(--offwhite);}
.btn-outline{border:1px solid var(--offwhite);color:var(--offwhite);}
.btn-terracotta{background:var(--terracotta);color:var(--offwhite);}
section{padding:64px 0;}
@media(min-width:768px){section{padding:80px 0;}}
h2.section-title{font-size:30px;font-weight:600;margin-bottom:8px;}
@media(min-width:768px){h2.section-title{font-size:36px;}}
.subtext{color:rgba(33,28,24,.7);max-width:520px;margin-bottom:40px;}
.grid3{display:grid;gap:24px;grid-template-columns:1fr;}
@media(min-width:768px){.grid3{grid-template-columns:repeat(3,1fr);}}
.grid4{display:grid;gap:24px;grid-template-columns:1fr;}
@media(min-width:768px){.grid4{grid-template-columns:repeat(4,1fr);}}
.grid2{display:grid;gap:32px;grid-template-columns:1fr;}
@media(min-width:768px){.grid2{grid-template-columns:1fr 1fr;}}
.card{overflow:hidden;display:flex;flex-direction:column;}
.card .photo-slot{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:var(--teal);color:var(--offwhite);font-size:12px;text-align:center;padding:10px;}
.card img{width:100%;height:160px;object-fit:cover;display:block;}
.card-body{padding:24px;display:flex;flex-direction:column;flex:1;}
.card-body h3{font-size:20px;font-weight:600;margin-bottom:8px;}
.card-body p{font-size:14px;color:rgba(33,28,24,.8);margin-bottom:20px;flex:1;}
.card-link{color:var(--terracotta);font-family:'Oswald';font-weight:600;font-size:14px;}
.mat-tile .photo-slot{width:100%;height:112px;display:flex;align-items:center;justify-content:center;background:var(--charcoal);color:var(--dust);font-size:11px;text-align:center;padding:8px;}
.mat-tile img{width:100%;height:112px;object-fit:cover;display:block;}
.mat-tile .body{padding:14px 16px;}
.mat-tile .body p.name{font-family:'Oswald';font-weight:600;font-size:16px;}
.mat-tile .body p.best{font-size:12px;color:rgba(33,28,24,.7);margin-top:4px;}
.mat-grid{display:grid;gap:16px;grid-template-columns:1fr;}
@media(min-width:640px){.mat-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:768px){.mat-grid{grid-template-columns:repeat(3,1fr);}}
.cause h3{font-size:16px;font-weight:600;margin:12px 0 4px;}
.cause p{font-size:14px;color:rgba(33,28,24,.75);}
.cause a{color:var(--terracotta);text-decoration:underline;}
.area-row{display:flex;flex-direction:column;gap:24px;justify-content:space-between;}
@media(min-width:768px){.area-row{flex-direction:row;align-items:center;}}
.chip-row{display:flex;flex-wrap:wrap;gap:12px;}
.chip{background:var(--offwhite);color:var(--charcoal);font-size:14px;padding:8px 16px;}
.reason{display:flex;gap:16px;}
.reason h3{font-size:16px;font-weight:600;margin-bottom:4px;}
.reason p{font-size:14px;color:rgba(33,28,24,.75);}
.reasons-grid{display:grid;gap:24px 32px;grid-template-columns:1fr;}
@media(min-width:768px){.reasons-grid{grid-template-columns:repeat(3,1fr);}}
details{background:var(--offwhite);margin-bottom:12px;}
summary{font-family:'Oswald';font-weight:600;font-size:15px;padding:16px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;}
summary::-webkit-details-marker{display:none;}
details p{padding:0 20px 16px;font-size:14px;color:rgba(33,28,24,.75);}
.faq-wrap{max-width:768px;margin:0 auto;}
.cta-band{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;}
@media(min-width:768px){.cta-band{flex-direction:row;justify-content:space-between;text-align:left;}}
.cta-band h2{font-size:26px;font-weight:600;color:var(--offwhite);max-width:520px;}
footer.site{padding:56px 0 0;}
.footer-grid{display:grid;gap:40px;grid-template-columns:1fr;}
@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr);}}
footer.site h4{font-family:'Oswald';font-weight:600;font-size:14px;color:var(--offwhite);margin-bottom:12px;}
footer.site ul{list-style:none;}
footer.site li{margin-bottom:6px;}
footer.site a{color:var(--dust);font-size:14px;}
.footer-bottom{border-top:1px solid rgba(247,242,234,.15);margin-top:40px;padding:24px 0;}
.footer-bottom p{color:var(--dust);font-size:12px;}
form label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;}
form input, form select, form textarea{width:100%;border:1px solid rgba(33,28,24,.3);padding:10px 12px;margin-bottom:14px;font-size:14px;font-family:inherit;background:#fff;}
form button{width:100%;background:var(--terracotta);color:var(--offwhite);font-family:'Oswald';font-weight:600;padding:14px;border:none;font-size:14px;cursor:pointer;}

.nav-dropdown { position: relative; }
.nav-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #211C18;
  min-width: 220px;
  flex-direction: column;
  padding: 8px 0;
  z-index: 60;
}
.nav-dropdown:hover .nav-dropdown-menu { display: flex; }
.nav-dropdown-toggle { padding-bottom: 4px; border-bottom: 2px solid transparent; }
.nav-dropdown:hover .nav-dropdown-toggle { border-bottom-color: #B14C2E; }
.nav-dropdown-menu a {
  padding: 10px 18px;
  font-size: 14px;
  white-space: nowrap;
}
.nav-dropdown-menu a:hover { background: rgba(247,242,234,.08); color: #D8C9AE; }
.nav-dropdown-toggle::after { content: " \25BE"; font-size: 11px; }
.eyebrow{font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:.08em;color:var(--terracotta);margin-bottom:8px;}
.page-hero h1{color:var(--offwhite);font-size:32px;font-weight:600;line-height:1.15;}
@media(min-width:768px){.page-hero h1{font-size:44px;}}
.page-hero p{color:var(--dust);margin-top:14px;font-size:16px;max-width:520px;}
.best-list{list-style:none;font-size:14px;color:rgba(33,28,24,.8);line-height:2;}