.benefit-fan{background:#f3f4ee;color:#101410;padding:85px 0 65px;overflow:clip;border-top:1px solid #10141014}
.fan-heading{text-align:center;margin-inline:auto;max-width:1150px}
.fan-heading .eyebrow{color:#697164;font-size:12px;letter-spacing:2.2px;margin:0 0 24px}
.fan-heading h2{font-size:clamp(40px,4.3vw,66px);font-weight:800;line-height:1.15;letter-spacing:-.025em}
.fan-heading h2>span{display:block}.fan-heading h2>span+span{margin-top:8px;letter-spacing:0;font-weight:650}
.fan-stage{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:65px 10px 80px;isolation:isolate;position:relative}
.fan-item{min-width:0;position:relative;transform:translateY(var(--fan-y)) rotate(var(--fan-angle));transform-origin:center 80%;z-index:1}
.fan-item:nth-child(2),.fan-item:nth-child(4){z-index:2}.fan-item:nth-child(3){z-index:3}
.fan-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:385px;height:100%;width:calc(100% + 24px);margin-left:-12px;padding:25px 23px 20px;border:1px solid #10141012;border-radius:20px;overflow:hidden;box-shadow:0 27px 38px -17px #10141055;transition:transform 280ms var(--ease-out);transform-origin:center 80%;text-align:left}
.fan-card-dark{background:#101410;color:#cbff59}.fan-card-lime{background:#cbff59;color:#101410}.fan-card-white{background:#fff;color:#101410}
.fan-label{font-size:11px;font-weight:650;letter-spacing:1px;line-height:1.4;opacity:.75}
.fan-card-copy{margin-block:auto;padding-block:24px}
.fan-card h3{font-family:var(--display);font-size:clamp(28px,2.4vw,38px);line-height:1.03;letter-spacing:-.035em;margin:0 0 20px;font-weight:750;overflow-wrap:normal}
.fan-card h3 em{font-family:Georgia,'Times New Roman',serif;font-size:1.06em;font-weight:400;line-height:1.06;color:inherit;letter-spacing:-.05em}
.fan-card p{font-size:15px;line-height:1.55;margin:0;opacity:.84;max-width:32ch}
.fan-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid currentColor;font-size:11px;line-height:1.4;margin-top:auto}
.fan-card-foot .ui-arrow{width:21px;height:21px;flex:none;transition:transform 280ms var(--ease-out)}
.fan-card-photo{color:#fff;background:#101410}
.fan-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.015);transition:transform 700ms var(--ease-out)}
.fan-card-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08100bd1 0%,#08100b08 28%,#08100bba 56%,#08100bf5 100%);pointer-events:none}
.fan-card-photo .fan-label{opacity:1}.fan-card-photo h3 em{color:#cbff59}.fan-card-photo p{opacity:1}
.fan-card-photo .fan-card-copy{margin-top:auto;margin-bottom:0;padding-top:100px;padding-bottom:22px}
.fan-card-photo .fan-card-foot{margin-top:0;border-color:#ffffff40}
.fan-card-decision .fan-photo{object-position:60% 25%}
.fan-card-decision::after{background:linear-gradient(180deg,#08100b85 0%,#08100b05 22%,#08100bb8 48%,#08100bef 72%,#08100bf7 100%)}
.fan-card-decision .fan-card-copy{padding-top:60px;padding-bottom:16px}
.fan-image-note{position:absolute;right:20px;top:49px;font-size:9px;color:#ffffffc9}
.fan-item:focus-within,.fan-item.is-front{z-index:10}.fan-card:focus-visible{outline:3px solid #648b27;outline-offset:5px}
.benefit-fan.is-scroll-story{padding:0;min-height:185svh;overflow:clip}
.is-scroll-story .fan-pin{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;gap:56px;padding-block:28px}
.is-scroll-story .fan-heading h2{font-size:clamp(38px,3.8vw,60px)}
.is-scroll-story .fan-stage{display:block;flex:none;width:100%;height:clamp(450px,56svh,530px);padding:0}
.is-scroll-story .fan-item{position:absolute;left:50%;top:16px;width:clamp(245px,24vw,335px);height:auto;transform-origin:center 80%}
.is-scroll-story .fan-card{width:100%;margin:0;min-height:clamp(350px,44svh,410px);padding:24px 23px 20px}
.is-scroll-story .fan-card h3{font-size:clamp(29px,2.6vw,38px)}
.is-scroll-story .fan-card p{font-size:14px}
.is-scroll-story .fan-card-photo .fan-card-copy{padding-top:90px}
.is-scroll-story .fan-card-decision .fan-card-copy{padding-top:60px}
@media(hover:hover) and (pointer:fine){
 .fan-item:hover{z-index:10}
 .fan-card:hover{transform:translateY(-38px) rotate(calc(-1 * var(--fan-angle))) scale(1.04);box-shadow:0 40px 50px -20px #10141066}
 .fan-card:hover .fan-photo{transform:scale(1.08)}
 .fan-card:hover .ui-arrow{transform:translate(3px,-3px)}
}
/* At narrower widths, the same five cards become an editorial composition. */
@media(max-width:1100px){
 .benefit-fan{padding:65px 0}
 .fan-heading h2{font-size:clamp(35px,4.7vw,52px)}
 .fan-stage{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:40px 0 0}
 .fan-item{transform:none;grid-column:span 5}
 .fan-item:first-child,.fan-item:nth-child(4){grid-column:span 7}
 .fan-item:last-child{grid-column:1/-1}
 .fan-card{width:100%;margin:0;min-height:350px;padding:28px;border-radius:18px;box-shadow:0 15px 25px -22px #10141060}
 .fan-item:nth-child(-n+2) .fan-card{min-height:440px}
 .fan-card h3{font-size:clamp(34px,4.5vw,49px);margin-bottom:20px;max-width:15ch}
 .fan-card p{font-size:16px;max-width:31ch}
 .fan-label{font-size:12px}
 .fan-card-foot{font-size:12px;padding-top:18px}
 .fan-card-copy{padding-block:28px}
 .fan-card-photo .fan-card-copy{max-width:340px;padding-top:155px}
 .fan-card-decision .fan-card-copy{padding-top:135px}
 .fan-photo{object-position:76% 50%}
 .fan-item:last-child .fan-card{min-height:275px}
 .fan-item:last-child .fan-card-copy{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-block:25px}
 .fan-item:last-child h3{margin:0}
 .fan-item:last-child p{max-width:36ch}
 .fan-card:hover{transform:translateY(-5px)}
 .fan-card:focus-visible{transform:none}
}
@media(max-width:600px){
 .benefit-fan{padding-block:50px}
 .fan-heading .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:20px}
 .fan-heading h2{font-size:clamp(30px,7.5vw,42px);line-height:1.15}
 .fan-stage{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:30px}
 .fan-item:nth-child(n){grid-column:auto}
 .fan-card,.fan-item:nth-child(-n+2) .fan-card,.fan-item:last-child .fan-card{min-height:310px;padding:25px}
 .fan-item:first-child .fan-card{min-height:435px}
 .fan-item:nth-child(3) .fan-card{min-height:435px}
 .fan-card h3{font-size:38px;line-height:1.04}
 .fan-card p{font-size:16px;max-width:32ch}
 .fan-card-photo .fan-card-copy{padding-top:150px}
 .fan-item:last-child .fan-card-copy{display:block;padding-block:28px}
 .fan-item:last-child h3{margin-bottom:20px}
 .fan-card-foot{font-size:12px}
 .fan-card:focus-visible{outline-offset:3px}
}
@media(prefers-reduced-motion:no-preference){
 .benefit-fan:not(.is-scroll-story) .fan-item.reveal-ready{transition:opacity 600ms var(--ease-out),translate 600ms var(--ease-out)}
 .benefit-fan:not(.is-scroll-story) .fan-item.reveal-ready:not(.is-in){opacity:0;translate:0 24px}
}
@media(prefers-reduced-motion:reduce){.fan-card,.fan-photo,.fan-card-foot .ui-arrow{transition:none}.fan-card:hover,.fan-card:focus-visible,.fan-card:hover .ui-arrow{transform:none}.fan-card:hover .fan-photo{transform:scale(1.015)}}