/* Integration with the existing site form and widget. */
.video-shell{background-image:url("assets/poster.jpg");background-size:cover;background-position:65% 40%}
#teaser{display:block;opacity:0;transition:opacity .2s}
#teaser.is-ready{opacity:1}
#iletisim{scroll-margin-top:100px}
#iletisim .cta-title{font-size:clamp(32px,4vw,48px)}
#iletisim .btn{font-size:13px}
.footer .brand-word{font-size:24px}

/* Keep the original navigation controls, with room for the V9 section links. */
@media(min-width:1101px) and (max-width:1350px){.nav-inner{gap:12px}.nav-links{gap:12px;font-size:11px}.nav-actions{gap:6px}.nav-actions .btn{font-size:11px;padding:10px 12px}}
@media(max-width:1100px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-2);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.menu-toggle{display:inline-grid}}
html[lang="en"] .hero-new h1{font-size:clamp(34px,3.65vw,55px)}
@media(max-width:800px){html[lang="en"] .hero-new h1{font-size:clamp(32px,7vw,54px)}}
@media(max-width:450px){html[lang="en"] .hero-new h1{font-size:7.8vw}}

/* One offset for all anchor targets; do not add section margins to it. */
html{scroll-padding-top:var(--nav-offset,90px)}
#top,main section[id],#iletisim{scroll-margin-top:0}