/* =====================================================================
   The Journey — /yolculuk/
   4 kapı üstte birleşir → dikey merdiven (accordion). Mobil: tek sütun.
   Marka paleti + Cinzel/Garamond (aea-cinematic-type.css'ten miras).
   ===================================================================== */
:root {
  --jy-ink:#05080D; --jy-navy:#0D305E; --jy-teal:#5AB6B7; --jy-gold:#F0BB3D; --jy-parch:#F1F0EB;
  --jy-ease:cubic-bezier(0.22,0.61,0.36,1); --jy-col:900px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--jy-ink);color:var(--jy-parch);font-family:"Cormorant Garamond",Georgia,serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  font-size:clamp(16px,1.05vw + 12px,19px);line-height:1.5;}
a{color:inherit;}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--jy-teal);outline-offset:3px;border-radius:4px;}

.jy-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 50% 0%,rgba(13,48,94,0.45),transparent 60%),
  linear-gradient(180deg,#0d305e 0%,#081427 44%,#05080D 100%);}

/* Bölüm */
.jy-root{position:relative;z-index:1;display:block;}
.jy-section{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(48px,7vh,92px) max(22px,env(safe-area-inset-left)) clamp(48px,7vh,92px) max(22px,env(safe-area-inset-right));}
.jy-section > *{width:100%;max-width:var(--jy-col);}
.jy-section--tint{background:rgba(13,48,94,0.20);border-top:1px solid rgba(90,182,183,0.10);border-bottom:1px solid rgba(90,182,183,0.10);}
.jy-reveal{opacity:0;transition:opacity .8s var(--jy-ease);}
.jy-reveal.is-in{opacity:1;}

/* Hero */
.jy-hero{padding-top:clamp(64px,10vh,120px);}
.jy-eyebrow{margin:0 0 14px;}
.jy-title{margin:0;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.12;}
.jy-sub{margin:16px auto 0;max-width:52ch;font-style:italic;color:rgba(241,240,235,0.92);}
.jy-h2{margin:0 auto 10px;max-width:26ch;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.2;}

/* ---- 4 KAPI (üstte, tek programa iner) ---- */
.jy-doors{margin:26px auto 0;display:grid;grid-template-columns:1fr;gap:10px;max-width:760px;}
@media (min-width:640px){ .jy-doors{grid-template-columns:repeat(4,1fr);} }
.jy-door{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px 14px;
  text-decoration:none;border-radius:12px;border:1px solid rgba(90,182,183,0.30);
  background:linear-gradient(180deg,rgba(13,48,94,0.42),rgba(5,8,13,0.36));
  transition:border-color 200ms,transform 200ms var(--jy-ease),box-shadow 200ms;}
.jy-door:hover{border-color:var(--jy-gold);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.45);}
.jy-door-name{font-size:clamp(0.92rem,0.6vw + 0.76rem,1.05rem);letter-spacing:.03em;text-align:center;}

/* Kapıların tek yola inişi */
.jy-converge{position:relative;height:56px;margin-top:6px;}
.jy-converge-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(90,182,183,0.55),rgba(240,187,61,0.55));}
.jy-converge::before{content:"";position:absolute;left:12%;right:12%;top:0;height:26px;
  border-top:2px solid rgba(90,182,183,0.35);border-left:2px solid rgba(90,182,183,0.35);
  border-right:2px solid rgba(90,182,183,0.35);border-radius:14px 14px 0 0;}

/* ---- DİKEY MERDİVEN ---- */
.jy-ladder{list-style:none;margin:26px auto 0;padding:0;max-width:720px;width:100%;
  display:flex;flex-direction:column;gap:16px;position:relative;text-align:left;}
/* merdiven dikey çizgisi */
.jy-ladder::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,rgba(90,182,183,0.45),rgba(240,187,61,0.45));}
@media (min-width:640px){ .jy-ladder::before{left:23px;} }

.jy-step{position:relative;padding-left:56px;}
@media (min-width:640px){ .jy-step{padding-left:64px;} }
.jy-step-num{position:absolute;left:0;top:14px;width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:"Cinzel",serif;font-weight:700;font-size:0.95rem;color:var(--jy-ink);
  background:linear-gradient(180deg,#FBE6A6,#F0BB3D);box-shadow:0 4px 14px rgba(240,187,61,0.35);}
@media (min-width:640px){ .jy-step-num{width:48px;height:48px;font-size:1.05rem;} }

.jy-card{border:1px solid rgba(90,182,183,0.24);border-radius:14px;overflow:hidden;
  background:rgba(8,16,30,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:border-color 220ms,box-shadow 220ms;}
.jy-card.is-open{border-color:rgba(240,187,61,0.42);box-shadow:0 14px 40px rgba(0,0,0,0.45);}
.jy-card--muted{opacity:0.92;border-style:dashed;}

.jy-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 20px;background:none;border:0;cursor:pointer;text-align:left;color:inherit;}
.jy-card-head--static{cursor:default;}
.jy-card-titles{display:flex;flex-direction:column;gap:4px;}
.jy-card-name{font-size:clamp(1.05rem,0.8vw + 0.85rem,1.3rem);letter-spacing:.03em;}
.jy-card-meta{font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:500;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--jy-teal);}
.jy-chevron{font-size:1.1rem;color:rgba(241,240,235,0.6);transition:transform 220ms var(--jy-ease);}
.jy-card.is-open .jy-chevron{transform:rotate(180deg);}

.jy-card-body{padding:0 20px 20px;}
.jy-card-body--open{padding-top:2px;}
.jy-label{font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:600;
  letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,187,61,0.9);display:inline-block;margin-right:6px;}
p.jy-label{display:block;margin:16px 0 6px;}
.jy-goal{margin:0 0 4px;font-style:italic;color:rgba(241,240,235,0.94);line-height:1.6;}
.jy-gains{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;
  color:rgba(241,240,235,0.9);line-height:1.55;}
.jy-formats,.jy-prereq{margin:14px 0 0;font-family:"Inter",system-ui,sans-serif;
  font-size:0.88rem;color:rgba(241,240,235,0.78);line-height:1.5;}
.jy-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;text-decoration:none;}

@media (prefers-reduced-motion: reduce){
  .jy-reveal{opacity:1;transition:none;}
  .jy-door,.jy-card,.jy-chevron{transition:none;}
}

/* Program adı alt satırı: marka adı sabit, yerel açıklama daha sönük ve ince */
.jy-card-local{font-weight:400;letter-spacing:.02em;color:rgba(241,240,235,0.72);
  font-size:0.86em;white-space:nowrap;}