/* build.py üretti (lib/fx.py HOME_FX): kaydırmaya bağlı dönüşümler, CSS scroll-driven animations */
@supports (animation-timeline:scroll()){
@keyframes fx-fab-cover-1{from{transform:translate(-1485px,0px)}to{transform:translate(0px,0px)}}
.fab-cover{animation:fx-fab-cover-1 linear both;animation-timeline:--t5;animation-range:cover 0% cover 403.2px;will-change:transform}
@keyframes fx-fab-text-1{from{opacity:0}to{opacity:1}}
.fab-text{animation:fx-fab-text-1 linear both;animation-timeline:--t4;animation-range:cover 620px cover 624px;will-change:transform}
@keyframes fx-fab-img-1{from{transform:translate(calc(-2028px + min(0px, 610px - 50vw)),-352px) scale(4.3)}to{transform:translate(109px,-10px) scale(1.45)}}
@keyframes fx-fab-img-2{from{transform:translate(109px,-10px) scale(1.45)}to{transform:translate(109px,-1192px) scale(1.45)}}
.fab-img{animation:fx-fab-img-1 linear both,fx-fab-img-2 linear forwards;animation-timeline:--t4,--t6;animation-range:cover 0% cover 873.6px,cover 0% cover 1075.2px;will-change:transform}
@keyframes fx-sheets-img-1{from{transform:translate(-179px,-932px) scale(2.1)}to{transform:translate(-92px,-666px) scale(1.8)}}
@keyframes fx-sheets-img-2{from{transform:translate(-92px,-666px) scale(1.8)}to{transform:translate(-10px,43px) scale(1.5)}}
.sheets-img{animation:fx-sheets-img-1 linear both,fx-sheets-img-2 linear forwards;animation-timeline:--t7,--t7;animation-range:cover 0px cover 1196px,cover 1196px cover 2393px;will-change:transform}
@keyframes fx-pgroup{from{transform:translate(0px,0px) scale(2.25)}to{transform:translate(0px,0px) rotate(-16deg) scale(1.5)}}
.pgroup{animation:fx-pgroup linear both;animation-timeline:view();animation-range:cover 0% cover 394px;will-change:transform}
@keyframes fx-pack-imgs-p1{from{transform:translate(0px,0px) rotate(-4deg)}to{transform:translate(0px,-3000px) rotate(-4deg)}}
.pack-imgs .p1{animation:fx-pack-imgs-p1 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p2{from{transform:translate(0px,0px)}to{transform:translate(0px,-3120px)}}
.pack-imgs .p2{animation:fx-pack-imgs-p2 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p3{from{transform:translate(0px,0px) rotate(-2deg)}to{transform:translate(0px,-3240px) rotate(-2deg)}}
.pack-imgs .p3{animation:fx-pack-imgs-p3 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p4{from{transform:translate(0px,0px) rotate(-3deg)}to{transform:translate(0px,-3360px) rotate(-3deg)}}
.pack-imgs .p4{animation:fx-pack-imgs-p4 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p5{from{transform:translate(0px,0px) rotate(-2deg)}to{transform:translate(0px,-3480px) rotate(-2deg)}}
.pack-imgs .p5{animation:fx-pack-imgs-p5 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p6{from{transform:translate(0px,0px)}to{transform:translate(0px,-3600px)}}
.pack-imgs .p6{animation:fx-pack-imgs-p6 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p7{from{transform:translate(0px,0px) rotate(-3deg)}to{transform:translate(0px,-3720px) rotate(-3deg)}}
.pack-imgs .p7{animation:fx-pack-imgs-p7 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@keyframes fx-pack-imgs-p8{from{transform:translate(0px,0px)}to{transform:translate(0px,-3840px)}}
.pack-imgs .p8{animation:fx-pack-imgs-p8 linear both;animation-timeline:scroll(root);animation-range:0px 6000px;will-change:transform}
@media (max-width:809.98px){@keyframes fx-fab-cover-ph-1{from{opacity:0}to{opacity:1}}
.fab-cover{animation:fx-fab-cover-ph-1 linear both;animation-timeline:--t5;animation-range:cover 0% cover 403.2px;will-change:transform}
.fab-text{animation:none}
@keyframes fx-fab-img-ph-1{from{transform:translate(0px,-307px) scale(2.5)}to{transform:translate(0px,-1410px) scale(1.2)}}
.fab-img{animation:fx-fab-img-ph-1 linear both;animation-timeline:--t4;animation-range:cover 0% cover 997px;will-change:transform}
@keyframes fx-sheets-img-ph-1{from{transform:translate(-54px,-1359px) scale(4.2)}to{transform:translate(0px,217px) scale(2)}}
.sheets-img{animation:fx-sheets-img-ph-1 linear both;animation-timeline:--t6;animation-range:cover 0% cover 2585px;will-change:transform}}
}