/* Product-led editorial composition; typography stays native and readable. */
.company-mark{filter:url('#remma-brand-colors');mix-blend-mode:normal!important}
.business-story{background:var(--paper)}
.business-story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-top:28px;align-items:start}
.inner-page .business-story h2{font-size:clamp(29px,3vw,44px);margin:0;line-height:1.65}
.business-story-layout p{font-size:14px;max-width:600px;margin:0}
.business-story-layout p+p{margin-top:24px}
.service-row{grid-template-columns:52px minmax(0,.88fr) minmax(0,1.12fr);gap:40px;padding:60px 0;align-items:center}
.service-row>.service-visual{width:100%;min-width:0;margin:0}
.service-copy h3{font-size:clamp(25px,2.15vw,36px);line-height:1.65;margin:15px 0 22px}
.service-copy>p:not(.service-who){max-width:460px;line-height:2.15}
.service-copy .text-link{margin-top:30px}
.service-no{font-size:34px}
.approach-cycle .cycle-diagram{width:100%;max-width:620px;flex-shrink:0}
.approach-caption{max-width:620px}
.support-cycle{grid-template-columns:.84fr 1.16fr;gap:64px;padding:60px 0}
.support-cycle .cycle-diagram{max-width:620px}
.inner-page .svc .head{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:65px;align-items:center}
.inner-page .svc .head>.service-visual{width:100%;margin:0;min-width:0}
.message-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1050px){.service-row{grid-template-columns:42px minmax(0,1fr);gap:25px}.service-row>.service-visual{grid-column:2;max-width:670px}.service-copy>p:not(.service-who){max-width:600px}.service-copy h3{font-size:29px}.support-cycle{gap:30px;grid-template-columns:.85fr 1.15fr}.inner-page .svc .head{gap:32px}.cycle-intro{display:block}.cycle-intro>span{display:block;margin-bottom:14px}.cycle-intro b br{display:none}}
@media(max-width:760px){.service-row{grid-template-columns:30px minmax(0,1fr);gap:16px;padding:36px 0 42px}.service-no{font-size:26px}.service-copy h3{font-size:26px;margin:12px 0 18px}.service-copy .text-link{margin-top:22px}.service-row>.service-visual{grid-column:1/-1;margin-top:8px}.support-cycle{display:block;padding:34px 0}.support-cycle .cycle-diagram{max-width:620px;margin-top:32px}.inner-page .svc .head{display:flex;gap:32px}.approach-cycle .cycle-diagram{max-width:620px}.approach-cycle{padding-inline:7vw}.cycle-intro{display:flex}.cycle-intro>span{margin-bottom:0}.cycle-intro b br{display:initial}}
@media(max-height:740px) and (min-width:761px){.approach-cycle{padding-block:22px;gap:10px}.approach-caption h2{font-size:28px;margin:12px 0}.approach-caption>p{font-size:11px}.approach-cycle .cycle-diagram{padding-block:22px}.approach-cycle .cycle-intro{margin-bottom:18px}.approach-cycle .cycle-number{font-size:42px;margin-bottom:10px}.approach-cycle .cycle-foot{margin-top:4px}}
@media(max-width:760px){.business-story-layout{display:block;margin-top:23px}.inner-page .business-story h2{font-size:30px;margin-bottom:24px}.business-story-layout p{font-size:13px}}
.article-meta{display:flex;gap:1.3em;color:var(--muted);font:12px/1.6 var(--sans);letter-spacing:.03em}
.article-entry-title{font:500 clamp(22px,2.6vw,32px)/1.65 var(--serif);margin:18px 0}
.article-entry-title a{text-decoration:none;color:var(--navy);text-underline-offset:.25em}
.article-entry-title a:hover{text-decoration:underline;text-decoration-thickness:1px}
.article-body{max-width:780px;margin:auto;font:16px/2.25 var(--sans);overflow-wrap:anywhere}
.article-body p{margin:0 0 2em}
.article-preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.article-preview{border-top:1px solid var(--line);padding-top:25px}
.article-preview>p:last-child{font-size:14px;line-height:2}
.page-articles .page-hero h1{max-width:100%;font-size:clamp(30px,4.6vw,64px);overflow-wrap:anywhere}
@media(max-width:760px){.article-preview-list{grid-template-columns:1fr;gap:30px}.article-body{font-size:14px}}
.mvv-art img{mix-blend-mode:multiply}
.service-row{padding-block:60px;align-items:center}
.service-row .service-visual{max-width:650px;justify-self:end}
.approach-cycle .cycle-diagram--workflow{width:100%;max-width:620px}
@media(max-width:760px){.service-row{padding-block:36px 42px}.service-row .service-visual{max-width:none}.approach-cycle .cycle-diagram--workflow{max-width:none}}
@media(max-width:380px){.inner-page .svc .head h2,.guide-title h3{font-size:22px;letter-spacing:0}.service-copy h3{font-size:20px;letter-spacing:0}.cycle-diagram{padding-inline:12px}.cycle-diagram .cycle-node+.cycle-node{padding-left:5px}.cycle-name{font-size:16px;letter-spacing:0}}