.project-detail{position:relative;box-sizing:border-box;width:100%;padding:14px 14px 0;background:transparent;overflow:hidden}
.project-detail::before{content:"";position:fixed;z-index:0;inset:72px 0 0;background:url('/images/sei-logo-600px-t87.svg') center 54%/min(680px,62vw) auto no-repeat;opacity:.18;pointer-events:none}
.project-cards,.project-back{position:relative;z-index:1}.project-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 26px;width:100%;max-width:none;margin:0 auto}
.project-card{min-height:327px;border-radius:28px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:SEI,"Century Gothic",Arial,sans-serif;font-size:18px;line-height:1.55;color:#fff;box-sizing:border-box;opacity:0;transform:translateX(150px);transition:opacity 1.28s ease,transform 1.28s cubic-bezier(.2,.75,.25,1)}
.project-card.is-visible{opacity:1;transform:none}.project-card:nth-child(2){transition-delay:.08s}.project-card:nth-child(3){transition-delay:.16s}.project-card:nth-child(4){transition-delay:.24s}.project-card:nth-child(5){transition-delay:.32s}.project-card:nth-child(6){transition-delay:.4s}.project-card:nth-child(7){transition-delay:.48s}.project-card:nth-child(8){transition-delay:.56s}
.project-card.outline-blue{background:rgba(255,255,255,.88);border:2px solid #55c5ec;color:#55c5ec}.project-card.outline-green{background:rgba(255,255,255,.88);border:2px solid #89cda1;color:#89cda1}.project-card.green{background:#89cda1}.project-card.blue{background:#55c5ec}
.project-card .icon{width:120px;height:120px;object-fit:contain;margin:0 auto 10px}.project-card .brand-combo{width:min(290px,90%);height:auto;margin-top:42px}.project-card p{margin:4px 0}.project-card strong{font-family:SEI,"Century Gothic",Arial,sans-serif;font-size:29px;line-height:1.25}.project-card .metric{display:block;margin:8px 0 2px;font-size:29px;font-weight:700}.project-card .unit{font-size:18px}.project-card .big-percent{font-size:29px}.project-card .lighting-copy{max-width:430px}.project-card .lighting-copy span{font-size:29px;font-weight:700}.project-card .lighting-copy .better{display:block;margin-top:6px;font-size:18px;font-weight:400;text-transform:uppercase}.nowrap{white-space:nowrap}
.metric-line,.flip-line{display:flex;align-items:baseline;justify-content:center;gap:10px;max-width:100%;white-space:nowrap}.metric-line .metric{display:inline-block;margin:8px 0 2px}.metric-line .unit,.flip-line .unit{display:inline-block;margin:0}.flip-line{align-items:center}.project-card .flip-line .flip-counter{margin:0}.money-unit{display:inline-block;margin-left:8px;font-size:18px;font-weight:400}
.phase-card{align-items:stretch;text-align:left;color:#55c5ec;background:rgba(255,255,255,.9);border:2px solid #55c5ec}.phase-item{margin:4px 0 8px}.phase-label{display:block;margin-bottom:5px}.phase-track{height:43px;border-radius:999px;background:#f0f0f0;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,.06)}.phase-fill{height:100%;width:0;border-radius:inherit;background:#55c5ec;color:#fff;display:flex;justify-content:flex-end;align-items:center;padding-right:14px;box-sizing:border-box;font-size:14px;transition:width 1.8s ease .35s}.project-card.is-visible .phase-fill{width:var(--value)}
.flip-caption{margin-bottom:18px}.project-card .flip-counter{height:40px;margin:0 auto}.project-card .flip-digit{width:30px;height:40px;font-size:2rem;line-height:40px}.project-card .flip-digit .odometer-old,.project-card .flip-digit .odometer-new{height:40px;line-height:40px}.project-card .flip-digit .odometer-new{top:40px}
.project-back{max-width:650px;margin:44px auto 0;padding:26px 0 92px;text-align:center}.project-back img{display:block;width:min(420px,90%);height:auto;margin:0 auto 28px}.project-back a{display:inline-block;min-width:220px;padding:12px 34px;border-radius:999px;background:#55c5ec;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;box-shadow:0 7px 18px rgba(85,197,236,.23);transition:background .25s ease,transform .25s ease}.project-back a:hover{background:#48b8df;transform:translateY(-2px)}
@media(max-width:1100px){.project-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}.project-card{min-height:330px}.project-detail::before{background-size:min(560px,75vw)}}
@media(max-width:640px){.project-detail{padding:18px 20px 0}.project-cards{grid-template-columns:minmax(0,1fr);width:100%;gap:18px}.project-card{width:100%;min-width:0;min-height:300px;border-radius:22px;font-size:17px;transform:translateX(70px);transition-duration:1.05s}.project-card strong,.project-card .metric,.project-card .big-percent,.project-card .lighting-copy span{font-size:27px}.project-card .lighting-copy .better{font-size:17px;font-weight:400}.project-card .icon{width:105px;height:105px}.project-card .flip-counter{max-width:100%}.project-card .flip-digit{width:27px}.project-detail::before{inset:64px 0 0;background-size:88vw}.project-back{padding-bottom:60px}}
@media(max-width:400px){.flip-line{gap:6px}.project-card .flip-digit{width:23px;font-size:1.5rem}.flip-line .unit{font-size:15px}.metric-line{gap:7px}.metric-line .metric{font-size:24px}.metric-line .unit{font-size:15px}}
@media(prefers-reduced-motion:reduce){.project-card{opacity:1;transform:none;transition:none}.phase-fill{transition:none}.project-card.is-visible .phase-fill{width:var(--value)}}