/* Homepage · verified performance cards. Real SVG artwork, no raster fallbacks. */
.ypc{
  --ypc-cream:#fbf7e9;
  --ypc-orange:#f5a20e;
  --ypc-ink:#0e1733;
  position:relative;
  box-sizing:border-box;
  margin:0!important;
  padding:clamp(92px,10vw,158px) clamp(20px,4.8vw,78px) clamp(78px,8vw,128px)!important;
  overflow:hidden;
  color:var(--ypc-cream);
  background:#081225 url(../media/performance-proof/performance-field-background.svg) center/cover no-repeat;
  isolation:isolate;
}
.ypc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,10,24,.08),rgba(4,10,24,.22) 58%,rgba(4,10,24,.58));pointer-events:none}
.ypc,.ypc *{box-sizing:border-box}
.ypc__inner{width:min(100%,1420px);margin-inline:auto}
.ypc__head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:20px clamp(32px,7vw,108px);align-items:end;position:relative;z-index:3}
.ypc__eyebrow{grid-column:1/-1;margin:0;color:var(--ypc-orange);font-size:11px;font-weight:760;letter-spacing:.18em}
.ypc__head h2{margin:0;color:var(--ypc-cream);font-size:clamp(42px,6vw,92px);font-weight:480;line-height:.92;letter-spacing:-.058em}
.ypc__head>p:last-child{max-width:35ch;margin:0 0 .4em;color:rgba(251,247,233,.65);font-size:clamp(15px,1.15vw,18px);line-height:1.58}
.ypc__stage{position:relative;min-height:clamp(810px,73vw,1020px);margin-top:clamp(54px,7vw,96px);perspective:1500px}
.ypc-card{position:absolute;margin:0;filter:drop-shadow(0 38px 42px rgba(0,0,0,.24));animation:ypc-float 7s ease-in-out infinite alternate;animation-delay:calc(var(--ypc-index) * -1.25s);will-change:transform}
.ypc-card img{display:block;width:100%;height:auto}
.ypc-card--wind{top:3%;left:1%;width:min(58vw,760px);transform:rotate(-1.8deg)}
.ypc-card--air{top:0;right:1%;width:min(36vw,455px);transform:rotate(3.4deg)}
.ypc-card--water{right:12%;bottom:1%;width:min(42vw,565px);transform:rotate(1.8deg)}
.ypc-card--thermal{bottom:2%;left:12%;width:min(29vw,350px);transform:rotate(-3deg)}
.ypc-card::after{content:"";position:absolute;inset:6%;border-radius:40px;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 32%);mix-blend-mode:screen;pointer-events:none}
.ypc__orbit{position:absolute;border:1px solid rgba(251,247,233,.09);border-radius:50%;pointer-events:none}
.ypc__orbit--one{width:50%;aspect-ratio:1;top:23%;left:25%;transform:rotate(-12deg)}
.ypc__orbit--two{width:68%;height:36%;left:16%;bottom:14%;border-color:rgba(245,162,14,.13);transform:rotate(8deg)}
.ypc__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 44px;align-items:end;padding-top:28px;border-top:1px solid rgba(251,247,233,.18)}
.ypc__foot p{max-width:78ch;margin:0;color:rgba(251,247,233,.5);font-size:12px;line-height:1.55}
.ypc__foot a{display:inline-flex;gap:9px;align-items:center;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--ypc-cream);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.ypc__foot a:hover{color:var(--ypc-orange)}
@keyframes ypc-float{to{translate:0 -13px}}
@media(max-width:900px){
  .ypc__head{grid-template-columns:1fr}.ypc__head h2 br{display:none}.ypc__head>p:last-child{max-width:52ch}
  .ypc__stage{min-height:1120px;margin-top:48px}
  .ypc-card--wind{top:0;left:-7%;width:87%}.ypc-card--air{top:29%;right:-3%;width:58%}.ypc-card--water{right:-7%;bottom:2%;width:70%}.ypc-card--thermal{bottom:12%;left:-2%;width:43%}
}
@media(max-width:560px){
  .ypc{padding-inline:14px!important}.ypc__head{padding-inline:8px}.ypc__head h2{font-size:clamp(39px,13vw,58px)}
  .ypc__stage{min-height:960px}.ypc-card--wind{left:-13%;width:108%}.ypc-card--air{top:31%;right:-10%;width:70%}.ypc-card--water{right:-15%;width:84%}.ypc-card--thermal{bottom:14%;left:-6%;width:51%}
  .ypc__foot{grid-template-columns:1fr;padding-inline:8px}.ypc__foot a{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.ypc-card{animation:none}}