
/* FINAL 2026: responsive video + project lightbox */
.home-video-cta{padding:clamp(42px,7vw,88px) 0;background:linear-gradient(135deg,#edf9fb 0%,#f8fbff 52%,#eef7f4 100%)}
.video-cta-panel{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;gap:clamp(28px,5vw,72px)!important;align-items:center!important;padding:clamp(22px,4vw,54px)!important;background:#fff!important;border:1px solid rgba(8,83,107,.12)!important;border-radius:clamp(22px,3vw,38px)!important;box-shadow:0 24px 70px rgba(7,43,59,.12)!important;min-height:0!important}
.video-cta-media{aspect-ratio:16/9!important;min-height:0!important;overflow:hidden!important;border-radius:22px!important;background:#061925!important;box-shadow:0 18px 44px rgba(3,33,48,.2)}
.video-cta-media>a{display:block;position:relative;width:100%;height:100%}.video-cta-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.video-cta-copy{color:#102f3e!important;max-width:620px}.video-cta-copy h2{color:#072f43!important;font-size:clamp(2rem,4vw,3.8rem)!important;line-height:1.04!important;margin:.55rem 0 1rem!important}.video-cta-copy p{color:#496775!important;font-size:clamp(1rem,1.3vw,1.16rem)!important;line-height:1.75!important}.video-kicker{color:#087da0!important;font-weight:800!important;letter-spacing:.12em!important}.video-benefits{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:0!important;margin:22px 0!important;list-style:none!important}.video-benefits li{color:#174b5e!important;background:#eef8fb!important;border:1px solid #d5ebf1!important;border-radius:999px!important;padding:9px 14px!important;font-weight:700!important}.video-cta-button{display:inline-flex!important;min-height:48px!important;align-items:center!important;justify-content:center!important}
.real-gallery-card{position:relative;overflow:hidden;cursor:zoom-in}.real-gallery-card>a{display:block;width:100%;height:100%}.real-gallery-card img{transition:transform .5s ease}.real-gallery-card:hover img{transform:scale(1.045)}
.mist-detail-gallery{padding:clamp(44px,7vw,90px) 0;background:#f5fafc}.mist-detail-gallery .gallery-intro{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.mist-detail-gallery h2{margin:0;color:#082f43;font-size:clamp(1.8rem,3.6vw,3rem)}.mist-detail-gallery p{max-width:680px;color:#58717d}.mist-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mist-detail-item{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#dcebf0;box-shadow:0 12px 30px rgba(10,56,75,.1)}.mist-detail-item:first-child{grid-column:span 2;grid-row:span 2}.mist-detail-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.mist-detail-item:hover img{transform:scale(1.05)}
.mist-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(2,14,22,.94);display:none;align-items:center;justify-content:center;padding:24px}.mist-lightbox.is-open{display:flex}.mist-lightbox__figure{margin:0;max-width:min(1200px,92vw);max-height:88vh;display:flex;flex-direction:column;align-items:center}.mist-lightbox__img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:12px}.mist-lightbox__caption{color:#fff;margin-top:12px;text-align:center}.mist-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:25px;cursor:pointer}.mist-lightbox__close{top:20px;right:20px}.mist-lightbox__prev{left:20px}.mist-lightbox__next{right:20px}.mist-lightbox__count{position:absolute;top:28px;left:28px;color:#fff;font-weight:700}
@media(max-width:900px){.video-cta-panel{grid-template-columns:1fr!important}.mist-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mist-detail-gallery .gallery-intro{align-items:start;flex-direction:column}.mist-detail-item:first-child{grid-column:span 2}}
@media(max-width:560px){.home-video-cta{padding:34px 0}.video-cta-panel{padding:16px!important;border-radius:22px!important;gap:22px!important}.video-benefits{display:grid!important;grid-template-columns:1fr!important}.video-cta-button{width:100%!important}.mist-detail-grid{grid-template-columns:1fr}.mist-detail-item:first-child{grid-column:auto;grid-row:auto}.mist-detail-item{aspect-ratio:4/3}.mist-lightbox__prev{left:8px}.mist-lightbox__next{right:8px}}


/* Inline video playback: CTA remains on the website instead of redirecting. */
.video-cta-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#061925;border-radius:24px}
.video-cta-media .video-inline-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#061925;cursor:pointer;text-align:inherit;color:inherit}
.video-cta-media .video-inline-trigger img,.video-cta-iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}
.video-cta-media .video-inline-trigger:focus-visible{outline:4px solid #0b87ad;outline-offset:-4px}
.video-cta-media .video-inline-trigger::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,29,.02) 35%,rgba(2,18,29,.78) 100%);pointer-events:none}
.video-cta-media .video-play,.video-cta-media .video-duration{z-index:2}
.video-cta-button{border:0;cursor:pointer;font:inherit}
.video-cta-iframe{aspect-ratio:16/9;background:#000}
@media (max-width:680px){.video-cta-media{border-radius:18px}.video-cta-button{width:100%;justify-content:center;min-height:48px}}



/* 1111 FINAL: compact responsive navigation + enriched video CTA */
@media (min-width: 901px){
  .container.nav{gap:clamp(12px,1.7vw,26px)!important}
  .nav-links{gap:clamp(10px,1.25vw,22px)!important}
  .nav-links a{font-size:clamp(.72rem,.77vw,.88rem)!important;letter-spacing:.035em!important;white-space:nowrap!important}
  .nav-cta .btn{padding:10px 15px!important;font-size:.78rem!important;min-height:42px!important}
  .lang-switch a{min-width:34px!important;padding:8px 7px!important;font-size:.74rem!important}
}
@media (max-width: 1180px) and (min-width:901px){
  .nav-links a{font-size:.7rem!important}.nav-links{gap:9px!important}.nav-cta .btn{display:none!important}
}
.video-cta-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f3fbfd 57%,#eef8f5 100%)!important}
.video-cta-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(10,151,183,.18),transparent 68%);z-index:-1}
.video-cta-panel:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;left:42%;bottom:-180px;background:radial-gradient(circle,rgba(46,179,132,.13),transparent 70%);z-index:-1}
.video-cta-media{border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 65px rgba(2,35,52,.26)!important}
.video-play{display:grid!important;place-items:center!important;width:76px!important;height:76px!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;color:#087da0!important;box-shadow:0 14px 36px rgba(0,0,0,.28)!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;font-size:28px!important;padding-left:5px!important}
.video-duration{position:absolute!important;left:18px!important;bottom:16px!important;background:rgba(4,30,43,.82)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(10px);padding:8px 12px!important;border-radius:999px!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.06em!important}
.video-cta-copy:before{content:"UYGULAMA • PERFORMANS • SONUÇ";display:inline-flex;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:#e4f5f8;color:#08718f;font-size:.72rem;font-weight:900;letter-spacing:.09em}
.video-benefits li:before{content:"✓";margin-right:7px;color:#078963;font-weight:900}
.video-cta-button{gap:10px!important;padding:14px 20px!important;border-radius:14px!important;box-shadow:0 12px 25px rgba(7,125,160,.22)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.video-cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(7,125,160,.28)!important}
@media(max-width:900px){.container.nav{min-height:66px!important}.brand img,.logo img{max-height:38px!important}.video-cta-copy{text-align:left!important}}
@media(max-width:560px){.video-play{width:62px!important;height:62px!important;font-size:23px!important}.video-duration{left:10px!important;bottom:10px!important;font-size:.66rem!important}.video-cta-copy h2{font-size:clamp(1.72rem,8vw,2.35rem)!important}.video-cta-panel:before,.video-cta-panel:after{display:none}}


/* VIDEO CTA V2 — 2026-07-21 */
.video-cta-v2{padding:clamp(44px,7vw,96px) 0!important;background:radial-gradient(circle at 8% 15%,rgba(0,174,214,.16),transparent 34%),linear-gradient(135deg,#061d2b 0%,#0a3144 48%,#0a5260 100%)!important;overflow:hidden}
.video-cta-v2 .video-v2-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(26px,5vw,72px);align-items:center;padding:clamp(18px,3vw,34px);border:1px solid rgba(255,255,255,.16);border-radius:32px;background:rgba(255,255,255,.07);box-shadow:0 30px 90px rgba(0,0,0,.34);backdrop-filter:blur(16px)}
.video-cta-v2 .video-v2-shell:before{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(66,206,173,.14);filter:blur(4px);pointer-events:none}
.video-v2-media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:24px;background:#020b10;box-shadow:0 24px 54px rgba(0,0,0,.42)}
.video-v2-media .video-inline-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#020b10;cursor:pointer;color:#fff;text-align:left}
.video-v2-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease,filter .55s ease;filter:saturate(.9) contrast(1.05)}
.video-v2-media:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.08)}
.video-v2-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,20,.26),rgba(1,12,20,.04) 52%),linear-gradient(180deg,transparent 40%,rgba(1,12,20,.88) 100%)}
.video-v2-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:92px;height:92px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(0,0,0,.35)}
.video-v2-play:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(255,255,255,.34);border-radius:50%}
.video-v2-play b{margin-left:6px;color:#087f9e;font-size:31px}
.video-v2-caption{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;gap:5px;z-index:3;color:#fff}
.video-v2-caption small{font-size:11px;font-weight:850;letter-spacing:.15em;color:#7be1ef}.video-v2-caption strong{font-size:clamp(18px,2vw,28px);line-height:1.1}
.video-v2-copy{position:relative;z-index:2;color:#fff}.video-v2-eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(123,225,239,.28);border-radius:999px;background:rgba(2,24,35,.28);color:#8eeaf4;font-size:11px;font-weight:850;letter-spacing:.13em}
.video-v2-copy h2{margin:18px 0 16px!important;color:#fff!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-.035em!important}.video-v2-copy h2 em{display:block;color:#7de2c4;font-style:normal}
.video-v2-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.76)!important;font-size:clamp(16px,1.3vw,19px)!important;line-height:1.68!important}
.video-v2-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}.video-v2-metrics div{padding:14px 12px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07)}.video-v2-metrics strong{display:block;color:#fff;font-size:18px}.video-v2-metrics span{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:12px}
.video-v2-button{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:13px 18px;border:0;border-radius:16px;background:linear-gradient(135deg,#09a7c4,#17b596 65%,#80c843);color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 16px 34px rgba(7,177,181,.28)}.video-v2-button b{margin-left:8px;font-size:20px}.video-v2-button-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);font-size:12px}.video-v2-note{display:block;margin-top:12px;color:rgba(255,255,255,.55);font-size:12px}
.video-cta-v2 .video-cta-iframe{width:100%;height:100%;aspect-ratio:auto;border:0}
@media(max-width:980px){.video-cta-v2 .video-v2-shell{grid-template-columns:1fr}.video-v2-copy{padding:4px 4px 10px}.video-v2-copy h2 em{display:inline}.video-v2-media{aspect-ratio:16/9}}
@media(max-width:600px){.video-cta-v2{padding:28px 0!important}.video-cta-v2 .container{width:min(100% - 20px,1180px)!important}.video-cta-v2 .video-v2-shell{padding:12px;gap:22px;border-radius:22px}.video-v2-media{border-radius:17px}.video-v2-play{width:68px;height:68px}.video-v2-play b{font-size:23px}.video-v2-caption{left:14px;right:14px;bottom:13px}.video-v2-copy h2{font-size:clamp(30px,10vw,42px)!important}.video-v2-metrics{grid-template-columns:1fr 1fr}.video-v2-metrics div:last-child{grid-column:1/-1}.video-v2-button{width:100%;justify-content:center}.video-v2-note{text-align:center}}
\n\n/* VIDEO CTA V3 — compact semantic heading and refined hierarchy */
.video-cta-v2 .video-v2-copy{max-width:560px}
.video-cta-v2 .video-v2-subtitle{display:flex;align-items:center;gap:10px;margin:20px 0 0;color:#75dbe8;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.video-cta-v2 .video-v2-subtitle:before{content:"";width:34px;height:2px;border-radius:99px;background:linear-gradient(90deg,#75dbe8,#7de2c4)}
.video-cta-v2 .video-v2-copy h2{max-width:520px;margin:11px 0 15px!important;font-size:clamp(30px,3.15vw,46px)!important;line-height:1.08!important;letter-spacing:-.025em!important;text-wrap:balance}
.video-cta-v2 .video-v2-copy h2 em{display:inline;color:#7de2c4;font-style:normal}
.video-cta-v2 .video-v2-copy p{max-width:540px;font-size:clamp(15px,1.1vw,18px)!important;line-height:1.7!important}
.video-cta-v2 .video-v2-metrics{margin:22px 0}
@media(max-width:980px){.video-cta-v2 .video-v2-copy{max-width:none}.video-cta-v2 .video-v2-copy h2{max-width:680px;font-size:clamp(29px,5.3vw,43px)!important}}
@media(max-width:600px){.video-cta-v2 .video-v2-subtitle{margin-top:16px;font-size:10px}.video-cta-v2 .video-v2-copy h2{font-size:clamp(27px,8.6vw,36px)!important;line-height:1.1!important;margin-top:9px!important}.video-cta-v2 .video-v2-copy p{font-size:15px!important;line-height:1.65!important}}

/* FINAL MULTI-PROJECT SAFEGUARDS 2026-07-21 */
.video-cta-v2 .video-v2-copy h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.1!important}
.video-cta-v2 .video-v2-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1180px) and (min-width:901px){.nav-links{gap:8px!important}.nav-links a{font-size:.69rem!important}.brand img,.logo img{max-width:160px!important}}
@media(max-width:900px){.menu-toggle{display:inline-flex!important}.nav-links{max-height:calc(100vh - 70px);overflow:auto}}
