/* ER Creativity Production — unified editorial refinement. */
:root { --er-ink:#080c0a; --er-surface:#111815; --er-paper:#f5f8f3; --er-accent:#C6FF34; --er-muted:#b5c3b9; --er-rule:rgba(230,245,232,.14); }
html {scroll-padding-top:100px;}
body {background:var(--er-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;}
body :is(.section,.section-tight) {scroll-margin-top:85px;}
body :is(button,a) { -webkit-tap-highlight-color:transparent; }
body :is(button,a):focus-visible {outline:2px solid var(--er-accent);outline-offset:4px;}

/* One still image, one statement and one unobtrusive action: no carousel or decorative controls. */
body[data-page="home"] .er-hero-v11 {background:#080c0a!important; border:0; isolation:isolate;position:relative;overflow:hidden;}
body[data-page="home"] .er-hero-v11::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse 38% 60% at 75% 45%,rgba(64,91,61,.11),transparent 80%);pointer-events:none;z-index:-1;}
body[data-page="home"] .er-hero-v11::after {display:none;}
body[data-page="home"] .er-hero-v11-grid {min-height:clamp(650px,calc(100svh - 88px),920px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(46px,5vw,104px);align-items:center;padding-top:clamp(65px,6.8vw,110px);padding-bottom:clamp(70px,7.3vw,120px);}
body[data-page="home"] .er-hero-v11-copy {min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
body[data-page="home"] .er-hero-v11 h1.display {color:#f9fbf7!important;font-size:clamp(4.1rem,7.25vw,8.8rem)!important;letter-spacing:-.079em!important;line-height:.96!important;max-width:11.7ch!important;margin:0!important;font-weight:690!important;text-wrap:balance;}
body[data-page="home"] .er-hero-v11 .er-hero-line-2 {display:block!important;color:#f9fbf7!important;white-space:normal;}
body[data-page="home"] .er-hero-v11 .er-hero-final-copy {font-size:clamp(1rem,1.15vw,1.17rem)!important;color:#c3cec6!important;line-height:1.83!important;max-width:52ch!important;margin:clamp(31px,3.8vw,56px) 0 0!important;text-wrap:pretty;}
body[data-page="home"] .er-hero-v11-actions {display:flex;align-items:center;gap:23px;margin-top:clamp(30px,3vw,47px);width:min(100%,400px);}
body[data-page="home"] .er-hero-v11-link {display:inline-flex;align-items:center;gap:18px;white-space:nowrap;text-decoration:none;color:#eff8eb;font-weight:640;letter-spacing:-.015em;border-bottom:1px solid #C6FF34;padding-bottom:13px;transition:color .2s ease,gap .2s ease;}
body[data-page="home"] .er-hero-v11-link:hover {color:#C6FF34;gap:24px;}
body[data-page="home"] .er-hero-v11-link svg {width:17px;height:17px;}
body[data-page="home"] .er-hero-v11-rule {height:1px;flex:1;background:linear-gradient(90deg,rgba(198,255,52,.33),transparent);}
body[data-page="home"] .er-hero-v11-visual {min-width:0;position:relative;overflow:hidden;margin:0;isolation:isolate;aspect-ratio: .92;max-height:700px;background:#171e19;border:1px solid rgba(255,255,255,.13);border-radius:clamp(12px,1.3vw,21px);box-shadow:0 32px 85px rgba(0,0,0,.2);}
body[data-page="home"] .er-hero-v11-visual picture,body[data-page="home"] .er-hero-v11-visual img {display:block;width:100%;height:100%;}
body[data-page="home"] .er-hero-v11-visual img {object-fit:cover;object-position:52% 52%;transition:transform .85s cubic-bezier(.2,.72,.1,1),filter .6s ease;}
@media (hover:hover) and (prefers-reduced-motion:no-preference){body[data-page="home"] .er-hero-v11-visual:hover img {transform:scale(1.025);}}
body[data-page="home"] .er-hero-v11-visual figcaption {position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:12px;padding:clamp(22px,2.5vw,39px);color:#fff;font-size:.76rem;letter-spacing:.03em;line-height:1.5;background:linear-gradient(0deg,rgba(5,9,6,.84),transparent);}
body[data-page="home"] .er-hero-image-indicator {height:2px;width:29px;background:var(--er-accent);flex:none;}
/* Move tangible work immediately below the introduction; keep the bright single marquee. */
body[data-page="home"] .marquee-band {background:#C6FF34!important;color:#0b1307!important;border-color:#C6FF34!important;box-shadow:none!important;}
body[data-page="home"] .marquee-band :is(.marquee-track,.marquee-track span) {color:#0b1307!important;}
body[data-page="home"] .home-brand-preview {background:#090d0b!important;padding-block:clamp(95px,9vw,145px)!important;}
body[data-page="home"] .home-process-summary {background:#0b100d!important;padding-block:clamp(88px,8.8vw,135px)!important;border-top:1px solid var(--er-rule);}
body[data-page="home"] .home-process-summary .timeline-item {padding-top:clamp(23px,2.2vw,33px);}
body[data-page="home"] .home-process-summary .timeline-item :is(h3,p) {color:#f3f8f2;}
body[data-page="home"] .home-process-summary .timeline-item p {color:#b8c5bb;font-size:clamp(.89rem,1.03vw,1.04rem);max-width:32ch;line-height:1.7;}
body[data-page="home"] .home-partners-v7 {background:#080c0a!important;border-top:1px solid var(--er-rule);padding-block:clamp(90px,9.1vw,145px)!important;}
body[data-page="home"] .home-partners-v7 .partners-section-intro {font-size:.96rem;max-width:34ch;color:#b5c3b8;}
body[data-page="home"] .home-partners-v7 .partner-logo {min-height:clamp(98px,9.2vw,130px);background:#111714!important;border:1px solid rgba(245,249,245,.1);border-radius:10px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;}
body[data-page="home"] .home-partners-v7 .partner-logo .brand-logo {max-width:76%;max-height:56px;object-fit:contain;filter:grayscale(1) brightness(0) invert(.85);opacity:.72;transition:filter .25s ease,transform .25s ease,opacity .25s ease;}
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) {background:var(--partner-hover)!important;border-color:var(--partner-hover)!important;box-shadow:0 8px 28px rgba(0,0,0,.13);}
/* On dark brand colors the official wordmark needs a light treatment. On light brand colors it needs dark ink. */
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) .brand-logo {filter:brightness(0)!important;opacity:1!important;}
body[data-page="home"] .home-partners-v7 .partner-logo.partner-dark:is(:hover,:focus-visible) .brand-logo {filter:brightness(0) invert(1)!important;opacity:1!important;}
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) img[data-brand="visa"],
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) img[data-brand="mastercard"],
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) img[data-brand="shell"],
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) img[data-brand="garnier"],
body[data-page="home"] .home-partners-v7 .partner-logo:is(:hover,:focus-visible) img[data-brand="yandex"] {filter:none!important;opacity:1!important;}
/* Some SVG logos have white fills. Recolor their visible marks on bright brand panels. */
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) img[data-brand="seiko"],
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) img[data-brand="loreal-paris"],
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) img[data-brand="bobbi-brown"],
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) img[data-brand="blend"],
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) img[data-brand="maybelline-new-york"],
body[data-page="home"] .home-partners-v7 .partner-logo.partner-light:is(:hover,:focus-visible) img[data-brand="mac-cosmetics"] {filter:brightness(0)!important;}

/* One tasteful, project-specific invitation to client feedback. */
body[data-page="projects"] .project-testimonial-cta {padding:clamp(58px,6.5vw,100px) 0 clamp(95px,10vw,145px);background:#080c0a!important;}
body[data-page="projects"] .project-testimonial-cta-inner {display:flex;align-items:flex-end;justify-content:space-between;gap:35px;border-top:1px solid var(--er-rule);padding-top:clamp(31px,4vw,53px);}
body[data-page="projects"] .project-testimonial-cta-inner h2 {font-weight:640;letter-spacing:-.052em;font-size:clamp(1.75rem,3.15vw,3.65rem);line-height:1.1;margin:14px 0;}
body[data-page="projects"] .project-testimonial-cta-inner p:not(.eyebrow) {color:var(--er-muted);line-height:1.7;font-size:clamp(.94rem,1.05vw,1.07rem);margin:0;}
body[data-page="projects"] .project-testimonial-cta-inner a {flex:none;margin-bottom:6px;}

/* Trim redundant vertical space on the Testimonials introduction. */
body[data-page="testimonials"] .testimonial-hero {padding:clamp(75px,7.5vw,118px) 0 clamp(38px,4.6vw,72px)!important;background:#080c0a!important;}
body[data-page="testimonials"] .testimonial-title {font-size:clamp(3.1rem,6vw,6.6rem)!important;line-height:1.02!important;letter-spacing:-.065em;max-width:14ch;margin:clamp(20px,2.4vw,34px) 0 20px;}
body[data-page="testimonials"] .testimonial-lead {font-size:clamp(1rem,1.26vw,1.2rem);line-height:1.74;max-width:65ch;color:var(--er-muted);margin:0;}
body[data-page="testimonials"] .testimonial-hero+.section-tight {padding-top:clamp(35px,4vw,56px)!important;}
/* Sticky asides: stick within their long form region, not the viewport forever. */
@media (min-width:1101px) {
 body[data-page="inquiry"] .project-inquiry-section,
 body[data-page="testimonials"] .testimonial-feedback-section {overflow:visible!important;contain:none!important;transform:none!important;}
 body[data-page="inquiry"] .project-inquiry-layout {display:grid!important;grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr)!important;align-items:stretch!important;gap:clamp(46px,5.8vw,98px)!important;}
 body[data-page="testimonials"] .testimonial-feedback-layout {display:grid!important;grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr)!important;align-items:stretch!important;gap:clamp(42px,6vw,104px)!important;}
 body[data-page="inquiry"] .contact-inquiry-aside,
 body[data-page="testimonials"] .testimonial-feedback-copy {position:sticky!important;top:105px!important;align-self:start!important;max-height:none!important;height:auto!important;overflow:visible!important;transform:none!important;will-change:auto;}
 body[data-page="inquiry"] .project-inquiry-layout>.contact-form-panel,
 body[data-page="testimonials"] .testimonial-feedback-layout>.contact-form-panel {align-self:start;}
}
@media (max-width:1100px){
 body[data-page="inquiry"] .project-inquiry-layout,
 body[data-page="testimonials"] .testimonial-feedback-layout {grid-template-columns:1fr!important;}
 body[data-page="inquiry"] .contact-inquiry-aside,
 body[data-page="testimonials"] .testimonial-feedback-copy {position:static!important;top:auto!important;overflow:visible!important;max-height:none!important;}
}

/* Journal: shorter notes and concise, navigable overlays. */
body[data-page="journal"] .journal-articles .editorial-card>p {font-size:.92rem;line-height:1.75;min-height:3.5em;}
.er-article-modal-v11 {background:#101612!important;border:1px solid rgba(225,247,226,.15)!important;max-width:min(720px,calc(100vw - 36px))!important;padding:clamp(25px,4vw,58px)!important;max-height:min(85svh,790px);overflow-y:auto;}
.er-article-modal-v11 .article-modal-content h2 {font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.056em;max-width:13ch;}
.er-article-modal-v11 .article-modal-content p:not(.eyebrow) {color:#c4cfc5;font-size:clamp(.98rem,1.3vw,1.13rem);line-height:1.78;max-width:60ch;}
.er-article-modal-v11 .article-modal-content .er-article-lead {color:#f4f7ef;font-weight:590;font-size:clamp(1.07rem,1.6vw,1.3rem);}
.er-article-modal-v11 .er-article-modal-foot {border-top:1px solid var(--er-rule);margin-top:clamp(28px,4vw,51px);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;}
.er-article-modal-v11 .er-article-progress {font-size:.78rem;color:#C6FF34;letter-spacing:.14em;font-weight:650;}
.er-article-modal-v11 .er-article-nav {display:flex;align-items:center;gap:10px;}
.er-article-modal-v11 .er-article-nav button {border:1px solid rgba(255,255,255,.2);border-radius:999px;background:transparent;color:#f2f8ef;cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 16px;font:inherit;font-size:.88rem;transition:background .2s,color .2s,border-color .2s;}
.er-article-modal-v11 .er-article-nav button:is(:hover,:focus-visible) {background:#C6FF34;color:#0a1008;border-color:#C6FF34;}
.er-article-modal-v11 .er-article-nav svg {width:15px;height:15px;}

@media (max-width:1050px) {
 body[data-page="home"] .er-hero-v11-grid {grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:clamp(24px,4vw,55px);}
 body[data-page="home"] .er-hero-v11 h1.display {font-size:clamp(3.7rem,7.1vw,6.8rem)!important;}
 body[data-page="home"] .er-hero-v11-visual {aspect-ratio:.83;}
}
@media (max-width:760px) {
 body[data-page="home"] .er-hero-v11-grid {grid-template-columns:1fr;min-height:unset;padding-block:clamp(65px,11vw,104px) 74px;gap:48px;}
 body[data-page="home"] .er-hero-v11 h1.display {font-size:clamp(3.6rem,10.4vw,6.3rem)!important;max-width:13ch!important;}
 body[data-page="home"] .er-hero-v11 .er-hero-final-copy {margin-top:31px!important;font-size:1rem!important;}
 body[data-page="home"] .er-hero-v11-visual {aspect-ratio:1.35;max-height:450px;}
 body[data-page="home"] .er-hero-v11-visual img {object-position:center 55%;}
 body[data-page="projects"] .project-testimonial-cta-inner {flex-direction:column;align-items:flex-start;gap:28px;}
}
@media (max-width:420px) {
 body[data-page="home"] .er-hero-v11 h1.display {font-size:clamp(3.13rem,11vw,4.5rem)!important;}
 body[data-page="home"] .er-hero-v11-visual {aspect-ratio:1.07;}
 .er-article-modal-v11 .er-article-modal-foot {align-items:flex-start;flex-direction:column;}
}
@media (prefers-reduced-motion:reduce) { .er-hero-v11 :is(img,a),.er-article-modal-v11 button {transition:none!important;} }
/* Highest-specificity correction: earlier design layers used brand-specific important hover overrides. */
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible),
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible):has(img) {
 background-color:var(--partner-hover)!important;
 border-color:var(--partner-hover)!important;
}
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal.partner-dark:is(:hover,:focus-visible) .brand-logo {filter:brightness(0) invert(1)!important;}
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal.partner-light:is(:hover,:focus-visible) .brand-logo {filter:brightness(0)!important;}
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="shell"],
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="mastercard"],
body[data-page="home"] .home-partners-v7 .logo-wall .partner-logo.brand-reveal:is(:hover,:focus-visible) img[data-brand="yandex"] {filter:none!important;}
/* Continuous rhythm between review cards and the feedback form. */
body[data-page="testimonials"] .testimonial-hero + .section-tight {padding-bottom:clamp(36px,4vw,60px)!important;}
body[data-page="testimonials"] .testimonial-feedback-section {padding-top:clamp(50px,5.5vw,85px)!important;padding-bottom:clamp(80px,9vw,138px)!important;}