/* FRAGMENT V17 — real screenshots refresh */
body[data-page="index"] .fv15-hero{
  min-height: 820px;
  padding: 146px 0 68px;
}
body[data-page="index"] .fv15-hero-bg{
  background-image: url('../img/project/gameplay-social.webp');
  background-position: center 46%;
  filter: saturate(.88) contrast(1.03) brightness(.72);
}
body[data-page="index"] .fv15-hero-shade{
  background:
    linear-gradient(90deg,rgba(4,5,6,.97) 0%,rgba(4,5,6,.88) 28%,rgba(4,5,6,.55) 48%,rgba(4,5,6,.2) 70%,rgba(4,5,6,.34) 100%),
    linear-gradient(180deg,rgba(4,5,6,.3),transparent 44%,#060708 100%);
}
body[data-page="index"] .fv15-hero h1{max-width:560px}
body[data-page="index"] .fv15-hero-copy>p{max-width:480px}

.fv17-shots{padding:110px 0 92px;background:#060708;border-top:1px solid rgba(255,255,255,.06)}
.fv17-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:270px;gap:14px}
.fv17-shot{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0b0c0e;box-shadow:0 22px 54px rgba(0,0,0,.2)}
.fv17-shot::after,.fv17-start-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,6,7,.92) 100%)}
.fv17-shot-wide{grid-column:span 2;grid-row:span 2}
.fv17-shot img,.fv17-start-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fv17-shot:hover img,.fv17-start-card:hover img{transform:scale(1.025)}
.fv17-shot figcaption,.fv17-start-card figcaption{position:absolute;left:22px;right:22px;bottom:21px;z-index:2}
.fv17-shot figcaption b,.fv17-start-card figcaption b{display:block;margin-bottom:6px;color:#fff;font:800 15px Manrope,sans-serif}
.fv17-shot figcaption span,.fv17-start-card figcaption span{color:#a39d98;font:500 10px/1.55 Inter,sans-serif}

.fv17-start-gallery{padding:0 0 88px;background:#060708}
.fv17-start-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fv17-start-card{position:relative;min-height:310px;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0b0c0e}

body[data-page="donate"] .fv15-store-intro{position:relative;overflow:hidden;isolation:isolate}
body[data-page="donate"] .fv15-store-intro::before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;width:min(46%,680px);background:url('../img/project/gameplay-business.webp') center/cover no-repeat;opacity:.3;mask-image:linear-gradient(to left, rgba(0,0,0,1) 30%, rgba(0,0,0,.14) 100%)}
body[data-page="donate"] .fv15-store-intro::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#070809 0%,rgba(7,8,9,.98) 35%,rgba(7,8,9,.72) 64%,#070809 100%)}
body[data-page="donate"] .fv15-store-intro h1{font-size:clamp(40px,4vw,58px)}
body[data-page="donate"] .fv15-store-user{padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(12,13,15,.84)}
body[data-page="donate"] .fv15-store-intro p{display:block;max-width:360px}

@media(max-width:1024px){
  .fv17-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:250px}
  .fv17-shot-wide{grid-column:span 2;grid-row:span 1}
}
@media(max-width:900px){
  .fv17-shots{padding:86px 0 70px}
  .fv17-start-gallery-grid{grid-template-columns:1fr}
  .fv17-start-card{min-height:270px}
  body[data-page="donate"] .fv15-store-intro::before{width:50%;opacity:.22}
}
@media(max-width:600px){
  body[data-page="index"] .fv15-hero{min-height:700px;padding:112px 0 50px}
  body[data-page="index"] .fv15-hero-bg{background-position:64% 42%;filter:saturate(.8) brightness(.67)}
  .fv17-shot-grid{grid-template-columns:1fr;grid-auto-rows:240px}
  .fv17-shot-wide{grid-column:auto;grid-row:auto}
  .fv17-shot figcaption,.fv17-start-card figcaption{left:18px;right:18px;bottom:17px}
  body[data-page="donate"] .fv15-store-intro::before{display:none}
  body[data-page="donate"] .fv15-store-intro p{max-width:none}
}