/* Motion thesis: separate papers assemble into one plan. A single focal arrival,
   contextual panel transitions, responsive controls, and calm reading intervals. */
.modernist .mf-hero .m-hero-bottom{gap:20px 30px}
.modernist .mf-hero .mf-trust{grid-column:1/-1;width:100%;padding:20px 0 8px;background:transparent;color:var(--ivory);border-top:1px solid #f2f0e766;border-bottom:0;gap:16px;grid-template-columns:1fr 1fr}
.modernist .mf-hero .mf-trust .mf-rating strong{font-size:20px}
.modernist .mf-hero .mf-trust .mf-rating strong span{color:var(--lime)}
.modernist .mf-hero .mf-trust p{font-size:11px}
.modernist .mf-hero .mf-trust img{filter:brightness(0) invert(1);height:27px;max-width:145px;object-position:left}
.modernist .mf-hero .mf-trust>a:nth-last-child(-n+2){padding-top:5px}
.modernist .mx-founder{background:var(--ivory);color:var(--ink);padding-top:74px;padding-bottom:74px}
.modernist .mx-founder h2 span{color:var(--cobalt)}
.modernist .mx-founder-credentials{border-color:#15181555}
.modernist .mx-founder .button{background:var(--cobalt);color:var(--ivory)}
.modernist .mx-founder-portrait>span{border-color:var(--cobalt)}
.modernist .mx-founder-portrait img{filter:none}
.modernist .ms-booking-scope{font-size:14px;max-width:74ch;margin-bottom:32px;line-height:1.8}
.modernist .ms-service-review{font:700 28px/1.25 Barlow,sans-serif;border-top:1px solid #15181555;margin:20px 0 26px;padding:24px 0;max-width:36ch}
.modernist .ms-service-review cite{display:block;font:11px/1.8 Manrope,sans-serif;margin-top:15px;text-decoration:underline;text-underline-offset:4px}
.modernist .mx-sample-label{font-weight:700;font-size:11px!important;color:var(--cobalt)!important}
.modernist .mf-faq :is(p,li){max-width:70ch;line-height:1.9;font-size:15px}
.modernist .mf-dialog :is(p,li){line-height:1.85}
.modernist .ms-motion-toggle{position:absolute;right:5%;bottom:-30px;font-size:10px;min-height:44px;border-bottom:1px solid #f2f0e766;padding:4px 0;background:transparent;color:var(--ivory);z-index:4}
.modernist .ms-scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--lime);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
.modernist .mf-service,.modernist .mx-persona-options button,.modernist .mx-document-tabs button,.modernist .mx-quarter-tabs button{transition:background-color 250ms,color 250ms,border-color 250ms}
.modernist .mx-document-tabs button svg,.modernist .mx-persona-options button svg{transition:transform 250ms cubic-bezier(.22,1,.36,1)}
.modernist .mx-document-tabs button[aria-selected=true] svg,.modernist .mx-persona-options button[aria-pressed=true] svg{transform:translateX(4px)}
.modernist .button:active,.modernist .mx-save-strategy:active{transform:scale(.98)}
.modernist .mf-strategy-photo img{transition:transform 650ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.modernist .mf-strategy:hover .mf-strategy-photo img{transform:scale(1.045)}}
.modernist details.ms-accordion-moving{overflow:hidden}
.modernist dialog{transition:opacity 180ms,transform 220ms cubic-bezier(.22,1,.36,1),display 220ms allow-discrete,overlay 220ms allow-discrete;opacity:0;transform:translateY(16px) scale(.985)}
.modernist dialog[open]{opacity:1;transform:none}
@starting-style{.modernist dialog[open]{opacity:0;transform:translateY(16px) scale(.985)}}
.modernist dialog::backdrop{transition:background-color 180ms,display 220ms allow-discrete,overlay 220ms allow-discrete;background-color:#151815aa}
@starting-style{.modernist dialog[open]::backdrop{background-color:transparent}}
.modernist[data-motion=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.modernist[data-motion=off] .t-tilt-card{transform:none!important}
.modernist[data-motion=off] :is(.t-tilt-glare,.ms-scroll-progress){display:none!important}
.modernist .mf-portal>.ms-image-caption{margin:0;padding:12px 28px;font-size:11px;line-height:1.6}
/* Keep the original vertical service portraits beside their copy, with faces in frame. */
.modernist .m-service .mf-service-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:48px;align-items:center}
.modernist .m-service .mf-service-body>div{min-width:0;max-width:45ch}
.modernist .m-service .mf-service-body>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center top;align-self:start}
@media(max-width:700px){
 .modernist .m-service .mf-service-body{grid-template-columns:minmax(0,1fr) minmax(104px,38%);gap:20px;padding:0 24px 28px;align-items:start}
 .modernist .m-service .mf-service-body>img{aspect-ratio:3/5}
 .modernist .m-service .mf-service-body .text-link{white-space:normal;gap:10px;line-height:1.6;min-height:44px}
 .modernist .m-service .mf-service-body .text-link svg{flex-shrink:0}
}
@media(max-width:700px){
 .modernist .nav{height:82px}
 .modernist .mf-hero{padding-top:38px}
 .modernist .mf-hero h1{font-size:clamp(58px,16.8vw,92px)!important;margin-bottom:26px}
 .modernist .mf-hero .m-hero-bottom{gap:19px}
 .modernist .mf-hero .m-hero-bottom>p{font-size:13px;line-height:1.75}
 .modernist .mf-hero .mf-trust{display:grid;padding:17px 0 0;gap:12px 20px;margin:0}
 .modernist .mf-hero .mf-trust p{font-size:10px}
 .modernist .mf-hero .mf-trust .mf-rating>span{font-size:10px;margin-top:3px}
 .modernist .mf-hero .mf-trust img{height:24px;max-width:132px}
 .modernist .mf-hero .mf-calc-open{font-size:11px}
 .modernist .mx-founder{padding-top:48px;padding-bottom:48px}
 .modernist .mx-founder-portrait{grid-row:1}
 .modernist .mx-founder-portrait img{width:110px;height:120px}
 .modernist .mx-founder-copy h2{font-size:45px}
 .modernist .ms-motion-toggle{right:24px;bottom:-30px;font-size:10px}
 .modernist .ms-booking-scope{font-size:12px;margin-bottom:28px}
 .modernist .mx-sample-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.modernist *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.modernist .ms-scroll-progress{display:none}}