/* BLACKWING — Cinematic Flight Hero
   Webcenter İstanbul premium layout — Elementor/WPBakery edilebilir sürüm.

   Kapsam notu: orijinal statik demo `html,body{...}` üzerinden sayfa
   genelini biçimlendiriyordu. Bu, sayfada başka bileşenler de varsa (veya
   bu widget'tan birden fazla örnek eklenirse) global çakışmaya yol açar.
   Bu yüzden TÜM kurallar `.bw-root` kökü altına taşındı; gerçek
   `html`/`body` elementine hiçbir kural uygulanmıyor. */

.bw-root {
  --bw-ink: #050608;
  --bw-paper: #ece9e2;
  --bw-muted: #8f9299;
  --bw-line: rgba(255, 255, 255, 0.14);
  --bw-accent: #d6d3cb;
  --bw-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  position: relative;
  width: 100%;
  background: var(--bw-ink);
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  isolation: isolate;
}

.bw-root * { box-sizing: border-box; }
.bw-root a { color: inherit; text-decoration: none; }
.bw-root button { font: inherit; color: inherit; }

.bw-root .bw-loader { position: fixed; inset: 0; z-index: 1000; display: grid; place-content: center; gap: 18px; text-align: center; background: #030405; transition: opacity .65s var(--bw-ease), visibility .65s; }
.bw-root .bw-loader.is-hidden { opacity: 0; visibility: hidden; }
.bw-root .bw-loader__mark { font-size: 14px; letter-spacing: .45em; font-weight: 700; }
.bw-root .bw-loader__line { width: min(260px, 62vw); height: 1px; background: rgba(255,255,255,.18); overflow: hidden; }
.bw-root .bw-loader__bar { display: block; width: 0; height: 100%; background: #fff; transition: width .2s linear; }
.bw-root .bw-loader p { margin: 0; color: #8c8f94; text-transform: uppercase; font-size: 9px; letter-spacing: .32em; }

.bw-root .bw-intro { position: fixed; inset: 0; z-index: 500; background: #000; overflow: hidden; transition: opacity .8s var(--bw-ease), visibility .8s; }
.bw-root .bw-intro.is-gone { opacity: 0; visibility: hidden; pointer-events: none; }
.bw-root .bw-intro__video { width: 100%; height: 100%; object-fit: cover; display: block; }
.bw-root .bw-intro__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.16), transparent 55%, rgba(0,0,0,.35)); pointer-events: none; }
.bw-root .bw-intro__hud { position: absolute; left: 26px; right: 26px; bottom: 25px; display: flex; justify-content: space-between; align-items: center; font-size: 9px; letter-spacing: .27em; color: rgba(255,255,255,.52); text-transform: uppercase; }
.bw-root .bw-intro__status { display: flex; align-items: center; gap: 10px; }
.bw-root .bw-intro__status:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #fff; box-shadow: 0 0 14px #fff; }
.bw-root .bw-skip { position: absolute; top: 24px; right: 26px; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.2); backdrop-filter: blur(8px); padding: 10px 14px; text-transform: uppercase; letter-spacing: .18em; font-size: 9px; cursor: pointer; transition: .25s; }
.bw-root .bw-skip:hover { background: #fff; color: #000; }

.bw-root .bw-site { opacity: 0; visibility: hidden; transition: opacity 1s var(--bw-ease), visibility 1s; }
.bw-root .bw-site.is-visible { opacity: 1; visibility: visible; }
.bw-root .bw-hero { min-height: 100svh; position: relative; overflow: hidden; background: #050608; isolation: isolate; }
.bw-root .bw-hero__texture { position: absolute; inset: -4%; z-index: -4; background: url('../img/feather-texture.jpg') center/cover no-repeat; filter: brightness(.32) contrast(1.15); transform: scale(1.06); animation: bwDrift 16s ease-in-out infinite alternate; }
.bw-root .bw-hero:after { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 72% 34%, rgba(107,115,126,.14), transparent 33%), linear-gradient(90deg, rgba(2,3,4,.94) 0%, rgba(2,3,4,.75) 45%, rgba(2,3,4,.35) 100%); }
.bw-root .bw-noise { position: absolute; inset: 0; z-index: -1; opacity: .12; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
@keyframes bwDrift { to { transform: scale(1.12) translate3d(-1.2%, .7%, 0); } }

.bw-root .bw-header { position: absolute; z-index: 10; top: 0; left: 0; right: 0; height: 88px; padding: 0 clamp(22px,4vw,66px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--bw-line); background: linear-gradient(180deg, rgba(0,0,0,.35), transparent); }
.bw-root .bw-brand { display: inline-flex; align-items: center; gap: 13px; width: max-content; }
.bw-root .bw-brand__symbol { width: 34px; display: grid; place-items: center; }
.bw-root .bw-brand__symbol svg { display: block; width: 100%; fill: #fff; }
.bw-root .bw-brand__name { font-size: 11px; letter-spacing: .29em; font-weight: 700; }
.bw-root .bw-nav { display: flex; gap: 35px; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: #a9abb0; }
.bw-root .bw-nav a { transition: color .25s; }
.bw-root .bw-nav a:hover { color: #fff; }
.bw-root .bw-header__cta { justify-self: end; padding: 11px 15px; border: 1px solid rgba(255,255,255,.28); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; transition: .25s; }
.bw-root .bw-header__cta:hover { background: #fff; color: #050608; }

.bw-root .bw-hero__grid { position: absolute; inset: 88px 0 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 100% 25%, 25% 100%; mask-image: linear-gradient(to bottom, rgba(0,0,0,.5), transparent 78%); opacity: .65; }
.bw-root .bw-hero__content { position: relative; z-index: 2; min-height: 100svh; padding: clamp(140px,18vh,210px) clamp(22px,8vw,132px) 75px; display: flex; flex-direction: column; justify-content: center; }
.bw-root .bw-kicker { margin: 0 0 28px; display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .26em; font-size: 9px; color: #a7a9ae; }
.bw-root .bw-kicker span { width: 34px; height: 1px; background: #fff; }
.bw-root .bw-hero h1 { margin: 0; max-width: 1100px; font-size: clamp(58px,10.7vw,174px); line-height: .78; letter-spacing: -.07em; font-weight: 600; text-transform: uppercase; }
.bw-root .bw-line { display: block; opacity: 0; transform: translateY(55px); transition: opacity 1s var(--bw-ease), transform 1.1s var(--bw-ease); }
.bw-root .is-visible .bw-line { opacity: 1; transform: none; }
.bw-root .is-visible .bw-line:nth-child(2) { transition-delay: .14s; }
.bw-root .bw-line--light { font-weight: 300; color: #e8e8e6; }
.bw-root .bw-line--serif { font-family: Georgia, 'Times New Roman', serif; text-transform: none; font-style: italic; font-weight: 400; letter-spacing: -.06em; margin-left: 13vw; color: #fff; }
.bw-root .bw-hero__bottom { max-width: 890px; margin-top: 48px; margin-left: 13vw; display: grid; grid-template-columns: minmax(260px,1fr) auto; gap: 40px; align-items: end; }
.bw-root .bw-copy { margin: 0; color: #9da0a7; font-size: clamp(13px,1.2vw,17px); line-height: 1.7; max-width: 470px; }
.bw-root .bw-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.bw-root .bw-button { border: 1px solid rgba(255,255,255,.25); padding: 14px 18px; background: transparent; cursor: pointer; text-transform: uppercase; font-size: 9px; letter-spacing: .18em; transition: .28s; }
.bw-root .bw-button--solid { background: #f1f0ec; color: #07080a; border-color: #f1f0ec; }
.bw-root .bw-button--solid:hover { background: transparent; color: #fff; }
.bw-root .bw-button--ghost:hover { background: #fff; color: #050608; }

.bw-root .bw-orbit { position: absolute; right: 7vw; top: 50%; width: 170px; height: 170px; transform: translateY(-50%); display: grid; place-items: center; opacity: .68; }
.bw-root .bw-orbit__ring { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; animation: bwSpin 18s linear infinite; }
.bw-root .bw-orbit__ring:after { content: ""; position: absolute; top: -3px; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.bw-root .bw-orbit__dot { width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 20px 6px rgba(255,255,255,.4); }
.bw-root .bw-orbit__index { font-family: Georgia, serif; font-style: italic; font-size: 18px; }
@keyframes bwSpin { to { transform: rotate(360deg); } }
.bw-root .bw-scrollcue { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; color: #73767c; font-size: 8px; letter-spacing: .24em; text-transform: uppercase; }
.bw-root .bw-scrollcue i { display: block; width: 52px; height: 1px; background: linear-gradient(90deg, #fff, transparent); animation: bwPulse 1.8s infinite; }
@keyframes bwPulse { 50% { opacity: .25; transform: translateX(7px); } }

.bw-root .bw-concept { background: var(--bw-paper); color: #111; padding: clamp(85px,12vw,170px) clamp(22px,7vw,110px); }
.bw-root .bw-sectionlabel { font-size: 9px; letter-spacing: .23em; color: #777; text-transform: uppercase; border-top: 1px solid rgba(0,0,0,.18); padding-top: 14px; }
.bw-root .bw-concept__copy { max-width: 1050px; margin: 80px 0 110px 12vw; }
.bw-root .bw-concept__copy p { margin: 0 0 18px; text-transform: uppercase; font-size: 10px; letter-spacing: .2em; color: #777; }
.bw-root .bw-concept__copy h2 { margin: 0; font-size: clamp(40px,6.2vw,94px); line-height: .98; letter-spacing: -.055em; font-weight: 500; }
.bw-root .bw-concept__copy em { font-family: Georgia, serif; font-weight: 400; }
.bw-root .bw-cards { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); }
.bw-root .bw-cards article { min-height: 330px; padding: 30px; border-right: 1px solid rgba(0,0,0,.2); display: flex; flex-direction: column; }
.bw-root .bw-cards article:last-child { border-right: 0; }
.bw-root .bw-cards span { font-size: 10px; color: #777; letter-spacing: .15em; }
.bw-root .bw-cards h3 { margin: auto 0 15px; font-family: Georgia, serif; font-size: 36px; font-weight: 400; }
.bw-root .bw-cards p { margin: 0; color: #666; line-height: 1.7; font-size: 13px; max-width: 290px; }

.bw-root .bw-footercta { min-height: 82vh; padding: 100px clamp(22px,8vw,130px); display: flex; flex-direction: column; justify-content: center; background: #08090b; color: #fff; position: relative; overflow: hidden; }
.bw-root .bw-footercta:before { content: ""; position: absolute; inset: 0; background: url('../img/valley-poster.jpg') center/cover; opacity: .13; filter: grayscale(1); transform: scale(1.08); }
.bw-root .bw-footercta > * { position: relative; }
.bw-root .bw-footercta p { margin: 0 0 24px; color: #858990; text-transform: uppercase; font-size: 9px; letter-spacing: .23em; }
.bw-root .bw-footercta h2 { margin: 0 0 48px; max-width: 1100px; font-size: clamp(48px,8vw,120px); line-height: .9; letter-spacing: -.06em; font-weight: 500; }
.bw-root .bw-footercta a { width: max-content; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.45); text-transform: uppercase; font-size: 10px; letter-spacing: .2em; }
.bw-root .bw-footercta a span { margin-left: 18px; }
.bw-root .bw-footer { height: 85px; padding: 0 clamp(22px,4vw,66px); display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--bw-line); background: #050608; color: #74777e; font-size: 8px; letter-spacing: .2em; }

@media (max-width: 900px) {
  .bw-root .bw-header { grid-template-columns: 1fr auto; } .bw-root .bw-nav { display: none; } .bw-root .bw-orbit { right: -62px; width: 135px; height: 135px; } .bw-root .bw-hero__bottom { margin-left: 0; grid-template-columns: 1fr; } .bw-root .bw-line--serif { margin-left: 5vw; } .bw-root .bw-cards { grid-template-columns: 1fr; } .bw-root .bw-cards article { min-height: 240px; border-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); } .bw-root .bw-cards article:last-child { border-bottom: 0; } .bw-root .bw-concept__copy { margin-left: 0; } .bw-root .bw-intro__hud span:nth-child(2) { display: none; }
}
@media (max-width: 600px) {
  .bw-root .bw-header { height: 72px; padding: 0 18px; } .bw-root .bw-brand__name { font-size: 9px; } .bw-root .bw-header__cta { padding: 9px 11px; } .bw-root .bw-hero__content { padding: 130px 20px 70px; } .bw-root .bw-hero h1 { font-size: clamp(54px,17vw,86px); line-height: .82; } .bw-root .bw-line--serif { margin-left: 0; } .bw-root .bw-orbit { display: none; } .bw-root .bw-actions { display: grid; } .bw-root .bw-button { text-align: center; } .bw-root .bw-scrollcue { left: 20px; transform: none; } .bw-root .bw-concept, .bw-root .bw-footercta { padding-left: 20px; padding-right: 20px; } .bw-root .bw-concept__copy { margin-top: 60px; margin-bottom: 70px; } .bw-root .bw-footer { height: auto; padding: 24px 20px; gap: 15px; align-items: flex-start; flex-direction: column; } .bw-root .bw-intro__hud { left: 16px; right: 16px; } .bw-root .bw-skip { right: 16px; top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .bw-root * { animation: none !important; transition-duration: .01ms !important; }
  .bw-root .bw-intro { display: none; }
  .bw-root .bw-site { opacity: 1; visibility: visible; }
  .bw-root .bw-line { opacity: 1; transform: none; }
}