/* A different composition for each chapter of the agency site. */
.App .heroAboutTheme {padding-top:clamp(4rem,7vw,9rem);background:#ffe8ef}
.App .heroAboutTheme-wrap {display:flex;flex-direction:column;align-items:stretch;gap:4rem}
.App .heroAboutTheme-left {max-width:100%;text-align:center;align-items:center}
.App .hero-heading {max-width:18ch;margin-inline:auto;font-size:clamp(4.6rem,6.6vw,9.8rem)}
.App .hero-description {margin-inline:auto}
.App .hero-cta-group,.App .hero-feature-list,.App .hero-proof-bar {justify-content:center}
.App .heroAboutTheme-right {width:min(100%,84rem);margin:auto}
.App .hero-main-card {background:white;max-width:none;width:100%;border-radius:2rem 2rem 0 0;box-shadow:none;border-bottom:6px solid #181418}
.App .hero-grid-pattern {inset:0;opacity:.4;background:repeating-radial-gradient(circle at 100% 8%,transparent 0 55px,#d7a4b5 56px,transparent 57px 85px);mask-image:linear-gradient(90deg,transparent 55%,black)}
.App .stats-section {background:white}
.App .stats-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:2px solid black}
.App .stat-card {border:0;border-bottom:1px solid #dbbdc8;border-radius:0;background:none;box-shadow:none;padding:2.6rem}
.App .stat-icon-wrapper {display:none}
.App .about-services {background:#fff5f8}
.App .about-services-grid {display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid black}
.App .about-services-card,.App .about-services-card:nth-child(n) {display:grid;grid-template-columns:minmax(14rem,.65fr) minmax(0,2fr) auto;align-items:center;gap:2rem;border:0;border-bottom:1px solid #a48a94;border-radius:0;background:transparent;padding:2.6rem 1rem;box-shadow:none}
.App .about-services-card:hover {background:#ffe0eb}
.App .about-services-card .card-top-row {margin:0;justify-content:flex-start;gap:1rem}
.App .service-accent-border {display:none}
.App .case-studies-section {background:white}
.App .case-studies-grid {display:flex;flex-direction:column;gap:3rem}
.App .case-study-card {display:grid;grid-template-columns:1fr 1fr;border:0;border-radius:0;background:#fff0f5;box-shadow:none}
.App .case-study-visual {height:auto;min-height:25rem}
.App .case-study-card:nth-child(even) .case-study-visual {order:1}
.App .case-study-body {padding:clamp(2.5rem,4vw,6rem);align-self:center}
.App .sg-about {background:#fbdde7}
.App .sg-about-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#b58e9c;border:1px solid #b58e9c}
.App .sg-about-card:nth-child(n) {background:#fff7f9;border:none;border-radius:0;padding:clamp(2rem,3vw,4rem)}
.App .sg-step-number {font:italic 3.8rem Georgia,serif}
.App .about-process-grid {display:block;border-left:3px solid #171317;margin-left:1rem}
.App .about-process-card {display:grid;grid-template-columns:12rem 1fr;align-items:center;gap:2rem;margin:0 0 0 2.5rem;border:0;border-bottom:1px solid #d9bec8;border-radius:0;padding:2rem 0}
.App .process-card-accent {display:none}
.App .testimonials-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
.App .testimonial-card {border:0;border-radius:0 3rem 3rem 3rem;padding:clamp(2.5rem,4vw,4rem)}
.App .test-quote-text {font:1.9rem/1.5 Georgia,serif}
.App .cta5-container {background:#ffe0eb;border:0;border-block:4px solid #171317;border-radius:0}
.App .cta5-side {border:1px dashed #846d76;border-radius:0;background:white}
.App .ft-blue {background:#ffeef4}
.App .ft-top {gap:clamp(2rem,4vw,6rem)}
.App .spx-card,.App .terms-card,.App .pp-content {border:0;border-left:4px solid #edabc1;border-radius:0;background:white;padding:clamp(2rem,4vw,5rem)}
.App .av5-graphic-card,.App .cv6-form-card {border:1px solid black;border-radius:0 3.5rem 0 0;background:white}
.App .cv6-side-card,.App .spx-side {background:#ffdeea;border:0;border-radius:0;box-shadow:none}
@media(min-width:900px){
.App .stats-wrap,.App .sg-about-wrap,.App .about-process-wrap {display:grid;grid-template-columns:minmax(20rem,.65fr) minmax(0,1.6fr);align-items:start;gap:4rem}
.App :is(.stats-header,.sg-about-head,.about-process-head) {text-align:left;margin:0;align-items:flex-start}
.App .sg-about-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.App .cv6-form-card {order:2}.App .cv6-grid {grid-template-columns:minmax(24rem,.8fr) minmax(0,1.3fr)}
}
@media(max-width:720px){
.App .hero-heading {font-size:clamp(4.2rem,10vw,6rem)}
.App .heroAboutTheme-right {min-width:0}
.App .stats-grid,.App .sg-about-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.App .about-services-card:nth-child(n),.App .case-study-card,.App .testimonials-grid {grid-template-columns:1fr}
.App .case-study-card:nth-child(even) .case-study-visual {order:0}
.App .case-study-visual {min-height:18rem}
.App .about-process-card {grid-template-columns:1fr;gap:.5rem}
.App .about-services-card {gap:1rem}
}
