/* Extracted from JA_SERVICES_RELAUNCH.html. */

.entry-content.single-content { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.ja-services-page, .ja-services-page * { box-sizing: border-box; }
.ja-services-page {
  --cream:#f5f0ea; --beige:#e8ddd2; --warm:#d4c4b0; --brown:#2c1f14; --brown-mid:#6b4c32; --accent:#c4a882; --white:#faf8f5;
  background: var(--white); color: var(--brown); font-family: 'DM Sans', sans-serif; overflow: hidden;
}
.ja-s-section { padding: clamp(76px, 9vw, 138px) 8vw; }
.ja-s-hero { background: linear-gradient(90deg, var(--brown) 62%, var(--cream) 62%); color: var(--cream); min-height: 66vh; display: flex; align-items: center; }
.ja-s-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr); gap: clamp(38px, 6vw, 92px); align-items: center; }
.ja-s-kicker { display: inline-flex; align-items: center; gap: 14px; margin: 0 0 26px; color: var(--brown-mid); font-size: 11px; letter-spacing: 3px; text-transform: uppercase; }
.ja-s-kicker::after { content:""; width:42px; height:1px; background:var(--warm); }
.ja-s-hero .ja-s-kicker { color: var(--accent); }
.ja-s-hero .ja-s-kicker::after { background: rgba(196,168,130,.35); }
.ja-services-page h1, .ja-services-page h2, .ja-services-page h3 { font-family: 'Cormorant Garamond', serif; font-weight: 300; line-height: 1.04; margin: 0; color: var(--brown); }
.ja-s-hero h1, .ja-s-hero h2, .ja-s-hero h3 { color: var(--cream); }
.ja-services-page h1 { max-width: 850px; font-size: clamp(52px, 6.5vw, 90px); letter-spacing: -2.2px; }
.ja-services-page h2 { font-size: clamp(42px, 5.8vw, 82px); letter-spacing: -1.4px; }
.ja-services-page h3 { font-size: clamp(30px, 3vw, 46px); }
.ja-s-lead { max-width: 700px; margin: 28px 0 0; color: var(--brown-mid); font-size: clamp(18px, 1.5vw, 22px); line-height: 1.75; font-weight: 300; }
.ja-s-hero .ja-s-lead { color: rgba(245,240,234,.72); }
.ja-s-copy { color: var(--brown-mid); font-size: 17px; line-height: 1.8; font-weight: 300; }
.ja-s-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px; align-items: stretch; }
.ja-s-card { display: flex; flex-direction: column; padding: 36px; border: 1px solid var(--beige); border-radius: 24px; background: var(--white); box-shadow: 0 22px 70px rgba(44,31,20,.06); }
.ja-s-card.featured { background: var(--cream); border-color: var(--accent); transform: translateY(-14px); }
.ja-s-num { font-family:'Cormorant Garamond', serif; font-size: 64px; line-height: .9; color: var(--accent); font-style: italic; margin-bottom: 22px; }
.ja-s-meta { margin: 18px 0; padding: 14px 0; border-top: 1px solid var(--beige); border-bottom: 1px solid var(--beige); color: var(--brown); font-size: 14px; line-height: 1.6; }
.ja-s-price { margin: 0 0 24px; color: var(--brown); }
.ja-s-price strong { font-size: 25px; }
.ja-s-list { display: grid; gap: 12px; padding: 0; margin: 22px 0 30px; list-style: none; }
.ja-s-list li { position: relative; padding-left: 24px; color: var(--brown-mid); line-height: 1.6; font-size: 15px; }
.ja-s-list li::before { content:""; position:absolute; left:0; top:.78em; width:12px; height:1px; background:var(--accent); }
.ja-s-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:15px 26px; border:1px solid var(--brown); color:var(--brown); text-decoration:none; text-transform:uppercase; letter-spacing:1.8px; font-size:12px; transition:.3s ease; margin-top:auto; }
.ja-s-btn:hover, .ja-s-btn.filled { background:var(--brown); color:var(--cream); }
.ja-s-btn.filled:hover { background:var(--accent); border-color:var(--accent); color:var(--brown); }
.ja-s-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.ja-s-dark { background: var(--brown); color: var(--cream); }
.ja-s-dark h2, .ja-s-dark h3 { color: var(--cream); }
.ja-s-dark .ja-s-kicker { color: var(--accent); }
.ja-s-dark .ja-s-copy, .ja-s-dark .ja-s-lead { color: rgba(245,240,234,.68); }
.ja-s-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 44px; background: rgba(196,168,130,.28); border-radius: 22px; overflow: hidden; }
.ja-s-process-item { padding: 30px; background: rgba(245,240,234,.04); min-height: 210px; }
.ja-s-process-item span { display:block; color:var(--accent); letter-spacing:2px; font-size:12px; margin-bottom:24px; }
.ja-s-note { margin-top: 36px; padding: 26px 30px; background: var(--cream); border-left: 4px solid var(--accent); color: var(--brown-mid); line-height: 1.75; font-weight: 300; }
.ja-s-final { text-align: center; background: var(--cream); }
.ja-s-final h2 { max-width: 880px; margin: 0 auto; }
.ja-s-final .ja-s-lead { margin-left: auto; margin-right: auto; }
.ja-s-final .ja-s-actions { justify-content: center; }
@media (max-width: 1180px) { .ja-s-card-grid { grid-template-columns: repeat(2, 1fr); } .ja-s-card.featured { transform: none; } }
@media (max-width: 1024px) { .ja-s-grid { grid-template-columns: 1fr; } .ja-s-process { grid-template-columns: repeat(2, 1fr); } .ja-s-hero { background: var(--brown); } }
@media (max-width: 767px) { .ja-s-section { padding: 72px 6vw; } .ja-services-page h1 { font-size: clamp(50px, 15vw, 74px); } .ja-s-card-grid, .ja-s-process { grid-template-columns: 1fr; } }
