/* ER — unified dark editorial system */
:root {
  --er-black:#080b09;
  --er-night:#101612;
  --er-lime:#c6ff34;
  --er-muted:#b6c1b9;
  --er-outline:rgba(255,255,255,.15);
  --er-round:17px;
  color-scheme:dark;
}
html {background:var(--er-black);}
body,body main,body .section,body .section-tight,body .section-paper,body .section-charcoal,
body .section-lavender,body .about-hero,body .about-purpose,body .about-services,
body .about-clients,body .home-process-summary,body .home-brand-preview,
body .journal-articles,body .journal-phase-section,body .project-inquiry-section,
body .testimonial-feedback-section,body .process-stage,body .about-purpose .container {
  background-color:var(--er-black)!important;
  color:#f7faf6;
}
body .section-paper :is(h1,h2,h3,h4,p),body .about-purpose :is(h2,h3,p),
body .about-services :is(h2,h3),body .journal-phase-section :is(h2,h3,h4) {color:#f7faf6;}
body .section-paper .lead,body .section-paper .copy,body .about-purpose .heading-copy p:not(.eyebrow),
body .about-services .heading-copy p:not(.eyebrow) {color:var(--er-muted)!important;}
body .eyebrow {color:#c6ff34;}
body .eyebrow::before {background:#c6ff34;}
body .section-heading .h-xl {color:#f7faf6;}
/* Contrast-based surfaces instead of stark white cards. */
body .contact-form-panel,body .testimonial-feedback-panel,body .testimonial-card,
body .article-page,body .project-inquiry-aside,body .process-panel,
body .contact-inquiry-aside,body .faq-item,body .editorial-card {
  color:#f7faf6;
}
/* Hero: deliberate visual hierarchy. */
.er-plain-hero.er-hero-final {background:var(--er-black)!important;}
.er-hero-final-inner {gap:clamp(38px,5.5vw,76px);min-height:clamp(475px,72svh,770px);}
.er-hero-final h1.display {font-weight:690;line-height:.96;letter-spacing:-.078em;font-size:clamp(3.25rem,8.4vw,9rem);}
.er-hero-final-copy {max-width:705px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.8;color:#bdc9bf;}
/* After removing homepage service section, project cards begin without blank space. */
.home-brand-preview {padding-top:clamp(58px,7vw,105px)!important;}
.home-brand-preview .section-heading {margin-bottom:clamp(20px,3vw,45px);}
/* About: four equal compact cards, every panel dark. */
body[data-page="about"] .about-purpose {padding-top:clamp(45px,5vw,72px)!important;padding-bottom:clamp(30px,4vw,57px)!important;}
body[data-page="about"] .about-purpose .section-heading {margin-bottom:clamp(18px,2.8vw,36px)!important;}
body[data-page="about"] .about-identity-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.7vw,23px);}
body[data-page="about"] .identity-card {
  min-width:0;min-height:clamp(218px,22vw,280px);padding:clamp(22px,2.6vw,35px);
  display:flex;flex-direction:column;justify-content:space-between;gap:18px;
  border:1px solid rgba(255,255,255,.14);border-radius:var(--er-round);background:#111713;
  color:#fff;box-shadow:none;transition:border-color .24s ease,background .24s ease,transform .24s ease;
}
body[data-page="about"] .identity-card:hover {border-color:rgba(198,255,52,.47);background:#151d16;transform:translateY(-2px);}
body[data-page="about"] .identity-card-top {display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
body[data-page="about"] .identity-card-top h3 {font-size:clamp(.75rem,.95vw,.92rem)!important;text-transform:uppercase;letter-spacing:.11em;font-weight:750;color:#c6ff34!important;margin:0;}
body[data-page="about"] .identity-card-top span {font-size:.75rem;letter-spacing:.1em;font-weight:700;color:#9faea1;}
body[data-page="about"] .identity-card p {margin:0;max-width:60ch;font-size:clamp(.99rem,1.35vw,1.27rem);line-height:1.63;letter-spacing:-.02em;font-weight:440;color:#e5ebe6!important;}
body[data-page="about"] .identity-card ul {padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;}
body[data-page="about"] .identity-card li {font-size:clamp(.77rem,1vw,.96rem);line-height:1.45;color:#d4ded5;padding-left:12px;position:relative;}
body[data-page="about"] .identity-card li::before {content:'';position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:#c6ff34;}
body[data-page="about"] .about-services {padding-top:clamp(34px,4vw,62px)!important;padding-bottom:clamp(64px,6vw,100px)!important;}
body[data-page="about"] .about-services .section-heading {margin-bottom:clamp(20px,3vw,40px)!important;}
body[data-page="about"] .about-services h2 {color:#f7faf6!important;font-size:clamp(2.75rem,5vw,5.8rem);}
body[data-page="about"] .about-services .eyebrow {color:#c6ff34!important;}
body[data-page="about"] .about-services .eyebrow::before {background:#c6ff34!important;}
body[data-page="about"] .about-services .section-heading p:not(.eyebrow) {color:#b6c1b9!important;}
body[data-page="about"] .editorial-service {border-top:1px solid rgba(255,255,255,.17);}
body[data-page="about"] .editorial-service .service-id {color:#c6ff34;}
body[data-page="about"] .editorial-service .service-id span {background:#c6ff34;}
body[data-page="about"] .editorial-service h3 {color:#f7faf6!important;}
body[data-page="about"] .editorial-service>p:not(.service-id) {color:#b6c1b9!important;}
body[data-page="about"] .editorial-service .service-tags span {background:#111713;color:#c4d0c5;border-color:rgba(255,255,255,.18);}
/* Journal: four sequential phases after the three articles. */
body[data-page="journal"] .journal-phase-section {padding:clamp(65px,7vw,115px) 0 clamp(75px,9vw,140px);}
body[data-page="journal"] .journal-phase-header {margin-bottom:clamp(40px,5vw,70px);}
body[data-page="journal"] .journal-phase-header h2 {font-size:clamp(2.05rem,3.7vw,4.6rem);line-height:1.08;letter-spacing:-.06em;font-weight:660;max-width:950px;margin:0;}
body[data-page="journal"] .journal-phases {border-top:1px solid rgba(255,255,255,.2);}
body[data-page="journal"] .journal-phase {display:grid;grid-template-columns:minmax(105px,.24fr) minmax(0,.76fr);align-items:start;gap:clamp(28px,5vw,90px);border-bottom:1px solid rgba(255,255,255,.2);padding:clamp(55px,7vw,113px) 0;min-height:clamp(390px,58svh,650px);}
body[data-page="journal"] .journal-phase-number {display:flex;flex-direction:column;gap:30px;color:#c6ff34;font-weight:750;font-size:clamp(4.2rem,9vw,10rem);letter-spacing:-.09em;line-height:1;}
body[data-page="journal"] .journal-phase-rule {display:block;width:clamp(60px,8vw,150px);height:2px;background:linear-gradient(90deg,#c6ff34,transparent);}
body[data-page="journal"] .journal-phase-content {max-width:800px;}
body[data-page="journal"] .journal-phase-kicker {text-transform:uppercase;letter-spacing:.14em;color:#c6ff34;font-size:.75rem;font-weight:700;margin:0 0 clamp(18px,2vw,32px);}
body[data-page="journal"] .journal-phase-content h3 {font-size:clamp(2.25rem,4.25vw,5.4rem);line-height:1.05;letter-spacing:-.065em;font-weight:650;margin:0 0 clamp(26px,4vw,64px);max-width:14ch;color:#fff;}
body[data-page="journal"] .journal-phase-insights {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,45px);}
body[data-page="journal"] .journal-phase-point {padding-top:17px;border-top:1px solid rgba(255,255,255,.17);}
body[data-page="journal"] .journal-phase-point h4 {color:#f4f9f4;font-size:clamp(1.01rem,1.25vw,1.27rem);letter-spacing:-.028em;margin:0 0 12px;font-weight:660;}
body[data-page="journal"] .journal-phase-point p {color:#b8c3ba!important;font-size:clamp(.88rem,1.05vw,1rem);line-height:1.75;margin:0;max-width:44ch;}
/* Custom high-end field feedback: no browser tooltips, accessible text. */
body .contact-form .field {position:relative;}
body .luxury-field-error {display:flex;align-items:center;gap:9px;color:#f1c3aa!important;font-size:.78rem;line-height:1.52;margin:9px 0 0;font-weight:500;letter-spacing:.004em;max-width:100%;}
body .luxury-field-error::before {content:'!';display:inline-grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #d59a80;border-radius:50%;font-size:.64rem;font-weight:700;line-height:1;}
body .contact-form .has-validation-error :is(input:not([type="hidden"]),textarea,.field-select-trigger) {border-color:#bb8773!important;box-shadow:0 0 0 1px rgba(206,141,111,.18)!important;}
body .contact-form .has-validation-error label {color:#f2d6c8!important;}
body .contact-form :is(input,textarea,.field-select-trigger):focus-visible {outline:2px solid #c6ff34!important;outline-offset:2px;}
body .contact-form :is(input,textarea)::placeholder {color:#9caaa0!important;font-weight:400!important;opacity:1;}
/* Date picker empty vs selected. */
body #date-trigger-text {color:#9caaa0;font-weight:400!important;}
body .date-trigger.has-date #date-trigger-text {color:#f1f5ef;}
/* Unified dark forms and editorial boxes without suppressing brand imagery. */
body .contact-form-panel,body .testimonial-feedback-panel {background:#111713!important;border-color:rgba(255,255,255,.16)!important;}
body .testimonial-feedback-section :is(h2,p),body .testimonial-feedback-panel :is(label,p) {color:#e7ece7;}
body .testimonial-feedback-section .testimonial-feedback-copy>p {color:#bec9bf;}
body .process-panel {background:#111713!important;border-color:rgba(255,255,255,.15)!important;}
body .faq-question {color:#f7faf6!important;}
body .faq-answer p {color:#b6c1b9!important;}
@media(max-width:850px) {
 body[data-page="journal"] .journal-phase {grid-template-columns:95px minmax(0,1fr);gap:26px;min-height:390px;}
 body[data-page="journal"] .journal-phase-number {font-size:5.4rem;}
}
@media(max-width:620px) {
 .er-hero-final-inner {gap:34px;}
 .er-hero-final h1.display {font-size:clamp(2.8rem,10.5vw,4.8rem);}
 body[data-page="about"] .about-identity-grid {grid-template-columns:1fr;gap:12px;}
 body[data-page="about"] .identity-card {min-height:200px;}
 body[data-page="about"] .identity-capabilities {min-height:255px;}
 body[data-page="journal"] .journal-phase {grid-template-columns:1fr;gap:14px;min-height:0;padding:52px 0 60px;}
 body[data-page="journal"] .journal-phase-number {font-size:4.8rem;gap:12px;}
 body[data-page="journal"] .journal-phase-insights {grid-template-columns:1fr;gap:20px;}
 body[data-page="journal"] .journal-phase-content h3 {font-size:clamp(2.35rem,9vw,3.9rem);}
}
@media(prefers-reduced-motion:reduce){body[data-page="about"] .identity-card {transition:none;}}
/* Final high-specificity guards against inherited legacy light section rules. */
body[data-page="about"] section.about-purpose,
body[data-page="about"] section.about-services,
body[data-page="about"] section.about-clients,
body[data-page="process"] section.section-paper,
body[data-page="journal"] section.newsletter,
body[data-page="inquiry"] section.contact-hero,
body[data-page="inquiry"] section.project-inquiry-section {background:#080b09!important;color:#f7faf6!important;}
body[data-page="about"] .about-purpose .section-heading h2,
body[data-page="about"] .about-purpose h2.h-xl,
body[data-page="about"] .about-services .section-heading h2,
body[data-page="about"] .about-services .section-heading h2.h-xl {color:#f7faf6!important;}
body[data-page="about"] .about-purpose .section-heading p:not(.eyebrow),
body[data-page="about"] .about-services .section-heading p:not(.eyebrow) {color:#b6c1b9!important;}
body[data-page="about"] .about-services .editorial-service .service-tags span {background:#111713!important;color:#c4d0c5!important;border-color:rgba(255,255,255,.18)!important;}
body[data-page="about"] .about-services .editorial-service .service-id {color:#c6ff34!important;}
/* Legibility fix for authentic partner artwork on hover/focus. */
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="seiko"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="garnier"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="loreal-paris"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="yandex"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="bobbi-brown"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="blend"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="maybelline-new-york"]),
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img[data-brand="mac-cosmetics"]) {background:#131c16!important;border-color:rgba(198,255,52,.48)!important;}
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="loreal-paris"],
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="bobbi-brown"],
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="maybelline-new-york"],
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="mac-cosmetics"] {filter:brightness(0) invert(1)!important;opacity:1!important;}
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="seiko"],
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="garnier"],
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="yandex"],
.logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="blend"] {filter:none!important;opacity:1!important;}
/* Maintain a continuous dark canvas even through moving editorial copy. */
body .marquee-band {background:#080b09!important;color:#c6ff34!important;border-top:1px solid rgba(198,255,52,.24)!important;border-bottom:1px solid rgba(198,255,52,.24)!important;box-shadow:none!important;}
body .marquee-band .marquee-track {color:#c6ff34!important;}
