@font-face{font-family:'PICKLIST Values';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/values-jp-400.woff') format('woff')}
@font-face{font-family:'PICKLIST Values';font-weight:900;font-style:normal;font-display:swap;src:url('/assets/fonts/values-jp-900.woff') format('woff')}
.home-values{position:relative;padding-top:90px;padding-bottom:80px;background:var(--bg);border-top:1px solid var(--line);overflow:hidden;--values-jp:'PICKLIST Values',var(--font-jp)}
.values-heading{max-width:1280px;margin:0 auto 110px;text-align:center;position:relative}
.values-heading>.section-kicker{font-family:var(--font-en);letter-spacing:.08em;margin-bottom:24px}
.values-display{font-family:var(--font-en);font-size:clamp(88px,15.8vw,240px);font-weight:900;line-height:1.05;letter-spacing:-.07em;margin-left:-.04em}
.values-display>span:last-child{color:var(--red)}
.values-heading-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;font-family:var(--values-jp);color:#b7b7bc}
.values-heading-bottom>span:last-child{font-family:var(--font-en);font-variant-numeric:tabular-nums;color:var(--red)}
.values-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;row-gap:100px;max-width:1160px;margin:0 auto;padding:0 0 155px;list-style:none}
.value-item{min-width:0;position:relative;align-self:start;--value-shift:0px;--value-reveal:1}
.value-item:nth-child(even){margin-top:155px}
.value-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;min-height:145px}
.value-number{font-family:var(--font-en);font-size:clamp(115px,12.8vw,195px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.09em;line-height:.82;color:transparent;-webkit-text-stroke:1px #707078;transform:translate3d(0,var(--value-shift),0);transition:color .65s var(--ease),-webkit-text-stroke-color .65s var(--ease)}
.value-label{font:500 12px/1.5 var(--font-en);letter-spacing:.07em;writing-mode:vertical-rl;margin-bottom:4px;color:#929299}
.value-title{font-family:var(--values-jp);font-size:clamp(30px,3.5vw,54px);font-weight:900;line-height:1.42;letter-spacing:-.035em;overflow-wrap:anywhere}
.value-title>span[lang=en]{font-family:var(--font-en);font-size:1.18em;letter-spacing:-.055em;margin-right:.09em}
.value-copy{font-family:var(--values-jp);font-size:16px;font-weight:400;line-height:2.15;color:#bdbdc4;margin-top:28px;overflow-wrap:anywhere;max-width:32em}
.value-rule{height:1px;background:#3c3c43;margin-top:44px;position:relative}
.value-rule:after{content:'';width:5px;height:5px;position:absolute;right:0;top:-2px;background:#727279;transition:background .4s}
.value-rule>span{display:block;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .85s var(--ease)}
.value-item.is-active .value-number,.value-item:hover .value-number{color:var(--red);-webkit-text-stroke-color:var(--red)}
.value-item.is-active .value-rule>span,.value-item:hover .value-rule>span{transform:scaleX(1)}
.value-item.is-active .value-rule:after,.value-item:hover .value-rule:after{background:var(--red)}
.values-end{max-width:1280px;margin:60px auto 0;display:flex;justify-content:space-between;gap:24px;font:500 12px/1.7 var(--font-en);letter-spacing:.045em;color:#797981}
.values-motion .value-title,.values-motion .value-copy{opacity:calc(.35 + var(--value-reveal)*.65);transform:translate3d(0,calc((1 - var(--value-reveal))*30px),0)}
.values-motion .value-copy{transform:translate3d(0,calc((1 - var(--value-reveal))*44px),0)}
@media(min-width:1600px){.home-values{padding-inline:8vw}.values-grid{column-gap:150px}}
@media(max-width:1000px){.values-grid{column-gap:8%;row-gap:70px;padding-bottom:115px}.value-item:nth-child(even){margin-top:115px}.value-topline{min-height:120px}.value-title{font-size:clamp(30px,4vw,42px)}.value-copy{font-size:16px;line-height:2}.values-desktop-break{display:none}}
@media(max-width:700px){.home-values{padding:65px 6vw 55px}.values-heading{margin-bottom:64px}.values-heading>.section-kicker{font-size:12px;margin-bottom:22px}.values-display{font-size:20vw;letter-spacing:-.065em;line-height:1.1}.values-heading-bottom{font-size:12px;margin-top:22px;padding-top:20px;gap:15px}.values-grid{grid-template-columns:1fr;row-gap:62px;padding:0;max-width:480px}.value-item{width:94%;margin:0}.value-item:nth-child(even){margin:0 0 0 auto}.value-topline{min-height:0;margin-bottom:26px}.value-number{font-size:clamp(100px,28vw,150px);letter-spacing:-.08em}.value-label{writing-mode:horizontal-tb;font-size:12px;letter-spacing:.025em;margin-bottom:5px}.value-title{font-size:clamp(28px,8.1vw,42px);line-height:1.48;letter-spacing:-.035em}.value-copy{margin-top:20px;font-size:16px;line-height:2.1}.value-rule{margin-top:30px}.values-end{margin-top:65px;font-size:12px;gap:15px}.values-end>span:last-child{max-width:145px;text-align:right}}
@media(prefers-reduced-motion:reduce){.value-number{transform:none!important}.value-title,.value-copy{opacity:1!important;transform:none!important}.value-number,.value-rule>span,.value-rule:after{transition:none}}
.motion-paused .value-number{transform:none!important}.motion-paused .value-title,.motion-paused .value-copy{opacity:1!important;transform:none!important}.motion-paused .value-number,.motion-paused .value-rule>span,.motion-paused .value-rule:after{transition:none}
