.benefit-section{background:var(--background);color:var(--foreground);padding-top:clamp(64px,8vw,112px)}.benefit-section__intro{padding-bottom:16px}.benefit-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1152px;margin:40px auto;padding:0 32px;list-style:none;display:grid}.benefit-photo{min-width:0;margin:0}.benefit-photo__button{aspect-ratio:3/4;cursor:pointer;width:100%;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden}.benefit-photo__button img{object-fit:cover;object-position:50% 60%;width:100%;height:100%;display:block;transform:scale(1.15)}.benefit-photo__button:focus-visible{outline-offset:7px;outline:2px solid #fff}.benefit-photo__caption{padding:22px 0 12px}.benefit-index{font-variant-numeric:tabular-nums;font-size:14px;display:block}.benefit-photo__caption h3{letter-spacing:-.035em;margin:10px 0;font-size:23px;line-height:1.1}.benefit-photo__caption p{color:var(--muted-foreground);font-size:16px;line-height:1.6}.benefit-focus-copy{display:none}.benefit-track[data-enhanced=true]{height:300svh}.benefit-track[data-enhanced=true] .benefit-stage{height:100svh;min-height:540px;position:sticky;top:0;overflow:clip}.benefit-track[data-enhanced=true] .benefit-stage__canvas{max-width:1400px;height:100%;margin:0 auto;position:relative}.benefit-track[data-enhanced=true] .benefit-photos{max-width:none;margin:0;padding:0;display:block;position:absolute;inset:0}.benefit-track[data-enhanced=true] .benefit-photo{transform-origin:50%;will-change:transform;width:92px;height:123px;position:absolute;top:0;left:0}.benefit-track[data-enhanced=true] .benefit-photo__button{aspect-ratio:auto;border-radius:inherit;width:100%;height:100%}.benefit-track[data-enhanced=true] .benefit-photo__caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.benefit-track[data-enhanced=true] .benefit-focus-copy{z-index:20;opacity:0;pointer-events:none;width:min(29%,360px);display:block;position:absolute;top:46%;left:max(32px,50% - 544px);transform:translateY(-50%)}.benefit-focus-copy h3{letter-spacing:-.045em;text-wrap:balance;margin:16px 0 14px;font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.05}.benefit-focus-copy p{color:var(--muted-foreground);margin:0;font-size:17px;line-height:1.55}.benefit-skip{opacity:0;pointer-events:none;position:absolute}.benefit-skip:focus-visible{z-index:30;opacity:1;pointer-events:auto;background:#000;padding:10px;bottom:24px;left:24px}@media (width<=639px){.benefit-track[data-enhanced=true][data-focused=true] .benefit-photos{clip-path:inset(0 0 32%)}.benefit-section__intro{padding-bottom:0}.benefit-track:not([data-enhanced=true]) .benefit-photos{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;margin:28px 0 0;padding:0 24px 8px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.benefit-track:not([data-enhanced=true]) .benefit-photos::-webkit-scrollbar{display:none}.benefit-track:not([data-enhanced=true]) .benefit-photo{scroll-snap-align:start;flex:0 0 82%}.benefit-track:not([data-enhanced=true]){padding-bottom:56px}.benefit-track[data-enhanced=true]{height:460svh}.benefit-track[data-enhanced=true] .benefit-stage{min-height:0}.benefit-track[data-enhanced=true] .benefit-focus-copy{width:calc(100% - 48px);max-width:350px;top:min(66%,100% - 250px);left:24px}.benefit-focus-copy h3{max-width:290px;margin:10px 0;font-size:clamp(26px,7.8vw,34px)}.benefit-focus-copy p{max-width:320px;font-size:14px}}@media (width>=640px) and (width<=900px){.benefit-track[data-enhanced=true] .benefit-focus-copy{width:min(40%,320px);top:68%;transform:none}}@media (prefers-reduced-motion:reduce){.benefit-photo{will-change:auto}}
