/*
Theme Name: Mihai Dumitrescu
Description: Custom WordPress theme for mihaidumitrescu.com, based on Twenty Twenty-Five.
Author: Mihai Dumitrescu
Template: twentytwentyfive
Version: 1.0.0
Text Domain: mihai-dumitrescu
*/

/* Independent specialist: editorial typography, warm paper, forest and lime. */
:root { --md-gutter: clamp(1.25rem, 4vw, 4rem); --md-ink: var(--wp--preset--color--contrast); --md-paper: var(--wp--preset--color--base); --md-accent: var(--wp--preset--color--accent-1); --md-muted: var(--wp--preset--color--accent-4); --md-mono: ui-monospace, SFMono-Regular, Consolas, monospace; }
.md-header-inner, .md-footer-inner, .md-section-inner { width: auto; max-width: 1360px; padding-inline: var(--md-gutter); margin-inline: auto; }
.md-home, .md-home > .wp-block-post-content, .md-section { margin-block-start: 0; }
.md-section { padding-block: clamp(3.5rem, 6vw, 6.5rem); }
.md-section-inner > *, .md-section-title { min-width: 0; }
.md-eyebrow, .md-brand-label, .md-text-link, .md-placeholder-label { font-size: .75rem; line-height: 1.5; }
.md-eyebrow, .md-brand-label { text-transform: uppercase; letter-spacing: .12em; font-family: var(--md-mono); }
.md-eyebrow { color: var(--md-muted); }
.md-section-heading { display: flex; align-items: flex-start; gap: 1.5rem; margin-bottom: 3rem; }
.md-section-number { font-family: var(--md-mono); font-size: .8rem; line-height: 1.5; margin: .1rem 0 0; padding-top: .05rem; color: #2f5943; }
.md-section-number { flex-shrink: 0; white-space: nowrap; }
.md-section-number::after { content: ' /'; }
.md-section-title { margin: 0; }
.md-section-title > .md-eyebrow { margin: 0 0 1rem; }
.md-section-title h2 { margin: 0; max-width: 22ch; }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid #2f5943; outline-offset: 5px; }
.wp-block-buttons { gap: .85rem; }
.wp-block-button__link { min-height: 48px; border-radius: 6px; }
.wp-block-button__link:hover { background: #172921; color: #f6f5f0; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: #dde5dc; color: #172921; }
.md-text-link { font-size: .85rem; font-weight: 650; }
.md-text-link a { text-decoration: none; text-underline-offset: .3em; }
.md-text-link a:hover { text-decoration: underline; }

/* Compact light masthead with the native accessible navigation overlay. */
.md-header { background: var(--md-paper); color: var(--md-ink); }
.md-header-inner { display: flex; align-items: center; gap: 2rem; justify-content: space-between; padding-block: 1.4rem; }
.md-brand { flex-shrink: 0; }
.md-brand .wp-block-site-title { margin: 0; letter-spacing: -.045em; line-height: 1.1; }
.md-brand .wp-block-site-title a { color: var(--md-ink); text-decoration: none; }
.md-brand-label { font-size: .6rem; margin-top: .4rem; color: var(--md-muted); }
.md-header .wp-block-navigation, .md-header .wp-block-buttons { margin-top: 0; }
.md-header .wp-block-navigation__container { gap: clamp(.8rem, 1.4vw, 1.5rem); }
.md-header .wp-block-navigation a { color: var(--md-ink); text-underline-offset: .35em; }
.md-header .wp-block-navigation-item__content { padding-block: .65rem; }
.md-header .wp-block-navigation a:hover { text-decoration: underline; }
.md-header .wp-block-navigation__responsive-container.is-menu-open a { color: #f6f5f0; }
.md-header .wp-block-navigation__responsive-container.is-menu-open :focus-visible { outline-color: #d6ed78; }
.md-header .wp-block-button__link { background: var(--md-ink); color: var(--md-paper); font-size: .8rem; padding: .75rem 1rem; }
.md-header .wp-block-button__link:hover { background: #2f5943; }

/* Hero: purposeful typography and a real person, with no decorative image effects. */
.md-hero { padding-top: clamp(2rem, 4vw, 4rem); }
.md-hero-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 4vw, 4rem); }
.md-hero-layout > * { min-width: 0; margin-top: 0; }
.md-hero-copy { padding-block: 1rem; }
.md-hero-copy > .md-eyebrow { display: inline-flex; align-items: center; gap: .65rem; margin: 0; }
.md-hero-copy > .md-eyebrow::before { content: ''; width: 7px; height: 7px; background: #2f5943; border-radius: 50%; }
.md-hero h1 { margin-block: 1.5rem; max-width: 24ch; }
.md-heading-accent { color: #2f5943; }
.md-intro { font-size: clamp(1.075rem, 1.4vw, 1.25rem); line-height: 1.6; max-width: 54ch; color: var(--md-muted); }
.md-hero .wp-block-buttons { margin-top: 1.75rem; }
.md-hero .is-style-outline .wp-block-button__link { border-color: #172921; }
.md-portrait-panel { position: relative; background: #172921; color: var(--md-paper); border-radius: 12px; overflow: hidden; min-height: 440px; display: flex; flex-direction: column; justify-content: flex-end; }
.md-portrait-name { position: relative; z-index: 1; margin: 0; padding: 1.5rem; font-size: .8rem; font-family: var(--md-mono); }
.md-portrait { margin: auto 0 0; }
.md-portrait img { display: block; width: 100%; height: auto; }
.md-portrait-caption { margin: 0; padding: 1rem 1.5rem; font-family: var(--md-mono); font-size: .7rem; color: #dde5dc; border-top: 1px solid #536159; }
.md-capabilities { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; padding-top: 2rem; margin-top: 2.5rem; border-top: 1px solid #d9ded5; }
.md-capability-label { font-size: .9rem; margin: 0; color: var(--md-muted); display: flex; align-items: center; gap: .65rem; }
.md-capability-label::before { content: '↗'; color: #2f5943; font-size: 1.2rem; }

/* Services: a broad development entry, then concise technical specialties. */
.md-services-section { background: #ffffff; }
.md-services-top { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .8fr); gap: 4rem; }
.md-services-top .md-section-heading { margin-bottom: 0; }
.md-services-summary { margin-top: 2.4rem; }
.md-services-summary p { max-width: 47ch; }
.md-services-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 3.5rem; margin-top: 3rem; }
.md-service { display: flex; align-items: flex-start; gap: 1.5rem; padding-block: 2rem; border-top: 1px solid #d9ded5; margin: 0; min-width: 0; }
.md-service-primary { grid-column: 1 / -1; display: grid; grid-template-columns: 2rem minmax(0, 1fr); }
.md-service-primary .md-service-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem 3rem; }
.md-service-primary h3 { font-size: clamp(1.7rem, 2.5vw, 2.5rem); grid-row: span 2; }
.md-service-number { font-family: var(--md-mono); font-size: .8rem; margin: .3rem 0 0; color: #2f5943; }
.md-service-content { margin: 0; min-width: 0; }
.md-service-content h3 { margin: 0; }
.md-service-description { color: var(--md-muted); margin-top: .85rem; max-width: 53ch; }
.md-service .md-text-link { margin-top: 1rem; }

/* Two clear engagement paths, contained as one deliberate composition. */
.md-audiences .md-audience-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 12px; overflow: hidden; }
.md-audience-card { margin: 0; padding: clamp(2rem, 4vw, 4rem); min-width: 0; background: #dde5dc; }
.md-audience-card:last-child { background: #172921; color: #f6f5f0; }
.md-audience-card:last-child .md-eyebrow { color: #d6ed78; }
.md-audience-card h3 { font-size: clamp(2rem, 3vw, 3rem); margin-top: 1.5rem; }
.md-audience-card p { max-width: 48ch; }
.md-audience-card ul { padding-left: 1.2rem; }
.md-audience-card li { padding-left: .25rem; margin-block: .55rem; }
.md-audience-card li::marker { color: #2f5943; }
.md-audience-card:last-child li::marker { color: #d6ed78; }
.md-audience-card .wp-block-buttons { margin-top: 1.75rem; }
.md-audience-card:last-child .is-style-outline .wp-block-button__link { border-color: #d6ed78; color: #d6ed78; }
.md-audience-card:last-child .is-style-outline .wp-block-button__link:hover { background: #d6ed78; color: #172921; }
.md-audience-card:last-child a:focus-visible { outline-color: #d6ed78; }

/* Selected work: typographic project covers, explicitly marked as image placeholders. */
.md-work-section { padding-top: 1rem; }
.md-project-image { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(2rem, 4vw, 4rem); background: #dde5dc; border-radius: 10px; aspect-ratio: 16 / 8; box-sizing: border-box; min-width: 0; }
.md-image-index { font-size: clamp(1.5rem, 3.5vw, 3.5rem); font-weight: 600; letter-spacing: -.05em; margin: 0; max-width: 16ch; }
.md-placeholder-label { margin: 1.5rem 0 0; color: #536159; align-self: flex-end; font-family: var(--md-mono); font-size: .75rem; }
.md-project-body { margin-top: 0; padding-block: 1.5rem; }
.md-project-featured .md-project-body { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: .5rem 4rem; }
.md-project-featured .md-project-body .md-eyebrow { grid-column: 1; }
.md-project-featured h3 { grid-column: 1; grid-row: 2 / span 3; font-size: clamp(2rem, 3.5vw, 3.5rem); margin-top: .5rem; }
.md-project-featured .md-project-body > p:not(.md-eyebrow) { grid-column: 2; max-width: 58ch; }
.md-project-featured .md-project-body > p:nth-child(3) { grid-row: 1 / span 2; }
.md-result { font-weight: 650; color: #2f5943; }
.md-project-secondary { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2.5rem; margin-top: 2.5rem; }
.md-project-secondary-item { margin: 0; min-width: 0; }
.md-project-secondary-item:nth-child(2) { padding-top: 4rem; }
.md-project-secondary-item .md-project-image { aspect-ratio: 4 / 3; }
.md-project-secondary-item:nth-child(2) .md-project-image { background: #172921; color: #f6f5f0; }
.md-project-secondary-item:nth-child(2) .md-placeholder-label { color: #dde5dc; }
.md-project-secondary-item:nth-child(3) { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 3rem; align-items: center; padding-top: 1rem; }
.md-project-secondary-item:nth-child(3) .md-project-image { aspect-ratio: 3 / 1; background: transparent; border: 1px dashed #536159; }
.md-project-secondary-item:nth-child(3) .md-image-index { font-size: 1.25rem; }
.md-project-secondary-item h3 { font-size: clamp(1.7rem, 2.3vw, 2.5rem); }

/* Process: readable numbered principles on a quiet sage field. */
.md-how-section { background: #dde5dc; }
.md-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 4rem; }
.md-principle { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: .85rem 1rem; margin: 0; }
.md-principle > * { margin: 0; min-width: 0; }
.md-principle .md-index { grid-row: span 2; font-size: .85rem; font-family: var(--md-mono); padding-top: .3rem; color: #2f5943; }
.md-principle h3 { font-size: 1.4rem; }
.md-principle p:last-child { grid-column: 2; color: #536159; max-width: 44ch; }

/* Personal experience and proof share one continuous forest field. */
.md-experience, .md-proof-section { background: #172921; color: #f6f5f0; }
.md-experience { padding-bottom: 2rem; }
.md-proof-section { padding-top: 2rem; }
.md-experience .md-eyebrow, .md-proof-section .md-eyebrow, .md-experience .md-section-number, .md-proof-section .md-section-number { color: #d6ed78; }
.md-experience-copy { margin-left: 26%; max-width: 65ch; }
.md-experience-copy .md-intro { font-size: clamp(1.4rem, 2vw, 2rem); color: #f6f5f0; }
.md-experience-copy p:not(.md-intro) { color: #dde5dc; }
.md-experience .is-style-outline .wp-block-button__link { border-color: #d6ed78; color: #d6ed78; }
.md-experience a:focus-visible, .md-proof-section a:focus-visible { outline-color: #d6ed78; }
.md-proof-stats { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 3rem; padding-block: 1rem 2rem; }
.md-proof-card { margin: 0; min-width: 0; }
.md-stat { font-size: clamp(2rem, 3.6vw, 3.7rem); font-weight: 650; line-height: 1.2; letter-spacing: -.06em; color: #d6ed78; margin: 0; }
.md-proof-card p:last-child { color: #dde5dc; font-size: .95rem; max-width: 40ch; }
.md-testimonial { margin-top: 2rem; border-top: 1px solid #536159; padding-top: 2rem; max-width: 80ch; }
.md-testimonial h3 { font-family: var(--md-mono); font-size: .8rem; font-weight: 400; letter-spacing: 0; color: #dde5dc; }
.md-testimonial p { align-self: auto; font-size: clamp(1.2rem, 1.8vw, 1.8rem); font-family: inherit; color: #f6f5f0; max-width: 54ch; letter-spacing: -.025em; }

/* Notes are a simple editorial list, with a honest empty state. */
.md-insights-query { margin: 2.5rem 0 2.5rem 24%; }
.md-insights-query .wp-block-post-template > li { border-top: 1px solid #d9ded5; padding-block: 1.5rem; }
.md-insights-query .wp-block-post-title { font-size: clamp(1.6rem, 2.5vw, 2.5rem); max-width: 32ch; }
.md-insights-query .wp-block-post-date, .md-insights-query .wp-block-post-terms { display: inline-block; font-family: var(--md-mono); font-size: .75rem; margin-right: 1rem; }
.md-insights-query .wp-block-post-excerpt { max-width: 60ch; }

/* One decisive invitation; footer stays compact. */
.md-final { background: #d6ed78; }
.md-final h2 { font-size: clamp(2.5rem, 4.5vw, 4.5rem); max-width: 18ch; }
.md-final .md-section-inner > p { max-width: 61ch; margin-left: 24%; }
.md-final .wp-block-buttons { margin-left: 24%; margin-top: 2rem; }
.md-final .wp-block-button__link { background: #172921; color: #f6f5f0; }
.md-final .wp-block-button__link:hover { background: #2f5943; }
.md-footer { background: #172921; color: #f6f5f0; margin-top: 0; }
.md-footer-inner { padding-block: 3rem; }
.md-footer-name { font-size: 1.5rem; font-weight: 650; }
.md-footer-positioning, .md-copyright { color: #dde5dc; font-size: .9rem; }
.md-footer a { color: #f6f5f0; }
.md-footer a:focus-visible { outline-color: #d6ed78; }

/* Laptop/tablet keep the composition, with a real native mobile menu. */
@media (max-width: 1120px) {
 .md-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
 .md-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
 .md-header .wp-block-navigation { margin-left: auto; }
 .md-hero-layout { gap: 2rem; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
 .md-portrait-panel { min-height: 380px; }
 .md-services-top { gap: 2rem; }
 .md-services-index, .md-principles { column-gap: 2rem; }
}
@media (max-width: 850px) {
 .md-hero-layout { grid-template-columns: minmax(0, 1fr); }
 .md-hero-copy { padding: 0; }
 .md-hero h1 { font-size: clamp(2.1rem, 5.5vw, 3.5rem); max-width: 26ch; }
 .md-portrait-panel { width: min(100%, 560px); justify-self: end; min-height: 0; }
 .md-portrait img { height: 340px; object-fit: cover; object-position: center 20%; }
 .md-services-top { grid-template-columns: minmax(0, 1fr); }
 .md-services-summary { margin-top: 0; }
 .md-service-primary .md-service-content { display: block; }
 .md-audiences .md-audience-split { grid-template-columns: minmax(0, 1fr); }
 .md-project-featured .md-project-body { display: block; }
 .md-project-secondary { gap: 2rem; }
 .md-proof-stats { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
 .md-experience-copy { margin-left: 10%; }
 .md-insights-query { margin-left: 0; }
}
@media (max-width: 560px) {
 .md-header-inner { gap: 1rem; }
 .md-header > .md-header-inner > .wp-block-buttons { display: none; }
 .md-brand .wp-block-site-title { font-size: 1.15rem; }
 .md-brand-label { font-size: .55rem; }
 .md-hero h1 { font-size: clamp(1.85rem, 6.9vw, 2.4rem); letter-spacing: -.04em; }
 .md-hero .wp-block-buttons { gap: .75rem; }
 .md-hero .wp-block-button__link { padding-inline: 1.05rem; font-size: .85rem; }
 .md-hero-layout { gap: 2rem; }
 .md-portrait-panel { width: 100%; }
 .md-portrait img { height: 290px; }
 .md-portrait-name { padding: 1rem 1.25rem; }
 .md-portrait-caption { padding: .85rem 1.25rem; }
 .md-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; padding-top: 1.5rem; }
 .md-capability-label { font-size: .8rem; }
 .md-section-heading { gap: .75rem; }
 .md-section-title h2 { font-size: 2rem; }
 .md-services-index { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 2rem; }
 .md-service, .md-service-primary { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); gap: .75rem; grid-column: auto; }
 .md-service-primary h3 { font-size: 1.65rem; }
 .md-project-image { aspect-ratio: 4 / 3; padding: 1.5rem; }
 .md-project-secondary { grid-template-columns: minmax(0, 1fr); }
 .md-project-secondary-item:nth-child(2) { padding-top: 0; }
 .md-project-secondary-item:nth-child(3) { display: block; grid-column: auto; }
 .md-project-secondary-item:nth-child(3) .md-project-image { aspect-ratio: 2 / 1; }
 .md-principles { grid-template-columns: minmax(0, 1fr); }
 .md-experience-copy { margin-left: 0; }
 .md-stat { font-size: clamp(1.8rem, 6.5vw, 2.5rem); }
 .md-final .md-section-inner > p, .md-final .wp-block-buttons { margin-left: 0; }
}

/* Approved control-room first part. Native blocks carry all meaningful copy. */
:root{--cr-dark:#061713;--cr-cream:#f5f3eb;--cr-green:#8cdb85;--cr-pale:#e5ebe1}
.cr-inner,.md-header-inner{max-width:1440px;box-sizing:border-box;padding-inline:clamp(24px,5.6vw,80px);margin-inline:auto}
.md-header{background:var(--cr-dark);color:var(--cr-cream)}
.md-header-inner{padding-block:24px;gap:28px}
.md-brand .wp-block-site-title{font-size:24px;font-weight:800}
.md-brand .wp-block-site-title a,.md-header .wp-block-navigation a{color:var(--cr-cream)}
.md-brand-label{color:#b4c4b9;font-family:inherit;font-size:10px;letter-spacing:.08em;margin:4px 0 0}
.md-header .wp-block-navigation{font-size:14px}
.md-header .wp-block-button__link{background:var(--cr-green);color:var(--cr-dark);border-radius:2px;padding:12px 20px;font-size:13px}
.md-header .wp-block-button__link:hover{background:#b5efad;color:var(--cr-dark)}
.cr-hero{background:var(--cr-dark);color:var(--cr-cream);margin:0;overflow:hidden}
.cr-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;column-gap:20px;align-items:center;padding-top:clamp(32px,4vw,64px);padding-bottom:32px;min-height:calc(100svh - 100px);max-height:1100px}
.cr-hero-grid>*{margin:0;min-width:0}
.cr-eyebrow{font-size:13px;line-height:1.4;font-weight:750;letter-spacing:.11em;margin:0 0 18px;color:#38664b}
.cr-hero .cr-eyebrow,.cr-agency .cr-eyebrow{color:var(--cr-green)}
.cr-hero h1{font-size:clamp(72px,7.9vw,116px);line-height:.96;font-weight:800;letter-spacing:-.055em;margin:0 0 24px}
.cr-accent{color:var(--cr-green)}
.cr-intro{font-size:clamp(17px,1.4vw,20px);line-height:1.5;max-width:46ch;margin:0 0 28px;color:#d4ddd5}
.cr-hero .wp-block-buttons{margin:0;gap:18px}
.cr-hero .wp-block-button__link,.cr-audience-split .wp-block-button__link{background:var(--cr-green);color:var(--cr-dark);border-radius:2px;font-size:15px;font-weight:750;padding:15px 24px;text-decoration:none}
.cr-hero .is-style-outline .wp-block-button__link{background:transparent;color:var(--cr-cream);border:1px solid #6c8b79}
.cr-hero .wp-block-button__link:hover,.cr-audience-split .wp-block-button__link:hover{background:#b5efad;color:var(--cr-dark)}
.cr-hero-visual{position:relative;min-height:580px;height:100%;isolation:isolate}
.cr-portrait{position:absolute;z-index:2;width:104%;height:94%;bottom:0;right:-9%;margin:0;overflow:hidden}
.cr-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.cr-browser{border:1px solid #8a9d8e;background:#dce4d9;border-radius:4px 4px 0 0;overflow:hidden}
.cr-browser-bar{height:28px;background:#bac9b9;display:flex;align-items:center;gap:5px;padding:0 10px;color:#344d3b;font:9px ui-monospace,monospace}
.cr-browser-bar i{height:5px;width:5px;border-radius:50%;background:#617963}
.cr-browser-bar span{margin-left:14px}
.cr-browser-placeholder{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#e7ece3;color:#556957;text-align:center;padding:20px;box-sizing:border-box;font:12px/1.7 ui-monospace,monospace;letter-spacing:.04em}
.cr-browser-placeholder small{font:11px/1.5 ui-monospace,monospace}
.cr-hero-browser{position:absolute;width:80%;left:1%;top:12%;z-index:0}
.cr-code{background:#102821;border:1px solid #426451;color:#afc3b5;font:13px/1.9 ui-monospace,monospace;overflow:hidden}
.cr-code-bar{border-bottom:1px solid #375343;padding:10px 16px;font-size:10px;letter-spacing:.04em}
.cr-code pre{padding:16px;margin:0;font:inherit;white-space:pre-wrap}
.cr-code pre span{color:var(--cr-green)}
.cr-deploy{padding:12px 16px;color:var(--cr-green);border-top:1px solid #375343;font-size:11px}
.cr-hero-code{position:absolute;z-index:3;right:-2%;top:48%;width:180px;transform:rotate(3deg)}
.cr-performance{position:absolute;z-index:3;left:-3%;top:29%;background:#102821;border:1px solid #426451;padding:16px;display:grid;text-align:center}
.cr-performance strong{font-size:34px;line-height:1.2;color:var(--cr-green)}
.cr-performance span{font-size:9px;color:#b8cabc}
.cr-capabilities{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:4;padding-top:28px}
.cr-capability{display:flex;align-items:center;gap:14px;margin:0}
.cr-icon{flex-shrink:0}
.cr-capability .cr-icon{color:#8daf8e}
.cr-capability p{font-size:13px;line-height:1.4;margin:0;color:#c2d0c4}
.cr-capability strong{color:var(--cr-cream);font-size:14px}
.cr-what{background:var(--cr-cream);margin:0;padding-block:64px 56px}
.cr-services-top{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}
.cr-section-heading{display:flex;gap:26px;margin:0}
.cr-number{font-size:76px;line-height:1;font-weight:400;letter-spacing:-.07em;color:#7e9185;margin:0}
.cr-section-title{margin:0}
.cr-section-title .cr-eyebrow{color:#5b7563;font-size:11px;margin:0 0 8px}
.cr-what h2{font-size:clamp(27px,2.7vw,39px);line-height:1.12;letter-spacing:-.045em;font-weight:800;margin:0}
.cr-services-summary{margin:0;padding-top:6px;font-size:15px;line-height:1.5}
.cr-services-summary p{margin:0 0 12px}
.cr-text-link{font-size:13px;font-weight:750;line-height:1.5}
.cr-text-link a{color:inherit;text-decoration:none}
.cr-text-link a:hover{text-decoration:underline}
.cr-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:64px}
.cr-service{padding:0 28px;border-left:1px solid #dce1d6;margin:0}
.cr-service:first-child{padding-left:0;border-left:0}
.cr-service:last-child{padding-right:0}
.cr-service h3{font-size:20px;line-height:1.1;font-weight:800;letter-spacing:-.035em;margin:14px 0 16px}
.cr-service p{font-size:14px;line-height:1.5;margin:0 0 18px;color:#435449}
.cr-service .cr-text-link{font-size:12px;margin-bottom:0;color:#183d2a}
.cr-audience-split{display:grid;grid-template-columns:1fr 1fr;margin:0}
.cr-business,.cr-agency{position:relative;isolation:isolate;overflow:hidden;min-width:0;margin:0;padding:48px clamp(24px,5.6vw,80px) 56px}
.cr-business{background:var(--cr-pale)}
.cr-agency{background:var(--cr-dark);color:var(--cr-cream)}
.cr-audience-copy{position:relative;z-index:2;max-width:430px;margin:0}
.cr-audience-split .cr-eyebrow{font-size:12px;margin:0 0 14px}
.cr-audience-split h2{font-size:clamp(28px,2.9vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.1;margin:0 0 20px}
.cr-audience-copy>p:not(.cr-eyebrow){font-size:15px;line-height:1.5;max-width:32ch;margin:0 0 22px}
.cr-agency .cr-audience-copy>p:not(.cr-eyebrow){color:#cad5cc}
.cr-checklist{padding:0;list-style:none;margin:0 0 26px;font-size:14px;line-height:1.5}
.cr-checklist li{position:relative;margin:9px 0;padding-left:28px}
.cr-checklist li:before{content:'✓';position:absolute;left:0;top:1px;background:var(--cr-green);color:#173d25;width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;font-weight:800;font-size:12px}
.cr-business-browser{position:absolute;z-index:0;width:42%;right:-15%;bottom:-45px;transform:rotate(10deg)}
.cr-agency-code{position:absolute;z-index:0;width:34%;right:-14%;top:55px;bottom:-30px;transform:rotate(11deg);font-size:14px}
.cr-audience-split .wp-block-buttons{margin:0}
:where(a,button):focus-visible{outline:3px solid #438c41;outline-offset:5px}
.cr-hero :focus-visible,.md-header :focus-visible,.cr-agency :focus-visible{outline-color:#b5efad}
@media(min-width:1600px){.cr-audience-split{padding-inline:max(0px,calc((100vw - 1600px)/2));background:var(--cr-dark)}}
@media(max-width:1100px){.md-header-inner{gap:18px}.md-header .wp-block-navigation{font-size:12px}.md-header .wp-block-navigation__container{gap:14px}.md-brand .wp-block-site-title{font-size:21px}.cr-hero-grid{min-height:720px}.cr-hero h1{font-size:clamp(64px,8vw,88px)}.cr-hero-visual{min-height:510px}.cr-hero-code{right:-6%;width:140px;font-size:11px}.cr-services-top{gap:32px}.cr-service{padding-inline:18px}.cr-service h3{font-size:18px}.cr-audience-copy{max-width:100%}.cr-business-browser,.cr-agency-code{opacity:.35;right:-25%}.cr-audience-copy>p:not(.cr-eyebrow){max-width:100%}}
@media(max-width:900px){.md-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.md-header .wp-block-navigation__responsive-container-open{display:flex!important}.md-header .wp-block-navigation{margin-left:auto}.md-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--cr-dark);color:var(--cr-cream);padding:32px}.md-header .is-menu-open .wp-block-navigation__container{font-size:24px;gap:20px;align-items:flex-start}.cr-services{grid-template-columns:1fr;gap:0;margin-top:40px}.cr-service,.cr-service:first-child,.cr-service:last-child{padding:24px 0;border-left:0;border-top:1px solid #d8dfd5;display:grid;grid-template-columns:40px 1fr;column-gap:18px}.cr-service .cr-icon{grid-row:1/4}.cr-service h3{margin:0 0 10px;font-size:24px}.cr-service p{font-size:16px;max-width:55ch}.cr-services-top{grid-template-columns:1fr;gap:28px}.cr-services-summary{padding-left:100px}.cr-hero-code{width:128px}.cr-number{font-size:70px}}
@media(max-width:767px){.md-header-inner{padding-block:22px}.md-header .wp-block-buttons{display:none}.md-brand .wp-block-site-title{font-size:23px}.cr-hero-grid{grid-template-columns:1fr;min-height:0;max-height:none;padding-top:28px;padding-bottom:36px;gap:0}.cr-hero h1{font-size:clamp(57px,11.7vw,88px);margin-bottom:24px}.cr-hero .cr-eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:20px}.cr-intro{font-size:17px;max-width:43ch}.cr-hero .wp-block-buttons{gap:12px}.cr-hero .wp-block-button__link{font-size:13px;padding:13px 16px}.cr-hero-visual{min-height:0;height:clamp(340px,88vw,580px);margin-top:32px}.cr-portrait{height:100%;width:94%;right:-4%}.cr-hero-browser{width:80%;left:0;top:11%}.cr-hero-code{right:0;top:55%;width:125px;transform:rotate(3deg);font-size:10px}.cr-code-bar{font-size:8px;padding:8px}.cr-code pre{padding:10px}.cr-deploy{padding:8px;font-size:9px}.cr-performance{left:0;top:32%;padding:10px}.cr-performance strong{font-size:28px}.cr-performance span{font-size:8px}.cr-capabilities{grid-template-columns:1fr 1fr;gap:26px 16px;padding-top:28px}.cr-capability{gap:10px}.cr-capability p{font-size:11px}.cr-capability strong{font-size:12px}.cr-capability .cr-icon{width:24px;height:24px}.cr-what{padding-block:44px 32px}.cr-section-heading{gap:18px}.cr-number{font-size:58px}.cr-what h2{font-size:28px}.cr-what h2 br{display:none}.cr-services-summary{padding-left:0;font-size:16px}.cr-services{margin-top:30px}.cr-audience-split{grid-template-columns:1fr}.cr-business,.cr-agency{padding:40px 24px 0;min-height:0}.cr-audience-split h2{font-size:clamp(29px,6vw,42px)}.cr-audience-copy{max-width:520px}.cr-audience-copy>p:not(.cr-eyebrow){font-size:16px}.cr-checklist{font-size:14px}.cr-business-browser{position:relative;right:auto;bottom:-34px;margin:35px 0 0 28%;width:78%;opacity:1;transform:rotate(7deg)}.cr-agency-code{position:relative;right:auto;top:auto;bottom:-20px;width:76%;margin:35px 0 0 20%;opacity:1;transform:rotate(7deg);font-size:13px}.cr-agency{padding-bottom:0}.cr-business-browser .cr-browser-placeholder{aspect-ratio:16/9}.cr-agency-code pre{padding:20px}.cr-agency-code .cr-code-bar,.cr-agency-code .cr-deploy{font-size:11px;padding:12px}.md-footer{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Phase 2 only: reusable portfolio presentations and four-stage process. */
.cr-selected-work{margin:0;background:var(--cr-cream);padding-block:56px 64px}
.cr-work-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 32px}
.cr-work-heading .cr-section-heading{align-items:center}
.cr-selected-work .cr-eyebrow{font-size:11px;color:#5b7563;margin:0 0 8px}
.cr-selected-work h2,.cr-how-i-work h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.045em;margin:0}
.cr-work-all{margin:0;flex-shrink:0;font-size:13px;font-weight:750}
.cr-work-all a,.cr-work-link a{color:inherit;text-decoration:none;text-underline-offset:.3em}
.cr-work-all a:hover,.cr-work-link a:hover{text-decoration:underline}
.cr-work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:0;align-items:stretch}
.cr-work-project{background:#e9ece2;min-width:0;position:relative;overflow:hidden;margin:0;border-radius:2px}
.cr-work-featured{display:flex;flex-direction:column}
.cr-work-info{margin:0;padding:26px 28px;min-width:0;position:relative;z-index:2}
.cr-work-project h3{font-size:clamp(24px,2.25vw,32px);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}
.cr-work-positioning{font-size:15px;line-height:1.45;margin:0 0 14px;max-width:32ch;color:#435449}
.cr-work-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.cr-work-tag{margin:0;border:1px solid #a8baaa;border-radius:2px;padding:3px 7px;font-size:10px;line-height:1.4;color:#2d503a}
.cr-work-result-label{font:10px/1.4 var(--md-mono);letter-spacing:.1em;color:#49654e;margin:0 0 4px}
.cr-work-result{font-size:clamp(22px,2.5vw,34px);font-weight:800;line-height:1.2;letter-spacing:-.035em;color:#275c40;margin:0 0 5px}
.cr-work-result-key{font-size:10px;line-height:1.5;color:#435449;margin:0 0 18px}
.cr-work-link{font-size:13px;font-weight:750;margin:0;line-height:1.5}
.cr-work-featured .cr-work-info{order:-1;padding-bottom:10px}
.cr-work-visual{position:relative;min-width:0;margin:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:28px 0 0 28px;box-sizing:border-box}
.cr-work-featured .cr-work-visual{flex:1;min-height:300px;padding-bottom:28px;padding-right:54px}
.cr-shot{border:1px solid #a8baaa;background:#f0f2ec;border-radius:3px 3px 0 0;overflow:hidden;margin:0;min-width:0;width:100%;box-sizing:border-box}
.cr-shot-bar{height:24px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#cdd7ca;color:#405947;font:8px/1 var(--md-mono)}
.cr-shot-bar i{width:4px;height:4px;border-radius:50%;background:#718675}
.cr-shot-bar span{margin-left:9px;letter-spacing:.03em}
.cr-shot-slot{aspect-ratio:16/10;margin:0;overflow:hidden;position:relative}
.cr-shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;background:#dde4d8;color:#4c6352}
.cr-shot-label{font:12px/1.6 var(--md-mono);letter-spacing:.05em;margin:0;overflow-wrap:anywhere}
.cr-shot-detail{font:10px/1.5 var(--md-mono);margin:12px 0 0;max-width:24ch}
/* Drop a native Image block into the slot; its frame and dimensions remain. */
.cr-shot-slot>.wp-block-image{margin:0;width:100%;height:100%}
.cr-shot-slot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cr-work-featured .cr-shot-desktop{transform:rotate(-4deg);width:100%}
.cr-shot-mobile{position:absolute;width:23%;right:18px;bottom:0;transform:rotate(6deg);border:4px solid #173329;border-radius:8px 8px 0 0;z-index:1}
.cr-shot-mobile .cr-shot-bar{height:14px;padding:0 4px;justify-content:center}
.cr-shot-mobile .cr-shot-bar span{display:none}
.cr-shot-mobile .cr-shot-slot{aspect-ratio:9/18;padding:8px}
.cr-shot-mobile .cr-shot-label{font-size:8px}
.cr-shot-mobile .cr-shot-detail{font-size:7px}
.cr-work-secondary-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px;margin:0;min-width:0}
.cr-work-secondary{display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch;min-height:280px}
.cr-work-secondary .cr-work-info{grid-column:1;grid-row:1;padding:24px 0 24px 24px}
.cr-work-secondary .cr-work-visual{grid-column:2;grid-row:1;padding:24px 0 0 20px;align-items:center}
.cr-work-secondary h3{font-size:23px}
.cr-work-secondary .cr-work-positioning{font-size:13px}
.cr-work-secondary .cr-work-tags{gap:5px;margin-bottom:18px}
.cr-work-secondary .cr-work-tag{font-size:9px}
.cr-work-secondary .cr-shot-desktop{width:112%;flex-shrink:0;transform:rotate(6deg);margin-right:-12%}
.cr-work-secondary .cr-shot-slot{aspect-ratio:4/3}
.cr-work-story{font-size:12px;line-height:1.5;color:#435449;margin:0 0 18px}
.cr-how-i-work{margin:0;background:var(--cr-dark);color:var(--cr-cream);padding-block:44px 56px;overflow:hidden}
.cr-process-heading{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:0}
.cr-process-heading .cr-section-heading{align-items:center}
.cr-how-i-work .cr-number{color:#729e77}
.cr-how-i-work .cr-eyebrow{color:#91ba92;font-size:11px;margin:0 0 8px}
.cr-process-intro{font-size:14px;line-height:1.5;margin:0;color:#d1dbd1;flex-shrink:0}
.cr-process-flow{position:relative;padding-top:76px;margin:0}
.cr-process-path{position:absolute;top:12px;left:0;width:100%;height:80px;color:#83be80;opacity:.85;pointer-events:none}
.cr-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin:0}
.cr-process-step{display:grid;grid-template-columns:46px 1fr;gap:16px;margin:0;min-width:0}
.cr-step-number{font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-.06em;color:#86b587;margin:16px 0 0;align-self:start;border-bottom:1px solid #70986c;padding-bottom:10px}
.cr-step-copy{margin:0;min-width:0}
.cr-process-icon{display:block;color:#d6e0d5;margin-bottom:14px}
.cr-step-copy h3{font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.025em;margin:0 0 12px}
.cr-step-copy p{font-size:14px;line-height:1.5;color:#c0cdc0;margin:0;max-width:27ch}
.cr-work-project a:focus-visible{outline:3px solid #438c41;outline-offset:4px}
/* Keep screenshot tilt static: only the small hover/focus lift is animated. */
@media(min-width:768px) and (hover:hover) and (prefers-reduced-motion:no-preference){.cr-work-project .cr-shot-desktop{transition:translate .25s ease}.cr-work-project:hover .cr-shot-desktop,.cr-work-project:focus-within .cr-shot-desktop{translate:0 -3px}}
@media(max-width:1100px){.cr-work-grid{grid-template-columns:1.05fr .95fr}.cr-work-secondary{grid-template-columns:1fr;min-height:0}.cr-work-secondary .cr-work-info{grid-row:1;padding:22px}.cr-work-secondary .cr-work-visual{grid-column:1;grid-row:2;padding:0 20px 20px;max-height:210px;align-items:flex-start}.cr-work-secondary .cr-shot-desktop{width:100%;margin:8px 0 0;transform:rotate(3deg)}.cr-work-secondary .cr-shot-slot{aspect-ratio:16/9}.cr-work-featured .cr-work-visual{align-items:center;padding-bottom:64px}.cr-shot-mobile{bottom:35px}.cr-process-heading{align-items:flex-start;gap:24px}.cr-process-intro{max-width:23ch}.cr-process-steps{gap:22px}.cr-process-step{grid-template-columns:36px 1fr;gap:12px}.cr-step-number{font-size:30px}.cr-step-copy h3{font-size:18px}.cr-step-copy p{font-size:13px}}
@media(max-width:767px){.cr-selected-work{padding-block:44px}.cr-work-heading{display:block;margin-bottom:28px}.cr-work-heading .cr-section-heading{gap:18px}.cr-work-all{margin:20px 0 0 76px}.cr-selected-work h2,.cr-how-i-work h2{font-size:28px}.cr-work-grid,.cr-work-secondary-stack{display:flex;flex-direction:column;gap:32px}.cr-work-project{background:transparent;overflow:visible;display:flex;flex-direction:column}.cr-work-featured .cr-work-info,.cr-work-secondary .cr-work-info{order:0;padding:22px 0 0}.cr-work-featured .cr-work-visual,.cr-work-secondary .cr-work-visual{order:-1;padding:18px 14px 20px;min-height:0;max-height:none;background:#e9ece2;overflow:hidden;align-items:flex-start}.cr-work-featured .cr-work-visual{padding:24px 28px 35px 14px}.cr-work-featured .cr-shot-desktop{transform:rotate(-3deg);width:100%}.cr-work-secondary .cr-shot-desktop{width:100%;margin:0;transform:none}.cr-shot-mobile{width:25%;right:9px;bottom:0;transform:rotate(4deg)}.cr-work-secondary .cr-shot-slot{aspect-ratio:4/3}.cr-work-info h3,.cr-work-secondary h3{font-size:28px}.cr-work-positioning,.cr-work-secondary .cr-work-positioning{font-size:16px}.cr-work-tags{margin-bottom:18px}.cr-work-tag,.cr-work-secondary .cr-work-tag{font-size:11px;padding:4px 8px}.cr-work-result{font-size:30px}.cr-work-result-key{font-size:10px}.cr-work-story{font-size:15px;max-width:40ch}.cr-work-link{font-size:14px}.cr-how-i-work{padding-block:44px}.cr-process-heading{display:block}.cr-process-heading .cr-section-heading{gap:18px;align-items:flex-start}.cr-process-intro{margin:24px 0 0;max-width:100%;font-size:16px}.cr-process-flow{padding:34px 0 0}.cr-process-path{display:none}.cr-process-steps{display:flex;flex-direction:column;gap:32px;position:relative}.cr-process-steps:before{content:'';position:absolute;left:19px;top:24px;bottom:40px;border-left:1px solid #729e77}.cr-process-step{position:relative;grid-template-columns:40px 1fr;gap:22px}.cr-step-number{font-size:32px;margin:0;padding:2px 0 10px;position:relative;background:var(--cr-dark)}.cr-step-copy{display:grid;grid-template-columns:30px 1fr;gap:0 14px;align-items:center}.cr-process-icon{width:28px;height:28px;margin:0}.cr-step-copy h3{font-size:23px;margin:0}.cr-step-copy p{grid-column:1/-1;font-size:16px;max-width:40ch;margin-top:14px}.cr-shot-label{font-size:10px}.cr-shot-detail{font-size:9px}}

/* Phase 3: credibility, editorial Insights, closing invitation and footer. */
.cr-experience-proof{margin:0;padding-block:58px;background:var(--cr-cream)}
.cr-proof-layout{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:28px;align-items:stretch}
.cr-proof-layout>*{min-width:0;margin:0}
.cr-proof-copy .cr-section-heading{display:block}
.cr-proof-copy .cr-number{font-size:72px;margin:0 0 6px}
.cr-proof-copy .cr-section-title{margin:0}
.cr-experience-proof .cr-eyebrow,.cr-insights-section .cr-eyebrow{font-size:11px;color:#5b7563;margin:0 0 8px}
.cr-experience-proof h2,.cr-insights-section h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.045em;margin:0}
.cr-proof-intro{font-size:16px;line-height:1.55;color:#435449;max-width:43ch;margin:20px 0 22px}
.cr-proof-copy .wp-block-buttons{margin:0}
.cr-proof-copy .wp-block-button__link{border-radius:2px;background:transparent;color:var(--cr-dark);border:1px solid #718a78;font-size:13px;font-weight:750;padding:10px 20px;min-height:44px}
.cr-proof-copy .wp-block-button__link:hover{background:var(--cr-pale)}
.cr-proof-results,.cr-testimonial{background:#fafbf6;padding:32px 26px;border-radius:2px}
.cr-proof-results{display:flex;flex-direction:column;justify-content:center}
.cr-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.cr-score{margin:0;min-width:0;position:relative}
.cr-score:not(:last-child):after{content:'/';position:absolute;right:-9px;top:2px;color:#80b57f;font-size:26px;font-weight:400}
.cr-score-value{font-size:clamp(25px,2.4vw,35px);font-weight:800;line-height:1.15;letter-spacing:-.045em;color:#275c40;margin:0}
.cr-score-label{font-size:9px;line-height:1.5;color:#546c59;margin:10px 0 0;overflow-wrap:normal}
.cr-score-context{font-size:11px;line-height:1.5;color:#546c59;margin:20px 0 0}
.cr-experience-item{margin:38px 0 0}
.cr-experience-value{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1.15;margin:0 0 10px}
.cr-experience-label{font-size:12px;line-height:1.5;color:#435449;margin:0}
.cr-testimonial{display:flex;flex-direction:column;justify-content:center}
.cr-quote-mark{color:#9bbdaa;margin:0 0 24px}
.cr-testimonial h3{font-size:23px;font-weight:750;line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}
.cr-testimonial-pending{font-size:16px;line-height:1.55;margin:0;color:#435449}
.cr-testimonial-status{font-size:11px;line-height:1.5;color:#5c7160;margin:30px 0 0;padding-top:16px;border-top:1px solid #dce4d8}
.cr-insights-section{margin:0;background:var(--cr-cream);padding-block:24px 58px}
.cr-insights-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin:0 0 30px}
.cr-insights-heading .cr-section-heading{align-items:flex-start}
.cr-insights-summary{margin:0;font-size:16px;line-height:1.55;color:#435449;max-width:54ch}
.cr-insights-summary p{margin:0 0 10px}
.cr-insights-summary .cr-text-link{margin:0;color:var(--cr-dark)}
.cr-insights-query,.cr-insights-placeholders,.cr-insights-posts{margin:0}
.cr-insights-placeholders,.cr-insights-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}
.cr-article,.cr-insights-posts>li{margin:0;min-width:0;background:#fafbf6;border-radius:2px;overflow:hidden}
.cr-article-image{margin:0;aspect-ratio:16/9;overflow:hidden;background:#e0e7dc}
.cr-article-image-placeholder{display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;text-align:center}
.cr-article-image-label{font:11px/1.6 var(--md-mono);letter-spacing:.035em;color:#566f5a;margin:0}
.cr-article-image img,.cr-article-image>a{display:block;height:100%;width:100%;object-fit:cover}
.cr-article-body{padding:20px 22px;margin:0}
.cr-article-topic{font-size:11px;font-weight:650;line-height:1.5;color:#36513d;margin:0 0 12px}
.cr-article-topic a{color:inherit;text-decoration:none}
.cr-article-body h3{font-size:clamp(22px,2vw,28px);line-height:1.12;letter-spacing:-.04em;font-weight:800;margin:0 0 12px}
.cr-article-body h3 a{color:var(--cr-dark);text-decoration:none;text-underline-offset:.2em}
.cr-article-body h3 a:hover,.cr-article-topic a:hover{text-decoration:underline}
.cr-article-pending{font-size:12px;line-height:1.5;color:#607464;margin:0}
.cr-article-link{font-size:13px;font-weight:750;color:#275c40;text-decoration:none;margin:4px 0 0}
.cr-article-link:hover{text-decoration:underline}
.cr-final-cta{margin:0;background:var(--cr-dark);color:var(--cr-cream);padding-block:56px 64px;overflow:hidden}
.cr-cta-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;align-items:center;position:relative;isolation:isolate}
.cr-cta-title,.cr-cta-copy{position:relative;z-index:1;min-width:0;margin:0}
.cr-final-cta .cr-eyebrow{color:var(--cr-green);font-size:12px;margin:0 0 18px;display:flex;align-items:center;gap:9px}
.cr-final-cta .cr-eyebrow:before{content:'';width:7px;height:7px;background:var(--cr-green);border-radius:50%;flex-shrink:0}
.cr-final-cta h2{font-size:clamp(36px,4.5vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.045em;margin:0}
.cr-cta-copy>p{font-size:16px;line-height:1.55;color:#d1dbd1;margin:0 0 24px;max-width:48ch}
.cr-cta-copy .wp-block-buttons{margin:0}
.cr-cta-copy .wp-block-button__link{background:var(--cr-green);color:var(--cr-dark);border-radius:2px;font-size:15px;font-weight:750;padding:15px 24px;text-decoration:none}
.cr-cta-copy .wp-block-button__link:hover{background:#b5efad;color:var(--cr-dark)}
.cr-cta-path{position:absolute;width:35%;height:120px;left:40%;top:34%;color:#83be80;opacity:.7;z-index:0;pointer-events:none}
.cr-footer{background:var(--cr-dark);color:var(--cr-cream);margin:0;padding-bottom:24px}
.cr-footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:26px;border-top:1px solid #345041;margin:0}
.cr-footer-brand{margin:0;min-width:0;max-width:350px}
.cr-footer-name{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.045em;margin:0}
.cr-footer-name a{color:inherit;text-decoration:none}
.cr-footer-label{font-size:10px;letter-spacing:.08em;line-height:1.5;color:#b4c4b9;margin:5px 0 0}
.cr-footer-positioning{font-size:12px;line-height:1.5;color:#b4c4b9;margin:14px 0 0;max-width:38ch}
.cr-footer-nav{font-size:13px;font-weight:650;margin:0}
.cr-footer-nav .wp-block-navigation__container{gap:22px}
.cr-footer-nav a{color:var(--cr-cream);text-decoration:none;text-underline-offset:.35em;padding-block:10px}
.cr-footer-nav a:hover{text-decoration:underline}
.cr-footer-bottom{margin:0;padding-top:22px;border-top:1px solid #203d2e}
.cr-footer-copyright{font-size:11px;line-height:1.5;color:#b4c4b9;margin:0}
.cr-final-cta :focus-visible,.cr-footer :focus-visible{outline:3px solid #b5efad;outline-offset:5px}
@media(max-width:1100px){.cr-proof-layout{grid-template-columns:1fr 1fr;gap:24px}.cr-proof-copy{grid-column:1/-1}.cr-proof-copy .cr-section-heading{display:flex}.cr-proof-copy .cr-proof-intro{max-width:70ch}.cr-proof-copy .cr-number{font-size:70px;margin:0}.cr-proof-results,.cr-testimonial{padding:30px}.cr-score-value{font-size:34px}.cr-score-label{font-size:10px}.cr-insights-heading{gap:40px}.cr-cta-layout{gap:70px}.cr-footer-top{align-items:flex-start;gap:28px}.cr-footer-nav .wp-block-navigation__container{gap:12px 20px}.cr-footer-nav{max-width:420px}}
@media(max-width:767px){.cr-experience-proof{padding-block:44px}.cr-proof-layout{grid-template-columns:1fr;gap:26px}.cr-proof-copy .cr-section-heading{display:block}.cr-proof-copy .cr-number{font-size:58px;margin:0 0 12px}.cr-experience-proof h2,.cr-insights-section h2{font-size:30px}.cr-proof-intro{font-size:16px;line-height:1.55;margin-top:20px}.cr-proof-results,.cr-testimonial{padding:26px 22px}.cr-score-value{font-size:clamp(26px,7.8vw,42px)}.cr-score:not(:last-child):after{font-size:26px;right:-9px}.cr-score-label{font-size:9px;line-height:1.5}.cr-score-context{font-size:12px}.cr-experience-value{font-size:40px}.cr-experience-label{font-size:14px}.cr-testimonial h3{font-size:26px}.cr-testimonial-status{font-size:12px}.cr-insights-section{padding-block:12px 44px}.cr-insights-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.cr-insights-heading .cr-section-heading{gap:18px}.cr-insights-summary{font-size:16px}.cr-insights-placeholders,.cr-insights-posts{grid-template-columns:1fr!important;gap:28px}.cr-article-image-label{font-size:11px}.cr-article-body{padding:22px}.cr-article-body h3{font-size:28px}.cr-article-topic{font-size:12px}.cr-article-pending{font-size:13px}.cr-final-cta{padding-block:44px}.cr-cta-layout{grid-template-columns:1fr;gap:28px}.cr-final-cta h2{font-size:clamp(35px,8.9vw,56px)}.cr-cta-copy>p{font-size:16px;max-width:45ch}.cr-cta-path{width:50%;height:50px;left:47%;top:24%;opacity:.3}.cr-footer-top{display:block;padding-block:28px}.cr-footer-brand{max-width:100%}.cr-footer-positioning{font-size:14px;max-width:40ch}.cr-footer-nav{margin:28px 0 0;max-width:none}.cr-footer-nav .wp-block-navigation__container{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.cr-footer-nav .wp-block-navigation-item{width:100%}.cr-footer-nav a{display:block;font-size:16px;padding-block:8px}.cr-footer-bottom{padding-top:22px}.cr-footer-copyright{font-size:12px}}
@media(max-width:767px){.cr-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.cr-score-value{font-size:42px}.cr-score-label{font-size:12px;margin-top:6px}.cr-score:not(:last-child):after{display:none}}

.cr-footer-part{margin-block-start:0;background:var(--cr-dark)}

/* Real showcase images adapt to the approved slots; framing and layout stay fixed. */
.cr-shot-image-slot{padding:0!important}
.cr-shot-image-slot>.cr-shot-primary img{object-fit:cover;object-position:center top}
.cr-shot-image-slot:has(>.cr-shot-supporting)>.cr-shot-primary img{object-position:20% top}
.cr-shot-image-slot>.cr-shot-supporting{position:absolute;right:0;bottom:0;width:54%;height:auto;aspect-ratio:1713/860;border:1px solid #a8baaa;box-sizing:border-box;background:#f0f2ec}
.cr-shot-supporting img{object-fit:contain;object-position:top}
.cr-shot-image-slot>.cr-shot-primary{position:absolute;inset:0;margin:0}

/* Mobile corrections: contain hero decoration and preserve the service heading break. */
@media(max-width:767px){
 .cr-hero-code{top:auto;bottom:16px;margin-block:0}
 .cr-capabilities{margin-top:32px;padding-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .cr-what h2 br{display:revert}
}

/* Published Insights: shared editorial cards and the posts landing page. */
.cr-insights-query .cr-article-body{display:flex;flex-direction:column;flex:1;gap:0}
.cr-insights-posts>li{display:flex;flex-direction:column}
.cr-insights-query .cr-article-body .wp-block-post-title{font-size:clamp(22px,2vw,28px);line-height:1.18;letter-spacing:-.04em;font-weight:800;margin:0 0 14px}
.cr-insights-query .cr-article-body .wp-block-post-title a{color:var(--cr-dark);text-decoration:none;text-underline-offset:.2em}
.cr-insights-query .cr-article-body .wp-block-post-title a:hover{text-decoration:underline}
.cr-article-excerpt{font-size:15px;line-height:1.65;color:#435449;margin:0 0 20px}
.cr-article-excerpt p{margin:0}
.cr-insights-query .cr-article-link{margin-top:auto;padding-top:8px;align-self:flex-start}
.cr-insights-archive{margin:0;background:var(--cr-cream);padding-block:clamp(44px,6vw,80px) clamp(56px,7vw,96px)}
.cr-insights-archive-heading{margin:0 0 44px;max-width:850px}
.cr-insights-archive-heading .cr-eyebrow{font:12px/1.5 var(--md-mono);letter-spacing:.08em;color:#5b7563;margin:0 0 16px}
.cr-insights-archive-heading h1{font-size:clamp(36px,4.6vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:800;margin:0 0 24px;color:var(--cr-dark);max-width:20ch}
.cr-insights-archive-heading>p:last-child{font-size:18px;line-height:1.65;max-width:65ch;color:#435449;margin:0}
.cr-insights-pagination:not(:empty){margin-top:40px;font-size:15px}
.cr-insights-pagination:empty{display:none}
@media(max-width:767px){.cr-insights-query .cr-article-body .wp-block-post-title{font-size:28px}.cr-insights-archive-heading{margin-bottom:32px}.cr-insights-archive-heading>p:last-child{font-size:16px}.cr-article-excerpt{font-size:16px}}

/* Approved testimonial, using the existing Experience & Proof composition. */
.cr-testimonial .cr-testimonial-quote{border:0;padding:0;margin:0;font-style:normal}
.cr-testimonial-quote p{font-size:16px;line-height:1.65;color:#435449;margin:0}
.cr-testimonial-quote cite{display:block;font-size:13px;line-height:1.5;font-weight:750;font-style:normal;color:var(--cr-dark);margin-top:24px}

/* Reversed-email fallback is reusable; decoded links retain normal copy order. */
.protected-email { direction: rtl; unicode-bidi: bidi-override; display: inline-block; }
.protected-email.is-decoded { direction: ltr; unicode-bidi: normal; }
/* Final hero balance: editable project image and original portrait, same visual stage. */
.cr-browser-image { margin:0; aspect-ratio:4/3; overflow:hidden; }
.cr-browser-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.cr-hero-browser { width:88%; left:0; top:10%; }
.cr-portrait { width:84%; height:86%; right:-3%; }
.cr-portrait img { object-fit:contain; object-position:right bottom; }
.cr-hero-code { top:auto; bottom:0; right:0; width:160px; font-size:11px; }
.cr-performance { left:0; top:57%; padding:14px; }
.cr-performance strong { font-size:18px; line-height:1.3; }
.cr-performance span { font-size:12px; line-height:1.5; margin-top:4px; }
@media(max-width:1100px) and (min-width:768px) {
 .cr-hero-code { width:130px; font-size:10px; }
 .cr-performance { top:48%; padding:10px; }
 .cr-performance strong { font-size:16px; }
}
@media(max-width:767px) {
 .cr-portrait { height:100%; width:94%; right:-4%; }
 .cr-portrait img { object-fit:cover; object-position:50% 0; }
 .cr-hero-browser { width:80%; left:0; top:11%; }
 .cr-hero-code { left:0; right:auto; bottom:0; width:110px; font-size:10px; }
 .cr-performance { left:0; top:25%; padding:10px; }
 .cr-performance strong { font-size:14px; }
 .cr-performance span { font-size:11px; }
 .cr-capability p { font-size:14px; line-height:1.5; }
 .cr-capability strong { font-size:14px; }
 .cr-business-browser .cr-browser-image { aspect-ratio:16/9; }
}
@media(max-width:767px) {
 .cr-performance { top:0; transform:translateY(-50%); }
 .cr-performance strong { font-size:13px; }
 .cr-hero-code { left:-4px; width:100px; font-size:9px; line-height:1.6; }
 .cr-hero-code pre { padding:8px; }
 .cr-hero-code .cr-deploy { font-size:8px; }
}
/* Shared header stays in document flow; all editorial blocks remain in WordPress. */
:root {
 --md-toolbar-offset:0px;
 --md-sticky-header-height:96px;
 scroll-padding-block-start:calc(var(--md-toolbar-offset) + var(--md-sticky-header-height) + 16px);
}
:root:has(body.admin-bar) { --md-toolbar-offset:var(--wp-admin--admin-bar--height,32px); }
.wp-site-blocks > .wp-block-template-part:has(> .md-header) {
 position:sticky;
 top:var(--md-toolbar-offset);
 z-index:1000;
 background:var(--cr-dark);
 box-shadow:0 1px 0 rgba(140,219,133,.12);
}
.md-header :where(a,button):focus-visible { outline-color:var(--cr-green); }
.md-header .wp-block-navigation__responsive-container.is-menu-open {
 top:var(--md-toolbar-offset);
 height:calc(100dvh - var(--md-toolbar-offset));
 box-sizing:border-box;
}
@media(max-width:782px) {
 :root:has(body.admin-bar) { --md-toolbar-offset:var(--wp-admin--admin-bar--height,46px); }
}
@media(max-width:767px) { :root { --md-sticky-header-height:90px; } }
/* WordPress normally scrolls its toolbar away below 600px. Keep the offset stable. */
@media(max-width:600px) { body.admin-bar #wpadminbar { position:fixed; } }

/* Editable long-form privacy page. */
.privacy-content { max-width: 760px; margin-inline: auto; padding: 80px 24px; color: var(--cr-dark, #061713); }
.privacy-content p { font-size: 18px; line-height: 1.65; margin-block: 0 1.35em; overflow-wrap: anywhere; }
.privacy-content h1 { font-size: clamp(38px, 6vw, 64px); line-height: 1.1; margin-block: 0 32px; }
.privacy-content h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.25; margin-block: 48px 20px; }
.privacy-content a, .ct-privacy-notice a { text-decoration: underline; text-underline-offset: .18em; }
.ct-privacy-notice { margin-top: 20px; font-size: 16px; line-height: 1.6; }
@media (max-width: 640px) { .privacy-content { padding: 48px 20px; } .privacy-content p { font-size: 16px; } }