/* Only the lower-page scroll path changes; original typography and layout remain. */
.diagonal-flow{overflow:clip;position:relative;padding-top:55px;margin-top:-55px}
.diagonal-flow .diagonal-sheet{position:relative;isolation:isolate;background:transparent!important;transform:translate3d(var(--diagonal-x,0px),0,0)}
.diagonal-flow .diagonal-sheet::after{content:'';position:absolute;z-index:-1;inset:0 -60vw;pointer-events:none;background:var(--sheet-color,#fff);transform:skewY(-11deg);transform-origin:50% 50%}
.diagonal-flow .diagonal-sheet:first-child::before{display:none}
.diagonal-flow .diagonal-item{transform:translate3d(var(--diagonal-x,0px),0,0)}
@media(prefers-reduced-motion:reduce){.diagonal-flow .diagonal-sheet,.diagonal-flow .diagonal-item{transform:none!important}}
/* Retain the pre-existing services surface after adding the motion wrapper. */
.diagonal-flow>.services{background:#fff;padding-top:140px}
@media(max-width:750px){.diagonal-flow>.services{padding-top:105px}}

/* Keep the linked card above adjacent moving panels for reliable taps. */
.home-brand{position:relative;z-index:1;cursor:pointer}
/* Contact and footer use normal document flow outside the animated wrapper. */
main>.contact{position:relative;z-index:1}