/* A photograph becomes one of the records surrounding the team's real challenge. */
.research-refresh{background:#faf9f6;color:#252c39;padding:80px 24px;position:relative;--rp:0}
.research-stage{max-width:1240px;margin:auto}.research-composition{height:570px;position:relative;isolation:isolate}
.research-photo{position:absolute;z-index:3;left:50%;top:30px;width:630px;height:370px;margin:0;overflow:hidden;border-radius:20px;transform:translateX(-50%);transform-origin:center;box-shadow:0 20px 60px #252c3910}
.research-photo img{width:100%;height:100%;object-fit:cover;display:block}
.research-problem{position:absolute;display:flex;align-items:center;gap:10px;max-width:255px;z-index:4;font:12px/1.5 Poppins,sans-serif;will-change:transform}
.research-problem p{margin:0;padding:13px 16px;border-radius:9px;color:inherit;font:inherit;background:var(--pill)}
.research-problem img{width:48px;height:55px;object-fit:cover;border-radius:8px;flex:none}.research-problem p:before{content:'';display:inline-block;width:8px;height:8px;border-radius:3px;background:var(--dot);margin-right:7px}
.problem-one{--pill:#e9dde0;--dot:#4b2428;color:#4b2428;left:3%;top:65px}.problem-two{--pill:#c3d9eb;--dot:#315bc4;color:#252c39;right:2%;top:130px}.problem-three{--pill:#f5f0e6;--dot:#4b2428;color:#4b2428;left:2%;top:320px}.problem-four{--pill:#e6ecf9;--dot:#315bc4;color:#315bc4;right:1%;top:355px}
.research-message{position:absolute;top:410px;left:50%;width:min(730px,90%);transform:translateX(-50%);text-align:center;z-index:1}
.research-message h2{font:500 clamp(30px,3.25vw,48px)/1.17 Poppins,sans-serif;letter-spacing:-.055em;margin:0 0 18px}.research-message>p{font:14px/1.65 Poppins,sans-serif;color:#5e6269;max-width:440px;margin:auto}
.research-numbers{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:30px;border-top:1px solid #deded9;margin:30px auto 0;max-width:1050px}.research-stat+.research-stat{border-left:1px solid #deded9;padding-left:70px}
.research-stat h3{margin:0 0 14px;font:500 72px/1 Poppins,sans-serif;letter-spacing:-.06em}.research-value{display:flex;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}.research-unit{font:400 12px/1.5 Poppins,sans-serif;letter-spacing:0;margin-left:18px;max-width:70px;white-space:normal}.research-stat>p{font:14px/1.65 Poppins,sans-serif;max-width:360px;margin:0 0 12px;color:#5e6269}.research-stat>a{font:10px/1.6 Poppins,sans-serif;color:#5e6269;text-underline-offset:4px}.research-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:901px) and (min-height:620px){.research-refresh.research-motion{height:200vh;min-height:1250px;padding:0 24px}.research-motion .research-stage{position:sticky;top:80px;height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center}.research-motion .research-composition{height:59%;min-height:300px;max-height:490px}.research-motion .research-photo{top:0;width:610px;height:100%;max-height:370px;transform:translate(-50%,calc(var(--rp)*125px)) scale(calc(1 - var(--rp)*.86));border-radius:calc(20px + var(--rp)*30px)}.research-motion .research-message{top:26%;opacity:var(--rt,0);transform:translate(-50%,calc((1 - var(--rt,0))*28px));filter:blur(calc((1 - var(--rt,0))*8px))}.research-motion .problem-one{left:12%;top:15%;transform:translate(calc(var(--rp)*-75px),calc(var(--rp)*-55px))}.research-motion .problem-two{right:10%;top:23%;transform:translate(calc(var(--rp)*85px),calc(var(--rp)*-80px))}.research-motion .problem-three{left:12%;top:70%;transform:translate(calc(var(--rp)*-80px),calc(var(--rp)*15px))}.research-motion .problem-four{right:10%;top:75%;transform:translate(calc(var(--rp)*85px),calc(var(--rp)*10px))}.research-motion .research-problem img{opacity:var(--rp);width:calc(var(--rp)*48px)}.research-motion .research-numbers{width:90%;opacity:var(--rn,0);transform:translateY(calc((1 - var(--rn,0))*35px));margin-top:35px}.research-motion .research-stat h3{font-size:clamp(50px,5.5vw,76px)}}
@media(max-width:900px),(max-height:619px){.research-refresh{padding:65px 22px}.research-composition{height:auto;display:flex;flex-direction:column;gap:28px}.research-photo{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;aspect-ratio:1.6}.research-problems{display:grid;grid-template-columns:1fr 1fr;gap:14px}.research-problem{position:relative;inset:auto;max-width:none;font-size:11px;gap:7px}.research-problem img{width:38px;height:48px}.research-problem p{padding:12px}.research-message{position:relative;inset:auto;width:100%;transform:none;margin:10px 0}.research-message h2{font-size:clamp(29px,5vw,43px)}.research-numbers{gap:28px;margin-top:40px}.research-stat+.research-stat{padding-left:28px}.research-stat h3{font-size:clamp(40px,7vw,65px)}.research-value{flex-wrap:wrap}.research-unit{flex-basis:100%;max-width:none;margin:12px 0 0}.research-stat>p{font-size:12px}}
@media(max-width:480px){.research-problem img{display:none}.research-problems{gap:10px}.research-problem p{width:100%;min-height:60px}.research-stat+.research-stat{padding-left:18px}.research-numbers{gap:18px}.research-stat h3{font-size:39px}}
.research-refresh .research-message h2,.research-refresh .research-stat h3{color:#252c39}
@media(min-width:901px) and (min-height:620px){.research-motion .research-photo{top:calc(var(--rp)*50%);transform:translate(-50%,0) scale(calc(1 - var(--rp)*.86))}}

@media(max-width:480px){.research-problems{grid-template-columns:1fr}.research-problem img{display:block;width:48px;height:52px}.research-problem p{min-height:0;padding:15px;width:auto;flex:1}}
