.my{--ink:#294762;--paper:#f4f7f8;--accent:#345e7e;--content-width:1260px}.my-archive{background:#dce5eb;padding:40px 0 30px}.my-archive-stage{display:grid;grid-template-columns:38% 62%;align-items:center;position:relative}.my-archive-stage>header{grid-column:1;grid-row:1;padding:25px 25px 0 0}.my-archive-stage>.art{grid-column:2;grid-row:1/3;height:570px;border-top:18px solid #b4c8d4;border-bottom:18px solid #b4c8d4;animation:my-reveal 1.7s both}.my-archive-copy{grid-column:1;grid-row:2;margin-right:-60px;background:#f4f7f8;padding:30px 40px 30px 0;z-index:1;border-bottom:4px solid #789bb5}.my-archive-copy>p:first-child{max-width:420px;color:#67829a}.my-archive .motion{display:block;margin:25px 0 0 auto}.my-start{padding:80px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:35px 65px;align-items:center}.my-start-copy{padding-top:35px}.my-start>.art{grid-column:1/-1;height:410px;border-left:35px solid #bdceda}.my-start aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.7fr;gap:50px;padding:25px 0;border-top:1px solid #b1c5d2}.my-start aside p{font-size:15px}.my-ledger{padding:70px 0;background:#e0e9ee}.my-ledger-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px 50px;align-items:center}.my-ledger-title{grid-column:1}.my-ledger-title p:last-child{margin-top:22px}.my-ledger-grid>.art{grid-column:1;grid-row:2;height:340px}.my-fees{grid-column:2;grid-row:1/3;padding:40px;background:#fff;border-left:8px double #9fb6c4}.my-glass{padding:80px 0 50px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center;position:relative}.my-glass>div>p:last-child{margin-top:22px}.my-glass>.art{height:460px;border:1px solid #c4d2dc}.my-glass-rule{grid-column:1/-1;width:100%;height:2px;background:linear-gradient(90deg,#527d99,transparent);transform-origin:left;animation:my-line 6s infinite alternate}.my-qa{padding:35px 0 65px;max-width:1050px!important}.my-qa header{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.my-qa h2{font-size:30px}.my-qa header p{font-size:14px}@keyframes my-reveal{from{clip-path:inset(48% 0)}to{clip-path:inset(0)}}@keyframes my-line{from{transform:scaleX(.25)}to{transform:scaleX(1)}}@media(max-width:680px){.my-archive{padding:25px 0}.my-archive-stage{display:flex;flex-direction:column;align-items:stretch}.my-archive-stage>header{padding:0 0 25px}.my-archive-stage>.art{height:310px;border-width:10px}.my-archive-copy{margin:-20px 20px 0 0;padding:25px;position:relative}.my-archive-copy>p:first-child{font-size:14px}.my-archive .motion{margin-top:20px}.my-start{padding:45px 0 30px;display:block}.my-start-copy{padding-top:22px}.my-start>.art{height:280px;margin-top:25px;border-left-width:18px}.my-start aside{display:block;margin-top:25px;padding:22px 0 0}.my-start aside h3{font-size:21px}.my-start aside p{margin-top:15px;font-size:14px}.my-ledger{padding:45px 0}.my-ledger-grid{display:flex;flex-direction:column;align-items:stretch;gap:25px}.my-ledger-grid>.art{height:270px}.my-fees{padding:25px;border-left-width:6px}.my-glass{padding:45px 0 30px;display:flex;flex-direction:column;align-items:stretch;gap:25px}.my-glass>.art{height:290px}.my-qa{padding:25px 0 40px}.my-qa header{display:block;margin-bottom:15px}.my-qa h2{font-size:26px}.my-qa header p{margin-top:15px}}

/* page-business-motion */
.my-start[data-seen="true"]>.art{animation:my-layers 1.2s cubic-bezier(.2,.7,.2,1) both}
.my-ledger[data-seen="true"] .my-ledger-grid>.art{animation:my-layers 1.2s cubic-bezier(.2,.7,.2,1) both}
.my-glass[data-seen="true"]>.art{animation:my-layers 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes my-layers{from{clip-path:inset(35% 0 35%)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.my-start>.art,.my-ledger-grid>.art,.my-glass>.art{animation:none!important}}