/* Natural-colour photography. No colour overlays on images. */
.grande-comparison .hero-media { background: #e8edf0; }
.grande-comparison .hero-shade { display: none; background: none; }
.grande-comparison .hero-scenery { filter: none; background-position: center; }
.grande-comparison .hero-inner { padding-top: 55px; padding-bottom: 80px; }
.grande-comparison .hero-copy { max-width: 645px; padding: 36px 40px 35px; color: #183b35; background: rgba(255,255,255,.95); border: 1px solid rgba(255,255,255,.8); }
.grande-comparison .hero-copy h1 { font-size: clamp(36px,3.5vw,49px); line-height: 1.5; }
.grande-comparison .hero-kicker { color: #806126; font-size: 11px; margin-bottom: 24px; }
.grande-comparison .hero-intro { color: #45524b; margin: 24px 0 19px; }
.grande-comparison .hero-link { border-color: #8b6a32; }
.grande-comparison .network-canvas { opacity: .25; }
.grande-comparison .hero-scroll { color: #183b35; background: rgba(255,255,255,.94); padding: 6px 12px; bottom: 20px; }
.grande-comparison .architecture-caption { display: none; }
.grande-comparison .pv-hero > .motion-toggle { position: absolute; right: 28px; bottom: 20px; z-index: 4; padding: 7px 12px; min-height: 36px; background: rgba(255,255,255,.94); color: #183b35; border: 1px solid #d6ded6; }
.grande-comparison .architecture-window { margin: 0 0 70px; background-color: #eef0f1; }
.grande-comparison .architecture-window img { width: 100%; height: auto; display: block; }
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
 .grande-comparison .architecture-window { height: 100vh; height: 100svh; background-image: url("/assets/site-a/images/architecture-hero.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: contain; }
 .grande-comparison .architecture-window img { visibility: hidden; width: 100%; height: 100%; object-fit: contain; }
}
.grande-subpage .page-intro { background-image: url("images/architecture-detail.jpg"); }
.grande-subpage .page-intro-copy { width: fit-content; max-width: 710px; padding: 32px 38px; background: rgba(255,255,255,.95); border: 1px solid #e4e6df; }
.grande-subpage .page-intro .title-rule { color: #183b35; font-size: 46px; }
.grande-subpage .page-intro .title-rule::before { background: #8b6a32; }
.grande-subpage .page-lead { color: #45524b; }
.grande-subpage[data-page='leaders'] .page-intro { background-image: none; }
.grande-subpage[data-page='leaders'] .page-intro-copy { padding: 0; border: 0; background: none; }
.grande-subpage .service-tile::before { display: none; }
.grande-subpage .service-tile { color: #183b35; justify-content: flex-end; min-height: 470px; border-color: #d1d7ce; }
.grande-subpage .service-tile > div { margin: 145px 20px 0; padding: 26px 28px 5px; background: rgba(255,255,255,.96); }
.grande-subpage .service-tile > div > span { color: #806126; }
.grande-subpage .service-tile p { color: #45524b; }
.grande-subpage .service-detail { margin: 0 20px 20px; padding: 0 28px 22px; background: rgba(255,255,255,.96); }
.grande-subpage .service-detail summary { color: #30584d; border-color: #8b6a32; }
.grande-subpage .leaders-hero { background-image: url("images/architecture-detail.jpg"); }
.grande-subpage .experience-hero { background-image: url("images/skyline.jpg"); }
.grande-subpage .relations-hero { background-image: url("images/globe.jpg"); }
.grande-subpage .leaders-hero-card, .grande-subpage .experience-title, .grande-subpage .relations-card { color: #183b35; background: rgba(255,255,255,.95); border: 1px solid #e4e6df; padding: 32px 38px; max-width: 620px; }
.grande-subpage .leaders-hero-card h1, .grande-subpage .relations-card h1 { color: #183b35; font-size: 45px; }
.grande-subpage .leaders-hero-card > span, .grande-subpage .relations-card > span, .grande-subpage .experience-title > span { color: #806126; }
.grande-subpage .relations-card p, .grande-subpage .experience-title p { color: #45524b; }
.grande-subpage .contact-hero { background-image: url("images/skyline.jpg"); }
.grande-subpage .contact-title { color: #183b35; padding: 20px 26px; background: rgba(255,255,255,.95); width: fit-content; }
.grande-subpage[data-page='notice'] .page-intro { background-image: url("images/architecture-hero.jpg"); }
@media (max-width: 959px) {
 .grande-comparison .hero-copy { max-width: 590px; padding: 32px; }
 .grande-comparison .hero-copy h1 { font-size: 43px; }
 .grande-comparison .architecture-window { margin-bottom: 45px; }
}
@media (max-width: 719px) {
 .grande-comparison .pv-hero { min-height: 585px; }
 .grande-comparison .hero-inner { padding: 42px 0 84px; }
 .grande-comparison .hero-copy { padding: 28px 21px; }
 .grande-comparison .hero-copy h1 { font-size: clamp(25px,6.4vw,36px); letter-spacing: 0; }
 .grande-comparison .hero-kicker { font-size: 9px; gap: 10px; letter-spacing: .06em; }
 .grande-comparison .hero-intro { font-size: 13px; }
 .grande-comparison .pv-hero > .motion-toggle { right: 20px; }
 .grande-subpage .page-intro-copy, .grande-subpage .leaders-hero-card, .grande-subpage .experience-title, .grande-subpage .relations-card { padding: 27px 23px; }
 .grande-subpage .page-intro .title-rule { font-size: 33px; }
 .grande-subpage .leaders-hero-card h1, .grande-subpage .relations-card h1 { font-size: 31px; }
 .grande-subpage .experience-title h1 { font-size: 36px; }
 .grande-subpage .service-tile { min-height: 435px; }
 .grande-subpage .service-tile > div { margin: 145px 14px 0; padding: 22px 20px 5px; }
 .grande-subpage .service-detail { margin: 0 14px 14px; padding: 0 20px 20px; }
 .grande-subpage .service-tile h2 { font-size: 27px; }
 .grande-subpage .contact-title { padding: 13px 20px; }
}