/* ER Creativity Production — unified editorial system, V18.
   Always loaded last. Original components and all language variants remain functional. */
:root {
  --er-ink: #080a09;
  --er-charcoal: #141715;
  --er-paper: #f3f3ef;
  --er-white: #f8f9f7;
  --er-slate: #bfc5c0;
  --er-neon: #C6FF34;
  --er-border: rgba(255,255,255,.16);
  --er-gutter: clamp(20px, 4.1vw, 66px);
  --er-radius: 0;
}
html { scroll-padding-top:90px; }
body { background:var(--er-ink); color:var(--er-white); font-family:'Inter',Arial,Helvetica,sans-serif; }
:is(h1,h2,h3,.display,.h-xl,.h-lg) {font-family:'Inter Tight','Inter',Arial,Helvetica,sans-serif;}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--er-neon);outline-offset:4px;}
/* Photo art direction: full-size sharp original layered over a soft extended-edge fill.
   No distortion, no sharply truncated right panel, with the subject legible. */
body[data-page="home"] .er-office-hero {background:#101110!important;min-height:620px;height:clamp(700px,92svh,990px);}
body[data-page="home"] .er-office-photo {inset:0!important;background:transparent!important;filter:none!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;}
body[data-page="home"] .er-office-photo::before {content:"";position:absolute;inset:-26px;background:url('../images/er-office-hero-desktop.webp') center / cover no-repeat;filter:grayscale(1) blur(23px) brightness(.7);opacity:.9;}
body[data-page="home"] .er-office-photo::after {content:"";position:absolute;inset:0;background:url('../images/er-office-hero-desktop.webp') right center / auto 100% no-repeat;filter:grayscale(1) contrast(1.05);}
body[data-page="home"] .er-office-wash {background:linear-gradient(90deg,rgba(4,5,5,.96) 0%,rgba(4,5,5,.92) 19%,rgba(4,5,5,.72) 39%,rgba(4,5,5,.22) 68%,rgba(4,5,5,.07) 100%),linear-gradient(0deg,rgba(3,4,4,.32),transparent 35%,rgba(3,4,4,.3))!important;}
body[data-page="home"] .er-office-frame {padding-top:clamp(140px,16vh,200px);padding-bottom:clamp(85px,10vh,125px);}
body[data-page="home"] .er-office-actions {display:flex;align-items:center;flex-wrap:wrap;gap:clamp(20px,3vw,44px);margin-top:clamp(24px,3vw,38px);}
body[data-page="home"] .er-office-actions .er-office-cta {margin-top:0;}
body[data-page="home"] .er-office-project-link {display:inline-flex;align-items:center;gap:10px;color:var(--er-white)!important;font-size:clamp(14px,1vw,16px);font-weight:540;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:7px;text-decoration-color:rgba(255,255,255,.7)!important;border:0!important;transition:color .25s,text-decoration-color .25s,transform .25s;}
body[data-page="home"] .er-office-project-link:is(:hover,:focus-visible) {color:var(--er-neon)!important;text-decoration-color:var(--er-neon)!important;}
body[data-page="home"] .er-office-project-link:is(:hover,:focus-visible) svg{transform:translate(2px,-2px);}
body[data-page="home"] .er-office-project-link svg{width:17px;height:17px;transition:transform .25s;}
/* Project preview: clean off-white editorial page with dark project tiles. */
body[data-page="home"] .home-brand-preview {background:var(--er-paper)!important;color:#0c0e0d!important;border:0;padding-block:clamp(85px,9vw,132px)!important;}
body[data-page="home"] .home-brand-preview .eyebrow{color:#405b1a!important;}
body[data-page="home"] .home-brand-preview :is(.h-xl,.section-heading,.text-link) {color:#0c0e0d!important;}
body[data-page="home"] .home-brand-preview .text-link:hover{color:#365e14!important;}
body[data-page="home"] .home-brand-preview .brand-project-card{background:#171b18!important;color:var(--er-white)!important;}
body[data-page="home"] .home-brand-preview .brand-project-bottom :is(h3,p){color:var(--er-white)!important;}
body[data-page="home"] .home-brand-preview .brand-project-bottom p{color:#bdc5bd!important;}
/* Rectangular cards on both the homepage and Projects page. */
body[data-page="home"] .brand-project-card,body[data-page="projects"] .brand-project-card,
body[data-page="home"] .brand-project-art,body[data-page="projects"] .brand-project-art,
body[data-page="home"] .brand-project-art img,body[data-page="projects"] .brand-project-art img {border-radius:0!important;}
body[data-page="projects"] .brand-project-card {border:1px solid rgba(255,255,255,.13);overflow:hidden;}
body[data-page="projects"] .brand-project-card:is(:hover,:focus-visible){transform:translateY(-2px);border-color:var(--er-neon);}
/* Four generous full-width narrative chapters, replacing the old 4-column summary. */
body[data-page="home"] .home-process-summary {background:#101311!important;color:var(--er-white)!important;padding-block:clamp(85px,8vw,130px)!important;border-top:1px solid rgba(255,255,255,.12);}
body[data-page="home"] .home-process-summary :is(.h-xl,.heading-copy,.text-link){color:var(--er-white)!important;}
body[data-page="home"] .home-process-summary .eyebrow{color:var(--er-neon)!important;}
body[data-page="home"] .er-process-vertical{margin-top:clamp(35px,5vw,76px);border-top:1px solid rgba(255,255,255,.2);}
body[data-page="home"] .er-process-chapter{display:grid;grid-template-columns:minmax(115px,.34fr) minmax(220px,.85fr) minmax(0,1.25fr);gap:clamp(22px,4vw,90px);align-items:center;padding:clamp(34px,5vw,78px) clamp(8px,1.1vw,18px);border-bottom:1px solid rgba(255,255,255,.2);transition:background-color .25s ease;}
body[data-page="home"] .er-process-chapter:nth-child(even){background:rgba(255,255,255,.025);}
body[data-page="home"] .er-process-chapter:hover{background:rgba(255,255,255,.04);}
body[data-page="home"] .er-process-number{font-size:clamp(4.7rem,9vw,9.6rem);font-family:'Inter Tight','Inter',sans-serif;font-weight:650;line-height:.86;letter-spacing:-.09em;color:var(--er-neon);}
body[data-page="home"] .er-process-chapter h3{font-size:clamp(2rem,4vw,4.8rem);letter-spacing:-.065em;line-height:1.06;font-weight:650;color:var(--er-white);margin:0;}
body[data-page="home"] .er-process-chapter p{font-size:clamp(1rem,1.33vw,1.25rem);line-height:1.73;color:#c8ceca;margin:0;max-width:48ch;}
/* Light logo section behind charcoal brand tiles; logo fills remain legible. */
body[data-page="home"] .home-partners-v7 {background:var(--er-paper)!important;border-top:0!important;padding-block:clamp(85px,9vw,140px)!important;}
body[data-page="home"] .home-partners-v7 .partners-heading .h-xl{color:#090b0a!important;}
body[data-page="home"] .home-partners-v7 .partners-section-intro{color:#515951!important;}
body[data-page="home"] .home-partners-v7 .eyebrow{color:#46621c!important;}
body[data-page="home"] .home-partners-v7 .partner-logo {border-radius:0!important;}
body[data-page="home"] .home-partners-v7 .partner-logo .brand-logo[data-brand="garnier"]{width:min(100%,195px);max-height:70px;object-fit:contain;}
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) .brand-logo[data-brand="garnier"] {filter:none!important;opacity:1!important;}
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible):has(img[data-brand="garnier"]) {background:#d8ead1!important;border-color:#96b18e!important;}
/* Projects call-to-action: paired editorial columns and compact outline pill. */
body[data-page="projects"] .project-testimonial-cta {background:var(--er-paper)!important;color:#0d110e!important;padding:clamp(74px,8vw,128px) 0!important;}
body[data-page="projects"] .project-testimonial-cta-inner {display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:clamp(24px,5vw,85px);padding-top:clamp(26px,4vw,55px);border-top:1px solid #b9c0b8;}
body[data-page="projects"] .project-testimonial-cta .eyebrow{color:#416119!important;}
body[data-page="projects"] .project-testimonial-heading h2{font-size:clamp(2.8rem,6vw,6.8rem);line-height:1.02;letter-spacing:-.07em;max-width:13ch;color:#0c0e0d!important;margin:clamp(16px,2vw,25px) 0 0;}
body[data-page="projects"] .project-testimonial-action {display:flex;align-items:flex-start;flex-direction:column;gap:clamp(17px,2vw,29px);}
body[data-page="projects"] .project-testimonial-action p{max-width:36ch;line-height:1.65;font-size:clamp(1rem,1.3vw,1.2rem);color:#485049!important;}
body[data-page="projects"] .er-testimonial-pill {display:inline-flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,40px);padding:0 21px;min-height:52px;border-radius:100px;background:#0c100e;color:#fff!important;font-weight:610;font-size:.92rem;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;}
body[data-page="projects"] .er-testimonial-pill svg{width:18px;height:18px;}
body[data-page="projects"] .er-testimonial-pill:is(:hover,:focus-visible){background:var(--er-neon);color:#090b0a!important;transform:translateY(-2px);}
/* Hyphenation on all three Journal card summaries. */
body[data-page="journal"] .journal-articles .editorial-card > p{text-align:justify!important;text-justify:inter-word;hyphens:auto!important;overflow-wrap:break-word;}
/* Full-width, natural-flow privacy copy. */
body[data-page="privacy"] .privacy-hero-inner-v7 .lead{max-width:100%!important;width:100%;text-align:left!important;text-wrap:pretty;}
body[data-page="privacy"] .privacy-block-v7 p{width:100%;max-width:none!important;text-align:left!important;text-wrap:pretty;}
body[data-page="privacy"] .privacy-main-v7 {min-width:0;}
/* Common form, editorial and utility details: restrained radii, precise spacing. */
body :is(.btn,.nav-cta,.er-office-cta,.er-testimonial-pill) {border-radius:999px;}
body .section-heading {row-gap:22px;}
body[data-page="notfound"] .error-hero-v7 {background:var(--er-paper)!important;color:#090c0a!important;border-top:1px solid #d1d4cf;}
body[data-page="notfound"] .error-copy-v7 :is(.display,.lead){color:#090c0a!important;}
body[data-page="notfound"] .error-art-v7 .error-art-caption{color:#090c0a!important;}
body[data-page="notfound"] .error-hero-v7 .btn{border-radius:999px;background:var(--er-neon);color:#080a09;border:1px solid var(--er-neon);}
body[data-page="notfound"] .error-hero-v7 .btn:hover{background:#080a09;color:#fff;}
/* Global section separation matches the black/paper reference. */
.footer {background:#080a09!important;border-top:1px solid rgba(255,255,255,.13);}
.footer-more-col a:last-child {margin-top:.55rem;}
@media(max-width:1000px){
 body[data-page="home"] .er-process-chapter{grid-template-columns:minmax(75px,.3fr) minmax(180px,.8fr) 1fr;gap:20px;}
 body[data-page="home"] .er-process-number{font-size:clamp(4.5rem,8vw,7rem);}
}
@media(max-width:800px){
 body[data-page="home"] .er-office-photo::after{background-size:auto 100%;background-position:63% center;}
 body[data-page="home"] .er-process-chapter {grid-template-columns:100px 1fr;gap:10px 22px;align-items:start;}
 body[data-page="home"] .er-process-chapter p{grid-column:2;max-width:55ch;}
 body[data-page="projects"] .project-testimonial-cta-inner{grid-template-columns:1fr;gap:25px;}
}
@media(max-width:600px){
 body[data-page="home"] .er-office-hero{height:clamp(680px,100svh,840px);}
 body[data-page="home"] .er-office-photo::before{background-image:url('../images/er-office-hero-mobile.webp');}
 body[data-page="home"] .er-office-photo::after{background-image:url('../images/er-office-hero-mobile.webp');background-position:center center;background-size:auto 100%;opacity:.75;}
 body[data-page="home"] .er-office-wash{background:linear-gradient(90deg,rgba(3,4,4,.96),rgba(3,4,4,.65) 75%,rgba(3,4,4,.4)),linear-gradient(0deg,rgba(3,4,4,.6),transparent 50%)!important;}
 body[data-page="home"] .er-office-actions{gap:20px;}
 body[data-page="home"] .er-office-project-link{font-size:14px;}
 body[data-page="home"] .er-process-chapter{grid-template-columns:1fr;gap:15px;padding-block:40px;}
 body[data-page="home"] .er-process-chapter p{grid-column:1;}
 body[data-page="home"] .er-process-number{font-size:clamp(5rem,20vw,8rem);}
 body[data-page="home"] .er-process-chapter h3{font-size:clamp(2rem,8vw,3rem);}
 body[data-page="projects"] .project-testimonial-heading h2{font-size:clamp(2.65rem,12vw,4.5rem);}
 body[data-page="notfound"] .error-hero-v7{padding-block:80px;}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .er-process-chapter,body[data-page="home"] .er-office-project-link,body[data-page="projects"] .er-testimonial-pill{transition:none!important;}}
/* Contrast-safe 404 numeral panel: the bright brand accent stays on deep charcoal. */
body[data-page="notfound"] .error-art-v7 {background:#111612;padding:clamp(25px,4vw,65px);min-height:clamp(300px,31vw,490px);justify-content:center;border:1px solid #242c25;}
body[data-page="notfound"] .error-art-v7 .error-art-caption {color:#f6f8f5!important;}
body[data-page="notfound"] .error-number-v7 {color:#C6FF34!important;}
@media(max-width:700px){body[data-page="notfound"] .error-art-v7{min-height:230px;padding:30px;}}
/* Deterministic vector icon sizing, including offline/file previews. */
body[data-page="home"] .er-office-cta svg,
body[data-page="home"] .er-office-project-link svg,
body[data-page="projects"] .er-testimonial-pill svg {width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;flex:0 0 19px!important;display:block;}