/* ===== Alternatif header B: kemer açılışı ===== */
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hb{position:relative;height:230vh}
.hb-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.hb-cerceve{position:absolute;inset:0;pointer-events:none}
.hb-cerceve i{position:absolute;opacity:.75}
.hb-cerceve .u{left:24px;right:24px;top:18px;height:5px;border-top:1px solid var(--kahve);border-bottom:1px solid var(--kahve);transform-origin:center;transform:scaleX(0)}
.hb-cerceve .s,.hb-cerceve .r{top:0;bottom:0;width:5px;border-left:1px solid var(--kahve);border-right:1px solid var(--kahve);transform-origin:top;transform:scaleY(0)}
.hb-cerceve .s{left:calc(6% + 24px)}.hb-cerceve .r{right:calc(6% + 24px)}
.hb-kemer{position:relative;width:var(--w,430px);height:var(--h,760px);border-radius:var(--r,999px);overflow:hidden;background:#d9cfc4;clip-path:inset(50% 0 50% 0 round 999px);will-change:width,height}
.hb-video{position:absolute;left:50%;top:50%;width:var(--vw,1240px);height:var(--vh,800px);max-width:none;object-fit:cover;transform:translate(-50%,-50%)}
.hb-baslik{position:absolute;left:50%;top:var(--bt,20%);transform:translate(-50%,0);z-index:3;font-family:var(--sense);font-weight:400;color:var(--altin-acik);font-size:clamp(64px,7.6vw,110px);line-height:.8;letter-spacing:-.8px;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.55);white-space:nowrap;pointer-events:none}
.hb-baslik .satir{display:block}
.hb-baslik .h{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(40%);transition:opacity .9s cubic-bezier(.2,.7,.2,1),filter .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.hb.acik .hb-baslik .h{opacity:1;filter:blur(0);transform:none}
.hb-not{position:absolute;left:50%;bottom:calc(var(--alt,7vh));transform:translateX(-50%);z-index:3;font-family:var(--afacad);font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);opacity:0;white-space:nowrap}
.hb-ipucu{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-family:var(--afacad);font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--altin);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity 1s 1.8s;z-index:4}
.hb-ipucu span{width:1px;height:36px;background:linear-gradient(var(--altin),transparent);animation:ipucu 2s infinite}
.acik .hb-ipucu{opacity:1}
@keyframes ipucu{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hb.acik .hb-cerceve .u{transform:scaleX(1);transition:transform 1.4s cubic-bezier(.6,0,.2,1)}
.hb.acik .hb-cerceve .s,.hb.acik .hb-cerceve .r{transform:scaleY(1);transition:transform 1.6s .2s cubic-bezier(.6,0,.2,1)}
.hb.acik .hb-kemer{clip-path:inset(0 0 0 0 round 999px);transition:clip-path 1.5s .35s cubic-bezier(.7,0,.2,1)}
.hb.bitti .hb-kemer{clip-path:none;transition:none}
.hb-ayrac{padding-top:30px}
@media (max-width:860px){.hb-cerceve .s{left:calc(3% + 12px)}.hb-cerceve .r{right:calc(3% + 12px)}.hb-cerceve .u{left:12px;right:12px}.hb{height:200vh}}

/* ===== Alternatif header C: harflerin içinden video ===== */
.hc{position:relative;height:320vh}
.hc-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hc-kutu{position:absolute;inset:14px max(24px,calc((100% - 1180px)/2)) 64px;border-radius:24px;overflow:hidden;background:#cfc3b6}
.hc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc-maske{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hc-maske text{font-family:var(--sense);font-weight:400}
.hc-kontur text{fill:none;stroke:var(--altin);stroke-width:1;stroke-dasharray:var(--dash,2400);stroke-dashoffset:var(--dash,2400)}
.hc.acik .hc-kontur text{stroke-dashoffset:0;transition:stroke-dashoffset 2.6s cubic-bezier(.6,0,.2,1)}
.hc-alt{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:28px;font-family:var(--afacad);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--altin)}
.hc .hb-ipucu{bottom:78px;color:var(--altin)}
.hc.acik .hb-ipucu{opacity:1}
@media (max-width:860px){.hc-kutu{inset:10px 12px 56px;border-radius:18px}.hc-alt{left:20px;right:20px;font-size:11px;letter-spacing:2px}.hc{height:220vh}}
@media (prefers-reduced-motion:reduce){.hb,.hc{height:auto}.hb-sticky,.hc-sticky{position:relative}}
/* v3: tam oval kutu, header boşluğu */
.hc{margin-top:calc(-1 * var(--ust))}
.hc-kutu{top:calc(var(--ust) + 4px);border-radius:50%;inset:calc(var(--ust) + 4px) max(24px,calc((100% - 1180px)/2)) 64px}
@media (max-width:860px){.hc-kutu{inset:calc(var(--ust) + 2px) 12px 56px;border-radius:50%}}
.hc .hb-ipucu{background:rgba(242,237,230,.9);padding:10px 18px 10px;border-radius:999px;color:var(--kahve);font-weight:500;box-shadow:0 6px 18px rgba(44,37,30,.12);gap:6px}
.hc .hb-ipucu span{height:22px;background:linear-gradient(var(--kahve),transparent)}
/* v3: belirgin oval çerçeve + fareyle ışıldayan kenar */
.hc-kutu{--mx:50%;--my:0%;box-shadow:0 0 0 1px rgba(172,145,98,.55),0 30px 80px rgba(102,89,78,.12)}
.hc-kutu::before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(172,145,98,.45);pointer-events:none;z-index:3}
.hc-kutu::after{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;pointer-events:none;z-index:4;
  background:radial-gradient(260px circle at var(--mx) var(--my),#FFF3D6 0%,#E2C48E 22%,rgba(172,145,98,.55) 48%,rgba(172,145,98,.25) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  transition:opacity .4s;opacity:.85}
.hc-kutu.isik::after{opacity:1}
.hc-kutu.isik{box-shadow:0 0 0 1px rgba(172,145,98,.7),0 0 40px rgba(226,196,142,.35),0 30px 80px rgba(102,89,78,.12)}
/* v3: daire değil yatay oval */
@media (min-width:861px){
  .hc-kutu{--W:min(1000px,calc(100vw - 48px));--H:min(calc(100svh - var(--ust) - 74px),calc(var(--W) * .6));inset:auto;width:var(--W);height:var(--H);left:calc(50% - var(--W) / 2);top:calc(var(--ust) + (100svh - var(--ust) - 64px - var(--H)) / 2)}
}
@media (min-width:861px){.hc .hc-alt{display:none}}