.values-page{color:#345b6e}
body.values-page #main .values-principle summary h3,body.values-page #main .values-situation-panels h3{color:#345b6e}
body.values-page #main .values-principle summary:hover h3{color:#527a8c}
.values-page [hidden]{display:none!important}
body.values-page #main .values-intro h1{max-width:720px}
.values-page .values-intro .lead{max-width:590px}
.values-principles-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.values-principles-intro{position:sticky;top:110px}
.values-principles-intro>p{color:#5b707a;max-width:440px;margin-bottom:24px}
.values-principles-intro>img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:60% 25%;border-radius:14px}
.values-principle{border-top:1px solid #c7d4d9}
.values-principle:last-child{border-bottom:1px solid #c7d4d9}
.values-principle summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none}
.values-principle summary::-webkit-details-marker{display:none}
.values-principle summary h3{font-size:clamp(23px,2.2vw,30px);line-height:1.2;margin:0;color:#345b6e;max-width:440px;transition:color .2s}
.values-principle summary:hover h3{color:#527a8c}
.values-expand{position:relative;width:22px;height:22px;flex:none;color:#cf405b}
.values-expand::before,.values-expand::after{content:"";position:absolute;background:currentColor;top:10px;left:3px;width:16px;height:2px}
.values-expand::after{transform:rotate(90deg);transition:transform .2s}
.values-principle[open] .values-expand::after{transform:rotate(0)}
.values-principle-copy{padding:0 42px 22px 0;animation:values-copy-enter .3s ease-out}
.values-principle-copy p{font-size:16px;line-height:1.7;margin:0 0 16px;color:#5b707a}
.values-principle-copy .values-benefit{border-left:2px solid #ff526b;padding-left:16px;color:#345b6e;font-weight:650;margin-bottom:0}
.values-situation-panels{min-width:0}
.values-situation-panels h3{font-size:clamp(29px,3vw,40px);line-height:1.15;color:#345b6e;margin-bottom:20px}
.values-situation-panels article{animation:values-copy-enter .35s ease-out}
.values-situation-panels p{color:#5b707a;margin-bottom:18px;line-height:1.7}
.values-situation-panels .values-situation-close{margin-bottom:0;color:#345b6e;font-weight:650}
body.values-page #main>.values-final{background:#345b6e;color:#fff}
body.values-page #main .values-final h2{color:#fff;max-width:940px}
.values-final h2 span{color:var(--coral)}
.values-final .lead{color:#edf3f5}
@keyframes values-copy-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:850px){.values-principles-grid,.values-situation-layout{gap:32px;grid-template-columns:1fr}.values-principles-intro{position:static}.values-principles-intro>p{max-width:640px}.values-principles-intro>img{max-height:320px;object-position:60% 20%}.values-situation-tabs{flex-direction:column;gap:0}.values-situation-tabs button{font-size:16px;padding:12px 0;min-height:48px}.values-situations:not(.is-interactive) .values-situation-panels{grid-template-columns:1fr}}
@media(max-width:540px){body.values-page #main .values-intro h1{font-size:42px}.values-principles-grid{gap:26px}.values-principle summary{padding:19px 0;gap:16px}.values-principle summary h3{font-size:24px}.values-principle-copy{padding-right:0;padding-bottom:20px}.values-principles-intro>img{aspect-ratio:16/11}.values-situation-layout{gap:26px}.values-situation-tabs{flex-direction:column;gap:0}.values-situation-tabs button{font-size:17px}.values-situation-panels h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.values-principle-copy,.values-situation-panels article{animation:none}.values-expand::after,.values-principle summary h3,.values-situation-tabs button{transition:none}}

.values-situation-accordion{max-width:1000px;margin-inline:auto}.values-situation{border-bottom:1px solid #c7d4d9}.values-situation summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;cursor:pointer;color:#345b6e;font-size:clamp(20px,2vw,26px);font-weight:650}.values-situation summary::-webkit-details-marker{display:none}.values-situation summary:focus-visible{outline:2px solid #cf405b;outline-offset:5px}.values-situation[open] .values-expand::after{transform:rotate(0)}.values-situation .values-situation-panels{display:block;padding:12px 40px 28px 0}.values-situation .values-situation-panels h3{font-size:clamp(25px,2.8vw,34px)}