/* Inner pages only. Original tokens, containers, cards and interactions are reused. */
.ram-inner-page .ram-inner-surface { position: relative; z-index: 3; background: var(--white); }
.ram-inner-page .service-section { height: auto; margin-bottom: 0; }
.ram-inner-page .ram-page-hero { border-bottom: 1px solid var(--grey-100); }
.ram-inner-page .ram-page-hero .service-block { gap: 40px; }
.ram-inner-page .ram-page-title { font-size: min(var(--_typography---font-size--display-medium), 10vw); overflow-wrap: anywhere; }
.ram-inner-page .ram-page-intro { display: flex; flex-direction: column; gap: 24px; width: 50%; margin-left: auto; }
.ram-inner-page .ram-page-intro .link-wrapper { align-self: flex-start; }
.ram-inner-page .ram-editorial-row { display: flex; justify-content: space-between; gap: 32px; border-top: 1px solid var(--grey-400); padding-top: 32px; }
.ram-inner-page .ram-editorial-row > :first-child { flex: 1; min-width: 0; }
.ram-inner-page .ram-editorial-row .about-description-wrapper { width: 50%; }
.ram-inner-page .ram-statistics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.ram-inner-page .ram-statistics .display-medium { font-size: min(var(--_typography---font-size--display-medium), 5.5vw); }
.ram-inner-page .ram-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ram-inner-page .ram-principle { border-top: 1px solid var(--grey-200); padding-top: 24px; display: flex; flex-direction: column; gap: 24px; }
.ram-inner-page .ram-service-link { display: block; flex: 1; min-width: 0; color: inherit; text-decoration: none; }
.ram-inner-page .ram-service-link .service-card { height: 300px; }
.ram-inner-page .ram-service-link:focus-visible { outline: 2px solid var(--black); outline-offset: 4px; }
.ram-inner-page .ram-project-cover img, .ram-inner-page .ram-project-gallery img { display: block; width: 100%; height: auto; }
.ram-inner-page .ram-project-facts { width: 50%; display: flex; flex-direction: column; gap: 24px; margin: 0; }
.ram-inner-page .ram-project-facts dd { margin: 8px 0 0; }
.ram-inner-page .ram-next-project { display: flex; flex-direction: column; gap: 24px; border-top: 1px solid var(--grey-400); padding-top: 32px; }
.ram-inner-page .ram-contact-details { gap: 32px; }
.ram-inner-page .ram-contact-details a { color: var(--white); text-decoration: none; overflow-wrap: anywhere; }
.ram-inner-page .ram-next-project .link-wrapper { align-self: flex-start; }
.ram-inner-page .gsap_split_letter-mask { overflow-clip-margin: .12em; }
@media (max-width: 991px) {
    .ram-inner-page .ram-service-link .service-card { width: 100%; }
    .ram-inner-page .ram-statistics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ram-inner-page .ram-statistics .display-medium { font-size: min(var(--_typography---font-size--display-medium), 11vw); }
}
@media (max-width: 767px) {
    .ram-inner-page .ram-page-intro { width: 100%; }
    .ram-inner-page .ram-editorial-row { flex-direction: column; }
    .ram-inner-page .ram-editorial-row .about-description-wrapper, .ram-inner-page .ram-project-facts { width: 100%; }
    .ram-inner-page .ram-principles { grid-template-columns: 1fr; gap: 32px; }
    .ram-inner-page .ram-service-link .service-card { height: 220px; }
}
@media (max-width: 991px) {
    /* Reuse the template's stacked service cards where flip hover is disabled. */
    .ram-inner-page .service-card-wrapper { flex-direction: column; max-height: none; }
    .ram-inner-page .ram-service-link .service-card { height: 220px; }
    .ram-inner-page .services-card-description-mobile-wrapper { display: block; width: 100%; max-width: 285px; height: auto; }
    .ram-inner-page .services-card-description-wrapper { width: 100%; max-width: 285px; }
    .ram-inner-page .title-number-service-card-wrapper { flex-direction: row; height: auto; }
    .ram-inner-page .service-card-front { gap: 24px; }
}
/* Keep the shared mobile menu above the inner page's positioned sections. */
.ram-inner-page .navbar-section { z-index: 6; }
@media (min-width: 768px) and (max-width: 991px) {
    .ram-inner-page .navbar-block::before { content: ""; position: absolute; inset: 0; z-index: 2; background: var(--white); pointer-events: none; }
    .ram-inner-page .navbar-logo-wrapper, .ram-inner-page .menu-wrapper { position: relative; z-index: 3; }
}
/* Detail photos keep their intrinsic proportions at every breakpoint. */
.ram-inner-page .ram-project-cover,
.ram-inner-page .ram-project-gallery .works-card-image-wrapper { height: auto; }