/* =====================================================================
   Find Your Purpose — /the-threshold/find-your-purpose/ (The Quest kapısı)
   · Marka paleti + Cinzel/Garamond (cinematic-type.css'ten miras).
   · Tipografi sınıflarına position/transform YOK. Geçiş yalnız opacity.
   · Mobil-öncelikli; yatay taşma yok.
   ===================================================================== */
:root {
  --fp-ink:#05080D; --fp-navy:#0D305E; --fp-teal:#5AB6B7; --fp-gold:#F0BB3D; --fp-parch:#F1F0EB;
  --fp-ease:cubic-bezier(0.22,0.61,0.36,1); --fp-col:860px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--fp-ink);color:var(--fp-parch);font-family:"Cormorant Garamond",Georgia,serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{min-height:100vh;min-height:100dvh;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(--fp-teal);outline-offset:3px;border-radius:4px;}

/* Zemin + letterbox */
.fp-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 50% 0%,rgba(13,48,94,0.42),transparent 60%),
  linear-gradient(180deg,#0d305e 0%,#081427 44%,#05080D 100%);}
.fp-letterbox{position:fixed;left:0;right:0;height:max(env(safe-area-inset-top,0px),3vh);background:var(--fp-ink);z-index:40;pointer-events:none;}
.fp-letterbox--top{top:0;} .fp-letterbox--bottom{bottom:0;height:max(env(safe-area-inset-bottom,0px),3vh);}
.fp-home{position:fixed;z-index:50;top:calc(env(safe-area-inset-top,0px) + 76px); /* global header altı */left:calc(env(safe-area-inset-left,0px) + 16px);
  font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;
  color:rgba(241,240,235,0.66);text-decoration:none;background:rgba(8,16,30,0.55);border:1px solid rgba(241,240,235,0.14);
  border-radius:999px;padding:8px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color 180ms,border-color 180ms;}
.fp-home:hover{color:var(--fp-parch);border-color:rgba(90,182,183,0.5);}

/* Bölüm */
.fp-root{position:relative;z-index:1;display:block;}
.fp-section{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(52px,8vh,100px) max(22px,env(safe-area-inset-left)) clamp(52px,8vh,100px) max(22px,env(safe-area-inset-right));}
.fp-section > *{width:100%;max-width:var(--fp-col);}
/* FIX (hero dikey kesik): yukarıdaki kolon-genişliği kuralı, position:absolute
   KAPLAYICI katmanlara da uygulanıyordu — .fp-hero-shade 860px'te kesilip
   >860px ekranlarda "sol koyu / sağ parlak" keskin sınır yaratıyordu.
   Kaplayıcılar kolon genişliğinden muaf: */
.fp-section > .fp-hero-img,
.fp-section > .fp-hero-shade{max-width:none;}
.fp-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);}
.fp-reveal{opacity:0;transition:opacity 0.8s var(--fp-ease);}
.fp-reveal.is-in{opacity:1;}

/* HERO — kapi-quest.webp full-bleed zemin (img, alt metinli) */
.fp-hero{position:relative;min-height:86vh;min-height:86dvh;justify-content:center;overflow:hidden;}
.fp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;}
.fp-hero-shade{position:absolute;inset:0;background:
  radial-gradient(120% 90% at 50% 30%,rgba(5,8,13,0.10),transparent 55%),
  linear-gradient(180deg,rgba(5,8,13,0.62) 0%,rgba(5,8,13,0.38) 40%,rgba(5,8,13,0.82) 100%);}
.fp-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:var(--fp-col);}
.fp-title{margin:0;font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.15;text-shadow:0 2px 18px rgba(0,0,0,0.75);}
.fp-hero-sub{margin:12px auto 0;font-style:italic;color:var(--fp-teal);-webkit-text-fill-color:var(--fp-teal);
  font-size:clamp(1.1rem,1.4vw + 0.7rem,1.5rem);letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,0.8);}
.fp-hero-line{margin:18px auto 0;max-width:44ch;font-style:italic;color:rgba(241,240,235,0.94);
  font-size:clamp(1.05rem,1vw + 0.8rem,1.35rem);text-shadow:0 1px 8px rgba(0,0,0,0.8);}
.fp-hero-cta{margin-top:32px;text-decoration:none;}

/* Tipografi */
.fp-eyebrow{margin:0 0 16px;}
.fp-h2{margin:0 auto 22px;max-width:28ch;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.22;}
.fp-body{margin:0 auto 18px;max-width:62ch;text-align:left;font-style:italic;
  font-size:clamp(1.05rem,0.9vw + 0.85rem,1.3rem);line-height:1.6;color:rgba(241,240,235,0.94);}
.fp-guide{text-align:center;max-width:58ch;}
.fp-anchor{text-align:center;max-width:52ch;}

/* Proof — otorite şeridi */
.fp-proof{margin:6px auto 0;padding:0;list-style:none;max-width:620px;display:flex;flex-direction:column;gap:12px;}
.fp-proof-item{padding:14px 20px;border:1px solid rgba(240,187,61,0.26);border-radius:12px;
  background:rgba(13,48,94,0.30);font-family:"Inter",system-ui,sans-serif;font-weight:500;
  font-size:clamp(0.88rem,0.5vw + 0.72rem,1rem);letter-spacing:0.04em;color:rgba(241,240,235,0.92);line-height:1.45;}

/* Proof — kurum logo şeridi. Açık pill her logoda: kaynak AVIF'lerin beyaz
   zemini gömülü (şeffaf değiller), Sheraton ise siyah — koyu zeminde pill şart. */
.fp-logos{margin:22px auto 0;max-width:860px;display:flex;flex-wrap:wrap;
  justify-content:center;align-items:center;gap:10px 12px;}
.fp-logo{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;
  background:rgba(241,240,235,0.92);border-radius:10px;opacity:0.7;transition:opacity 180ms ease;}
.fp-logo:hover{opacity:1;}
.fp-logo img{display:block;height:44px;width:auto;}
@media (max-width:480px){
  .fp-logos{gap:8px;}
  .fp-logo{padding:6px 10px;}
  .fp-logo img{height:32px;}
}

/* Katılımcı alıntısı (proof içinde, logo şeridi altı / composite üstü) */
.fp-quote-head{margin:34px 0 14px;}
.fp-quote{margin:0 auto;max-width:560px;padding:0;}
.fp-quote-text{margin:0 auto;max-width:56ch;text-align:center;font-style:italic;
  font-size:clamp(1.05rem,0.9vw + 0.85rem,1.3rem);line-height:1.6;color:rgba(241,240,235,0.94);}
.fp-quote-by{margin-top:12px;font-family:"Inter",system-ui,sans-serif;font-style:normal;
  font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(240,187,61,0.85);}

/* Video referans (proof içinde, metin alıntısının altında) — dikey 9:16,
   tıkla-oynat; poster hafif, videonun kendisi preload="none" ile ertelenir */
.fp-video-wrap{margin:26px auto 0;max-width:300px;}
.fp-video{display:block;width:100%;aspect-ratio:9/16;border-radius:14px;
  background:#000;border:1px solid rgba(240,187,61,0.20);object-fit:cover;}
@media (max-width:480px){ .fp-video-wrap{max-width:230px;} }
.fp-video-by{margin-top:10px;text-align:center;}

/* Composite-vaka bloğu (proof içinde) + dipnot */
.fp-composite{margin-top:26px;padding-top:24px;border-top:1px solid rgba(90,182,183,0.16);}
.fp-note{margin:10px auto 0;max-width:52ch;font-style:italic;font-family:"Cormorant Garamond",serif;
  font-size:clamp(0.85rem,0.4vw + 0.72rem,0.95rem);color:rgba(241,240,235,0.55);}

/* Film anchor link */
.fp-link{display:inline-block;margin-top:6px;font-family:"Inter",system-ui,sans-serif;font-size:13px;font-weight:500;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--fp-gold);text-decoration:none;
  border-bottom:1px solid rgba(240,187,61,0.4);padding-bottom:3px;transition:color 180ms,border-color 180ms;}
.fp-link:hover{color:#ffd979;border-color:#ffd979;}

/* CTA çifti */
.fp-cta-row{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;}
.fp-cta{text-decoration:none;}
.fp-cta-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;
  font-family:"Inter",system-ui,sans-serif;font-weight:500;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--fp-parch);text-decoration:none;background:transparent;border:1px solid rgba(241,240,235,0.35);border-radius:999px;
  transition:border-color 200ms,color 200ms,background 200ms;}
.fp-cta-ghost:hover{border-color:var(--fp-gold);color:#fff;background:rgba(240,187,61,0.08);}

/* Footer */
.fp-footer{padding:36px 22px calc(36px + max(env(safe-area-inset-bottom,0px),3vh));text-align:center;}
.fp-footer-line{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:12px;letter-spacing:0.16em;
  text-transform:uppercase;color:rgba(241,240,235,0.45);}

/* Hareket azalt */
@media (prefers-reduced-motion:reduce){
  .fp-reveal{transition:none;opacity:1;}
}
