.dx{--ink:#373533;--paper:#f7f4ef;--accent:#b7774e;--content-width:1280px}.dx-angle{background:#252c31;color:#f3ede2;padding:55px 0 35px}.dx-angle-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:600px;align-items:end}.dx-angle-stage>.art{position:absolute;inset:0 0 0 18%;height:100%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);animation:dx-open 1.8s both}.dx-angle-stage>.art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#252c31 0%,transparent 55%)}.dx-angle-stage>.art figcaption{left:auto;right:15px;bottom:25px;z-index:1}.dx-angle-stage>header{grid-column:1;align-self:start;padding:35px 25px 0 0;z-index:2}.dx-angle-stage>aside{grid-column:1;z-index:2;max-width:500px;padding:25px 50px 25px 0}.dx-angle-stage>aside>p:first-child{color:#c8c8c4}.dx-angle-stage .motion{grid-column:2;justify-self:end;z-index:2;margin:25px}.dx-launch{padding:85px 0 60px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px 60px;align-items:center}.dx-launch header{grid-column:1;grid-row:1}.dx-launch header>p:last-child{margin-top:24px}.dx-launch>.art{grid-column:2;grid-row:1/3;height:570px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.dx-launch-note{grid-column:1;background:#e4d9cd;padding:30px;margin-left:55px;border-left:3px solid #af744a}.dx-launch-note p{font-size:15px;margin-top:18px}.dx-finance{background:#e7dbcb;padding:70px 0}.dx-finance-title{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;align-items:end;margin-bottom:35px}.dx-finance-title .eyebrow{grid-column:1/-1}.dx-finance-surface{display:grid;grid-template-columns:1.2fr 1fr;box-shadow:0 20px 30px #46301b0a}.dx-finance-surface>.art{height:530px}.dx-finance-surface>div{padding:40px;background:#fffaf0;border-top:5px solid #b57b54}.dx-spotlight{padding:80px 0 50px}.dx-spotlight header{text-align:center;margin-bottom:35px}.dx-spotlight>.art{height:480px}.dx-spotlight-foot{display:grid;grid-template-columns:1fr 80px 1fr;gap:35px;padding:30px 40px;background:#2f383d;color:#edece5}.dx-spotlight-foot p{margin-top:16px;color:#bcc7c8}.dx-spotlight-foot>span{font-size:55px;align-self:center;text-align:center;color:#bd8c60;animation:dx-arrow 3s infinite alternate}.dx-qa{padding:35px 0 65px;display:grid;grid-template-columns:1fr 1.5fr;gap:55px}.dx-qa h2{font-size:30px}@keyframes dx-open{from{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}}@keyframes dx-arrow{from{transform:translate(-5px,5px)}to{transform:translate(5px,-5px)}}@media(max-width:680px){.dx-angle{padding:30px 0 20px}.dx-angle-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0}.dx-angle-stage>.art{position:relative;inset:auto;height:290px;order:2;margin:25px -20px 0;clip-path:none;animation:none}.dx-angle-stage>.art:after{display:none}.dx-angle-stage>.art figcaption{bottom:10px}.dx-angle-stage>header{padding:0;order:1}.dx-angle-stage>aside{padding:25px 0 0;order:3}.dx-angle-stage .motion{order:4;align-self:end;margin:20px 0 0}.dx-launch{padding:45px 0 30px;display:flex;flex-direction:column;align-items:stretch;gap:25px}.dx-launch>.art{height:300px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.dx-launch-note{padding:25px;margin:0 20px 0 0}.dx-launch-note h3{font-size:22px}.dx-launch-note p{font-size:14px}.dx-finance{padding:45px 0}.dx-finance-title{display:block;margin-bottom:25px}.dx-finance-title>p:last-child{margin-top:20px}.dx-finance-surface{display:block}.dx-finance-surface>.art{height:270px}.dx-finance-surface>div{padding:25px}.dx-spotlight{padding:45px 0 30px}.dx-spotlight header{text-align:left;margin-bottom:25px}.dx-spotlight>.art{height:280px}.dx-spotlight-foot{grid-template-columns:1fr;padding:25px;gap:20px}.dx-spotlight-foot>span{font-size:28px;justify-self:start;transform:rotate(45deg);animation:none}.dx-spotlight-foot h3{font-size:21px}.dx-spotlight-foot p{font-size:14px;margin-top:12px}.dx-qa{display:block;padding:25px 0 40px}.dx-qa h2{font-size:26px;margin-bottom:20px}}

/* page-business-motion */
.dx-launch[data-seen="true"]>.art{animation:dx-advance 1.2s cubic-bezier(.2,.7,.2,1) both}
.dx-finance[data-seen="true"] .dx-finance-surface>.art{animation:dx-advance 1.2s cubic-bezier(.2,.7,.2,1) both}
.dx-spotlight[data-seen="true"]>.art{animation:dx-advance 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes dx-advance{from{clip-path:polygon(0 100%,0 100%,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@media(prefers-reduced-motion:reduce){.dx-launch>.art,.dx-finance-surface>.art,.dx-spotlight>.art{animation:none!important}}