/* Corporate values. Animated image-driven paired stories. */
.values-section{--vg:#2f4f4f;--vi:#132424;--vm:#586967;background:white;padding:28px 0 114px;overflow:hidden}
.values-wrap,.differ-wrap{width:min(1190px,calc(100% - 64px));margin:auto}
.section-index{color:#61827b;font-size:10px;letter-spacing:.29em;font-weight:900}
.values-heading{margin-bottom:43px;max-width:780px}
.values-heading h2{font-size:clamp(35px,4.4vw,64px);line-height:1;letter-spacing:-.063em;margin:18px 0;color:var(--vi);font-weight:900}.values-heading h2 span{color:var(--vg)}
.values-heading p{max-width:520px;line-height:1.7;color:var(--vm);margin:0;font-size:16px}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.value-card{position:relative;border:4px solid rgba(47,79,79,.42);background:linear-gradient(145deg,#f7faf8,#fff 45%);box-shadow:0 21px 43px rgba(29,61,52,.055);overflow:hidden;transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease}
.value-card:hover{transform:translateY(-5px);border-color:rgba(47,79,79,.85);box-shadow:0 26px 58px rgba(29,61,52,.12)}
.value-card::before,.value-card::after{content:"";position:absolute;z-index:3;width:42px;height:42px;pointer-events:none;animation:valCorner 6s ease-in-out infinite}
.value-card::before{left:0;top:0;border-left:2px solid var(--vg);border-top:2px solid var(--vg)}.value-card::after{right:0;bottom:0;border-right:2px solid var(--vg);border-bottom:2px solid var(--vg);animation-delay:-3s}
.value-image{position:relative;height:clamp(220px,24vw,336px);overflow:hidden;background:#dce7e3}
.value-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter 1s;filter:saturate(.78);animation:valPhoto 18s ease-in-out infinite alternate}
.value-card:hover .value-image img{filter:saturate(1.04)}
.image-number{position:absolute;top:20px;left:24px;color:white;background:rgba(24,54,49,.76);padding:7px 10px;font:900 10px Arial;letter-spacing:.19em}
.image-scan{pointer-events:none;position:absolute;inset:0;background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.26) 52%,transparent 65%);transform:translateX(-150%);animation:valScan 11s ease-in-out infinite}
.value-card:nth-child(2) .image-scan{animation-delay:-5s}.value-card:nth-child(2) .value-image img{animation-duration:20s;animation-delay:-4s}
.value-card-copy{padding:37px 37px 40px;min-height:280px;display:flex;flex-direction:column}
.value-label{font-size:10px;color:#76958a;font-weight:900;letter-spacing:.26em;margin-bottom:19px}
.value-card h3{font-size:clamp(29px,3.15vw,44px);font-weight:900;letter-spacing:-.058em;line-height:1.02;margin:0 0 24px;color:var(--vi)}.value-card h3 em{font-style:normal;color:var(--vg)}
.value-card p{margin:0 0 35px;font-size:15px;color:var(--vm);line-height:1.86;max-width:510px}
.value-bottom-rule{display:block;margin-top:auto;width:64px;height:3px;background:var(--vg);transition:width .55s ease}.value-card:hover .value-bottom-rule{width:100%}
.values-bottom{display:flex;align-items:center;gap:26px;margin-top:50px}.values-bottom-line{height:1px;background:rgba(47,79,79,.19);flex:1}.values-bottom p{margin:0;color:var(--vg);font-size:10px;font-weight:900;letter-spacing:.2em;text-align:center}
.internal-page.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1)}
.internal-page.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.values-grid>.value-card:nth-child(2){transition-delay:.14s}
@keyframes valCorner{0%,100%{height:20px;width:20px;opacity:.45}50%{height:60px;width:60px;opacity:1}}
@keyframes valPhoto{0%{transform:scale(1.04) translateX(0)}50%{transform:scale(1.105) translateX(-1.2%)}100%{transform:scale(1.05) translateX(.8%)}}
@keyframes valScan{0%,32%{transform:translateX(-150%)}58%,100%{transform:translateX(150%)}}
@media(max-width:760px){.values-section{padding:8px 0 70px}.values-wrap,.differ-wrap{width:calc(100% - 34px)}.values-grid{grid-template-columns:1fr;gap:21px}.values-heading{margin-bottom:32px}.value-card-copy{min-height:0;padding:28px}.value-card p{margin-bottom:26px}.values-bottom{gap:13px}.values-bottom p{letter-spacing:.12em;font-size:8px}}
@media(prefers-reduced-motion:reduce){.values-section *, .values-section *::before,.values-section *::after{animation:none!important;transition:none!important}.internal-page.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}

/* v0.6 — structural framed cards: retain photo, scan, corner and reveal animations. */
.value-card{box-shadow:0 21px 43px rgba(29,61,52,.055),inset 0 0 0 1px rgba(255,255,255,.78)}
.value-card:hover{box-shadow:0 26px 58px rgba(29,61,52,.12),0 0 0 2px rgba(47,79,79,.11)}
.value-card::before{top:-2px;left:-2px;border-left-width:4px;border-top-width:4px}
.value-card::after{bottom:-2px;right:-2px;border-right-width:4px;border-bottom-width:4px}