/* MVV only: native scrolling drives the fixed composition. */
.company-page .mvv-scroll{position:relative;background:#fcfaf3}
.company-page .mvv-stage{position:relative}
.company-page .mvv-slide{position:relative;padding:70px 6%;color:#171d36;scroll-margin-top:90px}
.company-page .mvv-purpose .mvv-slide{background:white;border-radius:50% / 8%}
.company-page .mvv-display{font-size:clamp(64px,7.5vw,116px);font-weight:700;line-height:1;letter-spacing:-.04em;margin:0 0 45px;color:#171d36;display:flex;align-items:flex-start;gap:18px}
.company-page .mvv-display small{font-size:18px;letter-spacing:0;color:#ff6500;margin-top:12px;font-weight:500}
.company-page .mvv-purpose-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:35px;align-items:center;padding-right:32px}
.company-page .mvv-purpose-grid h3{font-size:clamp(23px,2.2vw,34px);line-height:1.8;margin:0;position:relative;z-index:1;color:#171d36}
.company-page .mvv-title-line{display:inline}
.company-page .mvv-purpose-grid h3:before{content:"";position:absolute;z-index:-1;width:85%;height:100px;top:-15px;left:-25px;background:#fff0dc;border-radius:70% 30% 70% 30%;transform:rotate(-14deg)}
.company-page .mvv-purpose-grid p,.company-page .mvv-value-copy>p:last-child{font-size:15px;line-height:2.1;margin:0;color:#303b52}
.company-page .mvv-slide figure{margin:0}
.company-page .mvv-slide img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.company-page .mvv-progress{position:absolute;right:2.8%;top:45%;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:15px;color:#7b8295}
.company-page .mvv-progress>span:first-child{color:#ff6500}
.company-page .mvv-progress i{display:block;width:1px;height:150px;background:#ccd0d7;position:relative}
.company-page .mvv-progress i:before{content:"";position:absolute;inset:0;background:#171d36;transform:scaleY(var(--progress));transform-origin:top}
.company-page .mvv-value-slide{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;padding-right:10%}
.company-page .mvv-value-slide figure{background:white;border-radius:48% 52% 46% 54%;aspect-ratio:1;padding:7%;overflow:hidden}
.company-page .mvv-value-copy .mvv-display{margin-bottom:20px}
.company-page .mvv-subtitle{font-size:16px;margin:0 0 45px;font-weight:700}
.company-page .mvv-value-copy h3{font-size:clamp(22px,2.1vw,32px);line-height:1.65;margin:0 0 24px;color:#171d36}
.company-page .mvv-value-copy h3>span{color:#ff6500;font-size:20px;margin-right:14px}
.company-page .mvv-value-copy h3 br{display:none}
@media(min-width:1000px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
 .company-page .mvv-scroll.is-enhanced{height:calc(var(--count) * 100vh)}
 .company-page .is-enhanced .mvv-stage{position:sticky;top:88px;height:calc(100vh - 88px)}
 .company-page .is-enhanced .mvv-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(30px);transition:opacity .38s ease,transform .5s cubic-bezier(.22,1,.36,1),visibility .38s;padding-top:40px;padding-bottom:40px}
 .company-page .is-enhanced .mvv-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .company-page .is-enhanced .mvv-purpose-grid{height:calc(100% - 140px)}
 .company-page .is-enhanced .mvv-purpose-grid figure{height:100%;max-height:420px}
 .company-page .is-enhanced .mvv-value-slide figure{max-height:calc(100vh - 170px)}
 .company-page .is-enhanced .mvv-slide img{transform:translateY(20px) rotate(-3deg) scale(.96);transition:transform .65s cubic-bezier(.22,1,.36,1)}
 .company-page .is-enhanced .mvv-slide.is-active img{transform:none}
}
@media(max-width:999px),(max-height:649px){
 .company-page .mvv-slide{padding:50px 7%}
 .company-page .mvv-display{font-size:64px;margin-bottom:30px}
 .company-page .mvv-purpose-grid{grid-template-columns:1fr 1fr;gap:25px;padding-right:0}
 .company-page .mvv-purpose-grid>p{grid-column:1/-1}
 .company-page .mvv-progress{right:3%;top:55px}.company-page .mvv-progress i{height:65px}
 .company-page .mvv-value-slide{gap:6%;padding-right:8%}
 .company-page .mvv-subtitle{margin-bottom:24px}
}
@media(max-width:600px){
 .company-page .mvv-slide{padding:40px 24px}
 .company-page .mvv-display{font-size:54px;gap:10px}
 .company-page .mvv-display small{font-size:13px;margin-top:8px}
 .company-page .mvv-purpose-grid{display:flex;flex-direction:column;align-items:stretch;gap:22px}
 .company-page .mvv-purpose-grid h3{font-size:25px;max-width:310px}
 .company-page .mvv-purpose-grid figure{height:260px}
 .company-page .mvv-purpose-grid p,.company-page .mvv-value-copy>p:last-child{font-size:14px;line-height:2}
 .company-page .mvv-value-slide{display:flex;flex-direction:column;gap:28px}
 .company-page .mvv-value-slide figure{width:100%;max-width:340px}
 .company-page .mvv-value-copy{width:100%}.company-page .mvv-value-copy h3{font-size:23px}
 .company-page .mvv-progress{right:20px}.company-page .mvv-progress i{height:50px}
}
.company-page #vision .mvv-purpose-grid figure{order:0}
@media(min-width:1000px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
 .company-page .is-enhanced .mvv-value-copy{align-self:start;padding-top:12px}
 .company-page .is-enhanced .mvv-slide{transition:opacity .15s ease,transform .4s ease,visibility .15s}
 .company-page .is-enhanced .mvv-slide.is-active{transition:opacity .35s ease .12s,transform .5s cubic-bezier(.22,1,.36,1) .12s,visibility 0s}
}
@media(min-width:1000px) and (max-height:760px){
 .company-page .is-enhanced .mvv-slide{padding-top:28px;padding-bottom:28px}
 .company-page .mvv-value-copy .mvv-display{font-size:76px}
 .company-page .mvv-subtitle{margin-bottom:30px}
}
/* Match the homepage gesture-controlled stories. */
.company-page .mvv-value-number{color:#ff6500;font:inherit;letter-spacing:inherit}
.company-page .mvv-value-copy .mvv-display{white-space:nowrap;gap:.2em;font-size:clamp(54px,6.5vw,100px)}
.company-page .mvv-display-business{font-size:clamp(44px,4.4vw,68px);line-height:1.04;margin-bottom:24px}
.company-page #ourroots{position:relative;isolation:isolate;overflow:hidden}
.company-page #ourroots:before{content:"";position:absolute;z-index:-1;right:3%;top:0;bottom:-30px;width:45%;background:url('assets/fromm-line-portrait.png') center / contain no-repeat;opacity:.13;pointer-events:none}
@media(min-width:1000px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.company-page .is-enhanced .mvv-stage{top:var(--mvv-header,88px);height:calc(100vh - var(--mvv-header,88px))}.company-page #philosophy .mvv-purpose-grid{height:calc(100% - 165px)}}
@media(max-width:600px){.company-page .mvv-value-copy .mvv-display{font-size:54px}.company-page .mvv-display-business{font-size:38px}.company-page #ourroots:before{width:80%;right:-15%;opacity:.09}}