*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#182235;line-height:1.6}a{color:inherit}.wrap{max-width:1120px;width:92%;margin:auto}.top{background:#101827;color:#fff;padding:14px 0}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;letter-spacing:1.5px;color:#c9a25b}.brand small{display:block;color:#cbd5e1;font-weight:400;letter-spacing:0}.links a{margin-left:18px;text-decoration:none}.hero{background:#f6f2e9;padding:85px 0}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}h1{font-size:clamp(42px,6vw,68px);line-height:1.05;margin:10px 0}h2{font-size:36px;line-height:1.15}.gold{color:#a57a35;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.lead{font-size:19px;color:#556070}.btn{display:inline-block;padding:13px 20px;margin:8px 8px 8px 0;text-decoration:none;border-radius:4px;font-weight:700}.primary{background:#101827;color:white}.outline{border:1px solid #c7ccd5}.photo{aspect-ratio:4/5;background:#e9e3d6;border:2px dashed #b89a65;display:grid;place-items:center;text-align:center;color:#78633f;font-weight:800;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.section{padding:75px 0}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #e2e5e9;padding:25px}.card p,.muted{color:#657184}.dark{background:#101827;color:white}.dark p{color:#d2d9e4}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.four div{border:1px solid #e2e5e9;padding:20px}.cta{background:#a57a35;color:white;padding:55px 0}.footer{background:#090f1a;color:#d2d9e4;padding:45px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.page{background:#f6f2e9;padding:60px 0}.service{padding:25px 0;border-bottom:1px solid #e2e5e9}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team .card{background:white}.note{background:#f4f4f4;border-left:4px solid #a57a35;padding:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:45px}.wa{background:#168b52;color:#fff}.mobile-team{display:none;background:#c9a25b;color:#101827;text-decoration:none;font-weight:800;border-radius:5px;padding:9px 12px;white-space:nowrap}.mobile-team:hover{color:#101827}
.menu{display:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:5px;font-size:25px;line-height:1;padding:8px 11px;cursor:pointer}.links a{transition:color .2s ease}.links a:hover{color:#c9a25b}@media(max-width:800px){.top{position:relative;z-index:1000}.nav{position:relative;flex-wrap:wrap}.grid,.contact{grid-template-columns:1fr}.cards,.team{grid-template-columns:1fr 1fr}.four{grid-template-columns:1fr 1fr}.mobile-team{display:inline-block;margin-left:auto}.menu{display:block;margin-left:8px}.links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#101827;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 0;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:2000}.links.mobile-open{display:flex;flex-direction:column}.links a{display:block;margin:0;padding:12px 18px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.links a:last-child{border-bottom:0}.links a:hover,.links a:focus{background:#182235;color:#c9a25b}.foot{grid-template-columns:1fr 1fr}}@media(max-width:520px){.brand{font-size:14px}.brand small{font-size:11px}.cards,.team,.four,.foot{grid-template-columns:1fr}.hero{padding:60px 0}.links{top:calc(100% + 8px)}}
.profile-card{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:2rem;align-items:center;margin:2rem 0;padding:2rem;border:1px solid #ddd;border-radius:14px}
.profile-photo img{width:100%;max-width:320px;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block}
@media(max-width:700px){.profile-card{grid-template-columns:1fr}.profile-photo img{margin:auto}}

.advocate-description{line-height:1.75;margin:1rem 0 0}

/* Appointment feature - additive styles only */
.appointment-nav{background:#c9a25b!important;color:#101827!important;padding:8px 12px;border-radius:5px;margin-left:18px!important;font-weight:800}.mobile-appointment{display:none;background:#c9a25b;color:#101827;text-decoration:none;font-weight:800;border-radius:5px;padding:9px 12px;white-space:nowrap}.appointment-wrap{max-width:820px}.appointment-form{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:28px;box-shadow:0 8px 30px rgba(16,24,39,.06)}.form-grid,.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.date-grid{grid-template-columns:repeat(4,1fr);margin-top:18px}.field{margin-bottom:18px}.field label{display:block;font-weight:800;margin-bottom:7px}.field label span{color:#a57a35}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd5dd;border-radius:6px;padding:12px 13px;font:inherit;color:#182235;background:#fff}.field textarea{resize:vertical;min-height:150px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(165,122,53,.2);border-color:#a57a35}.counter{text-align:right;font-size:12px;color:#657184;margin-top:5px}.form-note{font-size:14px;color:#657184;background:#f6f2e9;padding:12px 14px;border-radius:6px}.appointment-submit{border:0;cursor:pointer}.appointment-status{margin-top:12px;font-weight:700}.appointment-status.error{color:#a11}.appointment-status.success{color:#176b3a}@media(max-width:800px){.appointment-nav{display:none}.mobile-appointment{display:inline-block;margin-left:6px}.form-grid,.date-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.date-grid{grid-template-columns:1fr 1fr}.appointment-form{padding:18px}.mobile-team{margin-left:auto}.mobile-appointment{margin-left:5px}.menu{margin-left:5px}}

.appointment-btn{background:#c9a25b;color:#101827;border:1px solid #c9a25b}.appointment-btn:hover{background:#b88d49}
