/* Readable navigation across bright photographs. */
.site-header{background:linear-gradient(90deg,rgba(7,22,42,.96),rgba(12,34,57,.91));border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 5px 22px #07162a20}.site-header nav a{color:#fff;font-weight:500;text-shadow:0 1px 2px #0008}.site-header nav a:hover{color:#c6e6f1}.site-header nav [aria-current]{border-bottom:2px solid #b7d8e5}.menu-toggle{background:#ffffff12;border-color:#ffffff80;color:white}
/* Lighter Raleway-style sans-serif headings, following the reference family. */
body{font-family:"Raleway","Segoe UI",Arial,sans-serif;font-weight:300}h1,h2,h3,h4,h5,h6,.section h2,.page-heading h1,.service-card h3,.home-page .light .service-card h3{font-family:"Raleway","Segoe UI",Arial,sans-serif;font-weight:300;letter-spacing:.005em}.slider-body h1,.slider-body h1 em{font-weight:300}.eyebrow{font-weight:400}.section-title .eyebrow,.about-grid .eyebrow,.faq>.eyebrow{font-weight:300}.hero-pagination button,.text-link{font-weight:400}.bottom-contact span{font-weight:300}
/* The slogan itself fills from left to right like a progress indicator. */
.loader-inner{width:min(540px,88vw)}.loading-slogan{text-align:center;filter:drop-shadow(0 1px 5px #fff9)}.loading-line{position:relative;display:block;width:fit-content;margin:0 auto;font-family:"Raleway","Segoe UI",Arial,sans-serif;font-size:clamp(25px,4vw,43px);font-weight:300;line-height:1.35;letter-spacing:.015em;color:#ffffffb3;-webkit-text-stroke:.5px #36536a;text-shadow:0 2px 12px #ffffffb0}.loading-strong{font-size:clamp(43px,7vw,78px);letter-spacing:.075em;font-weight:400;margin-top:5px}.loading-line:after{content:attr(data-text);position:absolute;inset:0;color:#0b2b46;-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);text-shadow:0 1px 4px #ffffffb0}.is-loading .loading-line:after{animation:slogan-fill .95s cubic-bezier(.25,.6,.35,1) forwards}.is-leaving .loading-line:after{animation:slogan-fill .65s cubic-bezier(.25,.6,.35,1) forwards}@keyframes slogan-fill{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.loading-line:after{animation:none!important;clip-path:inset(0)}}
.site-header.is-scrolled{position:fixed;height:82px;background:rgba(7,22,42,.98);box-shadow:0 6px 24px #07162a30;animation:header-settle .45s ease-out both}.site-header.is-scrolled .brand img{height:70px;width:155px}.site-header.is-scrolled .brand{width:155px}@keyframes header-settle{from{transform:translateY(-100%)}to{transform:translateY(0)}}html{scroll-padding-top:100px}.service-list>article{scroll-margin-top:100px}
.loader-inner{width:min(450px,90vw)}.loading-line{white-space:nowrap;font-size:clamp(17px,3.4vw,29px);line-height:1.4;font-weight:300;letter-spacing:.01em}.is-loading .loading-line:after,.is-leaving .loading-line:after{animation:slogan-fill 2s linear 1 forwards}
@media(max-width:760px){.site-header.is-scrolled{height:72px}.site-header.is-scrolled .brand,.site-header.is-scrolled .brand img{width:130px}.site-header.is-scrolled .brand img{height:62px}.site-header.is-scrolled nav{top:72px}}
@media(prefers-reduced-motion:reduce){.site-header.is-scrolled{animation:none}}
/* A compact architectural signature, animated once per arrival. */
.loader-inner{width:min(380px,88vw)}.signature-loader{position:relative;padding:30px 24px 25px;text-align:center;border-radius:3px;background:linear-gradient(135deg,#07192cf5,#17384af0);box-shadow:0 20px 65px #06172b38,0 0 0 1px #ffffff15 inset;overflow:hidden}.signature-loader:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#adc9d906 30px),repeating-linear-gradient(90deg,transparent 0 29px,#adc9d906 30px);pointer-events:none}.signature-corner{position:absolute;width:36px;height:36px;border-color:#b6d0de;border-style:solid;opacity:.7}.corner-tl{left:12px;top:12px;border-width:1px 0 0 1px}.corner-br{right:12px;bottom:12px;border-width:0 1px 1px 0}.signature-mark{position:relative;width:175px;height:85px;margin:0 auto 18px;overflow:hidden}.signature-mark img{width:175px;height:85px;object-fit:contain;filter:drop-shadow(0 2px 9px #0004)}.signature-light{position:absolute;inset:-20px;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent 30%,#ffffff45 50%,transparent 70%);mix-blend-mode:screen;pointer-events:none}.loading-slogan{filter:none;position:relative}.loading-line{font-size:clamp(15px,3.2vw,21px);color:#91a7b555;-webkit-text-stroke:0;text-shadow:none;letter-spacing:.025em;font-weight:300}.loading-line:after{color:#eef5fa;text-shadow:none}.signature-track{height:1px;width:100%;max-width:240px;background:#b4cedd24;margin:19px auto 12px;overflow:hidden}.signature-track span{display:block;height:100%;background:linear-gradient(90deg,#547c96,#e0edf4);transform:scaleX(0);transform-origin:left}.signature-caption{position:relative;color:#9cb4c5;font-size:8px;font-weight:400;letter-spacing:.19em;display:block}.is-loading .signature-loader{animation:signature-entrance .45s ease-out both}.is-loading .signature-mark{animation:signature-mark .7s .1s ease-out both}.is-loading .signature-light{animation:signature-shine 1.4s .35s ease-out both}.is-loading .signature-track span{animation:signature-progress 2s linear forwards}.is-loading .signature-corner{animation:signature-corner 1.2s ease-out both}.is-loading .loading-line:after{animation:slogan-fill 1.7s .25s linear 1 forwards}@keyframes signature-entrance{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes signature-mark{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes signature-shine{to{transform:translateX(150%) skewX(-20deg)}}@keyframes signature-progress{to{transform:scaleX(1)}}@keyframes signature-corner{from{opacity:0;clip-path:inset(0 100% 100% 0)}to{opacity:.7;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.signature-loader,.signature-mark,.signature-light,.signature-corner,.signature-track span{animation:none!important}.signature-track span{transform:scaleX(1)}.signature-light{display:none}}

/* Faster signature sequence. */
.is-loading .signature-loader{animation-duration:.3s}.is-loading .signature-mark{animation-duration:.45s;animation-delay:.05s}.is-loading .signature-light{animation-duration:.9s;animation-delay:.2s}.is-loading .signature-track span{animation-duration:1.3s}.is-loading .signature-corner{animation-duration:.8s}.is-loading .loading-line:after{animation-duration:1.1s;animation-delay:.15s}

/* Dim the page while the loading signature is visible. */
.page-loader{background:rgba(0,0,0,.65)!important}

/* Flat vector brand: no bevel, gradients or shadows on the logo. */
.brand img,.site-header.is-scrolled .brand img,.footer-logo,.signature-mark img{filter:none!important}.brand img,.footer-logo{object-fit:contain}.signature-mark{width:230px;height:64px}.signature-mark img{width:230px;height:64px;object-fit:contain}.signature-loader{box-shadow:none;background:#0b1e3d}.signature-light{display:none}.signature-loader:before{display:none}.is-loading .signature-mark{animation:flat-logo-enter .45s ease-out both}@keyframes flat-logo-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Larger menu logo, with the wordmark vertically centered beside the emblem. */
.site-header .brand{width:235px;flex-shrink:0}.site-header .brand img{width:235px;height:88px}.site-header.is-scrolled .brand{width:205px}.site-header.is-scrolled .brand img{width:205px;height:70px}.footer-logo{width:220px;height:74px}.signature-mark,.signature-mark img{width:245px;height:64px}@media(max-width:1100px){.site-header .brand,.site-header .brand img{width:205px}}@media(max-width:760px){.site-header .brand,.site-header .brand img{width:180px}.site-header .brand img{height:68px}.site-header.is-scrolled .brand,.site-header.is-scrolled .brand img{width:165px}.site-header.is-scrolled .brand img{height:60px}}

/* Fit the new slogan in the compact loader and mobile hero. */
.loading-line{font-size:clamp(13px,2.7vw,18px);letter-spacing:0}.slider-body h1 em{font-size:clamp(32px,5vw,76px)}@media(max-width:760px){.slider-body h1 em{font-size:34px}}

/* Use the standalone Tufan emblem for editorial item markers. */
.brand-marker{display:inline-block;width:27px;height:37px;line-height:0;margin-bottom:8px;background:#497589;mask:url("tufan-amblem.svg") center/contain no-repeat;-webkit-mask:url("tufan-amblem.svg") center/contain no-repeat}.brand-marker img{width:100%;height:100%;visibility:hidden}.values .brand-marker,.home-page .light .brand-marker{background:#c4dbe6}.service-card .brand-marker{margin-bottom:4px}.value-grid article .brand-marker{width:30px;height:41px;margin-bottom:10px}

.brand-marker,.values .brand-marker,.home-page .light .brand-marker{mask:none;-webkit-mask:none;background:transparent}.brand-marker img{visibility:visible;object-fit:contain}.values .brand-marker img,.home-page .light .brand-marker img{filter:brightness(0) invert(1);opacity:.85}

.service-label{display:flex;align-items:center;gap:12px}.service-label img{width:22px;height:30px;object-fit:contain}.service-label span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}

/* Keep service labels at their previous body-text size. */
.about-grid .service-label span{font-size:15px;line-height:1.9;letter-spacing:.18em}.service-label img{width:25px;height:34px}

/* Each service retains its own title beside the emblem. */
.section .service-heading{display:flex;align-items:center;gap:20px;font-size:clamp(38px,4.4vw,66px);line-height:1.2}.service-heading img{width:40px;height:55px;object-fit:contain;flex-shrink:0}.service-heading span{min-width:0}@media(max-width:760px){.section .service-heading{font-size:38px;gap:15px}.service-heading img{width:30px;height:42px}}

/* Balanced service heading scale. */
.section .service-heading{font-size:clamp(28px,2.8vw,40px);gap:14px}.service-heading img{width:28px;height:38px}@media(max-width:760px){.section .service-heading{font-size:28px;gap:12px}.service-heading img{width:24px;height:33px}}

/* Slightly larger item emblems, without changing heading sizes. */
.brand-marker{width:30px;height:41px}.value-grid article .brand-marker{width:33px;height:45px}.service-heading img{width:31px;height:42px}.service-label img{width:28px;height:38px}@media(max-width:760px){.service-heading img{width:27px;height:37px}}

/* Mobile slider retains the desktop navigation and supports swiping. */
.main-slider{touch-action:pan-y}.hero-arrows .hero-pause{font-size:16px;width:36px}.slider-media img.hero-switched{animation:hero-slide-reveal .55s ease-out both}@keyframes hero-slide-reveal{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.home-page .main-slider{height:100svh;min-height:600px}.hero-controls{left:6%;right:6%;display:flex;flex-direction:column;gap:0;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}.hero-pagination{display:flex;overflow:visible;gap:12px;justify-content:space-between;width:100%;order:2}.hero-pagination button{flex:1;min-width:0;font-size:11px;line-height:1.4;padding:15px 0 18px;white-space:normal;text-align:center}.hero-arrows{justify-content:flex-end;padding:10px 0 3px;gap:12px;order:1}.hero-arrows button{font-size:24px;min-width:40px;min-height:40px}.hero-counter{font-size:11px}.slider-body{padding:115px 0 170px}.slider-body>p:not(.eyebrow){max-width:100%}.slider-media img{object-position:center}}@media(prefers-reduced-motion:reduce){.slider-media img.hero-switched{animation:none}}

/* Slightly faster loading sequence. */
.is-loading .signature-loader{animation-duration:.22s}.is-loading .signature-mark{animation-duration:.32s;animation-delay:.04s}.is-loading .signature-light{animation-duration:.65s;animation-delay:.12s}.is-loading .signature-track span{animation-duration:.95s}.is-loading .signature-corner{animation-duration:.55s}.is-loading .loading-line:after{animation-duration:.8s;animation-delay:.1s}

/* Half-second loading. */
.is-loading .signature-loader{animation-duration:.12s}.is-loading .signature-mark{animation-duration:.18s;animation-delay:.02s}.is-loading .signature-track span{animation-duration:.45s}.is-loading .signature-corner{animation-duration:.3s}.is-loading .loading-line:after{animation-duration:.4s;animation-delay:.03s}.page-loader{transition:opacity .15s ease,visibility .15s}

/* Mobile hero image fill */
@media(max-width:760px){.home-page .main-slider{position:relative;overflow:hidden}.home-page .main-slider .slider-media{position:absolute;inset:0;width:100%;height:100%}.home-page .main-slider .slider-media img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-height:100%;max-height:none!important;max-width:none;object-fit:cover!important;object-position:center}}