/* The complete contract shares a stage with concise, independently readable HTML. */
.dossier-refined{--route-two:clamp(0,calc((var(--p) - .18)*3),1);--route-three:clamp(0,calc((var(--p) - .58)*3),1);overflow:clip}
.dossier-refined>.scene-sticky{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);grid-template-rows:minmax(0,1fr) auto;column-gap:28px;row-gap:22px;align-items:center;padding:30px max(48px,calc((100% - 1224px)/2));min-height:700px}
.dossier-refined .optical-copy{grid-column:1;grid-row:1;align-self:center;width:100%;max-width:440px;padding:0;margin:0;min-width:0}
.dossier-refined .optical-copy .eyebrow{font-size:11px;line-height:1.4;margin-bottom:18px}
.dossier-refined .optical-copy h2{font-size:clamp(42px,4vw,56px);line-height:1.06;letter-spacing:-.045em;max-width:100%}
.dossier-refined .optical-copy>p{max-width:420px;font-size:15px;line-height:1.55;margin-top:18px}
.dossier-refined .optical-render{grid-column:2;grid-row:1;position:relative;inset:auto;align-self:stretch;width:100%;height:100%;min-height:0;margin:0;mask-image:none}
.dossier-refined .optical-render picture{display:block;width:100%;height:100%}
.dossier-refined .optical-render img,.dossier-refined .optical-render canvas{transform:none}
.dossier-services{list-style:none;padding:0;margin:28px 0 0;width:100%;max-width:400px;display:grid;gap:0}
.dossier-service{position:relative;display:flex;gap:15px;padding:0 0 20px;color:#a5b3cd}
.dossier-service:last-child{padding-bottom:0}
.dossier-service:not(:last-child):after{content:"";position:absolute;left:16px;top:39px;bottom:6px;width:1px;background:#829bcc45}
.dossier-service-index{flex:0 0 33px;height:33px;display:grid;place-items:center;border:1px solid #7387b46e;border-radius:50%;color:#bdccef;background:#1b2f51;box-shadow:inset 0 1px 0 #fff1}
.dossier-service-index .icon{width:17px;height:17px}
.dossier-service a{color:inherit;pointer-events:auto;display:block;min-height:44px;min-width:0}
.dossier-service a:hover strong{color:#b5cbff}
.dossier-service a:focus-visible{outline:2px solid #b5cbff;outline-offset:5px;border-radius:3px}
.dossier-service strong{display:block;color:#f4f7ff;font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.015em}
.dossier-service a>span{display:none}
.dossier-refined .dossier-service p{font-size:12px;line-height:1.5;margin-top:6px;max-width:290px;color:#b5c3dd;opacity:1}
.dossier-service-0 .dossier-service-index{color:#fff;border-color:#99b3ee;background:#314f87}
.dossier-service-1 .dossier-service-index{background:#1b2f51;box-shadow:inset 0 0 0 18px rgb(49 79 135 / var(--route-two));border-color:rgb(153 179 238 / calc(.3 + var(--route-two)*.7))}
.dossier-service-2 .dossier-service-index{background:#1b2f51;box-shadow:inset 0 0 0 18px rgb(49 79 135 / var(--route-three));border-color:rgb(153 179 238 / calc(.3 + var(--route-three)*.7))}
.dossier-refined .optical-end{grid-column:1/-1;grid-row:2;position:relative;inset:auto;transform:none;width:100%;max-width:none;padding:0;margin:0;gap:24px}
.dossier-refined .optical-end>span{font-size:17px;color:#c6d2e8;letter-spacing:-.02em}
.dossier-refined .optical-end .button{min-height:52px;padding:15px 21px;font-size:13px;flex-shrink:0}
.motion-ready:not(.motion-reduced) .dossier-refined:not(.scene-flow) .optical-copy{transform:translateY(calc(var(--p)*-20px))}
.motion-ready:not(.motion-reduced) .dossier-refined:not(.scene-flow) .optical-copy>p{opacity:calc(1 - var(--p)*.35)}
@media(min-width:768px) and (max-width:1199px){
 .dossier-refined>.scene-sticky{padding:28px 32px;column-gap:20px;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)}
 .dossier-refined .optical-copy h2{font-size:42px}
 .dossier-refined .optical-copy>p{font-size:14px}
 .dossier-services{margin-top:24px}.dossier-service{gap:12px;padding-bottom:17px}.dossier-service strong{font-size:16px}
 .dossier-refined .dossier-service p{font-size:11px}.dossier-refined .optical-end>span{font-size:15px}
}
@media(max-width:767px){
 .motion-ready:not(.motion-reduced) .dossier-refined:not(.scene-flow) .optical-copy{transform:translateY(calc(var(--p)*-12px))}
 .dossier-refined>.scene-sticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:20px 0 18px}
 .dossier-refined .optical-copy{grid-column:1;grid-row:1;max-width:none;align-self:start;padding-inline:22px}
 .dossier-refined .optical-copy .eyebrow{font-size:9px;margin-bottom:12px}
 .dossier-refined .optical-copy h2{font-size:33px;line-height:1.05;letter-spacing:-1.2px}
 .dossier-refined .optical-copy>p{font-size:12px;line-height:1.5;margin-top:13px;max-width:420px}
 .dossier-services{grid-template-columns:.8fr 1.04fr 1fr;max-width:none;gap:10px;margin-top:18px}
 .dossier-service{display:block;padding:0;min-width:0}
 .dossier-service-index{width:25px;height:25px;margin-bottom:7px}.dossier-service-index .icon{width:14px;height:14px}
 .dossier-service:not(:last-child):after{left:33px;right:0;top:12px;bottom:auto;height:1px;width:auto}
 .dossier-service strong{font-size:12px;font-weight:550;letter-spacing:-.025em}
 .dossier-service a>span{display:block;font-size:9px;line-height:1.4;margin-top:4px;color:#c0cdeb}
 .dossier-refined .dossier-service p{display:none}
 .dossier-refined .optical-render{grid-column:1;grid-row:2;justify-self:center;width:calc(100% / 1.18);height:100%;min-height:0}
 .dossier-refined .optical-render img,.dossier-refined .optical-render canvas{transform:scale(1.18);transform-origin:50% 50%}
 .dossier-refined .optical-end{grid-column:1;grid-row:3;padding-inline:22px;gap:0}.dossier-refined .optical-end>span{display:none}
 .dossier-refined .optical-end .button{width:100%;font-size:12px;min-height:50px;padding:14px 17px}
}
@media(max-width:360px){
 .dossier-refined>.scene-sticky{padding-top:17px;padding-bottom:16px;row-gap:8px}
 .dossier-refined .optical-copy,.dossier-refined .optical-end{padding-inline:16px}
 .dossier-refined .optical-copy h2{font-size:30px}.dossier-refined .optical-copy>p{font-size:11px}
 .dossier-services{gap:7px;margin-top:15px}.dossier-service a>span{font-size:8px}.dossier-refined .optical-end .button{font-size:11px}
}
/* Unpinned layouts use real flow rows; artwork never depends on negative margins. */
html:not(.motion-ready) .dossier-refined>.scene-sticky,.motion-reduced .dossier-refined>.scene-sticky,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow>.scene-sticky{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:24px;padding-top:32px;padding-bottom:32px}
html:not(.motion-ready) .dossier-refined .optical-copy,.motion-reduced .dossier-refined .optical-copy,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .optical-copy{grid-column:1;grid-row:1;max-width:100%;width:100%}
html:not(.motion-ready) .dossier-refined .optical-render,.motion-reduced .dossier-refined .optical-render,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .optical-render{grid-column:1;grid-row:2;position:relative;inset:auto;width:100%;height:clamp(180px,calc(100svh - var(--motion-header-height) - 44px),600px);max-width:960px;margin:0 auto;justify-self:center;mask-image:none}
html:not(.motion-ready) .dossier-refined .optical-end,.motion-reduced .dossier-refined .optical-end,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .optical-end{grid-column:1;grid-row:3;position:relative;inset:auto;transform:none;padding-top:0;margin:0;flex-wrap:wrap}
@media(min-width:768px){
 html:not(.motion-ready) .dossier-refined .dossier-services,.motion-reduced .dossier-refined .dossier-services,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .dossier-services{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;max-width:none}
 html:not(.motion-ready) .dossier-refined .dossier-service,.motion-reduced .dossier-refined .dossier-service,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .dossier-service{padding-bottom:0}
 html:not(.motion-ready) .dossier-refined .dossier-service:after,.motion-reduced .dossier-refined .dossier-service:after,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .dossier-service:after{display:none}
}
@media(max-width:767px){
 html:not(.motion-ready) .dossier-refined .optical-render,.motion-reduced .dossier-refined .optical-render,.motion-ready:not(.motion-reduced) .dossier-refined.scene-flow .optical-render{width:calc(100% / 1.18);height:min(105vw,440px)}
}
@media(max-height:599px) and (min-width:768px){
 .motion-ready:not(.motion-reduced) .dossier-refined.scene-flow>.scene-sticky{padding-top:24px;padding-bottom:24px;row-gap:20px}
 .dossier-refined .optical-copy h2{font-size:36px}.dossier-refined .optical-copy .eyebrow{margin-bottom:12px}
 .dossier-refined .optical-copy>p{max-width:560px;margin-top:12px}.dossier-refined .dossier-services{margin-top:20px}
}