/* Sunum düzeni, ağaç ve tarım animasyonları */
html{scroll-snap-type:y proximity}
.slide{min-height:100vh;min-height:100svh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center}
.hero{background:linear-gradient(rgba(15,47,25,.82),rgba(15,47,25,.9)),url(../assets/img/hero.jpg) center/cover}
.hero__art{aspect-ratio:4/5;max-height:70vh;margin-inline:auto;background:var(--g9)}
.hero__art img{width:100%;height:100%;object-fit:cover;display:block}
.story__img{width:100%;border-radius:20px;margin-top:28px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.cat{background:var(--g8);min-height:200px}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat:hover img{transform:scale(1.06)}
.cat::before{inset:0;right:auto;top:auto;width:100%;height:100%;border-radius:0;background:linear-gradient(transparent 35%,rgba(10,30,15,.85))}
.cat::after{display:none}
.cat--cta{background:var(--cream2)}
.cat--cta::before{display:none}

/* ağaç */
.tree{background:linear-gradient(#a9d4ee,#eaf4e4);padding:100px 0 0;overflow:hidden;justify-content:flex-start}
.tree__head{width:min(780px,100% - 32px);margin:0 auto;text-align:center}
.tree__head .eyebrow{color:var(--g6)}
.tree__head .lead{color:#33503a;margin-inline:auto}
.score{display:inline-block;margin-top:6px;background:var(--g8);color:#fff;border-radius:99px;padding:4px 16px}
.tree__stage{width:min(1100px,100% - 24px);margin:14px auto 28px;position:relative;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px rgba(15,47,25,.35)}
.tree__sway{position:relative;transform-origin:50% 100%;animation:breeze 7s ease-in-out infinite}
.tree__sway img{display:block;width:100%;height:auto}
@keyframes breeze{0%,100%{transform:rotate(-.25deg) scale(1.04)}50%{transform:rotate(.3deg) scale(1.045) translateX(4px)}}
.tree__stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 0,rgba(255,244,190,.55),transparent 45%),linear-gradient(115deg,rgba(255,240,170,.14),transparent 40%);mix-blend-mode:soft-light;animation:sunpulse 8s ease-in-out infinite}
.apple{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:50%;aspect-ratio:1}
.apple__clone,.apple__patch{position:absolute;inset:-6%;border-radius:50%;pointer-events:none}
.apple__clone{inset:0;-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 71%);mask-image:radial-gradient(circle,#000 60%,transparent 71%);filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}
.apple:hover .apple__clone{transform:scale(1.04)}
.apple__patch{opacity:0;inset:-12%;filter:blur(5px) saturate(.85) brightness(.9);-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 70%);mask-image:radial-gradient(circle,#000 58%,transparent 70%);transition:opacity .25s}
.apple.is-eaten .apple__patch{opacity:1}
.apple.regrow .apple__clone{animation:pop .8s}
@keyframes pop{0%{opacity:0;transform:scale(.6)}100%{opacity:1}}
.apple:focus-visible{outline:3px solid #fff}
.apple__clone.b1{-webkit-mask-image:radial-gradient(circle at 88% 22%,transparent 0 24%,#000 26%),radial-gradient(circle,#000 60%,transparent 71%);mask-image:radial-gradient(circle at 88% 22%,transparent 0 24%,#000 26%),radial-gradient(circle,#000 60%,transparent 71%);-webkit-mask-composite:source-in;mask-composite:intersect}
.apple__clone.b2{-webkit-mask-image:radial-gradient(circle at 88% 22%,transparent 0 30%,#000 32%),radial-gradient(circle at 10% 40%,transparent 0 30%,#000 32%),radial-gradient(circle,#000 60%,transparent 71%);mask-image:radial-gradient(circle at 88% 22%,transparent 0 30%,#000 32%),radial-gradient(circle at 10% 40%,transparent 0 30%,#000 32%),radial-gradient(circle,#000 60%,transparent 71%);-webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}
.apple__clone.b3{-webkit-mask-image:radial-gradient(circle at 88% 22%,transparent 0 34%,#000 36%),radial-gradient(circle at 10% 40%,transparent 0 34%,#000 36%),radial-gradient(circle at 50% 95%,transparent 0 40%,#000 42%),radial-gradient(circle,#000 60%,transparent 71%);mask-image:radial-gradient(circle at 88% 22%,transparent 0 34%,#000 36%),radial-gradient(circle at 10% 40%,transparent 0 34%,#000 36%),radial-gradient(circle at 50% 95%,transparent 0 40%,#000 42%),radial-gradient(circle,#000 60%,transparent 71%);-webkit-mask-composite:source-in,source-in,source-in;mask-composite:intersect,intersect,intersect}
.apple__clone.drop{animation:appledrop .9s cubic-bezier(.5,0,1,.6) forwards}
@keyframes appledrop{to{transform:translateY(60vh) rotate(160deg);opacity:0}}
.tree .lead strong{font-weight:600}

/* sunum noktaları */
.dots{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:9px}
.dots a{width:10px;height:10px;border-radius:50%;background:rgba(120,120,120,.55);border:1.5px solid rgba(255,255,255,.8);transition:transform .2s,background .2s}
.dots a.on{background:var(--y);transform:scale(1.5)}
#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}

/* tarım animasyonları */
.scenery{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}
.cloud{position:absolute;top:90px;width:150px;height:40px;border-radius:50px;background:rgba(255,255,255,.35);filter:blur(6px);animation:drift 70s linear infinite}
.cl2{top:180px;width:110px;animation-duration:95s;animation-delay:-40s}
@keyframes drift{from{transform:translateX(-200px)}to{transform:translateX(110vw)}}
.birds{position:absolute;top:130px;left:0;width:70px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 24'%3E%3Cg fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 10q8-10 16 0q8-10 16 0'/%3E%3Cpath d='M38 18q6-8 12 0q6-8 12 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat;animation:fly 38s linear infinite}
@keyframes fly{from{transform:translateX(-100px)}to{transform:translateX(110vw)}}
.tractor{position:absolute;bottom:0;left:0;width:110px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 70'%3E%3Crect x='46' y='16' width='36' height='28' rx='3' fill='%23c0392b'/%3E%3Crect x='14' y='28' width='46' height='20' rx='3' fill='%23c0392b'/%3E%3Crect x='52' y='6' width='26' height='24' rx='3' fill='none' stroke='%23333' stroke-width='3'/%3E%3Crect x='20' y='20' width='4' height='12' fill='%23333'/%3E%3Ccircle cx='28' cy='54' r='11' fill='%23222'/%3E%3Ccircle cx='28' cy='54' r='5' fill='%23f0c24c'/%3E%3Ccircle cx='86' cy='48' r='17' fill='%23222'/%3E%3Ccircle cx='86' cy='48' r='7' fill='%23f0c24c'/%3E%3C/svg%3E") no-repeat;animation:drive 45s linear infinite}
@keyframes drive{from{transform:translateX(-140px)}to{transform:translateX(110vw)}}
.wheat{position:absolute;bottom:-6px;width:150px;height:130px;transform-origin:50% 100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 130'%3E%3Cg stroke='%23b8932b' stroke-width='2' fill='%23e3b94a'%3E%3Cpath d='M20 130V40M60 130V30M100 130V45M135 130V55' fill='none'/%3E%3Cg stroke='none'%3E%3Cellipse cx='20' cy='34' rx='5' ry='12'/%3E%3Cellipse cx='60' cy='22' rx='5' ry='13'/%3E%3Cellipse cx='100' cy='38' rx='5' ry='12'/%3E%3Cellipse cx='135' cy='48' rx='5' ry='11'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") bottom/contain no-repeat;animation:sway 4s ease-in-out infinite}
.wheat--l{left:0}
.wheat--r{right:0;animation-delay:-2s;scale:-1 1}
@keyframes sway{0%,100%{rotate:-3deg}50%{rotate:4deg}}

@media(max-width:1020px){
  html{scroll-snap-type:none}
  .slide{min-height:auto}
  .hero{min-height:100svh}
  .dots,.tractor{display:none}
  .tree{padding-top:90px}
}
@media(prefers-reduced-motion:reduce){.scenery,#fx{display:none}}

/* güneş, bulut gölgesi ve yaprak gölgesi */
.light{position:fixed;inset:0;pointer-events:none;z-index:35;overflow:hidden}
.sunbeam{position:absolute;top:-20vh;right:-10vw;width:90vw;height:90vh;background:radial-gradient(circle at 80% 15%,rgba(255,240,170,.38),rgba(255,226,140,.12) 35%,transparent 65%);mix-blend-mode:soft-light;animation:sunpulse 9s ease-in-out infinite}
.sunbeam::after{content:"";position:absolute;inset:0;background:conic-gradient(from 200deg at 80% 15%,transparent 0 8%,rgba(255,244,190,.16) 10%,transparent 13% 22%,rgba(255,244,190,.12) 25%,transparent 28% 40%,rgba(255,244,190,.14) 43%,transparent 46%);animation:raysway 24s ease-in-out infinite alternate}
@keyframes sunpulse{50%{opacity:.7}}
@keyframes raysway{to{transform:rotate(6deg)}}
.cshadow{position:absolute;width:55vw;height:34vh;border-radius:50%;background:rgba(10,30,20,.22);filter:blur(60px);mix-blend-mode:multiply;animation:cdrift 80s linear infinite}
.cs1{top:12vh;left:-60vw}
.cs2{top:55vh;left:-60vw;width:42vw;animation-duration:110s;animation-delay:-45s}
@keyframes cdrift{to{transform:translateX(170vw)}}
.dapple{position:absolute;inset:-5%;opacity:.13;mix-blend-mode:multiply;background:radial-gradient(circle at 18% 22%,#000 0 5%,transparent 6%),radial-gradient(circle at 34% 12%,#000 0 4%,transparent 5%),radial-gradient(circle at 10% 48%,#000 0 6%,transparent 7%),radial-gradient(circle at 28% 62%,#000 0 4%,transparent 5%),radial-gradient(circle at 46% 30%,#000 0 3%,transparent 4%),radial-gradient(circle at 6% 80%,#000 0 5%,transparent 6%);filter:blur(10px);transform-origin:0 0;animation:rustle 7s ease-in-out infinite alternate}
@keyframes rustle{from{transform:translate(0,0) rotate(0)}to{transform:translate(18px,10px) rotate(1.2deg)}}

/* ağaç: rüzgârda sallanma, hareketli gölge, güneş */
.sway{transform-box:fill-box;transform-origin:50% 100%;animation:treesway 6s ease-in-out infinite}
@keyframes treesway{0%,100%{transform:rotate(-.6deg) skewX(.4deg)}50%{transform:rotate(.7deg) skewX(-.5deg)}}
.tshadow{transform-box:fill-box;transform-origin:center;animation:shadowmove 6s ease-in-out infinite}
@keyframes shadowmove{0%,100%{transform:translateX(-14px) scaleX(1)}50%{transform:translateX(16px) scaleX(1.08)}}
.rays{transform-box:view-box;transform-origin:780px 80px;animation:spin 90s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sunpulse{animation:sunpulse 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.light{display:none}.sway,.tshadow,.rays{animation:none}}