:root { --agency-brown: #665555; --agency-ink: #352e2e; --agency-paper: #faf8f5; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { color: var(--agency-ink); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 400; line-height: 1.75; letter-spacing: normal; }
[data-cms-text] { white-space: pre-line; }
nav.navbar { background: #fff !important; box-shadow: 0 2px 20px #352e2e12; padding: 14px 0; }
.navbar .container-fluid { max-width: 1320px; gap: 20px; }
.navbar-brand img { height: 48px !important; width: auto; max-width: 100%; }
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-text { color: var(--agency-brown); font-weight: 600; font-size: .95rem; }
.navbar-text { text-decoration: none; white-space: nowrap; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #302828; }
.navbar-toggler { border-color: #66555555; padding: 10px; }
.navbar-toggler-icon { filter: brightness(.35); }
.masthead { position: relative; isolation: isolate; min-height: 570px; padding-top: 90px; }
.masthead::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, #352e2ebd, #352e2e66); }
.masthead h1 { font-weight: 650 !important; letter-spacing: .03em; font-size: clamp(2rem, 4.5vw, 3.75rem); }
.masthead .lead { font-size: clamp(1.1rem, 2vw, 1.4rem); }
section { padding: 88px 0; }
section:nth-of-type(even) { background: var(--agency-paper); }
.section-heading { color: var(--agency-brown); font-weight: 650; padding-bottom: 30px; }
h2 { font-size: clamp(1.75rem, 3vw, 2.35rem); }
h1, h2, h3, h4, h5 { overflow-wrap: anywhere; }
h3, h4, h5 { line-height: 1.35; }
p, li { font-size: 1rem; font-weight: 400; color: inherit; letter-spacing: normal; }
a { color: #665555; text-underline-offset: 4px; }
a:hover { color: #352e2e; }
.owner, .img-responsive { border-radius: 16px; }
.owner { max-width: 380px; margin-bottom: 24px; }
.btn { border-radius: 9px; padding: 12px 22px; font-weight: 600; }
.btn-primary { background: var(--agency-brown); border-color: var(--agency-brown); }
.btn-primary:hover, .btn-primary:focus { background: #4a3d3d; border-color: #4a3d3d; }
.btn-primary:disabled { background: #66555588; border-color: transparent; }
:focus-visible { outline: 3px solid #229d66 !important; outline-offset: 4px; }
.form-select { padding: 14px 40px 14px 16px; border-radius: 9px; min-width: 0; }
#paybill .provider { max-width: 450px; width: 100%; }
#paybill .form-select { background-color: #fff; color: var(--agency-ink); border: 2px solid var(--agency-brown); font-weight: 500; box-shadow: 0 3px 12px #352e2e0a; }
#paybill .form-select:hover { border-color: #352e2e; }
#paybill .form-select:focus { border-color: #352e2e; box-shadow: 0 0 0 4px #66555520; }
#paybill button { margin: 12px 0; }
#team .row { row-gap: 28px; }
.card { border: 1px solid #6655551c; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 24px #352e2e08; height: 100%; }
.card-header { background: #fff; border-bottom: 0; color: var(--agency-brown); padding: 24px 22px 12px; font-size: 1.3rem; }
.img-frame { min-height: 260px; margin: 8px 20px; border-radius: 10px; }
.card-body { padding: 22px; }
#team .transparencybox { height: auto; overflow: visible; }
#team .card-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; max-height: none; overflow: hidden; margin-bottom: 0; }
#team .biography-gradient { display: none; }
#team .transparencybox + .btn { margin-top: 24px; }
.modal-content { border: 0; border-radius: 16px; }
.modal-body { padding: 24px; }
.modal-title { color: var(--agency-brown); font-weight: 650; }
#contact { padding-bottom: 80px; }
.site-footer { padding: 28px 0; background: var(--agency-paper); border-top: 1px solid #6655551c; color: var(--agency-brown); text-align: center; font-size: .9rem; }
.site-footer a { text-decoration: underline; }
[data-cms-text] a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 991px) { .navbar .container-fluid { gap: 8px; } .navbar-text { display: block; padding-top: 12px; } .navbar-collapse { padding: 15px 0; } }
@media (max-width: 575px) { section { padding: 56px 0; } .masthead { min-height: 480px; } .navbar-brand img { height: 40px !important; } .container { padding-left: 22px; padding-right: 22px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }

.location-map iframe { display: block; width: 100%; height: 340px; border: 1px solid #66555540; border-radius: 12px; }
.location-map > a { display: inline-block; margin-top: 12px; text-decoration: underline; text-underline-offset: 4px; }