/* Pure white surfaces retain Brandoo red, cyan and warm three-dimensional materials. */
:root{
  --red:#D7211B;
  --cyan:#68C7DF;
  --paper:#FFFFFF;
  --ink:#20384B;
  --muted:#465C6F;
  --line:#A8B9C7;
  --surface:#FFFFFF;
  --surface-panel:#FFFFFF;
  --surface-raised:#FFFFFF;
  --light-panel:#FFFFFF;
  --light-ink:#20384B;
  --light-muted:#465C6F;
  color-scheme:light;
}
body{background:var(--surface);color:var(--ink)}
.page-home .services{background:var(--surface-panel)}
::selection{background:var(--cyan);color:var(--light-ink)}
a:focus-visible,button:focus-visible{outline-color:var(--red)}
.skip{background:var(--cyan);color:var(--light-ink)}
.site-header{background:var(--surface);color:var(--ink);border-bottom-color:var(--line)}
.site-header .brand,.footer-main .brand{background:#FFFFFF;border-radius:12px;overflow:hidden}
.site-header nav{color:var(--ink)}
.site-header nav a:hover{color:var(--ink)}
.site-header nav a:after{background:var(--red)}
.menu-toggle span{background:var(--ink)}
.button,.button.pale{background:var(--red);color:#FFFFFF}
.button:hover,.button.pale:hover{background:#AE1C17;color:#FFFFFF}
.button:disabled{background:var(--red);color:#FFFFFF}
.text-link:hover{color:var(--ink)}
.format-strip{background:var(--surface-panel);color:var(--ink)}
.format-strip a{border-color:var(--line)}
.format-strip a>span,.format-strip a:hover{color:var(--ink)}

/* Small labels use deep blue-gray for contrast; the brand red remains on actions and artwork. */
.section-heading .red,
.partners-heading .red,
.about-home-heading .red,
.about-home-method>.red,
.planning-heading .red,
.page-intro>.red,
.contact-layout aside>.red,
.detail-copy>.eyebrow{color:var(--ink)}
.section-heading>p,.about-home-intro,.about-home-body,.about-home-value p{color:var(--muted)}

/* Light copy panels form a quiet bridge to the existing ivory 3D stages. */
.service-card,.service-card.featured,
.about-home-identity,
.contact-layout form{
  --paper:#FFFFFF;
  --ink:#20384B;
  --muted:#465C6F;
  --line:#B9C7D0;
  background:var(--light-panel);
  color:var(--light-ink);
  color-scheme:light;
}
.service-card .card-copy{background:var(--light-panel);color:var(--light-ink)}
.service-card .card-copy h3,.service-card .card-copy h3 a{color:var(--light-ink)}
.service-card .card-copy h3 a:hover{color:var(--red)}
.service-card .card-copy>p{color:var(--light-muted)}
.service-card .service-tags span{background:#D1DBDE;color:var(--light-muted)}
.service-card .text-link{color:var(--light-ink)}
.service-card .text-link:hover{color:var(--red)}
.service-card .card-top>.index{background:#FFFCF5;color:var(--red)}
.service-card a:focus-visible,.service-card button:focus-visible{outline-color:var(--red)}
.service-motion-toggle{color:#5C554B;background:#FFFAF1E8;border-color:#C6BCA9}
.service-motion-toggle:hover{background:#FFFDF7;color:var(--red)}
.service-motion-toggle:focus-visible{outline-color:var(--red)}
.detail-art>p{color:#5C554B}

.partners{color:var(--ink)}
.partner-tile{background:#FFFFFF;color:var(--light-ink)}
.partner-motion-toggle{border-bottom-color:var(--line);color:var(--muted)}
.partner-motion-toggle:hover{color:var(--ink)}
.about-home-identity{border-color:#AEBBC4}
.about-home-identity-copy{color:var(--light-ink);border-top-color:#AFBDC4}
.about-home-identity-copy>.eyebrow{color:var(--light-muted)}
.about-home-identity-copy h3{color:var(--light-ink)}
.about-home-value>span{color:var(--ink)}
.about-home-values,.about-home-value{border-color:var(--line)}

.planning-row{background:var(--surface-panel);color:var(--ink)}
.planning-number,.planning-plus{color:var(--ink)}
.planning-trigger:focus-visible{outline-color:var(--red)}
.planning-row.is-open{background:var(--red);color:#FFFFFF}
.planning-row.is-open .planning-number,.planning-row.is-open .planning-plus{color:#FFFFFF}
.planning-answer p{color:inherit}
.closing{background:var(--surface-panel);color:var(--ink)}
.closing p{color:var(--muted)}
.closing .button{background:var(--red);color:#FFFFFF}
.closing .button:hover{background:#AE1C17}
footer{--ink:#20384B;--muted:#465C6F;--line:#D0D8DF;background:#FFFFFF;color:var(--ink);color-scheme:light}
.footer-main p,.footer-bottom{color:var(--muted)}
.footer-bottom{border-top-color:var(--line)}
.footer-main .text-link:hover,.footer-bottom a:hover{color:var(--red)}

.page-intro{background:var(--surface-panel);color:var(--ink)}
.page-intro>p,.detail-copy>p,.outcome li{color:var(--muted)}
.jump-link{border-top-color:var(--line)}
.jump-link:hover{color:var(--ink)}
.detail-copy li:before{color:var(--ink)}
.detail-copy li{border-bottom-color:var(--line)}
.outcome{border-left-color:var(--red)}
.contact-layout li:before{color:var(--ink)}
.contact-layout form label{color:var(--light-ink)}
.contact-layout input,.contact-layout select,.contact-layout textarea{
  background:#F5F7F5;
  color:var(--light-ink);
  border-color:#7E929F;
}
.contact-layout input:focus,.contact-layout select:focus,.contact-layout textarea:focus{
  outline-color:var(--red);
  border-color:var(--red);
}
.contact-layout textarea::placeholder,.contact-layout input::placeholder{color:var(--light-muted);opacity:1}
.contact-layout select option{background:#F5F7F5;color:var(--light-ink)}
.contact-layout #form-status{color:var(--light-muted)}

@media(max-width:820px){
  .site-header nav{background:var(--surface-panel);border-bottom-color:var(--line);box-shadow:0 15px 25px #00000030}
}

.planning-row.is-open .planning-trigger:focus-visible{outline-color:#FFFFFF}

/* White canvas and borderless rounded panels. */
.site-header,.site-header nav,.page-home .services,.format-strip,.page-intro,
.service-card,.service-card.featured,.service-card .card-copy,
.about-home-identity,.about-home-identity-copy,.closing,.planning-row,
.contact-layout form,footer{background:#FFFFFF}
.card-top,.service-card:nth-child(2) .card-top,.service-card:nth-child(3) .card-top,
.service-card:nth-child(4) .card-top,.service-card.featured .card-top,.detail-art{background:#FFFFFF}
.site-header,.site-header nav,.format-strip a,.service-card,.about-home-identity,
.about-home-identity-copy,.about-home-values,.about-home-value,.footer-bottom,
.jump-link,.detail-copy li,.contact-layout li,.partner-motion-toggle,.text-link,
.service-motion-toggle,.scene-bottom,.scene-bottom button,.outcome{border:0}
.service-card,.about-home-identity{box-shadow:0 12px 40px #20384B08}
.planning-row{box-shadow:0 5px 24px #20384B07}
.planning-row.is-open{background:var(--red);color:#FFFFFF}
.service-card .service-tags span{background:#F5F7F8}
.contact-layout input,.contact-layout select,.contact-layout textarea{border:0;background:#FFFFFF;box-shadow:0 2px 14px #20384B12}
.contact-layout select option{background:#FFFFFF}
.service-motion-toggle{box-shadow:0 3px 15px #20384B0B}
@media(max-width:820px){.site-header nav{background:#FFFFFF;box-shadow:0 15px 25px #20384B0D}}

.service-scene,.about-home-sculpture{background:#FFFFFF}