/* A quiet, blended film beside the company approach. */
.approach-section{padding-top:32px;padding-bottom:64px;scroll-margin-top:120px}
.approach-panel{--approach-surface:#0b1724;position:relative;isolation:isolate;min-height:570px;overflow:hidden;border:1px solid var(--line);border-radius:var(--main-section-radius,32px);background:var(--approach-surface)}
html[data-theme="cinematic"] .approach-panel{--approach-surface:#080909}
html[data-theme="japan"] .approach-panel{--approach-surface:#f2f1f1}
.approach-media{position:absolute;inset:0;z-index:-2}
.approach-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:70% top}
.approach-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--approach-surface) 0%,var(--approach-surface) 27%,transparent 67%);pointer-events:none}
.approach-content{width:49%;padding:64px 0 64px 48px;position:relative;z-index:1}
.approach-content .eyebrow{margin-bottom:25px;font-size:11px;letter-spacing:2.4px;color:var(--ink)}
#regions-heading{font-size:clamp(30px,2.8vw,40px);line-height:1.2;letter-spacing:-1.1px;margin:0 0 24px;max-width:none;color:var(--ink);text-wrap:balance;white-space:pre-line}
.approach-content p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 30px;max-width:35ch;text-wrap:pretty}
.approach-content .button{gap:22px}
.approach-motion{position:absolute;right:22px;bottom:22px;z-index:2;display:flex;align-items:center;gap:8px;border:1px solid #ffffff45;border-radius:999px;padding:9px 14px;min-height:40px;background:#080909cc;color:#fff;font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(8px)}
.approach-motion:hover{background:#080909}
.approach-motion:focus-visible{outline:2px solid #fff;outline-offset:4px}
.approach-motion [data-motion-icon]{width:12px;text-align:center;font-size:13px}
.approach-motion[hidden]{display:none}
@media(max-width:1000px) and (min-width:701px){.approach-content{padding-left:30px;width:52%}.approach-panel{min-height:540px}.approach-content p{font-size:15px}.approach-media:after{background:linear-gradient(90deg,var(--approach-surface) 0%,var(--approach-surface) 24%,transparent 75%)}}
@media(max-width:700px){
 .approach-section{padding-top:20px;padding-bottom:36px}
 .approach-panel{min-height:0;display:flex;flex-direction:column}
 .approach-content{width:auto;padding:34px 26px 14px}
 #regions-heading{font-size:30px;letter-spacing:-.8px;margin-bottom:20px}
 .approach-content .eyebrow{margin-bottom:22px;letter-spacing:1.5px}
 .approach-content p{font-size:15px;margin-bottom:23px;max-width:none}
 .approach-media{position:relative;inset:auto;z-index:-1;height:310px;margin-top:-5px}
 .approach-media video{object-position:88% center}
 .approach-media:after{background:linear-gradient(180deg,var(--approach-surface) 0%,transparent 32%)}
 .approach-motion{right:16px;bottom:16px}
}