.reach-principles{padding-top:100px;padding-bottom:110px}.principles-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.principles-heading h2{margin-bottom:0}.principles-index{color:#7c8389;line-height:1.9;font-size:9px;padding-bottom:6px}.reach-principles .principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:0}.reach-principles .principle-card{border:1px solid #e5e8eb;border-radius:24px;padding:30px 34px 22px;min-height:350px;position:relative;overflow:hidden;background:#f7f8fa;transition:transform .35s,box-shadow .35s}.reach-principles .principle-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #1726360b}.reach-principles .principle-card-1{background:#fff1eb;border-color:#f7e2d9}.reach-principles .principle-card-2{background:#fff}.reach-principles .principle-card-3{background:#101416;color:#fff;border-color:#101416}.principle-card-top{display:flex;justify-content:space-between;align-items:start;height:105px}.principle-number{display:grid;place-items:center;border:1px solid #dce0e4;border-radius:50%;width:34px;height:34px;color:#727b84!important;font-size:10px}.principle-card-3 .principle-number{border-color:#ffffff30;color:#bec6cc!important}.reach-principles .principle-card h3{font-size:clamp(20px,2.2vw,29px);line-height:1.35;letter-spacing:-.055em;margin:0 0 15px;max-width:360px}.reach-principles .principle-card p{font-size:14px;line-height:1.75;margin:0;max-width:460px;color:#606a73}.reach-principles .principle-card-3 p{color:#b0bac2}.principle-card-label{border-top:1px solid #10141612;display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-top:15px;color:#78828a;font-size:8px;letter-spacing:.08em}.principle-card-label i{font-style:normal;font-size:18px;color:var(--orange)}.principle-card-3 .principle-card-label{border-color:#ffffff20;color:#929ea7}.principle-art{width:110px;height:85px;position:relative;color:var(--orange);flex-shrink:0}.principle-art span,.principle-art>i{position:absolute;display:block}.p-orbit{border:1px solid #f94d2650;border-radius:50%;width:65px;height:65px;left:0;top:0}.p-orbit.second{left:32px}.principle-card-0 .principle-art>i{height:12px;width:12px;background:var(--orange);border-radius:50%;left:43px;top:27px;box-shadow:0 0 0 7px #f94d2612}.p-node{width:27px;height:27px;border:1px solid #f94d2650;border-radius:8px;background:#fff8;transform:rotate(45deg)}.p-node.n1{left:15px;top:5px}.p-node.n2{left:60px;top:5px}.p-node.n3{left:15px;top:50px}.p-node.n4{left:60px;top:50px}.principle-card-1 .principle-art>i{width:18px;height:18px;left:42px;top:32px;background:var(--orange);border-radius:5px;transform:rotate(45deg)}.p-lines{inset:5px 10px 10px;background:repeating-linear-gradient(0deg,transparent 0 11px,#f94d2640 11px 12px);transform:skewY(-12deg)}.principle-card-2 .principle-art>i{height:55px;width:3px;background:var(--orange);top:8px;left:52px;transform:rotate(35deg)}.p-step{bottom:8px;width:22px;border:1px solid #f94d2670;border-radius:5px 5px 0 0;background:#f94d2615}.p-step.s1{height:25px;left:10px}.p-step.s2{height:44px;left:38px}.p-step.s3{height:66px;left:66px;background:var(--orange)}.principle-art{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.principle-card:hover .principle-art{transform:translateY(-4px) rotate(4deg)}
@media(max-width:750px){.reach-principles{padding-top:70px;padding-bottom:70px}.principles-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:30px}.principles-index{font-size:8px}.principles-index br{display:none}.reach-principles .principle-grid{gap:14px}.reach-principles .principle-card{padding:24px;min-height:360px}.reach-principles .principle-card h3{font-size:21px}.reach-principles .principle-card p{font-size:13px}.principle-card-top{height:100px}.principle-art{width:95px;transform:scale(.85);transform-origin:top right}.principle-card-label{font-size:7px}}
@media(max-width:550px){.reach-principles .principle-grid{grid-template-columns:1fr}.reach-principles .principle-card{min-height:330px}.reach-principles .principle-card h3{font-size:23px}.principle-card-top{height:100px}.principle-card-label{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.reach-principles .principle-card,.principle-art{transition:none}.reach-principles .principle-card:hover,.principle-card:hover .principle-art{transform:none}}

.reach-principles .principle-card-top{height:auto;margin-bottom:28px}
.reach-principles .principle-card{min-height:290px}
@media(max-width:550px){.reach-principles .principle-card{min-height:0}.reach-principles .principle-card-top{margin-bottom:24px}}