:root{--gold:#c58c20;--ink:#111;--muted:#4a4a4a;--line:#f0f0f0;--max:1450px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}.site-header{height:86px;display:flex;align-items:center;gap:26px;padding:0 4.4vw;border-bottom:1px solid #f3f3f3;position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);z-index:20}.brand{text-decoration:none;color:#111;min-width:245px}.signature,.hero-signature,.closing-signature{font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive}.signature{display:block;font-size:29px;line-height:.92}.roles{font-size:10px;color:var(--gold);font-weight:700}.main-menu{display:flex;justify-content:center;gap:28px;flex:1}.main-menu a{font-size:11px;font-weight:700;color:#111;text-decoration:none;padding:33px 0 26px;border-bottom:2px solid transparent}.main-menu a:hover,.main-menu a.active{color:var(--gold);border-color:var(--gold)}.social-top{display:flex;gap:13px}.social-top a,.footer-social a{color:#111;text-decoration:none;font-weight:800}.menu-toggle{display:none;background:none;border:0;font-size:25px}
.hero{max-width:var(--max);margin:auto;min-height:500px;display:grid;grid-template-columns:45% 55%;align-items:stretch}.hero-copy{padding:58px 48px 48px 6vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fff 0%,#fff 78%,rgba(255,255,255,.88) 100%);z-index:2}.hero h1{font-size:72px;line-height:.95;margin:0 0 34px;letter-spacing:-3.8px;font-weight:800}.hero blockquote{margin:0;max-width:475px;font-size:22px;line-height:1.55;font-weight:500;position:relative;padding-left:44px}.hero blockquote:before,.closing blockquote:before{content:'“';position:absolute;left:0;top:-13px;color:var(--gold);font-size:60px;font-weight:800}.hero-signature{font-size:35px;color:var(--gold);margin:32px 0 0 44px}.hero-image{background:url('assets/hero.jpg') center 42%/cover no-repeat;min-height:500px;position:relative}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 24%)}
.story{max-width:1260px;margin:0 auto;padding:0 22px 30px}.story-row{display:grid;grid-template-columns:56% 44%;min-height:320px;align-items:stretch}.story-row figure{border-radius:10px}.story-row+ .story-row{margin-top:18px}.story-row:nth-child(even){grid-template-columns:44% 56%}.story-row:nth-child(even) figure{order:2}.story-row:nth-child(even) .story-copy{order:1;padding-left:26px;padding-right:58px;align-items:flex-end;text-align:right}.story-row:nth-child(even) .story-copy .accent{margin-left:auto}.story-row:nth-child(even) .story-copy p{margin-left:auto}figure{margin:0;overflow:hidden}figure img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}.portrait img{object-position:center 28%}.story-copy{padding:42px 48px 36px;display:flex;flex-direction:column;justify-content:center}.accent{width:36px;height:2px;background:var(--gold);display:block;margin-bottom:18px}.story h2{font-size:31px;margin:0 0 8px;letter-spacing:-1px}.year{color:var(--gold);font-weight:700;margin-bottom:20px}.story p{margin:0;color:#222;line-height:1.68;font-size:15px;max-width:510px}
.closing{max-width:1260px;min-height:300px;margin:10px auto 30px;border-radius:11px;display:grid;grid-template-columns:46% 54%;overflow:hidden;position:relative;background:#f6f3ee}.closing-copy{padding:34px 30px 30px 42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2}.closing blockquote{font-size:21px;line-height:1.5;margin:0;padding-left:42px;position:relative}.closing-signature{font-size:28px;color:var(--gold);margin:20px 0 22px 42px}.closing-photo{position:relative;min-height:300px;margin:0;overflow:hidden;border-radius:0}.closing-photo:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#f6f3ee 0%,rgba(246,243,238,.72) 12%,rgba(246,243,238,0) 33%);pointer-events:none}.closing-photo img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center 49%;display:block}.cta{background:var(--gold);color:#fff;text-decoration:none;font-weight:800;padding:16px 24px;border-radius:6px;min-width:190px;text-align:center;box-shadow:0 10px 24px rgba(197,140,32,.26);margin-left:42px}.cta span{margin-left:18px}footer{background:#101214;color:#fff;min-height:66px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer a{color:#fff;text-decoration:none}.footer-social{display:flex;gap:13px}.reveal{opacity:1;transform:none}
@media(max-width:980px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;padding:14px 22px}.brand{min-width:0;flex:1}.social-top{display:none}.menu-toggle{display:block}.main-menu{display:none;width:100%;flex-direction:column;gap:0;padding:8px 0 14px}.main-menu.open{display:flex}.main-menu a{padding:12px 0}.hero{grid-template-columns:1fr}.hero-copy{padding:52px 28px 40px}.hero h1{font-size:56px}.hero-image{min-height:390px}.story-row,.story-row:nth-child(even){grid-template-columns:1fr}.story-row:nth-child(even) figure,.story-row:nth-child(even) .story-copy{order:initial}.story-row:nth-child(even) .story-copy{padding:32px 12px 44px;align-items:flex-start;text-align:left}.story-row:nth-child(even) .story-copy .accent{margin-left:0}.story-row:nth-child(even) .story-copy p{margin-left:0}.story-copy{padding:32px 12px 44px}figure img{min-height:270px;max-height:560px}.closing{margin:0 22px 28px;grid-template-columns:1fr}.closing-copy{padding:32px 26px}.closing-photo{min-height:330px}.closing-photo img{min-height:330px}.closing-photo:before{background:linear-gradient(180deg,#f6f3ee 0%,rgba(246,243,238,.35) 12%,transparent 30%)}.cta{margin-left:42px}footer{gap:16px;flex-wrap:wrap;padding:22px}}
@media(max-width:600px){.signature{font-size:25px}.roles{font-size:9px}.hero h1{font-size:48px}.hero blockquote{font-size:19px;padding-left:35px}.hero-image{min-height:290px}.story{padding:12px}.story h2{font-size:27px}.story p{font-size:15px}.closing-copy{padding:30px 20px}.closing blockquote{font-size:18px}.cta{width:100%}footer{justify-content:center;text-align:center}}

/* ORTAK KİLİTLİ ÜST MARKA */
.shared-brand{
  min-width:310px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#111;
  text-decoration:none;
}
.shared-bike{
  width:48px;
  height:36px;
  color:var(--gold);
  flex:0 0 auto;
}
.shared-bike svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.shared-name img{
  display:block;
  width:210px;
  height:auto;
}
.shared-name small{
  display:block;
  margin-top:2px;
  color:var(--gold);
  font-size:9px;
  font-weight:700;
}

/* HİKÂYEM BAŞLIK FOTOĞRAFI — SADECE İSTENEN EKLEME */
.hero{
  grid-template-columns:45% 55%;
}
.story-hero-photo{
  margin:0;
  min-height:500px;
  overflow:hidden;
}
.story-hero-photo img{
  width:100%;
  height:100%;
  min-height:500px;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* Başlıkların üstündeki kısa altın çizgiler kaldırıldı */
.story-copy .accent{
  display:none !important;
}
@media(max-width:980px){
  .shared-brand{min-width:0}
  .shared-name img{width:180px}
  .hero{grid-template-columns:1fr}
  .story-hero-photo{min-height:360px}
  .story-hero-photo img{min-height:360px}
}

/* Güncel öğretmen fotoğrafının tam boy kadrajı */
.story-row figure.portrait img{object-fit:cover;object-position:center 42%}

/* Başarılarım sayfasıyla aynı Yukarı Git düğmesi */
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(20,31,47,.82);color:#fff;padding:11px 16px;box-shadow:0 8px 24px rgba(0,0,0,.20);backdrop-filter:blur(8px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease;font-weight:800}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top span{font-size:21px;line-height:1}.back-to-top small{font-size:12px}.back-to-top:hover{background:rgba(197,140,32,.95)}@media(max-width:600px){.back-to-top{right:15px;bottom:15px;width:46px;height:46px;padding:0;justify-content:center}.back-to-top small{display:none}}
/* Version 1.0 ortak üst bilgi ve alt bilgi */
.unified-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#101b2b}.unified-cyclist{font-size:34px;line-height:1;filter:saturate(1.2);position:relative}.unified-cyclist:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(#e30a17 0 50%,#fff 50%);left:17px;top:9px;border:1px solid #fff}.unified-name img{display:block;width:215px;height:38px;object-fit:contain}.unified-name small{display:block;font-size:9px;font-weight:800;letter-spacing:.16em;color:#9c6610}.unified-footer{display:block!important;text-align:center!important;padding:24px 20px!important;font-size:12px!important;line-height:1.7!important}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 15px 10px 12px;background:rgba(16,27,43,.82);backdrop-filter:blur(8px);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(18px);transition:.25s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:rgba(197,140,32,.95)}.back-to-top span{font-size:22px}.back-to-top small{font-size:12px;font-weight:800}@media(max-width:600px){.unified-name img{width:170px}.back-to-top{right:14px;bottom:14px}.back-to-top small{display:none}}

/* Version 1.0 kilitli üst menü: çizgisiz, daha okunaklı aktif sayfa vurgusu. */
.main-menu a{font-size:13px!important;font-weight:700!important;border-bottom:none!important;transition:color .2s ease,transform .2s ease,font-size .2s ease,font-weight .2s ease!important;}
.main-menu a:hover{color:var(--gold)!important;transform:translateY(-1px);border-color:transparent!important;}
.main-menu a.active{color:var(--gold)!important;font-size:14px!important;font-weight:800!important;border-color:transparent!important;}

/* Ortak Yukarı düğmesi — Başarılarım sayfasıyla aynı */
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 15px 10px 12px;background:rgba(16,27,43,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:rgba(16,27,43,.96)}
.back-to-top:focus-visible{outline:3px solid #d9a749;outline-offset:3px}
.back-to-top span{font-size:22px;line-height:1}
.back-to-top small{font-size:12px;font-weight:800;letter-spacing:.04em}
@media(max-width:600px){.back-to-top{right:14px;bottom:14px;padding:10px 12px}.back-to-top small{display:none}}
.personal-quote{max-width:1040px;margin:55px auto;padding:44px 55px;text-align:center;background:#f7f2e9;border-left:4px solid #bd8120}.personal-quote blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);line-height:1.45;color:#233044}.personal-quote cite{display:block;margin-top:18px;font-style:normal;font-weight:800;color:#a46c12;letter-spacing:.04em}@media(max-width:560px){.personal-quote{margin:35px 18px;padding:32px 24px}}

/* Son düzenleme: Yukarı düğmesi görünürlüğü */
/* Son kontrol: Yukarı düğmesi yalnızca sayfa aşağı kaydırıldığında görünür. */