/* Brand colors and explanatory diagrams share the established homepage palette. */
.brand-filter{position:absolute;pointer-events:none;overflow:hidden}
.logo img{filter:url('#remma-brand-colors');mix-blend-mode:normal}
.service-diagram{border:1px solid var(--line);background:var(--ivory)}
.service-diagram img{object-fit:contain;transform:none!important}
.service-diagram picture,.inner-page .svc .pic picture{display:block;width:100%;height:100%}
.message-art picture{display:block}
.inner-page .svc .pic{aspect-ratio:1.5;border:1px solid var(--line);background:var(--ivory)}
.inner-page .svc .pic img{object-fit:contain}
.approach-cycle{background:var(--ivory);color:var(--navy);padding:35px 4vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}
.approach-cycle:after{display:none}
.approach-caption{width:100%;max-width:600px}
.approach-caption h2{font-size:clamp(28px,2.8vw,43px);margin:20px 0 12px}
.approach-caption>p{font-size:12px;line-height:1.8;color:#627078}
.approach-cycle .cycle-diagram{width:min(100%,52svh);flex-shrink:0}
.support-cycle{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center;border-block:1px solid var(--line);padding:42px 0;margin-bottom:55px}
.support-cycle-copy h3{font-size:clamp(28px,2.5vw,38px);margin:24px 0}
.support-cycle-copy>p{font-size:13px;margin-top:20px;max-width:420px}
.support-cycle .cycle-diagram{max-width:520px}
.message-art{margin-top:8px;position:sticky;top:50px}
.message-art img{width:100%;height:auto;border:1px solid var(--line)}
.message-art figcaption{font-size:13px;line-height:2;padding:23px 0;border-bottom:1px solid var(--line);color:#627078}
.philosophy-layout{display:grid;grid-template-columns:38% minmax(0,1fr);gap:65px;align-items:start}
.philosophy-layout .mvv-art{position:sticky;top:70px;padding:0;margin-top:30px}
.philosophy-layout .mvv-art img{width:100%;height:auto;mix-blend-mode:multiply}
.philosophy-layout .mvvl>li{display:block;padding:32px 0}
.philosophy-layout .mvvl .k{display:block;margin-bottom:22px}
.philosophy-layout .mvvl .k i{display:inline;font-size:34px;margin:0 0 0 14px}
.philosophy-layout .mvvl .k em{display:block;margin-top:10px}
.philosophy-layout .mvvl>li>b{font-size:25px}
.philosophy-layout .mvvl>li>p{font-size:13px}
.philosophy-layout .vals>li>b{font-size:23px}
.sample-audit-note{font-size:11px!important;line-height:1.9!important;padding:18px 24px;border-top:1px solid var(--line);background:var(--ivory)}
.sample-preview{display:block;position:relative;background:var(--paper)}
.sample-preview .sample-live-preview{display:block;width:100%;height:100%;overflow:hidden}
.sample-preview .sample-thumb-document{width:660px;height:1600px;overflow:hidden;font-weight:400;text-align:left}
.sample-preview .rviz{width:660px!important;min-width:660px!important;max-width:none!important;border:0!important;margin:0!important}
.sample-preview .rviz-head{padding:24px}
.rviz [data-sample-audit]{margin:20px 0}
.rviz [data-sample-audit] p+p{margin-top:8px}
@media(max-width:1050px){.support-cycle{gap:35px;grid-template-columns:1fr 1fr}.philosophy-layout{gap:35px;grid-template-columns:34% minmax(0,1fr)}.philosophy-layout .mvvl>li>b{font-size:23px}.message-art figcaption{font-size:12px}}
@media(max-width:760px){
 .approach-cycle{height:auto;min-height:0;max-height:none;padding:50px 7vw 30px;gap:18px}
 .approach-caption h2{font-size:30px;margin:20px 0 15px}
 .approach-caption>p{font-size:11px}
 .approach-cycle .cycle-diagram{width:100%;max-width:420px}
 .support-cycle{display:block;padding:30px 0 15px;margin-bottom:35px}
 .support-cycle-copy h3{font-size:29px;margin:20px 0}
 .support-cycle-copy>p{font-size:12px;margin-top:17px}
 .support-cycle .cycle-diagram{margin-top:28px;max-width:420px}
 .service-row .service-diagram{grid-column:1/-1;width:100%;margin-top:8px;aspect-ratio:1.5}
 .message-art{position:static;width:100%;margin:0}
 .message-art figcaption{font-size:12px;padding:19px 0}
 .philosophy-layout{display:block}
 .philosophy-layout .mvv-art{position:static;margin:0 auto 25px;max-width:400px}
 .philosophy-layout .mvvl>li>b{font-size:24px}
}
@media print{.approach-cycle,.message-art,.philosophy-layout .mvv-art{position:static}.approach-cycle{height:auto}.approach-cycle .cycle-diagram{width:400px}.logo img{print-color-adjust:exact}}