.strategy{
  --strategy-pink:#f41c78;
  --manifest-paper:#f9fbff;
  overflow:hidden;
  background:var(--paper);
}
.strategy-heading{display:grid;grid-template-columns:1fr minmax(300px,.55fr);gap:50px;align-items:end;margin-bottom:44px}
.strategy-heading p{max-width:54ch;margin:0;color:var(--muted)}
.strategy-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.strategy-panel{
  position:relative;z-index:1;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;padding:clamp(40px,5vw,72px);border-radius:14px;
}
.strategy-panel--mission{grid-column:1/span 7;color:#fff;background:var(--navy)}
.strategy-panel--vision{grid-column:8/-1;color:var(--navy);background:var(--manifest-paper);border:1px solid var(--line)}
.strategy-panel h3{margin:0 0 18px;color:inherit;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.92}
.strategy-panel p{position:relative;z-index:2;max-width:49ch;margin:0;font-size:clamp(1.06rem,1.4vw,1.2rem)}
.strategy-panel--mission>p{color:#dce5ff}
.strategy-time{
  position:absolute!important;inset:34px 38px auto auto;max-width:8ch!important;color:inherit!important;
  font:750 clamp(1.3rem,2.3vw,2.25rem)/1 var(--display)!important;text-align:right;
}
.strategy-panel--mission strong{color:var(--strategy-pink)}
.strategy-note{margin-top:30px!important;color:inherit!important;font-size:.82rem!important;opacity:.72}
.strategy-route{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}
.strategy-route path{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 10}
.strategy-route circle{fill:var(--strategy-pink);stroke:#fff;stroke-width:3}
.reasons{--strategy-pink:#f41c78;color:var(--ink);background:var(--soft)}
.reasons-shell{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:clamp(48px,7vw,100px);align-items:start}
.reasons-summary{position:sticky;top:140px}
.reasons-summary h2{max-width:11ch;color:var(--navy)}
.reasons-summary p{max-width:38ch;color:var(--muted)}
.reasons-summary .button{margin-top:18px}
.proof-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:14px}
.reason-proof{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:clamp(28px,4vw,48px);background:var(--paper)}
.reason-proof h3{max-width:14ch;margin-bottom:12px;color:var(--navy);font-size:clamp(1.45rem,2.2vw,2.15rem)}
.reason-proof p{max-width:52ch;margin:0;color:var(--muted)}
.reason-proof a{font-weight:700}
.reason-proof--experience{grid-column:1/span 3;grid-row:1/span 2;min-height:430px;background:var(--navy)}
.reason-proof--experience h3,.reason-proof--experience p{color:#fff}
.reason-metric{display:block;margin-bottom:auto;color:var(--strategy-pink);font:800 clamp(5rem,10vw,9rem)/.78 var(--display);letter-spacing:-.04em}
.reason-proof--store{grid-column:4/-1;min-height:214px}
.reason-proof--logistics{grid-column:4/-1;min-height:214px;background:#f9fbff}
.reason-proof--culture{grid-column:1/-1;min-height:205px;display:grid;grid-template-columns:.72fr 1fr;gap:40px;align-items:end;background:var(--blue)}
.reason-proof--culture h3{margin:0;color:#fff}
.reason-proof--culture p,.reason-proof--culture strong{color:#fff}
.reason-signal{position:absolute;top:24px;right:26px;width:52px;height:8px;border-top:2px solid var(--blue);border-bottom:2px solid var(--blue)}
@media (prefers-reduced-motion:no-preference){
  .motion-ready .strategy-grid[data-motion-state="waiting"] .strategy-panel,
  .motion-ready .reasons-shell[data-motion-state="waiting"] .reason-proof{opacity:.35;clip-path:inset(0 0 100% 0 round 14px)}
  .motion-ready .strategy-grid[data-motion-state="visible"] .strategy-panel,
  .motion-ready .strategy-grid[data-motion-state="complete"] .strategy-panel,
  .motion-ready .reasons-shell[data-motion-state="visible"] .reason-proof,
  .motion-ready .reasons-shell[data-motion-state="complete"] .reason-proof{
    opacity:1;clip-path:inset(0 0 0 0 round 14px);transition:clip-path 650ms cubic-bezier(.16,1,.3,1),opacity 380ms ease;
  }
  .motion-ready .strategy-grid[data-motion-state="visible"] .strategy-panel--vision{transition-delay:110ms}
  .motion-ready .reasons-shell[data-motion-state="visible"] .reason-proof--store{transition-delay:80ms}
  .motion-ready .reasons-shell[data-motion-state="visible"] .reason-proof--logistics{transition-delay:150ms}
  .motion-ready .reasons-shell[data-motion-state="visible"] .reason-proof--culture{transition-delay:220ms}
}
@media (max-width:880px){
  .strategy-heading{grid-template-columns:1fr;gap:18px}
  .strategy-grid{grid-template-columns:1fr}
  .strategy-panel--mission,.strategy-panel--vision{grid-column:1;min-height:390px}
  .strategy-route{opacity:.65}
  .reasons-shell{grid-template-columns:1fr}
  .reasons-summary{position:static}
  .reasons-summary h2{max-width:13ch}
}
@media (max-width:620px){
  .strategy-heading{margin-bottom:30px}
  .strategy-panel{min-height:400px;padding:118px 26px 34px}
  .strategy-panel h3{font-size:clamp(3rem,15vw,4.2rem)}
  .strategy-time{inset:26px 26px auto auto;font-size:1.45rem!important}
  .strategy-route{display:none}
  .proof-board{grid-template-columns:1fr}
  .reason-proof--experience,.reason-proof--store,.reason-proof--logistics,.reason-proof--culture{grid-column:1;grid-row:auto;min-height:260px}
  .reason-proof--experience{min-height:380px}
  .reason-proof--culture{display:flex;align-items:initial;gap:0}
  .reason-metric{font-size:clamp(5.2rem,28vw,7rem)}
}