/* ReadAI case. All styles scoped to this page. */
.readai-page { background: #fff; color: #26231f; }
.ra-case { --ra-orange: #f99b34; --ra-ink: #24221f; --ra-muted: #68635e; --ra-border: #eae5de; padding-bottom: 50px; }
.ra-case .ra-shell { max-width: 1320px; padding: 0 32px; }
.ra-case .breadcrumb { flex-wrap: wrap; row-gap: 8px; margin: 10px 0 28px; font-size: 12px; }
.ra-case .breadcrumb__link--current { color: #a75a11; }
.ra-case h2 { font-size: clamp(30px, 3.5vw, 48px); line-height: 1.12; font-weight: 600; letter-spacing: -.045em; margin: 0 0 24px; }
.ra-case h3 { font-size: 23px; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 15px; }
.ra-case p { font-size: 17px; line-height: 1.75; margin: 0 0 18px; }
.ra-case em { font-style: normal; color: #ab580d; }
.ra-case .ra-eyebrow { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; line-height: 1.6; font-weight: 600; margin-bottom: 24px; color: #8c5420; }
.ra-case a:focus-visible, .ra-case button:focus-visible { outline: 3px solid #c47320; outline-offset: 5px; }
.ra-skip { position: fixed; left: 20px; top: -100px; padding: 16px; background: #fff; color: #26231f; z-index: 9999; }
.ra-skip:focus { top: 20px; }
.ra-hero { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; background: #121212; color: #fff; border-radius: 28px; overflow: hidden; padding: 48px 40px 0; }
.ra-hero-copy { position: relative; z-index: 1; padding: 0 0 34px; }
.ra-hero .ra-eyebrow { color: #decbb5; }
.ra-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 8px; background: #ffa849; vertical-align: 1px; }
.ra-case .project-title { font-size: clamp(38px, 4.5vw, 63px); line-height: 1.05; letter-spacing: -.06em; font-weight: 600; color: #fff; margin: 0 0 24px; }
.ra-hero em, .ra-results em { color: #ffb45e; }
.ra-case .ra-lead { color: #cbc8c3; font-size: 16px; line-height: 1.65; max-width: 460px; }
.ra-hero-result { display: flex; align-items: center; gap: 18px; margin: 26px 0 30px; }
.ra-hero-result>strong { font-size: 62px; font-weight: 600; line-height: 1; letter-spacing: -.065em; color: #ffb45e; }
.ra-hero-result span { font-size: 15px; line-height: 1.5; }
.ra-hero-result small { display: block; margin-top: 5px; color: #aba69f; font-size: 11px; line-height: 1.5; }
.ra-button { display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 0; border-radius: 99px; background: #ffad51; color: #211c16; font: inherit; font-size: 15px; font-weight: 600; text-align: left; line-height: 1.5; padding: 19px 25px; cursor: pointer; transition: background .2s; }
.ra-button:hover { background: #ffc078; }
.ra-button span { font-size: 24px; line-height: 1; flex-shrink: 0; }
.ra-art { margin: 30px 0 0; min-width: 0; }
.ra-art a { display: block; border-radius: 20px; overflow: hidden; }
.ra-art img { display: block; width: 100%; height: auto; }
.ra-art figcaption { font-size: 13px; line-height: 1.6; color: var(--ra-muted); margin-top: 14px; }
.ra-hero .ra-hero-art { margin: 0 -25px 0 0; }
.ra-hero-art a { border-radius: 0; }
.ra-hero-bottom { grid-column: 1/-1; display: flex; justify-content: space-between; gap: 15px; padding: 21px 0; border-top: 1px solid #ffffff26; color: #afa79c; font-size: 11px; line-height: 1.6; }
.ra-summary { display: grid; grid-template-columns: repeat(3, 1fr); padding: 34px 0; gap: 30px; border-bottom: 1px solid var(--ra-border); }
.ra-summary>div { padding-left: 35px; position: relative; }
.ra-summary>div+div { border-left: 1px solid var(--ra-border); }
.ra-summary>div>span { position: absolute; left: 10px; top: 5px; color: #a9611d; font-size: 10px; }
.ra-summary strong { display: block; font-size: 20px; margin-bottom: 8px; line-height: 1.3; font-weight: 600; }
.ra-summary p { font-size: 13px; color: var(--ra-muted); line-height: 1.6; margin: 0; }
.ra-section { margin: 100px 0; }
.ra-intro { display: grid; grid-template-columns: 1fr 2.1fr; gap: 50px; padding: 0 28px; }
.ra-intro p:not(.ra-eyebrow) { color: var(--ra-muted); }
.ra-intro .ra-pullquote { margin: 30px 0 0; padding-left: 25px; border-left: 3px solid #f0a352; color: var(--ra-ink)!important; font-size: 23px; line-height: 1.5; }
.ra-section-top { max-width: 790px; }
.ra-section-top>p:not(.ra-eyebrow) { color: var(--ra-muted); max-width: 720px; }
.ra-solution { padding: 48px 38px 30px; background: #fcf6ed; border-radius: 28px; }
.ra-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding: 28px 0 5px; }
.ra-steps>div { border-top: 1px solid #decfbb; padding-top: 20px; }
.ra-steps span { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 32px; height: 32px; background: #e9d8bd; margin-bottom: 16px; font-size: 13px; }
.ra-steps h3 { font-size: 20px; }
.ra-steps p { color: var(--ra-muted); font-size: 14px; line-height: 1.6; }
.ra-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; margin-top: 36px; }
.ra-feature-grid article { padding: 28px 0 20px; border-top: 1px solid var(--ra-border); }
.ra-feature-number { display: block; color: #a15715; font-size: 11px; margin-bottom: 18px; }
.ra-feature-grid p { color: var(--ra-muted); font-size: 15px; }
.ra-feature-grid .ra-business { color: var(--ra-ink); font-size: 14px; }
.ra-business strong { font-weight: 600; }
.ra-results { display: grid; grid-template-columns: 1.3fr 1fr; gap: 55px; align-items: center; background: #191817; color: white; border-radius: 28px; padding: 56px 45px; }
.ra-results .ra-eyebrow { color: #dfb17b; }
.ra-results p { color: #c7c2bd; font-size: 16px; }
.ra-results p:last-child { margin-bottom: 0; }
.ra-result-number { text-align: center; }
.ra-result-number>strong { display: block; font-size: clamp(80px, 10vw, 146px); font-weight: 500; line-height: 1; letter-spacing: -.07em; color: #ffb45e; margin-bottom: 18px; }
.ra-result-number>strong span { font-size: .55em; }
.ra-result-number p { color: #fff; font-size: 18px; margin-bottom: 12px; }
.ra-result-number small { display: block; color: #aaa29a; font-size: 11px; line-height: 1.6; }
.ra-expertise { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; margin-top: 42px; }
.ra-expertise article { padding: 25px 0 0; border-top: 1px solid var(--ra-border); }
.ra-expertise article>span { color: #a35915; font-size: 13px; display: block; margin-bottom: 22px; }
.ra-expertise p { font-size: 15px; color: var(--ra-muted); }
.ra-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.ra-gallery .ra-art { margin-top: 8px; }
.ra-cta { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 75px; border-radius: 28px; padding: 56px 45px; background: #fbefdf; }
.ra-cta p:last-child { color: var(--ra-muted); font-size: 16px; margin-bottom: 0; }
.ra-cta-actions { display: flex; flex-direction: column; gap: 22px; }
.ra-contact { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #31261c; font-size: 15px; padding: 0 12px 15px; border-bottom: 1px solid #d5b99a; text-decoration: none; }
.ra-cta-actions p { padding: 0 12px; font-size: 13px!important; }
.ra-back { display: inline-block; font-size: 14px; line-height: 1.6; margin-top: 30px; color: #655644; }
@media (max-width: 1000px) {
 .ra-hero { padding: 36px 28px 0; }
 .ra-hero-copy .project-title { font-size: 46px; }
 .ra-case .ra-shell { padding: 0 24px; }
 .ra-intro { gap: 30px; padding: 0; grid-template-columns: .7fr 2fr; }
 .ra-results, .ra-cta { padding: 40px 30px; gap: 30px; }
 .ra-expertise { gap: 24px; }
}
@media (max-width: 768px) {
 .ra-case .ra-shell { padding: 0 18px; }
 .ra-case h2 { font-size: 34px; }
 .ra-hero { grid-template-columns: 1fr; padding: 30px 24px 0; border-radius: 22px; }
 .ra-hero-copy { padding-bottom: 0; }
 .ra-hero-copy .project-title { font-size: clamp(38px, 7.5vw, 56px); }
 .ra-hero .ra-hero-art { margin: 16px auto 0; width: 100%; max-width: 500px; }
 .ra-hero .ra-lead { max-width: 550px; }
 .ra-hero-bottom { font-size: 10px; flex-wrap: wrap; }
 .ra-summary { gap: 18px; grid-template-columns: 1fr; padding: 26px 0; }
 .ra-summary>div { padding-left: 38px; }
 .ra-summary>div+div { border: 0; }
 .ra-summary strong { font-size: 19px; margin-bottom: 4px; }
 .ra-section { margin: 65px 0; }
 .ra-intro { grid-template-columns: 1fr; gap: 0; }
 .ra-case p { font-size: 16px; }
 .ra-intro .ra-pullquote { font-size: 21px; }
 .ra-solution { padding: 30px 22px 22px; }
 .ra-steps { grid-template-columns: 1fr; gap: 12px; padding-top: 10px; }
 .ra-steps>div { position: relative; padding: 18px 0 0 46px; }
 .ra-steps span { position: absolute; left: 0; top: 18px; }
 .ra-steps h3 { font-size: 20px; }
 .ra-steps p { font-size: 14px; }
 .ra-feature-grid { gap: 0 26px; }
 .ra-feature-grid h3, .ra-expertise h3 { font-size: 22px; }
 .ra-feature-grid p { font-size: 15px; }
 .ra-results { grid-template-columns: 1fr; padding: 32px 24px; }
 .ra-result-number { border-top: 1px solid #ffffff2b; padding-top: 25px; }
 .ra-result-number>strong { font-size: 110px; }
 .ra-expertise { grid-template-columns: 1fr; gap: 12px; }
 .ra-expertise article { padding-left: 42px; position: relative; }
 .ra-expertise article>span { position: absolute; left: 0; top: 29px; }
 .ra-gallery { grid-template-columns: 1fr; gap: 26px; }
 .ra-cta { grid-template-columns: 1fr; padding: 32px 24px; gap: 28px; }
 .ra-art a { border-radius: 12px; }
}
@media (max-width: 480px) {
 .ra-case .ra-shell { padding: 0 14px; }
 .ra-case .breadcrumb { font-size: 10px; }
 .ra-case h2 { font-size: 30px; }
 .ra-hero { padding: 26px 20px 0; }
 .ra-hero-copy .project-title { font-size: 38px; }
 .ra-case .ra-eyebrow { font-size: 10px; }
 .ra-hero-result>strong { font-size: 55px; }
 .ra-hero-result { gap: 12px; }
 .ra-hero-result span { font-size: 13px; }
 .ra-hero-result small { font-size: 10px; }
 .ra-button { font-size: 13px; padding: 17px 19px; width: 100%; }
 .ra-solution { padding: 26px 18px 20px; }
 .ra-feature-grid { grid-template-columns: 1fr; margin-top: 25px; }
 .ra-section { margin: 55px 0; }
 .ra-cta { padding: 28px 20px; }
}
@media (prefers-reduced-motion: reduce) { .ra-case * { transition: none!important; animation: none!important; } }