.fe-pf-head{padding-top:26px}
.fe-pf-head-row{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-top:14px}
.fe-pf-head-copy{min-width:0}
.fe-pf-head-row .fe-h1{font-size:clamp(32px,3.8vw,50px);line-height:1.04;letter-spacing:-.03em;margin-top:10px}
.fe-pf-head-row .fe-sub{font-size:16.5px;color:var(--fe-ink-3);margin-top:12px;max-width:620px;text-wrap:pretty}
.fe-pf-head-cta{height:56px;padding:0 24px;font-size:16px}

.fe-pf-grid-wrap{padding-top:26px}
.fe-pf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;grid-auto-flow:dense;gap:14px}
.fe-tile{position:relative;display:block;min-width:0;border-radius:16px;overflow:hidden;background:var(--fe-soft);border:1px solid var(--fe-bd);color:#fff;transition:border-color .15s,box-shadow .15s}
.fe-tile:hover{border-color:var(--fe-accent);color:#fff;box-shadow:var(--fe-shadow-card)}
.fe-tile.is-wide{grid-column:span 2}
.fe-tile img,.fe-tile picture img,.fe-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.fe-tile:hover img,.fe-tile:hover video{transform:scale(1.04)}
.fe-tile.is-in{animation:fe-tile-in .28s ease both}
@keyframes fe-tile-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fe-tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(20,20,27,.6);color:#fff;display:flex;align-items:center;justify-content:center;padding-left:3px;transition:background .15s}
.fe-tile:hover .fe-tile-play{background:var(--fe-accent)}
.fe-tile-count{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:9px;background:rgba(20,20,27,.78);color:#fff;font-size:12.5px;font-weight:800}
.fe-tile-tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:8px;background:var(--fe-accent);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em}
.fe-tile-label{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 13px;background:linear-gradient(to top,rgba(20,20,27,.82) 0%,rgba(20,20,27,.55) 45%,rgba(20,20,27,0) 100%);display:flex;align-items:flex-end}
.fe-tile-label span{font-size:13.5px;font-weight:750;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.25)}

.fe-pf-more{display:flex;justify-content:center;margin-top:28px}
.fe-pf-more .fe-btn{height:58px;padding:0 28px;border-radius:15px;font-size:16px}
.fe-pf-more .fe-btn[disabled]{background:var(--fe-accent-100);color:var(--fe-accent-hover);cursor:progress}
.fe-pf-more .fe-spin{border-color:rgba(230,51,104,.25);border-top-color:var(--fe-accent-hover)}
.fe-pf-pages{display:flex;justify-content:center;margin-top:28px}
.fe-pf-grid-wrap .fe-empty{margin-top:16px}
.fe-pf-grid-wrap .fe-empty .fe-btn{margin-top:4px}

.fe-pf-band{padding-top:64px;padding-bottom:70px}
.fe-pf-band-in{background:var(--fe-accent-50);border:1px solid var(--fe-accent-200);border-radius:26px;padding:40px 38px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.fe-pf-band-copy{min-width:260px;flex:1}
.fe-pf-band-in h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1;letter-spacing:-.025em;font-weight:800}
.fe-pf-band-in p{font-size:16px;line-height:1.6;color:#63636e;margin-top:12px;max-width:560px;text-wrap:pretty}
.fe-pf-band-actions{display:flex;gap:12px;flex-wrap:wrap}
.fe-pf-band-actions .fe-btn{height:58px;padding:0 26px;border-radius:15px;font-size:16px}

@media (max-width:980px){
  .fe-pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
}
@media (max-width:640px){
  .fe-pf-head{padding-top:18px}
  .fe-pf-head-row{margin-top:10px;gap:16px}
  .fe-pf-head-row .fe-sub{font-size:15.5px}
  .fe-pf-head-cta{width:100%}
  .fe-pf-grid-wrap{padding-top:18px}
  .fe-pf-grid{grid-template-columns:1fr;grid-auto-rows:210px;gap:10px}
  .fe-tile.is-wide{grid-column:span 1}
  .fe-pf-more{margin-top:20px}
  .fe-pf-more .fe-btn{width:100%;height:56px;padding:0 18px;font-size:15px}
  .fe-pf-pages{margin-top:20px}
  .fe-pf-band{padding-top:44px;padding-bottom:44px}
  .fe-pf-band-in{padding:26px 20px;border-radius:20px;gap:20px}
  .fe-pf-band-copy{min-width:0;flex:1 1 100%}
  .fe-pf-band-in p{font-size:15.5px}
  .fe-pf-band-actions{width:100%;flex-direction:column}
  .fe-pf-band-actions .fe-btn{width:100%}
}