.lfmh{--lfmh-height:520vh;--lfmh-mobile-height:360vh;--lfmh-overlay:.48;--lfmh-zoom:1.025;--lfmh-accent:#74e3da;--lfmh-primary-bg:#0a5358;--lfmh-primary-text:#f3ffff;--lfmh-secondary-text:#f3fbff;--lfmh-progress:#61d9d0;--lfmh-img-h:56px;--lfmh-img-h-m:44px;position:relative;width:calc(100vw - var(--lfmh-sbw,0px));max-width:none!important;height:var(--lfmh-height);margin-left:calc(50% - 50vw + var(--lfmh-sbw,0px) / 2);background:#03080d}.lfmh,.lfmh *{box-sizing:border-box}.lfmh__sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:#03080d}.lfmh__canvas,.lfmh__poster{position:absolute;inset:0;width:100%;height:100%;z-index:0}.lfmh__canvas{display:block;transform:translateZ(0) scale(var(--lfmh-zoom));will-change:transform,filter}.lfmh__poster{background-image:var(--lfmh-poster);background-size:cover;background-position:center;transition:opacity .6s ease}.lfmh.has-frames.is-ready .lfmh__poster{opacity:0}.lfmh__overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,7,11,calc(var(--lfmh-overlay) + .28)) 0%,rgba(2,7,11,var(--lfmh-overlay)) 35%,rgba(2,7,11,.08) 72%),linear-gradient(0deg,rgba(2,6,10,.62),transparent 45%)}.lfmh__grain{position:absolute;inset:-40%;z-index:3;width:180%;height:180%;opacity:.045;pointer-events:none;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,rgba(255,255,255,.7) .8px,transparent 1.5px);background-size:5px 5px;mix-blend-mode:soft-light;animation:lfmhgrain .25s steps(2) infinite}@keyframes lfmhgrain{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(1%,-1%,0)}100%{transform:translate3d(-1%,1%,0)}}.lfmh__content{position:absolute;z-index:5;left:clamp(26px,6vw,118px);top:50%;width:min(760px,calc(100% - 52px));transform:translateY(-50%);color:#fff;will-change:transform,opacity}.lfmh__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--lfmh-accent);font:600 11px/1.35 Arial,sans-serif;letter-spacing:.24em}.lfmh__eyebrow i{width:38px;height:1px;background:currentColor;box-shadow:0 0 14px currentColor}.lfmh__content h1{margin:0;color:#fff;font:700 clamp(54px,6.7vw,112px)/.91 Arial,sans-serif;letter-spacing:-.062em}.lfmh__content p{max-width:600px;margin:28px 0 34px;color:rgba(235,244,248,.78);font:400 clamp(16px,1.2vw,20px)/1.68 Arial,sans-serif}.lfmh__actions{display:flex;flex-wrap:wrap;gap:12px}.lfmh__btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:0 25px;border-radius:999px;text-decoration:none!important;font:600 13px/1 Arial,sans-serif;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.3s ease}.lfmh__btn:hover{transform:translateY(-3px)}.lfmh__btn--primary{border:1px solid var(--lfmh-accent);color:var(--lfmh-primary-text)!important;background:color-mix(in srgb,var(--lfmh-primary-bg) 55%,transparent)}.lfmh__btn--ghost{border:1px solid rgba(255,255,255,.16);color:var(--lfmh-secondary-text)!important;background:rgba(5,12,18,.18)}.lfmh__loader{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:15px;background:#03080d;color:rgba(220,244,244,.7);transition:.55s ease}.lfmh.is-ready .lfmh__loader,.lfmh:not(.has-frames) .lfmh__loader{opacity:0;visibility:hidden}.lfmh__loader span{width:150px;height:1px;background:linear-gradient(90deg,transparent,var(--lfmh-accent),transparent);animation:lfmhload 1.2s linear infinite}@keyframes lfmhload{from{transform:scaleX(.2)}50%{transform:scaleX(1)}to{transform:scaleX(.2)}}.lfmh__loader small{font:600 9px/1 Arial,sans-serif;letter-spacing:.24em}.lfmh__hud{position:absolute;inset:0;z-index:4;pointer-events:none;color:rgba(180,225,225,.45);font:600 9px/1 Arial,sans-serif;letter-spacing:.17em}.lfmh__hud-top{position:absolute;top:28px;left:clamp(26px,4vw,76px);right:clamp(26px,4vw,76px);display:flex;justify-content:space-between}.lfmh__side{position:absolute;right:26px;top:50%;display:flex;align-items:center;gap:12px;transform:translateY(-50%) rotate(90deg)}.lfmh__side i{width:80px;height:1px;background:linear-gradient(90deg,var(--lfmh-accent),transparent)}.lfmh__hud b{position:absolute;width:22px;height:22px;opacity:.55}.lfmh__hud .tl{top:20px;left:20px;border-top:1px solid var(--lfmh-accent);border-left:1px solid var(--lfmh-accent)}.lfmh__hud .tr{top:20px;right:20px;border-top:1px solid var(--lfmh-accent);border-right:1px solid var(--lfmh-accent)}.lfmh__hud .bl{bottom:20px;left:20px;border-bottom:1px solid var(--lfmh-accent);border-left:1px solid var(--lfmh-accent)}.lfmh__hud .br{bottom:20px;right:20px;border-bottom:1px solid var(--lfmh-accent);border-right:1px solid var(--lfmh-accent)}.lfmh__progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}.lfmh__progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--lfmh-progress),color-mix(in srgb,var(--lfmh-progress) 35%,white));box-shadow:0 0 18px color-mix(in srgb,var(--lfmh-progress) 62%,transparent);will-change:transform}@media(prefers-reduced-motion:reduce){.lfmh{height:100vh!important}.lfmh__sticky{position:relative}.lfmh__grain{animation:none}}
.lfmh__actions--images{align-items:center;gap:16px}.lfmh__img{display:block;width:auto;max-width:100%;height:var(--lfmh-img-h);object-fit:contain}.lfmh__img-link{display:inline-flex;transition:transform .3s ease}.lfmh__img-link:hover{transform:translateY(-3px)}
.lfmh__marquee{display:block;overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 92%,transparent 100%)}.lfmh__marquee-track{display:flex;width:max-content;animation:lfmhmarquee var(--lfmh-marquee-duration,30s) linear infinite}.lfmh__marquee:hover .lfmh__marquee-track{animation-play-state:paused}.lfmh__marquee-group{display:flex;flex-shrink:0;align-items:center}.lfmh__marquee-group>*{flex-shrink:0;margin-right:32px}.lfmh__marquee .lfmh__img{max-width:none}@keyframes lfmhmarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.lfmh__marquee-track{animation:none}}

/* ==========================================================================
   Mobil & tablet uyumu
   Sıra önemli: 900px → 640px → kısa portre → yatay telefon → statik mod.
   ========================================================================== */
.lfmh__poster{background-position:var(--lfmh-focus-x,50%) center}
.lfmh__content h1{text-wrap:balance}
.lfmh__content p{text-wrap:pretty}
.lfmh__btn:focus-visible,.lfmh__img-link:focus-visible{outline:2px solid var(--lfmh-accent);outline-offset:3px}

/* Tablet ve telefon: içerik alta demirlenir, görsel üstte nefes alır */
@media(max-width:900px){
  .lfmh__sticky{min-height:0}
  .lfmh__content{top:auto;right:clamp(22px,5vw,48px);bottom:calc(clamp(60px,12svh,150px) + env(safe-area-inset-bottom,0px));left:clamp(22px,5vw,48px);width:auto;max-width:680px;transform:none}
  .lfmh__content h1{font-size:clamp(44px,10.5vw,80px);line-height:.94;letter-spacing:-.05em}
  .lfmh__content p{margin:22px 0 28px}
  .lfmh__overlay{background:linear-gradient(0deg,rgba(1,5,9,.96) 0%,rgba(1,5,9,.8) 36%,rgba(1,5,9,.22) 66%,rgba(1,5,9,0) 84%),linear-gradient(180deg,rgba(1,5,9,.5) 0%,rgba(1,5,9,0) 20%)}
  .lfmh__grain{display:none}
  /* Dikey SCROLL etiketi yatay olarak sağ üst köşe işaretinin yanına taşınır */
  .lfmh__side{top:27px;right:52px;gap:10px;font-size:8px;transform:none}
  .lfmh__side i{width:36px;transform-origin:left;animation:lfmhcue 2.4s ease-in-out infinite}
}
@keyframes lfmhcue{0%,100%{transform:scaleX(.35);opacity:.5}50%{transform:scaleX(1);opacity:1}}

/* Telefon */
@media(max-width:640px){
  .lfmh{height:var(--lfmh-mobile-height)}
  .lfmh__content{right:20px;bottom:calc(clamp(44px,13svh,150px) + env(safe-area-inset-bottom,0px));left:20px}
  .lfmh__eyebrow{gap:10px;margin-bottom:16px;font-size:10px;letter-spacing:.2em}
  .lfmh__eyebrow i{flex-shrink:0;width:26px}
  .lfmh__content h1{font-size:clamp(38px,11.6vw,56px);letter-spacing:-.045em}
  .lfmh__content p{margin:16px 0 22px;font-size:15px;line-height:1.55}
  .lfmh__actions{gap:10px}
  .lfmh__btn{flex:1 1 auto;gap:10px;min-height:50px;padding:0 20px;font-size:13px}
  .lfmh__btn:hover{transform:none}
  .lfmh__hud b{width:16px;height:16px}
  .lfmh__hud .tl{top:14px;left:14px}.lfmh__hud .tr{top:14px;right:14px}.lfmh__hud .bl{bottom:14px;left:14px}.lfmh__hud .br{bottom:14px;right:14px}
  .lfmh__side{top:20px;right:40px}
  .lfmh__img{height:var(--lfmh-img-h-m)}
  .lfmh__marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 94%,transparent 100%)}
  .lfmh__marquee-group>*{margin-right:24px}
}

/* Kısa telefon ekranları (ör. 360×640, açık tarayıcı çubuğu) */
@media(max-width:640px) and (max-height:700px){
  .lfmh__content{bottom:calc(clamp(32px,7svh,48px) + env(safe-area-inset-bottom,0px))}
  .lfmh__eyebrow{margin-bottom:12px}
  .lfmh__content h1{font-size:clamp(34px,10.4vw,46px)}
  .lfmh__content p{margin:12px 0 18px;font-size:14px;line-height:1.5}
  .lfmh__btn{min-height:46px}
}

/* Yatay telefon: içerik solda dikey ortalanır, görsel sağda görünür kalır */
@media(max-height:500px) and (orientation:landscape){
  .lfmh__sticky{min-height:0}
  .lfmh__content{top:0;right:auto;bottom:0;left:max(28px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;justify-content:center;width:min(58%,560px);max-width:none;padding:24px 0;transform:none}
  .lfmh__eyebrow{margin-bottom:10px;font-size:9px}
  .lfmh__content h1{font-size:clamp(28px,10svh,46px);line-height:.95;letter-spacing:-.045em}
  .lfmh__content p{margin:10px 0 16px;font-size:13px;line-height:1.5}
  .lfmh__btn{flex:0 1 auto;min-height:42px;padding:0 18px;font-size:12px}
  .lfmh__overlay{background:linear-gradient(90deg,rgba(1,5,9,.94) 0%,rgba(1,5,9,.74) 44%,rgba(1,5,9,.12) 80%),linear-gradient(0deg,rgba(1,5,9,.5),transparent 40%)}
  .lfmh__img{height:min(var(--lfmh-img-h-m),12svh)}
  .lfmh__side{top:20px;right:44px}
}

/* "Mobilde Statik Poster Kullan": uzun scroll alanı yok, tek ekranlık poster */
.lfmh.is-static{height:auto}
.lfmh.is-static .lfmh__sticky{position:relative}
.lfmh.is-static .lfmh__canvas,.lfmh.is-static .lfmh__progress,.lfmh.is-static .lfmh__side{display:none}

@media(prefers-reduced-motion:reduce){.lfmh__side i{animation:none}}

/* Sticky fallback: tema sticky'yi engellediğinde JS katmanı fixed ile sabitler */
.lfmh.is-pinned .lfmh__sticky{position:fixed;top:0;left:0;width:100%}
.lfmh.is-pin-end .lfmh__sticky{position:absolute;top:auto;bottom:0;left:0;width:100%}

/* Scroll uzunluğu hiçbir zaman bir ekrandan kısa olamaz; aksi halde sabit katman
   bölümden taşar ve alttaki bölümün altında kalır. */
.lfmh{height:max(var(--lfmh-height),100vh);height:max(var(--lfmh-height),100svh)}
@media(max-width:640px){.lfmh{height:max(var(--lfmh-mobile-height),100vh);height:max(var(--lfmh-mobile-height),100svh)}}