/* Brenduiesc: approved Moon, light turquoise surfaces and restored dark green accents. */
:root{--paper:#f5f8f7;--ink:#1c343e;--muted:#4b6269;--lime:#bde4e9;--line:#ccdde1}
body{background:var(--paper);color:var(--ink)}
body::before{opacity:.06}
header,footer{background:rgba(245,248,247,.94);border-color:#ccdde180}
.button,.skip-link{background:#202721;color:#f5fbfc}.button:hover{background:#36432c}
.studio-hero{background:var(--paper);isolation:isolate}
.studio-hero::before{display:none}
.studio-hero::after{content:"";position:absolute;inset:16px 26% 16px -4%;z-index:-1;pointer-events:none;height:auto;max-height:none;background:url('moon-background-1600.webp') center/contain no-repeat;opacity:.14;mask-image:none}
.studio-hero h1 em{color:#176779}
html[lang=en] .studio-hero h1 em{font-size:1.42em;line-height:1;letter-spacing:-.045em}
.hero-copy>p{color:#304b56}.studio-byline span{color:#344e59}
.work-preview{background:#c2e4e9;border-color:#a4cbd2;box-shadow:6px 9px 0 #173d4910,0 16px 28px #1537440a}
.deliverable,.summary-extra{border-color:#244c5835}.deliverable-number{color:#426b76}.deliverable p{color:#365b68}
.language-code{color:#176779}.language-options a:hover,.language-options a[aria-current=page]{background:#e1eef1}
.chips span,.need-selector{background:#e4f0f2}.package-grid article{background:#f5f8f7b3}.package-grid .featured-package{background:#d4ebee;border-color:#a7ccd4}
.portfolio-filters button{border-color:var(--line)}.portfolio-filters button[aria-pressed=true]{background:#202721;color:#f5fbfc;border-color:#202721}
.project-tags span{background:#e4f0f2;color:#385d68}
.comparison-grid article{background:#f5f8f7}.comparison-grid .after{background:#e0eff1}
.team-signature,.team-signature.moon-signature{background:#e2eff1;border-color:#c6dce0}
.team-signature>p>span:not(.signature-dot),.team-signature .signature-dot,.steps span{color:#176779}
.live-project-caption .concept-label,.secondary-project-copy>.eyebrow{color:#346878}.secondary-project-note{color:#5c7178}
.tour-section{background:#25352d}.tour-expand,.tour-tabs button{border-color:#71806a}.tour-controls p{color:#d1d8c9}
.contact{background:#202721}.contact p{color:#cfdee3}.contact .contact-note{color:#bdcfd5}
.contact input,.contact textarea,.contact select{border-color:#78959f}.contact input::placeholder,.contact textarea::placeholder{color:#b9cdd3}
.contact select option{background:#202721}.contact form .button{background:#bde4e9;color:#202721}.contact form .button:hover{background:#d2eff3}
.contact-placeholder{border-color:#78959f}.contact-placeholder p{color:#cfdee3}
@media(min-width:2200px){.studio-hero::after{inset:12px 30% 12px 0}}
@media(min-width:701px) and (max-width:1199px){.studio-hero::after{inset:24px 22% 24px -12%;opacity:.12}}
@media(max-width:700px){.studio-hero::after{inset:0 0 auto;height:560px;max-height:56%;background-image:url('moon-background-800.webp');background-position:center 28px;background-size:calc(100% - 12px) auto;opacity:.11}}

