/* Original green/gold palette and self-hosted typefaces. */
body.site-refresh {
  --refresh-ink: #163237;
  --refresh-paper: #1c3b41;
  --refresh-soft: #1c3b41;
  --refresh-muted: #e5e4d5;
  --refresh-line: #3b5c62;
  --refresh-gold: #cbb471;
  --refresh-gold-ink: #cbb471;
  background: #163237;
  color: #e5e4d5;
  font-size: 17px;
  line-height: 1.75;
}
/* Full-width sections alternate between the two original brand greens. */
body.site-refresh #main > :is(header, section) {
  --green: #163237;
  --green-soft: #1c3b41;
  --cream: #fcf0c6;
  --cream-soft: #e5e4d5;
  --cream-mute: #cbb471;
  --text-light: #e5e4d5;
  --line: #3b5c62;
  --rule: #3b5c62;
  color: #e5e4d5;
}
body.site-refresh #main > :is(header, section):nth-child(odd of header, section) {
  background: #163237;
}
body.site-refresh #main > :is(header, section):nth-child(even of header, section) {
  background: #1c3b41;
}
body.site-refresh main h1 em,
body.site-refresh main h2 em,
body.site-refresh main h3 em { font-style: normal; }
body.site-refresh main h1 { font-weight: 400; line-height: 1.18; }
body.site-refresh main h2 { font-weight: 400; line-height: 1.3; }
body.site-refresh main :is(h1, h2, h3) { overflow-wrap: anywhere; hyphens: auto; }
body.site-refresh main > section { padding-top: 64px; padding-bottom: 64px; }
body.site-refresh main .section-title { font-size: clamp(30px, 3.2vw, 42px); }
body.site-refresh main :is(.btn-primary, .btn-ghost, .btn) {
  box-shadow: none;
  text-transform: none;
  letter-spacing: .02em;
  font-size: 15px;
  min-height: 44px;
  padding: 12px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}
body.site-refresh main :is(.btn-primary:hover, .btn.solid:hover) { transform: none; box-shadow: none; }
body.site-refresh main .btn-ghost { color: var(--cream); border-color: var(--rule); }
body.site-refresh main .text-link { text-transform: none; letter-spacing: .02em; font-size: 15px; }
body.site-refresh #main :is(a, button):focus-visible { outline: 2px solid var(--cream); outline-offset: 4px; }
body.site-refresh .refresh-photo { margin: 0; min-width: 0; }
body.site-refresh .refresh-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
body.site-refresh .refresh-hero-photo { min-width: 0; }
@media (max-width: 760px) {
  body.site-refresh main > section { padding-top: 44px; padding-bottom: 44px; }
  body.site-refresh .refresh-photo img { aspect-ratio: 3 / 2; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-refresh .refresh-photo { animation: none; }
}

/* Burri: dark, compact introductions; open services and light practice sections. */
body.site-refresh #navbar { padding: 18px max(24px, calc((100vw - 1240px) / 2)); z-index: 210; }
body.site-refresh .nav-logo img { width: 220px; height: auto; }
body.site-refresh .nav-links > li > a { text-transform: none; letter-spacing: .02em; font-size: 14px; }
body.site-refresh .mobile-nav { padding-top: 110px; }
body.site-refresh #hero { height: auto; min-height: 0; padding: 52px max(24px, calc((100vw - 1240px) / 2)) 56px; gap: 56px; align-items: center; background: #163237; }
body.site-refresh .hero-left { padding: 0; }
body.site-refresh .hero-title { font-size: clamp(36px, 4.1vw, 54px); font-weight: 400; }
body.site-refresh .hero-desc { font-size: 17px; line-height: 1.8; color: #e5e4d5; }
body.site-refresh #hero .hero-right { overflow: visible; height: auto; }
body.site-refresh #hero .refresh-photo img { padding: 0; opacity: 1; object-fit: cover; object-position: 60% center; }
body.site-refresh main :is(#services, #why, #cases, .svc-sec) { padding-left: max(24px, calc((100vw - 1240px) / 2)); padding-right: max(24px, calc((100vw - 1240px) / 2)); }
body.site-refresh .services-header { margin-bottom: 32px; }
body.site-refresh .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; background: transparent; }
body.site-refresh .service-card { padding: 22px 0 0; background: transparent; border-top: 1px solid var(--refresh-line); overflow: visible; }
body.site-refresh .service-card::before { display: none; }
body.site-refresh .service-card:hover { background: transparent; }
body.site-refresh .service-card:hover .service-name { text-decoration: underline; text-underline-offset: 5px; }
body.site-refresh .service-icon { width: 26px; height: 26px; margin-bottom: 12px; color: var(--refresh-gold-ink); }
body.site-refresh :is(.service-name, .feat-name, .practice-title, .case-title) { font-family: var(--font-body); font-weight: 500; font-size: 21px; line-height: 1.4; }
body.site-refresh :is(.service-desc, .feat-desc, .case-text, .case-lead) { font-size: 16px; line-height: 1.8; }
body.site-refresh .service-link { text-transform: none; font-size: 15px; letter-spacing: .02em; }
body.site-refresh .why-grid { gap: 48px; }
body.site-refresh .why-image { aspect-ratio: 3 / 2; max-height: none; }
body.site-refresh .why-image img { filter: none; }
body.site-refresh .why-text p { font-size: 17px; }
body.site-refresh .case-card { background: transparent; border: 0; border-top: 1px solid var(--refresh-line); padding: 22px 0 0; }
body.site-refresh .svc-hero { background: #163237; padding: 60px max(24px, calc((100vw - 1240px) / 2)); }
body.site-refresh .svc-h-title { font-size: clamp(36px, 4vw, 52px); }
body.site-refresh .svc-h-lead { color: #e5e4d5; font-size: 17px; line-height: 1.8; }
body.site-refresh .svc-h-tag { color: var(--refresh-gold); }
body.site-refresh .svc-h-tag::before { background: var(--refresh-gold); }
body.site-refresh .refresh-photo-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 48px; align-items: center; }
body.site-refresh .refresh-photo-hero .svc-hero-inner { min-width: 0; }
body.site-refresh .refresh-photo-hero .refresh-photo img { object-position: 42% center; }
body.site-refresh .refresh-hero-actions { margin-top: 24px; }
body.site-refresh .feat-header { margin-bottom: 30px; }
body.site-refresh .features-grid { background: transparent; border: 0; gap: 32px 48px; }
body.site-refresh .feature-item { background: transparent; padding: 22px 0 0; border-top: 1px solid var(--refresh-line); }
body.site-refresh .feat-icon { background: transparent; border: 0; width: 28px; height: 28px; color: var(--refresh-gold-ink); }
body.site-refresh .practice-card { background: transparent; border: 0; border-left: 3px solid var(--refresh-gold); padding: 4px 0 4px 28px; }
body.site-refresh .practice-card p { font-size: 16px; }
body.site-refresh .svc-text-title { font-size: clamp(27px, 2.6vw, 34px); }
body.site-refresh .svc-sec p.body { font-size: 17px; }
body.site-refresh .ktk-hero { background: #163237; padding-top: 60px; padding-bottom: 60px; }
body.site-refresh .ktk-h-title { font-size: clamp(36px, 4vw, 52px); }
/* Team: consistent portrait concepts with open, readable profiles. */
body.site-refresh .team-grid { gap: 40px; }
body.site-refresh .team-card { background: transparent; border: 0; padding: 0; min-width: 0; }
body.site-refresh .team-portrait { margin: 0 0 20px; }
body.site-refresh .team-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 4px; }
body.site-refresh .team-name { font-size: 27px; line-height: 1.3; }
body.site-refresh .team-role { text-transform: none; letter-spacing: .01em; opacity: 1; color: var(--refresh-gold-ink); font-size: 14px; line-height: 1.5; margin-bottom: 16px; }
body.site-refresh .team-bio { font-size: 16px; line-height: 1.8; }
@media (max-width: 960px) {
  body.site-refresh #hero { grid-template-columns: 1fr; gap: 32px; padding-top: 40px; }
  body.site-refresh .refresh-photo-hero { grid-template-columns: 1fr; gap: 32px; }
  body.site-refresh .refresh-photo { max-width: 680px; }
  body.site-refresh .cases-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  body.site-refresh .nav-logo img { width: 195px; }
  body.site-refresh .services-grid { grid-template-columns: 1fr; gap: 26px; }
  body.site-refresh .hero-actions { align-items: stretch; }
  body.site-refresh .svc-hero { padding-top: 40px; padding-bottom: 44px; }
  body.site-refresh .practice-card { padding-left: 20px; }
}

/* Mountain relief remains the homepage brand motif. */
body.site-refresh #hero .hero-relief { height: auto; overflow: hidden; }
body.site-refresh #hero .hero-relief img { width: 100%; height: auto; padding: 0; opacity: 1; object-fit: contain; }
body.site-refresh #hero .hero-relief .hero-overlay { display: none; }
body.site-refresh .why-image { overflow: visible; aspect-ratio: auto; }
body.site-refresh .why-image .refresh-photo img { aspect-ratio: 3 / 2; }
body.site-refresh .refresh-photo-hero .refresh-photo img { aspect-ratio: 3 / 2; object-position: center; }

/* Service introductions use the original mountain relief without cropping. */
body.site-refresh .service-relief { margin: 0; min-width: 0; }
body.site-refresh .service-relief picture { display: block; }
body.site-refresh .service-relief img { display: block; width: 100%; height: auto; object-fit: contain; }
/* Preserve the complete composition of the selected team image. */
body.site-refresh .why-image .refresh-photo img { aspect-ratio: auto; }

/* Clear service answers and the next step share the existing two-green palette. */
body.site-refresh .hero-eyebrow { font-size: .84rem; line-height: 1.6; color: var(--cream); margin: 0 0 1rem; max-width: 38rem; }
body.site-refresh .content-contact { background: var(--green); border-top: 1px solid var(--refresh-line); }
body.site-refresh .content-contact p { max-width: 45rem; line-height: 1.8; margin: 1.25rem 0 1.75rem; }
body.site-refresh .service-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 3rem; margin-top: 2rem; max-width: 70rem; }
body.site-refresh .service-faq-grid article { min-width: 0; border-top: 1px solid var(--refresh-line); padding-top: 1.5rem; }
body.site-refresh .service-faq-grid h3 { font-family: 'Playfair Display', Georgia, serif; font-weight: 400; font-size: 1.35rem; line-height: 1.4; margin-bottom: 1rem; }
body.site-refresh .service-faq-grid p, body.site-refresh .service-related { font-size: 1rem; line-height: 1.8; }
body.site-refresh .service-related { margin-top: 2rem; }
body.site-refresh .service-related a { color: var(--cream); text-decoration: underline; text-underline-offset: .2em; }
@media(max-width:760px) { body.site-refresh .service-faq-grid { grid-template-columns: 1fr; } }

body.site-refresh #service-questions { scroll-margin-top: 110px; }