/* tl-site-20261009.css — все стили из полей «HEAD скрипт» и «BODY скрипт», вынесены 09.10.2026. Резервные копии: backup-head-script-20261009.txt, backup-body-script-20261009.txt */ /* === tl-projects-no-flash-20261004 === */ html.tl-projects-initializing{background:#f8faf9;}html.tl-projects-initializing body{visibility:hidden!important;} /* === tl-home-design-20261002 === */ /* TECHLINE homepage, 2026-10-02. The city picker and catalogue navigation stay native. */ body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) { --cyan:#08c6d5; background:#0d151a; overflow-x:hidden; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .promo-line, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .categories-block.mainpage-block, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro__img { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro { padding:0 !important; background:none !important; color:#172229; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro::before, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro::after { display:none !important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro>.container { max-width:none; width:100%; padding:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro__text { width:100%; max-width:none; padding:0; margin:0; } #tl-home { --cyan:#08c6d5; --navy:#111b22; --ink:#172229; --muted:#66737a; width:100%; font-family:Arial,Helvetica,sans-serif; color:var(--ink); line-height:1.5; text-align:left; } #tl-home *,#tl-home *::before,#tl-home *::after { box-sizing:border-box; } #tl-home h1,#tl-home h2,#tl-home h3,#tl-home p { margin:0; padding:0; } #tl-home a { text-decoration:none; } #tl-home a:focus-visible,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header a:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; } #tl-home img { max-width:none; } #tl-home .tl-wrap { width:min(1316px,calc(100% - 88px)); margin-inline:auto; } /* Recompose the site's real shared header on the homepage. */ body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header { height:88px; background:#111b22; z-index:30; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header.fixed .top-line { position:fixed !important; top:0; left:0; right:0; width:100%; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header.fixed .logo,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header.fixed .top-contacts { display:block !important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line { top:0; height:88px; background:linear-gradient(#0a1318 0 32px,#111b22 32px); } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line>.container { width:min(1316px,calc(100% - 88px)); max-width:none; height:88px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .logo { left:0; top:42px; width:165px; height:40px; background-image:url('/upload/editor/techline-logo-light-2026.png') !important; background-size:contain; background-position:left center; background-repeat:no-repeat; filter:none; z-index:10001 !important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .nav-toggle { z-index:10001 !important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .logo-descriptor { top:45px; left:192px; width:116px; height:35px; padding-left:16px; border-left:1px solid #40535c; color:#a9b9bf; font-size:0; line-height:1.45; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .logo-descriptor::after { content:"ПОСТАМАТНЫЕ\A СИСТЕМЫ"; white-space:pre; font:10px/1.5 Arial,sans-serif; letter-spacing:.5px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-contacts { top:0; left:0; right:0; width:100%; height:88px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link { position:absolute; float:none; top:7px; left:0; display:inline-flex; align-items:center; color:#f8faf9; font-size:11px; font-weight:700; letter-spacing:.4px; line-height:18px; border:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link::before { content:""; width:7px; height:7px; margin-right:10px; background:var(--cyan); } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link span { border-bottom:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link::after { content:" ▾"; color:#b3c1c5; margin-left:5px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { position:absolute; top:50px; right:154px; float:none; width:auto; color:#fff; font-size:13px; font-weight:700; white-space:nowrap; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current__info { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current__main { color:#fff; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current__main a { color:inherit; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .email-link { position:absolute; z-index:3; right:360px; top:6px; color:#c9d7da !important; font-size:11px; font-weight:400; line-height:20px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers { position:absolute; top:0; right:0; height:32px; display:flex; align-items:center; gap:19px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers a { display:flex; align-items:center; gap:7px; color:#eef4f4; font-size:10px; line-height:22px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers b { width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; color:var(--cyan); border:1px solid var(--cyan); border-radius:50%; font-size:10px; font-weight:500; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers a:hover { color:var(--cyan); } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .user-block,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .search-block,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .toggle-search { display:none !important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav-line { height:0; background:none; position:relative; z-index:35; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav-line>.container { width:min(1316px,calc(100% - 88px)); max-width:none; height:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav { position:absolute; top:-54px; left:335px; right:320px; width:auto; height:52px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav { display:flex; justify-content:space-between; align-items:center; height:52px; width:100%; margin:0; padding:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li { float:none; display:block; height:52px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a { display:flex; align-items:center; height:52px; padding:0 7px; color:#fff; font-size:11px; letter-spacing:.35px; font-weight:700; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a:hover { color:var(--cyan); } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a::after { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>ul { top:51px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header::after { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-head-contact-link { position:absolute; z-index:40; top:40px; right:0; width:132px; height:41px; display:flex; align-items:center; justify-content:center; background:var(--cyan); color:#09232a; font-size:11px; font-weight:700; letter-spacing:.3px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-head-contact-link:hover { background:#6be3eb; } /* Full-width hero, with the entire 16:9 scene visible at the approved 1440px composition. */ #tl-home .tl-stage { position:relative; min-height:600px; height:min(56.25vw,calc(100svh - 88px)); max-height:900px; overflow:hidden; background:#0b1522; color:#fff; isolation:isolate; } #tl-home .tl-stage-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; } #tl-home .tl-stage-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,13,20,.91) 0%,rgba(5,13,20,.72) 26%,rgba(5,13,20,.25) 47%,transparent 62%),linear-gradient(0deg,rgba(5,13,20,.45),transparent 27%); pointer-events:none; } #tl-home .tl-stage-inner { position:relative; height:100%; width:min(1316px,calc(100% - 88px)); margin:auto; display:flex; flex-direction:column; align-items:flex-start; } #tl-home .tl-kicker { display:flex; align-items:center; gap:14px; margin-top:clamp(72px,6.2vw,105px); color:#d1dee0; font-size:11px; font-weight:500; letter-spacing:1px; white-space:nowrap; } #tl-home .tl-kicker span { display:block; width:40px; height:4px; background:var(--cyan); } #tl-home h1 { margin-top:clamp(55px,5.8vw,88px); color:#fff; font-size:clamp(48px,5.05vw,77px); font-weight:800; letter-spacing:-2.5px; line-height:1.12; white-space:nowrap; } #tl-home h1 em { color:var(--cyan); font-style:normal; font-size:1.16em; } #tl-home .tl-stage-rule { width:66px; height:3px; background:var(--cyan); margin:31px 0 21px; } #tl-home .tl-stage-promise { color:#fff; font-size:clamp(18px,1.5vw,22px); line-height:1.45; } #tl-home .tl-stage-description { margin-top:35px; color:#d1dadd; font-size:16px; line-height:1.58; } #tl-home .tl-stage-actions { display:flex; gap:20px; margin-top:clamp(52px,5.5vw,74px); } #tl-home .tl-stage-actions a { min-height:59px; display:inline-flex; align-items:center; justify-content:space-between; gap:18px; padding:0 20px; color:#fff; font-size:12px; line-height:1.3; font-weight:700; white-space:nowrap; transition:background .2s,color .2s; } #tl-home .tl-stage-actions span { font-size:22px; font-weight:400; } #tl-home .tl-stage-actions .tl-primary { min-width:240px; background:var(--cyan); color:#09232a; } #tl-home .tl-stage-actions .tl-primary:hover { background:#6be3eb; } #tl-home .tl-stage-actions .tl-secondary { min-width:216px; background:#152b36; border:1px solid #7f989e; } #tl-home .tl-stage-actions .tl-secondary:hover { background:#285265; } #tl-home .tl-stage-bottom { display:none; } #tl-home .tl-stage-bottom a { color:inherit; } #tl-home .tl-process { display:none; } #tl-home .tl-process-inner { width:min(1316px,calc(100% - 88px)); margin:auto; min-height:112px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; } #tl-home .tl-process-inner span { display:flex; align-items:center; gap:14px; min-height:60px; border-left:1px solid #3a555e; padding-left:18px; font-size:12px; font-weight:700; letter-spacing:.2px; } #tl-home .tl-process-inner b { color:var(--cyan); font-family:monospace; font-size:11px; font-weight:400; } #tl-home .tl-section { padding:82px 0 76px; } #tl-home .tl-label { display:flex; align-items:center; gap:15px; color:#008f9e; font-family:monospace; font-size:12px; line-height:1.3; letter-spacing:.25px; } #tl-home .tl-label b { font-weight:400; } #tl-home .tl-label i { width:50px; height:2px; background:currentColor; } #tl-home .tl-section-head { display:flex; justify-content:space-between; align-items:end; gap:40px; margin:31px 0 58px; } #tl-home .tl-section-head h2 { font-size:clamp(34px,3.5vw,52px); font-weight:500; letter-spacing:-1.5px; line-height:1.2; } #tl-home .tl-section-head>p { max-width:390px; color:var(--muted); font-size:14px; line-height:1.7; } #tl-home .tl-design { background:#f1f2f0; } #tl-home .tl-models { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } #tl-home .tl-model { min-width:0; background:#fff; border:1px solid #d5dbda; } #tl-home .tl-model-image { height:225px; background-image:url('/upload/editor/techline-model-directions-2026.webp'); background-size:1672px 941px; background-repeat:no-repeat; background-color:#e7eaeb; } #tl-home .tl-model-one { background-position:0 -687px; } #tl-home .tl-model-two { background-position:-330px -687px; } #tl-home .tl-model-three { background-position:-665px -687px; } #tl-home .tl-model-four { background-position:-1015px -687px; } #tl-home .tl-model-copy { min-height:139px; padding:17px 19px 20px; } #tl-home .tl-model-copy small { color:#008f9e; font-family:monospace; font-size:10px; } #tl-home .tl-model-copy h3 { margin-top:12px; font-size:20px; line-height:1.2; letter-spacing:-.3px; } #tl-home .tl-model-copy p { margin-top:11px; color:var(--muted); font-size:12px; } #tl-home .tl-section-foot { margin-top:36px; padding-top:16px; border-top:1px solid #c4cecd; display:flex; justify-content:space-between; gap:15px; color:var(--muted); font-size:12px; } #tl-home .tl-section-foot span { color:#008f9e; font-family:monospace; white-space:nowrap; } #tl-home .tl-details { background:#111b22; color:#fff; padding-top:100px; padding-bottom:65px; } #tl-home .tl-details .tl-label,#tl-home .tl-engineering .tl-label { color:var(--cyan); } #tl-home .tl-details .tl-section-head h2 { color:#fff; } #tl-home .tl-details .tl-section-head>p { color:#aab9be; } #tl-home .tl-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; } #tl-home .tl-detail { min-width:0; } #tl-home .tl-detail-image { height:252px; background-image:url('/upload/editor/techline-detail-triptych-2026.webp'); background-size:300% auto; background-repeat:no-repeat; background-position-y:35%; border-top:2px solid var(--cyan); } #tl-home .tl-detail-one { background-position-x:left; } #tl-home .tl-detail-two { background-position-x:center; } #tl-home .tl-detail-three { background-position-x:right; } #tl-home .tl-detail-copy { display:flex; align-items:flex-start; gap:24px; margin-top:23px; } #tl-home .tl-detail-copy>b { color:var(--cyan); font-family:monospace; font-size:11px; font-weight:400; } #tl-home .tl-detail-copy h3 { color:#fff; font-size:18px; line-height:1.3; } #tl-home .tl-detail-copy p { margin-top:11px; color:#aab9be; font-size:13px; } #tl-home .tl-concept-note { margin-top:61px; padding-top:20px; border-top:1px solid #45565e; color:#8da7ad; font-family:monospace; font-size:10px; letter-spacing:.3px; } #tl-home .tl-projects { background:#fff; padding-top:96px; padding-bottom:54px; } #tl-home .tl-project-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; } #tl-home .tl-project { position:relative; height:455px; overflow:hidden; display:block; } #tl-home .tl-project-light { background:#edf0ef; color:var(--ink); } #tl-home .tl-project-image { height:310px; display:flex; align-items:center; justify-content:center; } #tl-home .tl-project-image img { width:85%; height:96%; object-fit:contain; } #tl-home .tl-project-info { position:relative; height:145px; padding:17px 26px; background:#edf0ef; } #tl-home .tl-project-info small,#tl-home .tl-project-dark>small { font-family:monospace; font-size:11px; color:#007f8e; } #tl-home .tl-project-info h3 { margin-top:11px; font-size:23px; line-height:1.2; } #tl-home .tl-project-info p { margin-top:10px; color:var(--muted); font-size:12px; } #tl-home .tl-project-info>span { position:absolute; right:24px; top:61px; font-size:24px; } #tl-home .tl-project-dark { color:#fff; background:#263137; } #tl-home .tl-project-dark>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.38); } #tl-home .tl-project-dark-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(9,18,22,.85),rgba(9,18,22,.12) 55%); } #tl-home .tl-project-dark>small { position:absolute; top:23px; left:26px; color:#fff; } #tl-home .tl-project-dark-info { position:absolute; left:26px; bottom:27px; } #tl-home .tl-project-dark-info h3 { color:#fff; font-size:27px; line-height:1.32; } #tl-home .tl-project-dark-info h3 a { color:#fff; } #tl-home .tl-project-dark-info h3 a:hover,#tl-home .tl-project-arrow:hover { color:var(--cyan); } #tl-home .tl-project-dark-info p { margin-top:17px; color:#dce7e7; font-size:12px; } #tl-home .tl-project-arrow { position:absolute; right:24px; bottom:61px; font-size:24px; } #tl-home .tl-project-dark .tl-project-arrow { color:#fff; } #tl-home .tl-project:hover img { transform:scale(1.025); transition:transform .3s; } #tl-home .tl-project-dark:hover>img { transform:scale(1.41); } #tl-home .tl-project-note { margin-top:34px; color:var(--muted); font-size:11px; } #tl-home .tl-engineering { position:relative; height:625px; padding:0; background:#121b22; color:#fff; overflow:hidden; } #tl-home .tl-engineering>img { position:absolute; top:0; right:0; width:76%; height:100%; object-fit:contain; object-position:right center; } #tl-home .tl-engineering-shade { position:absolute; inset:0; background:linear-gradient(90deg,#111b22 0%,rgba(17,27,34,.95) 23%,rgba(17,27,34,.34) 53%,transparent 80%); } #tl-home .tl-engineering-inner { position:relative; height:100%; padding-top:70px; } #tl-home .tl-engineering h2 { margin-top:36px; color:#fff; font-size:clamp(39px,3.5vw,52px); line-height:1.2; font-weight:500; letter-spacing:-1.4px; } #tl-home .tl-engineering-lead { margin-top:29px; color:#bfcbce; font-size:15px; line-height:1.8; } #tl-home .tl-engineering-list { width:min(470px,100%); margin-top:57px; } #tl-home .tl-engineering-list p { display:flex; gap:32px; align-items:center; border-top:1px solid #536b75; padding:13px 0; color:#f1f5f4; font-family:monospace; font-size:11px; letter-spacing:.15px; } #tl-home .tl-engineering-list b { color:var(--cyan); font-weight:400; } #tl-home .tl-engineering-note { position:absolute; right:0; bottom:28px; color:#abbcc0; font-family:monospace; font-size:10px; } #tl-home .tl-contact { background:#e8eded; padding:68px 0 55px; scroll-margin-top:20px; } #tl-home .tl-contact-row { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); gap:50px; align-items:end; margin-top:28px; } #tl-home .tl-contact h2 { font-size:clamp(33px,3vw,45px); font-weight:500; line-height:1.35; letter-spacing:-1.2px; } #tl-home .tl-contact-row>div p { color:var(--muted); font-size:13px; line-height:1.7; margin-bottom:26px; } #tl-home .tl-contact-row a { display:flex; justify-content:space-between; align-items:center; min-height:55px; width:100%; padding:0 20px; background:#111b22; color:#fff; font-size:12px; font-weight:700; } #tl-home .tl-contact-row a:hover { background:#25414e; } #tl-home .tl-contact-row a span { color:var(--cyan); font-size:23px; font-weight:400; } #tl-home .tl-endline { background:#0d151a; color:#fff; padding:24px 0 28px; } #tl-home .tl-endline .tl-wrap { border-top:1px solid #35454c; padding-top:22px; display:grid; grid-template-columns:2fr 1.2fr 1fr 1.4fr; gap:14px 26px; align-items:center; } #tl-home .tl-endline strong { grid-column:1 / 3; font-family:monospace; font-size:11px; font-weight:400; letter-spacing:.2px; } #tl-home .tl-endline a { color:#bdced2; font-size:11px; } #tl-home .tl-endline a:hover { color:var(--cyan); } #tl-home .tl-end-city { grid-column:1 / 3; display:inline-flex; align-items:center; gap:5px; width:max-content; color:#8fa1a7 !important; font-family:monospace; font-size:10px !important; white-space:nowrap; border:0 !important; } #tl-home .tl-end-social { grid-column:3 / 5; grid-row:1; justify-self:end; display:flex; gap:20px; } #tl-home .tl-end-social a { font-size:10px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .footer { background:#0d151a; color:#83979d; padding:10px 0 16px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .footer .container { width:min(1316px,calc(100% - 88px)); max-width:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .footer p,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .footer a { color:#83979d; font-size:10px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .footer-contacts { display:none; } @media(max-width:1190px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav { left:310px; right:260px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { right:145px; font-size:12px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .email-link { right:330px; } #tl-home h1 { font-size:clamp(46px,5vw,64px); } #tl-home .tl-stage { min-height:610px; } #tl-home .tl-stage-description { margin-top:19px; } #tl-home .tl-stage-actions { margin-top:29px; } #tl-home .tl-models { gap:13px; } #tl-home .tl-model-copy h3 { font-size:18px; } } @media(max-width:1023px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header { height:98px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line { height:98px; background:linear-gradient(#0a1318 0 32px,#111b22 32px); } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line>.container { height:98px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .logo { top:49px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .logo-descriptor { top:51px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link { top:7px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { top:59px; right:48px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .email-link { right:320px; top:6px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers { right:0; gap:9px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers a { font-size:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-head-contact-link { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .nav-toggle { top:52px; right:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav-line { position:absolute; left:0; top:0; right:0; height:auto; min-height:100%; background:#172a34; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav-line>.container { width:100%; height:auto; padding:0 18px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav { position:static; width:100%; height:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav { display:block; height:auto; width:100%; margin:0; padding:20px 0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li { display:block; float:none; height:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a { display:block; height:auto; padding:14px 0; border-bottom:1px solid #40535c; } #tl-home .tl-stage { display:flex; flex-direction:column; height:auto; min-height:0; } #tl-home .tl-stage-image { position:relative; order:2; width:100%; height:auto; object-fit:contain; } #tl-home .tl-stage-shade { display:none; } #tl-home .tl-stage-inner { order:1; height:auto; min-height:0; padding:57px 0 55px; } #tl-home .tl-kicker { margin-top:0; } #tl-home h1 { margin-top:47px; } #tl-home .tl-stage-bottom { display:none; } #tl-home .tl-models { grid-template-columns:repeat(2,minmax(0,1fr)); } #tl-home .tl-model-image { background-position-y:-660px; } #tl-home .tl-model-one { background-position-x:0; } #tl-home .tl-model-two { background-position-x:-330px; } #tl-home .tl-model-three { background-position-x:-665px; } #tl-home .tl-model-four { background-position-x:-1015px; } #tl-home .tl-detail-grid { gap:13px; } #tl-home .tl-detail-copy { gap:12px; } #tl-home .tl-detail-copy h3 { font-size:15px; } #tl-home .tl-project-info h3 { font-size:19px; } } @media(max-width:767px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header { height:90px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line { height:90px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line>.container { width:calc(100% - 36px); height:90px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .logo { left:0; top:49px; width:130px; height:32px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .logo-descriptor { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link { top:7px; font-size:10px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { right:58px; top:56px; font-size:11px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .email-link { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers { right:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers b { width:18px; height:18px; font-size:9px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-head-contact-link { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .nav-toggle { top:52px; right:0; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav-line { min-height:100%; height:auto; background:#172a34; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav-line>.container { width:100%; height:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro>.container { padding:0; } #tl-home .tl-wrap,#tl-home .tl-stage-inner,#tl-home .tl-process-inner { width:calc(100% - 36px); } #tl-home .tl-stage { min-height:0; height:auto; background:#0b1522; display:flex; flex-direction:column; } #tl-home .tl-stage-image { position:relative; order:2; width:100%; height:auto; object-fit:contain; } #tl-home .tl-stage-shade { display:none; } #tl-home .tl-stage-inner { order:1; height:auto; min-height:0; padding:42px 0 43px; } #tl-home .tl-kicker { margin:0; gap:10px; font-size:9px; letter-spacing:.15px; white-space:normal; } #tl-home .tl-kicker span { width:26px; min-width:26px; } #tl-home h1 { margin-top:38px; font-size:clamp(35px,8.9vw,62px); letter-spacing:-1.5px; line-height:1.12; } #tl-home .tl-stage-rule { margin:24px 0 18px; width:50px; } #tl-home .tl-stage-promise { font-size:18px; } #tl-home .tl-stage-description { margin-top:16px; font-size:14px; } #tl-home .tl-stage-description br { display:none; } #tl-home .tl-stage-actions { flex-wrap:wrap; gap:10px; width:100%; margin-top:27px; } #tl-home .tl-stage-actions a { min-width:0 !important; min-height:52px; width:100%; padding:0 16px; font-size:11px; } #tl-home .tl-stage-bottom { display:none; } #tl-home .tl-process-inner { min-height:0; grid-template-columns:repeat(2,1fr); padding:18px 0; gap:0 12px; } #tl-home .tl-process-inner span { min-height:49px; padding-left:10px; gap:7px; font-size:10px; } #tl-home .tl-section { padding:55px 0; } #tl-home .tl-label { font-size:10px; gap:9px; } #tl-home .tl-label i { width:35px; } #tl-home .tl-section-head { display:block; margin:25px 0 31px; } #tl-home .tl-section-head h2 { font-size:clamp(32px,8.1vw,44px); line-height:1.2; letter-spacing:-.8px; } #tl-home .tl-section-head>p { margin-top:21px; font-size:13px; } #tl-home .tl-section-head>p br { display:none; } #tl-home .tl-models { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #tl-home .tl-model-image { height:180px; background-size:1338px 753px; background-position-y:-550px; } #tl-home .tl-model-one { background-position-x:0; } #tl-home .tl-model-two { background-position-x:-264px; } #tl-home .tl-model-three { background-position-x:-532px; } #tl-home .tl-model-four { background-position-x:-812px; } #tl-home .tl-model-copy { min-height:120px; padding:12px; } #tl-home .tl-model-copy small { font-size:8px; } #tl-home .tl-model-copy h3 { font-size:16px; margin-top:9px; overflow-wrap:anywhere; } #tl-home .tl-model-copy p { font-size:11px; margin-top:7px; } #tl-home .tl-section-foot { margin-top:22px; font-size:10px; } #tl-home .tl-details { padding:59px 0; } #tl-home .tl-detail-grid { grid-template-columns:1fr; gap:32px; } #tl-home .tl-detail-image { height:230px; } #tl-home .tl-detail-copy { margin-top:14px; gap:19px; } #tl-home .tl-detail-copy h3 { font-size:17px; } #tl-home .tl-concept-note { margin-top:34px; } #tl-home .tl-project-grid { grid-template-columns:1fr; gap:18px; } #tl-home .tl-project { height:410px; } #tl-home .tl-project-image { height:275px; } #tl-home .tl-project-info { height:135px; padding:16px; } #tl-home .tl-project-info h3 { font-size:20px; } #tl-home .tl-project-dark>small { left:16px; } #tl-home .tl-project-dark-info { left:16px; } #tl-home .tl-engineering { height:auto; min-height:650px; padding:0; } #tl-home .tl-engineering>img { width:100%; height:50%; bottom:0; top:auto; object-position:center bottom; opacity:.77; } #tl-home .tl-engineering-shade { background:linear-gradient(#111b22 0%,#111b22 40%,rgba(17,27,34,.4) 100%); } #tl-home .tl-engineering-inner { min-height:650px; padding:51px 0 42px; } #tl-home .tl-engineering h2 { margin-top:32px; font-size:37px; } #tl-home .tl-engineering-lead { font-size:13px; margin-top:20px; } #tl-home .tl-engineering-lead br { display:none; } #tl-home .tl-engineering-list { margin-top:45px; } #tl-home .tl-engineering-list p { font-size:10px; gap:16px; } #tl-home .tl-engineering-note { right:0; bottom:17px; font-size:8px; } #tl-home .tl-contact-row { grid-template-columns:1fr; gap:25px; } #tl-home .tl-contact h2 { font-size:clamp(29px,7.1vw,38px); } #tl-home .tl-contact h2 br { display:none; } #tl-home .tl-contact-row>div p { margin-bottom:18px; } #tl-home .tl-endline .tl-wrap { grid-template-columns:1fr 1fr; gap:15px; } #tl-home .tl-endline strong { grid-column:1 / 3; } #tl-home .tl-end-city { grid-column:1 / 3; } #tl-home .tl-end-social { grid-column:1 / 3; grid-row:auto; justify-self:start; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .footer .container { width:calc(100% - 36px); } } @media(max-width:420px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .logo { width:112px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { right:55px; font-size:10px; } #tl-home .tl-models { grid-template-columns:1fr 1fr; } #tl-home .tl-model-image { height:146px; background-size:1086px 611px; background-position-y:-448px; } #tl-home .tl-model-one { background-position-x:0; } #tl-home .tl-model-two { background-position-x:-215px; } #tl-home .tl-model-three { background-position-x:-432px; } #tl-home .tl-model-four { background-position-x:-659px; } #tl-home .tl-model-copy h3 { font-size:14px; } #tl-home .tl-model-copy p { font-size:10px; } } @media(prefers-reduced-motion:reduce) { #tl-home *,#tl-home *::before,#tl-home *::after { transition:none !important; scroll-behavior:auto !important; } } /* A single desktop header row. Compact the navigation before contacts collide. */ body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-compact-menu { display:none; } @media(min-width:1024px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.fixed { height:0 !important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.fixed .cat-nav-line { position:fixed !important; top:72px !important; left:0; right:0; height:0 !important; pointer-events:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.fixed .top-nav { pointer-events:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header { height:72px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line { height:72px; background:#111b22; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-line>.container { height:72px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .logo { top:17px; width:142px; height:38px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .logo-descriptor { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-contacts { height:72px; pointer-events:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-contacts a,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { pointer-events:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link { left:auto; right:476px; top:31px; font-size:12px; letter-spacing:.1px; white-space:nowrap; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link span::after { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .email-link { right:347px; top:31px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers { right:125px; top:22px; height:36px; gap:8px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers a { gap:4px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers b { width:18px; height:18px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .email-link::before { filter:invert(1); opacity:.65; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .phone-current { right:0; top:29px; font-size:12px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-head-contact-link { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav { left:170px; right:625px; top:-64px; height:56px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li { height:56px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a { height:56px; font-size:10px; padding:0 4px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>ul { top:55px; } #tl-home .tl-stage { min-height:0; height:min(56.25vw,calc(100svh - 72px)); } #tl-home .tl-stage-image { object-fit:cover; object-position:center 55%; } } @media(min-width:1024px) and (max-width:1170px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav { display:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-header-messengers { gap:8px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-compact-menu { display:flex; position:absolute; top:19px; left:170px; width:38px; height:36px; justify-content:center; align-items:center; color:#fff; border:1px solid #52646b; background:#182b35; font-size:21px; line-height:1; cursor:pointer; pointer-events:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open { position:absolute; top:72px; left:0; width:100%; z-index:100; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open .cat-nav-line { display:block; position:static; height:auto; background:#172a34; box-shadow:0 14px 25px #0007; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.fixed.tl-compact-open .cat-nav-line { position:fixed !important; top:72px !important; height:auto !important; pointer-events:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open .cat-nav-line>.container { width:calc(100% - 88px); height:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open .top-nav { display:block; position:static; width:100%; height:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open .cat-nav { height:auto; padding:8px 0 14px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open .cat-nav>li { height:auto; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper.tl-compact-open .cat-nav>li>a { height:auto; padding:13px 8px; font-size:12px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper:not(.tl-compact-open) .cat-nav-line { display:none; } } @media(min-width:1171px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-compact-menu { display:none; } } #tl-home .tl-design { scroll-margin-top:85px; } @media(min-width:1024px) and (max-height:720px) { #tl-home .tl-stage { height:calc(100svh - 72px); max-height:none; min-height:0; } #tl-home .tl-kicker { margin-top:clamp(22px,4vh,35px); font-size:10px; } #tl-home h1 { margin-top:clamp(17px,3vh,28px); font-size:clamp(43px,4.25vw,57px); line-height:1.05; letter-spacing:-1.7px; } #tl-home .tl-stage-rule { margin:17px 0 12px; } #tl-home .tl-stage-promise { font-size:17px; line-height:1.3; } #tl-home .tl-stage-description { margin-top:13px; font-size:13px; line-height:1.42; } #tl-home .tl-stage-actions { margin-top:19px; gap:12px; } #tl-home .tl-stage-actions a { min-height:46px; padding:0 15px; font-size:10px; } #tl-home .tl-stage-actions .tl-primary { min-width:198px; } #tl-home .tl-stage-actions .tl-secondary { min-width:180px; } #tl-home .tl-stage-bottom { bottom:6px; padding-top:10px; font-size:10px; } } @media(min-width:1024px) and (min-height:560px) and (max-height:720px) { #tl-home .tl-kicker { margin-top:clamp(30px,5.8vh,42px); } #tl-home .tl-stage-description { margin-top:clamp(19px,3.7vh,27px); } #tl-home .tl-stage-actions { margin-top:clamp(59px,11vh,70px); } } /* The scroll camera is restricted to the opening image. The remaining page flows normally. */ #tl-home .tl-scroll-scene { display:none; } @media(min-width:1024px) and (prefers-reduced-motion:no-preference) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .wrapper, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .main-intro { overflow:clip !important; } .tl-scroll-active #tl-home .tl-stage-scroll-track { height:calc(180svh - 72px); position:relative; } .tl-scroll-active #tl-home .tl-stage { position:sticky; top:72px; height:calc(100svh - 72px); max-height:none; min-height:0; --tl-depth:0; } .tl-scroll-active #tl-home .tl-scroll-scene { display:block; position:absolute; inset:0; overflow:hidden; pointer-events:none; perspective:1000px; } .tl-scroll-active #tl-home .tl-scroll-scene img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center 55%; backface-visibility:hidden; will-change:transform,opacity; } .tl-scroll-active #tl-home .tl-scroll-far { transform:scale(calc(1.5 - .5 * var(--tl-depth))); } .tl-scroll-active #tl-home .tl-scroll-near { opacity:clamp(0,calc(1 - var(--tl-depth) * 10),1); } .tl-scroll-active #tl-home .tl-scroll-locker { opacity:clamp(0,calc(var(--tl-depth) * 10),1); transform-origin:73.5% 50%; transform:translate3d(calc(2.4vw * var(--tl-depth)),calc(1.4vh * var(--tl-depth)),0) scale(calc(1 - .53 * var(--tl-depth))); filter:drop-shadow(0 10px 13px rgba(3,17,26,.28)); } .tl-scroll-active #tl-home .tl-stage-image { z-index:1; opacity:clamp(0,calc(1 - var(--tl-depth) * 10),1); } .tl-scroll-active #tl-home .tl-stage-shade { z-index:2; opacity:calc(1 - .78 * var(--tl-depth)); } .tl-scroll-active #tl-home .tl-stage-inner { z-index:3; opacity:clamp(0,calc(1 - var(--tl-depth) * 5),1); } .tl-scroll-active #tl-home .tl-stage.tl-scene-travelled .tl-stage-inner { pointer-events:none; } } /* Mobile header: keep the menu control clear of the logo. */ @media(max-width:1023px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .nav-toggle { left:auto; right:0; top:49px; width:44px; height:40px; padding:0 9px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .nav-toggle b { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; left:0; top:0; } } /* Company infographic between the opening scene and design concepts. */ #tl-home .tl-about { background:#f8faf9; padding:67px 0 70px; scroll-margin-top:72px; } #tl-home .ta-intro { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:44px; align-items:end; margin:29px 0 37px; } #tl-home .ta-intro h2 { font-size:clamp(34px,3.55vw,52px); font-weight:500; line-height:1.17; letter-spacing:-1.5px; } #tl-home .ta-intro p { max-width:390px; color:#526168; font-size:15px; line-height:1.65; } #tl-home .ta-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#111b22; color:#fff; } #tl-home .ta-stat { position:relative; min-width:0; padding:26px 28px 28px; } #tl-home .ta-stat+.ta-stat::before { content:""; position:absolute; left:0; top:27px; bottom:27px; width:1px; background:#456069; } #tl-home .ta-stat b { display:block; color:var(--cyan); font-size:clamp(39px,4.35vw,57px); line-height:1.06; letter-spacing:-2px; white-space:nowrap; } #tl-home .ta-stat span { display:block; margin-top:10px; color:#d1dfe0; font-size:13px; line-height:1.4; } #tl-home .ta-cycle-head { display:flex; align-items:baseline; justify-content:space-between; gap:22px; margin:42px 0 22px; } #tl-home .ta-cycle-head h3,#tl-home .ta-production h3 { font-size:24px; font-weight:600; line-height:1.25; letter-spacing:-.45px; } #tl-home .ta-cycle-head p { color:#66737a; font-size:13px; text-align:right; } #tl-home .ta-cycle { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #acbabc; } #tl-home .ta-step { position:relative; min-width:0; padding:20px 21px 15px 0; } #tl-home .ta-step::before { content:""; position:absolute; top:-4px; left:0; width:7px; height:7px; background:var(--cyan); border-radius:50%; } #tl-home .ta-step small { display:block; color:#008e9d; font-family:monospace; font-size:11px; margin-bottom:12px; } #tl-home .ta-step b { display:block; color:#172229; font-size:16px; line-height:1.3; } #tl-home .ta-step span { display:block; margin-top:8px; color:#66737a; font-size:13px; line-height:1.45; } #tl-home .ta-production { display:grid; grid-template-columns:minmax(230px,.9fr) minmax(0,1.55fr); gap:38px; align-items:center; margin-top:29px; padding:29px 32px; background:#e2ebeb; } #tl-home .ta-small { color:#008a99; font-family:monospace; font-size:11px; letter-spacing:.4px; } #tl-home .ta-production h3 { margin-top:10px; } #tl-home .ta-production-copy>p { margin-top:11px; color:#52656a; font-size:13px; line-height:1.55; } #tl-home .ta-equipment { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } #tl-home .ta-equipment>div { min-width:0; padding-left:15px; border-left:1px solid #a8bdc0; } #tl-home .ta-equipment b { display:block; color:#076c79; font-size:32px; line-height:1.05; letter-spacing:-1px; white-space:nowrap; } #tl-home .ta-equipment span { display:block; margin-top:7px; color:#33494f; font-size:12px; line-height:1.35; } #tl-home .ta-welding { grid-column:1/-1; color:#52656a; font-size:12px; line-height:1.45; } @media(max-width:1023px) { #tl-home .ta-intro { grid-template-columns:minmax(0,1fr) minmax(240px,.65fr); gap:28px; } #tl-home .ta-production { grid-template-columns:1fr; gap:24px; } } @media(max-width:767px) { #tl-home .tl-about { padding:55px 0; scroll-margin-top:90px; } #tl-home .ta-intro { grid-template-columns:1fr; gap:17px; margin:25px 0 29px; } #tl-home .ta-intro h2 { font-size:clamp(32px,8.1vw,44px); letter-spacing:-.8px; } #tl-home .ta-intro p { max-width:570px; font-size:14px; } #tl-home .ta-stat { padding:21px 16px 23px; } #tl-home .ta-stat b { font-size:clamp(31px,5vw,42px); letter-spacing:-1.3px; } #tl-home .ta-stat span { font-size:11px; } #tl-home .ta-cycle-head { margin:34px 0 20px; } #tl-home .ta-cycle-head h3,#tl-home .ta-production h3 { font-size:22px; } #tl-home .ta-cycle { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; } #tl-home .ta-step { padding-right:9px; } #tl-home .ta-production { padding:24px; margin-top:25px; } #tl-home .ta-equipment { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } } @media(max-width:620px) { #tl-home .ta-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } #tl-home .ta-stat:nth-child(3) { grid-column:1/-1; border-top:1px solid #456069; } #tl-home .ta-stat:nth-child(3)::before { display:none; } #tl-home .ta-stat b { font-size:clamp(34px,8vw,42px); } #tl-home .ta-cycle-head { display:block; } #tl-home .ta-cycle-head p { margin-top:7px; text-align:left; } } @media(max-width:390px) { #tl-home .ta-stat { padding:18px 13px 20px; } #tl-home .ta-stat b { font-size:30px; } #tl-home .ta-production { padding:21px 18px; } #tl-home .ta-equipment { gap:18px 11px; } #tl-home .ta-equipment>div { padding-left:10px; } } @media(min-width:768px) and (max-width:900px) { #tl-home .ta-stat { padding-left:20px; padding-right:20px; } #tl-home .ta-stat b { font-size:33px; letter-spacing:-1px; } } /* === tl-yandex-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-yandex-case,#tl-yandex-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-yandex-case,#tl-yandex-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-yandex-case,#tl-yandex-feature)) .page-content>.container,body:has(#tl-yandex-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-yandex-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-yandex-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-yandex-case) .page-head,body:has(#tl-yandex-case) .portfolio-gallery{display:none} #tl-yandex-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-yandex-case *,#tl-yandex-case *::before,#tl-yandex-case *::after{box-sizing:border-box} #tl-yandex-case h1,#tl-yandex-case h2,#tl-yandex-case h3,#tl-yandex-case p,#tl-yandex-case figure{margin:0;padding:0} #tl-yandex-case a{text-decoration:none;color:#008795} #tl-yandex-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-yandex-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-yandex-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-yandex-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-yandex-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-yandex-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-yandex-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-yandex-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-yandex-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-yandex-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-yandex-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-yandex-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-yandex-case,#tl-yandex-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-yandex-case,#tl-yandex-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-yandex-case,#tl-yandex-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-yandex-case,#tl-yandex-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-yandex-case,#tl-yandex-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-yandex-case,#tl-yandex-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-yandex-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-yandex-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-yandex-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-yandex-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-yandex-case .pc-section{margin-top:68px} #tl-yandex-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-yandex-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-yandex-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-yandex-case p+p{margin-top:16px} #tl-yandex-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-yandex-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-yandex-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-yandex-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-yandex-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-yandex-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-yandex-case .pc-step p{font-size:13px;line-height:1.6} #tl-yandex-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-yandex-case .pc-delivery h2{font-size:34px} #tl-yandex-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-yandex-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-yandex-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-yandex-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-yandex-case p.pc-note{font-size:11px;color:var(--muted)} #tl-yandex-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-yandex-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-yandex-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-yandex-case .pc-result p{max-width:720px} #tl-yandex-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-yandex-case .pc-bottom h2{font-size:34px;color:#fff} #tl-yandex-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-yandex-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-yandex-case,#tl-yandex-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-yandex-case,#tl-yandex-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-yandex-case,#tl-yandex-feature) .pc-button:hover{background:#6be3eb} #tl-yandex-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-yandex-case,#tl-yandex-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-yandex-case .pc-casecopy{padding:28px}#tl-yandex-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-yandex-case .pc-split,#tl-yandex-case .pc-rebrand{gap:28px}#tl-yandex-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-yandex-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-yandex-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-yandex-case,#tl-yandex-feature)) .page-content>.container,body:has(#tl-yandex-case) .simple-page>.container{width:calc(100% - 36px)}#tl-yandex-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-yandex-case .pc-topline>span{font-size:8px}#tl-yandex-case .pc-back{font-size:10px}#tl-yandex-case .pc-casehero{grid-template-columns:1fr}#tl-yandex-case .pc-casecopy{padding:27px 25px}#tl-yandex-case h1{font-size:47px}#tl-yandex-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-yandex-case .pc-cycleline{font-size:9px}:is(#tl-yandex-case,#tl-yandex-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-yandex-case,#tl-yandex-feature) .pc-image>img{object-fit:contain}:is(#tl-yandex-case,#tl-yandex-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-yandex-case,#tl-yandex-feature) .pc-blob strong{font-size:23px}:is(#tl-yandex-case,#tl-yandex-feature) .pc-blob span,:is(#tl-yandex-case,#tl-yandex-feature) .pc-blob b{font-size:10px}#tl-yandex-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-yandex-case .pc-stats>div{padding-left:12px}#tl-yandex-case .pc-stats strong{font-size:32px}#tl-yandex-case .pc-stats span{font-size:11px}#tl-yandex-case .pc-section{margin-top:44px}#tl-yandex-case .pc-split,#tl-yandex-case .pc-delivery,#tl-yandex-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-yandex-case h2{font-size:32px;letter-spacing:-.7px}#tl-yandex-case p{font-size:14px}#tl-yandex-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-yandex-case .pc-step{padding:18px 14px}#tl-yandex-case .pc-step h3{font-size:17px}#tl-yandex-case .pc-step p{font-size:12px}#tl-yandex-case .pc-delivery{padding:22px}#tl-yandex-case .pc-delivery h2{font-size:29px}#tl-yandex-case .pc-rebrand{padding-top:34px}#tl-yandex-case .pc-brands img{max-height:280px}#tl-yandex-case .pc-result,#tl-yandex-case .pc-bottom{padding:26px 23px}#tl-yandex-case .pc-bottom h2{font-size:30px}#tl-yandex-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-yandex-case .pc-casecopy{padding:25px 20px}#tl-yandex-case h1{font-size:42px}#tl-yandex-case .pc-cycleline{font-size:8px}#tl-yandex-case .pc-steps{gap:12px}#tl-yandex-case .pc-step h3{font-size:15px}#tl-yandex-case .pc-brands img{max-height:230px}} /* === tl-yandex-feature-design-20261003 === */ body:has(#tl-yandex-feature) .page-head{padding:30px 0 35px;background:none;margin:0;border:0} body:has(#tl-yandex-feature) .breadcrumb{padding:0;margin:0 0 23px;background:none;font:11px/1.5 monospace;color:#66737a} body:has(#tl-yandex-feature) .breadcrumb a{color:#008795} body:has(#tl-yandex-feature) .page-head h1{font:500 clamp(36px,3.6vw,53px)/1.2 Arial,sans-serif;color:#172229;letter-spacing:-1.5px;border:0;margin:0;padding:0} body:has(#tl-yandex-feature) .page-head .tl-cases-intro{font:14px/1.7 Arial,sans-serif;color:#66737a;max-width:610px;margin:20px 0 0} body:has(#tl-yandex-feature) .catalog-page{padding:0 0 60px;background:none;border:0} #tl-yandex-feature{margin:0 0 36px;font-family:Arial,Helvetica,sans-serif} #tl-yandex-feature *,#tl-yandex-feature *::before,#tl-yandex-feature *::after{box-sizing:border-box} #tl-yandex-feature .pc-feature{display:grid;grid-template-columns:46% 54%;min-height:440px;background:#111b22;overflow:hidden} #tl-yandex-feature .pc-featurecopy{padding:35px 40px;align-self:center;min-width:0} #tl-yandex-feature .pc-tag{font:11px/1.5 monospace;color:#08c6d5;margin-bottom:23px;letter-spacing:.3px} #tl-yandex-feature h2{font:500 clamp(42px,4.1vw,60px)/1.05 Arial,sans-serif;letter-spacing:-1.8px;color:#fff;margin:0 0 23px} #tl-yandex-feature p{font:14px/1.65 Arial,sans-serif;color:#bcccd1;max-width:440px;margin:0} #tl-yandex-feature .pc-ministats{display:flex;flex-wrap:wrap;gap:28px;margin:23px 0 26px} #tl-yandex-feature .pc-ministats strong{display:block;font:500 26px/1.2 Arial,sans-serif;color:#fff;letter-spacing:-.5px} #tl-yandex-feature .pc-ministats span{display:block;font:11px/1.5 Arial,sans-serif;color:#a9bec4;margin-top:5px} body:has(#tl-yandex-feature) .portfolio-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0} body:has(#tl-yandex-feature) .portfolio-item-wrapper{width:auto;float:none;padding:0;margin:0;min-width:0} body:has(#tl-yandex-feature) .portfolio-item-wrapper[hidden]{display:none!important} body:has(#tl-yandex-feature) a.portfolio-item{display:flex;flex-direction:column;height:100%;margin:0;padding:0;overflow:hidden;border-radius:0;box-shadow:none;border:1px solid #d0dada;background:#fff;color:#172229;text-decoration:none;transition:border-color .2s} body:has(#tl-yandex-feature) a.portfolio-item:hover{border-color:#008795} body:has(#tl-yandex-feature) a.portfolio-item:focus-visible{outline:2px solid #08c6d5;outline-offset:4px} body:has(#tl-yandex-feature) .tl-case-cover{position:relative;aspect-ratio:16/9;height:auto;max-height:320px;background:#e9eeee;overflow:hidden} body:has(#tl-yandex-feature) .tl-case-cover img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0} body:has(#tl-yandex-feature) .tl-case-cover--siz img{object-fit:cover;transform:none} body:has(#tl-yandex-feature) .tl-case-cover--type{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;background:#111b22;color:#fff;background-image:linear-gradient(90deg,#213c4570 1px,transparent 1px),linear-gradient(#213c4570 1px,transparent 1px);background-size:36px 36px} body:has(#tl-yandex-feature) .tl-case-cover--type strong{position:relative;font:500 clamp(32px,3.8vw,51px)/1.08 Arial,sans-serif;letter-spacing:-1.2px;color:#fff;max-width:100%;overflow-wrap:anywhere} body:has(#tl-yandex-feature) .tl-case-cover--type small{font:10px/1.6 monospace;color:#08c6d5;letter-spacing:.4px;margin-bottom:23px} body:has(#tl-yandex-feature) .tl-case-cover--type>span{font:12px/1.6 Arial,sans-serif;color:#b9cacf;margin-top:20px} body:has(#tl-yandex-feature) .portfolio-item-body{position:relative;display:flex;flex-direction:column;flex:1;padding:26px 28px 24px;min-height:170px;border-top:1px solid #d0dada} body:has(#tl-yandex-feature) .portfolio-item-body .tl-case-kind{font:10px/1.5 monospace;letter-spacing:.25px;color:#008795;margin:0 0 12px} body:has(#tl-yandex-feature) .portfolio-item-body h4{font:600 27px/1.2 Arial,sans-serif;letter-spacing:-.65px;color:#172229;margin:0 0 15px;padding:0} body:has(#tl-yandex-feature) .portfolio-item-body p{font:13px/1.6 Arial,sans-serif;color:#66737a;margin:0 0 10px;padding:0} body:has(#tl-yandex-feature) .portfolio-item-body>span{font:10px/1.5 monospace;color:#66737a;margin-top:auto} body:has(#tl-yandex-feature) .portfolio-item-body .tl-case-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:19px;border-top:1px solid #d5dede;color:#008795;font:10px/1.5 monospace} body:has(#tl-yandex-feature) .tl-case-action b{font:400 23px/1 Arial,sans-serif} @media(max-width:1023px){#tl-yandex-feature .pc-feature{grid-template-columns:1fr 1fr}#tl-yandex-feature .pc-featurecopy{padding:28px}body:has(#tl-yandex-feature) .portfolio-item-body{padding:23px}body:has(#tl-yandex-feature) .portfolio-item-body h4{font-size:24px}} @media(max-width:767px){body:has(#tl-yandex-feature) .page-head{padding:25px 0 27px}body:has(#tl-yandex-feature) .page-head h1{font-size:36px;letter-spacing:-.8px}body:has(#tl-yandex-feature) .page-head .tl-cases-intro{font-size:13px}#tl-yandex-feature .pc-feature{grid-template-columns:1fr}#tl-yandex-feature .pc-featurecopy{padding:28px 25px}#tl-yandex-feature h2{font-size:44px}#tl-yandex-feature .pc-tag{font-size:10px}#tl-yandex-feature .pc-ministats{gap:24px}#tl-yandex-feature .pc-ministats strong{font-size:24px}body:has(#tl-yandex-feature) .portfolio-items{grid-template-columns:1fr;gap:22px}body:has(#tl-yandex-feature) .tl-case-cover{max-height:none}body:has(#tl-yandex-feature) .portfolio-item-body{padding:24px}body:has(#tl-yandex-feature) .portfolio-item-body h4{font-size:25px}body:has(#tl-yandex-feature) .tl-case-cover--type{padding:28px}body:has(#tl-yandex-feature) .tl-case-cover--type strong{font-size:38px}} @media(prefers-reduced-motion:reduce){body:has(#tl-yandex-feature) a.portfolio-item{transition:none}} /* === tl-home-projects-design-20261003 === */ #tl-home .tl-projects{padding:68px 0 54px} #tl-home .tl-projects .tl-section-head{margin:28px 0 32px} #tl-home #tl-projects-title{scroll-margin-top:105px} #tl-home .tl-mini-cases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch} #tl-home a.tl-mini-case{display:flex;flex-direction:column;min-width:0;background:#fff;color:#172229;border:1px solid #d7dfdf;overflow:hidden;transition:border-color .2s,box-shadow .2s} #tl-home .tl-mini-case-photo{position:relative;aspect-ratio:3/2;max-height:220px;background:#edf0ee;overflow:hidden} #tl-home .tl-mini-case-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain} #tl-home .tl-mini-case-photo--yandex{background:#d7d4cf} #tl-home .tl-mini-case-photo--siz img{object-fit:cover;transform:none} #tl-home .tl-mini-case-photo--kaspi{background:#83291e} #tl-home .tl-mini-case-photo--kaspi img{object-fit:cover;object-position:center 48%} #tl-home .tl-mini-case-photo--tinkoff{background:#f3f4f1} #tl-home .tl-mini-case-photo--tinkoff img{padding:8px} #tl-home .tl-mini-case-tag{position:absolute;left:10px;top:10px;padding:5px 7px;background:#ffda35;color:#282709;font-size:8px;font-weight:700;line-height:1.3;letter-spacing:.2px} #tl-home .tl-mini-case-body{position:relative;padding:17px 17px 18px;flex:1;display:flex;flex-direction:column} #tl-home .tl-mini-case-kind{display:block;min-height:14px;color:#007f8e;font:9px/1.5 monospace;letter-spacing:.25px} #tl-home .tl-mini-case h3{font-size:21px;line-height:1.2;letter-spacing:-.4px;font-weight:600;margin:8px 0 15px} #tl-home .tl-mini-case-facts{display:flex;gap:26px;padding-right:25px;margin-top:auto} #tl-home .tl-mini-case-facts>span{display:block;min-width:0} #tl-home .tl-mini-case-facts strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.4px;font-weight:600;white-space:nowrap} #tl-home .tl-mini-case-facts strong.tl-mini-case-word{font-size:15px;line-height:1.52;letter-spacing:0} #tl-home .tl-mini-case-facts small{display:block;color:#647178;font-size:10px;line-height:1.5;margin-top:3px;white-space:nowrap} #tl-home .tl-mini-case-arrow{position:absolute;right:15px;bottom:20px;color:#008c9b;font-size:23px;line-height:1;font-weight:400} #tl-home a.tl-mini-case:hover{border-color:#008c9b;box-shadow:0 6px 18px #17222912} #tl-home .tl-home-cases-all{margin-top:24px;display:flex;justify-content:flex-end} #tl-home .tl-home-cases-all a{display:inline-flex;gap:25px;align-items:center;color:#007f8e;font:11px/1.5 monospace;border-bottom:1px solid #bfd0d1;padding:7px 0} #tl-home .tl-home-cases-all span{font:22px/1 Arial,sans-serif} @media(max-width:1100px){#tl-home .tl-mini-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#tl-home .tl-mini-case-photo{aspect-ratio:16/9}#tl-home .tl-mini-case-tag{font-size:9px}} @media(max-width:600px){#tl-home .tl-projects{padding:48px 0}#tl-home .tl-projects .tl-section-head{margin:24px 0 26px}#tl-home .tl-mini-cases-grid{gap:12px}#tl-home .tl-mini-case-photo{aspect-ratio:3/2}#tl-home .tl-mini-case-body{padding:14px 12px 15px}#tl-home .tl-mini-case-kind{font-size:8px;letter-spacing:0;min-height:24px}#tl-home .tl-mini-case h3{font-size:17px;letter-spacing:-.3px;margin:6px 0 12px;min-height:41px}#tl-home .tl-mini-case-facts{gap:13px;padding-right:12px}#tl-home .tl-mini-case-facts strong{font-size:16px}#tl-home .tl-mini-case-facts strong.tl-mini-case-word{font-size:12px;line-height:1.6}#tl-home .tl-mini-case-facts small{font-size:9px;white-space:normal}#tl-home .tl-mini-case-arrow{right:9px;bottom:17px;font-size:18px}#tl-home .tl-mini-case-tag{font-size:7px;left:7px;top:7px;padding:4px 5px}#tl-home .tl-home-cases-all{justify-content:flex-start;margin-top:20px}#tl-home .tl-home-cases-all a{font-size:10px;gap:16px}} @media(max-width:340px){#tl-home .tl-mini-cases-grid{grid-template-columns:1fr}#tl-home .tl-mini-case-kind{min-height:14px;font-size:9px}#tl-home .tl-mini-case h3{min-height:0;font-size:21px}#tl-home .tl-mini-case-facts{gap:25px}#tl-home .tl-mini-case-facts strong{font-size:19px}#tl-home .tl-mini-case-facts strong.tl-mini-case-word{font-size:15px}#tl-home .tl-mini-case-facts small{font-size:10px}} @media(prefers-reduced-motion:reduce){#tl-home a.tl-mini-case{transition:none}} /* === tl-kaspi-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-kaspi-case,#tl-kaspi-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-kaspi-case,#tl-kaspi-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-kaspi-case,#tl-kaspi-feature)) .page-content>.container,body:has(#tl-kaspi-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-kaspi-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-kaspi-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-kaspi-case) .page-head,body:has(#tl-kaspi-case) .portfolio-gallery{display:none} #tl-kaspi-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-kaspi-case *,#tl-kaspi-case *::before,#tl-kaspi-case *::after{box-sizing:border-box} #tl-kaspi-case h1,#tl-kaspi-case h2,#tl-kaspi-case h3,#tl-kaspi-case p,#tl-kaspi-case figure{margin:0;padding:0} #tl-kaspi-case a{text-decoration:none;color:#008795} #tl-kaspi-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-kaspi-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-kaspi-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-kaspi-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-kaspi-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-kaspi-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-kaspi-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-kaspi-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-kaspi-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-kaspi-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-kaspi-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-kaspi-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-kaspi-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-kaspi-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-kaspi-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-kaspi-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-kaspi-case .pc-section{margin-top:68px} #tl-kaspi-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-kaspi-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-kaspi-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-kaspi-case p+p{margin-top:16px} #tl-kaspi-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-kaspi-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-kaspi-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-kaspi-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-kaspi-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-kaspi-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-kaspi-case .pc-step p{font-size:13px;line-height:1.6} #tl-kaspi-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-kaspi-case .pc-delivery h2{font-size:34px} #tl-kaspi-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-kaspi-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-kaspi-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-kaspi-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-kaspi-case p.pc-note{font-size:11px;color:var(--muted)} #tl-kaspi-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-kaspi-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-kaspi-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-kaspi-case .pc-result p{max-width:720px} #tl-kaspi-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-kaspi-case .pc-bottom h2{font-size:34px;color:#fff} #tl-kaspi-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-kaspi-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-kaspi-case,#tl-kaspi-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-kaspi-case,#tl-kaspi-feature) .pc-button:hover{background:#6be3eb} #tl-kaspi-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-kaspi-case,#tl-kaspi-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-kaspi-case .pc-casecopy{padding:28px}#tl-kaspi-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-kaspi-case .pc-split,#tl-kaspi-case .pc-rebrand{gap:28px}#tl-kaspi-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-kaspi-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-kaspi-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-kaspi-case,#tl-kaspi-feature)) .page-content>.container,body:has(#tl-kaspi-case) .simple-page>.container{width:calc(100% - 36px)}#tl-kaspi-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-kaspi-case .pc-topline>span{font-size:8px}#tl-kaspi-case .pc-back{font-size:10px}#tl-kaspi-case .pc-casehero{grid-template-columns:1fr}#tl-kaspi-case .pc-casecopy{padding:27px 25px}#tl-kaspi-case h1{font-size:47px}#tl-kaspi-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-kaspi-case .pc-cycleline{font-size:9px}:is(#tl-kaspi-case,#tl-kaspi-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-kaspi-case,#tl-kaspi-feature) .pc-image>img{object-fit:contain}:is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob strong{font-size:23px}:is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob span,:is(#tl-kaspi-case,#tl-kaspi-feature) .pc-blob b{font-size:10px}#tl-kaspi-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-kaspi-case .pc-stats>div{padding-left:12px}#tl-kaspi-case .pc-stats strong{font-size:32px}#tl-kaspi-case .pc-stats span{font-size:11px}#tl-kaspi-case .pc-section{margin-top:44px}#tl-kaspi-case .pc-split,#tl-kaspi-case .pc-delivery,#tl-kaspi-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-kaspi-case h2{font-size:32px;letter-spacing:-.7px}#tl-kaspi-case p{font-size:14px}#tl-kaspi-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-kaspi-case .pc-step{padding:18px 14px}#tl-kaspi-case .pc-step h3{font-size:17px}#tl-kaspi-case .pc-step p{font-size:12px}#tl-kaspi-case .pc-delivery{padding:22px}#tl-kaspi-case .pc-delivery h2{font-size:29px}#tl-kaspi-case .pc-rebrand{padding-top:34px}#tl-kaspi-case .pc-brands img{max-height:280px}#tl-kaspi-case .pc-result,#tl-kaspi-case .pc-bottom{padding:26px 23px}#tl-kaspi-case .pc-bottom h2{font-size:30px}#tl-kaspi-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-kaspi-case .pc-casecopy{padding:25px 20px}#tl-kaspi-case h1{font-size:42px}#tl-kaspi-case .pc-cycleline{font-size:8px}#tl-kaspi-case .pc-steps{gap:12px}#tl-kaspi-case .pc-step h3{font-size:15px}#tl-kaspi-case .pc-brands img{max-height:230px}} /* === tl-kaspi-feature-design-20261003 === */ body:has(#tl-kaspi-feature) .page-head{padding:30px 0 35px;background:none;margin:0;border:0} body:has(#tl-kaspi-feature) .breadcrumb{padding:0;margin:0 0 23px;background:none;font:11px/1.5 monospace;color:#66737a} body:has(#tl-kaspi-feature) .breadcrumb a{color:#008795} body:has(#tl-kaspi-feature) .page-head h1{font:500 clamp(36px,3.6vw,53px)/1.2 Arial,sans-serif;color:#172229;letter-spacing:-1.5px;border:0;margin:0;padding:0} body:has(#tl-kaspi-feature) .page-head .tl-cases-intro{font:14px/1.7 Arial,sans-serif;color:#66737a;max-width:610px;margin:20px 0 0} body:has(#tl-kaspi-feature) .catalog-page{padding:0 0 60px;background:none;border:0} #tl-kaspi-feature{margin:0 0 36px;font-family:Arial,Helvetica,sans-serif} #tl-kaspi-feature *,#tl-kaspi-feature *::before,#tl-kaspi-feature *::after{box-sizing:border-box} #tl-kaspi-feature .pc-feature{display:grid;grid-template-columns:46% 54%;min-height:440px;background:#111b22;overflow:hidden} #tl-kaspi-feature .pc-featurecopy{padding:35px 40px;align-self:center;min-width:0} #tl-kaspi-feature .pc-tag{font:11px/1.5 monospace;color:#08c6d5;margin-bottom:23px;letter-spacing:.3px} #tl-kaspi-feature h2{font:500 clamp(42px,4.1vw,60px)/1.05 Arial,sans-serif;letter-spacing:-1.8px;color:#fff;margin:0 0 23px} #tl-kaspi-feature p{font:14px/1.65 Arial,sans-serif;color:#bcccd1;max-width:440px;margin:0} #tl-kaspi-feature .pc-ministats{display:flex;flex-wrap:wrap;gap:28px;margin:23px 0 26px} #tl-kaspi-feature .pc-ministats strong{display:block;font:500 26px/1.2 Arial,sans-serif;color:#fff;letter-spacing:-.5px} #tl-kaspi-feature .pc-ministats span{display:block;font:11px/1.5 Arial,sans-serif;color:#a9bec4;margin-top:5px} body:has(#tl-kaspi-feature) .portfolio-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0} body:has(#tl-kaspi-feature) .portfolio-item-wrapper{width:auto;float:none;padding:0;margin:0;min-width:0} body:has(#tl-kaspi-feature) .portfolio-item-wrapper[hidden]{display:none!important} body:has(#tl-kaspi-feature) a.portfolio-item{display:flex;flex-direction:column;height:100%;margin:0;padding:0;overflow:hidden;border-radius:0;box-shadow:none;border:1px solid #d0dada;background:#fff;color:#172229;text-decoration:none;transition:border-color .2s} body:has(#tl-kaspi-feature) a.portfolio-item:hover{border-color:#008795} body:has(#tl-kaspi-feature) a.portfolio-item:focus-visible{outline:2px solid #08c6d5;outline-offset:4px} body:has(#tl-kaspi-feature) .tl-case-cover{position:relative;aspect-ratio:16/9;height:auto;max-height:320px;background:#e9eeee;overflow:hidden} body:has(#tl-kaspi-feature) .tl-case-cover img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0} body:has(#tl-kaspi-feature) .tl-case-cover--siz img{object-fit:cover;transform:none} body:has(#tl-kaspi-feature) .tl-case-cover--type{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;background:#111b22;color:#fff;background-image:linear-gradient(90deg,#213c4570 1px,transparent 1px),linear-gradient(#213c4570 1px,transparent 1px);background-size:36px 36px} body:has(#tl-kaspi-feature) .tl-case-cover--type strong{position:relative;font:500 clamp(32px,3.8vw,51px)/1.08 Arial,sans-serif;letter-spacing:-1.2px;color:#fff;max-width:100%;overflow-wrap:anywhere} body:has(#tl-kaspi-feature) .tl-case-cover--type small{font:10px/1.6 monospace;color:#08c6d5;letter-spacing:.4px;margin-bottom:23px} body:has(#tl-kaspi-feature) .tl-case-cover--type>span{font:12px/1.6 Arial,sans-serif;color:#b9cacf;margin-top:20px} body:has(#tl-kaspi-feature) .portfolio-item-body{position:relative;display:flex;flex-direction:column;flex:1;padding:26px 28px 24px;min-height:170px;border-top:1px solid #d0dada} body:has(#tl-kaspi-feature) .portfolio-item-body .tl-case-kind{font:10px/1.5 monospace;letter-spacing:.25px;color:#008795;margin:0 0 12px} body:has(#tl-kaspi-feature) .portfolio-item-body h4{font:600 27px/1.2 Arial,sans-serif;letter-spacing:-.65px;color:#172229;margin:0 0 15px;padding:0} body:has(#tl-kaspi-feature) .portfolio-item-body p{font:13px/1.6 Arial,sans-serif;color:#66737a;margin:0 0 10px;padding:0} body:has(#tl-kaspi-feature) .portfolio-item-body>span{font:10px/1.5 monospace;color:#66737a;margin-top:auto} body:has(#tl-kaspi-feature) .portfolio-item-body .tl-case-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:19px;border-top:1px solid #d5dede;color:#008795;font:10px/1.5 monospace} body:has(#tl-kaspi-feature) .tl-case-action b{font:400 23px/1 Arial,sans-serif} @media(max-width:1023px){#tl-kaspi-feature .pc-feature{grid-template-columns:1fr 1fr}#tl-kaspi-feature .pc-featurecopy{padding:28px}body:has(#tl-kaspi-feature) .portfolio-item-body{padding:23px}body:has(#tl-kaspi-feature) .portfolio-item-body h4{font-size:24px}} @media(max-width:767px){body:has(#tl-kaspi-feature) .page-head{padding:25px 0 27px}body:has(#tl-kaspi-feature) .page-head h1{font-size:36px;letter-spacing:-.8px}body:has(#tl-kaspi-feature) .page-head .tl-cases-intro{font-size:13px}#tl-kaspi-feature .pc-feature{grid-template-columns:1fr}#tl-kaspi-feature .pc-featurecopy{padding:28px 25px}#tl-kaspi-feature h2{font-size:44px}#tl-kaspi-feature .pc-tag{font-size:10px}#tl-kaspi-feature .pc-ministats{gap:24px}#tl-kaspi-feature .pc-ministats strong{font-size:24px}body:has(#tl-kaspi-feature) .portfolio-items{grid-template-columns:1fr;gap:22px}body:has(#tl-kaspi-feature) .tl-case-cover{max-height:none}body:has(#tl-kaspi-feature) .portfolio-item-body{padding:24px}body:has(#tl-kaspi-feature) .portfolio-item-body h4{font-size:25px}body:has(#tl-kaspi-feature) .tl-case-cover--type{padding:28px}body:has(#tl-kaspi-feature) .tl-case-cover--type strong{font-size:38px}} @media(prefers-reduced-motion:reduce){body:has(#tl-kaspi-feature) a.portfolio-item{transition:none}} /* === tl-kaspi-photos-20261003 === */ #tl-kaspi-case .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}#tl-kaspi-case .pc-stats strong{font-size:32px;white-space:nowrap}#tl-kaspi-case .pc-intro{max-width:1000px}#tl-kaspi-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-kaspi-case .pc-real-image{background:#e7eceb;min-height:440px;height:460px}#tl-kaspi-case .pc-real-image>img{object-fit:contain;width:100%;height:100%}#tl-kaspi-case figure .pc-documentary{aspect-ratio:4/5;object-fit:contain;max-height:520px;background:#e7eceb}#tl-home .tl-mini-case-photo--kaspi{background:#e7eceb}#tl-home .tl-mini-case-photo--kaspi img{object-fit:contain;object-position:center}#tl-kaspi-feature{margin-top:26px}#tl-kaspi-feature .pc-image>img{object-fit:contain}body:has(#tl-kaspi-feature) .portfolio-item-wrapper[hidden]{display:none!important} @media(max-width:767px){#tl-kaspi-case .pc-real-image{height:420px;min-height:0}#tl-kaspi-case .pc-stats{grid-template-columns:1fr;gap:18px}#tl-kaspi-case .pc-stats strong{font-size:29px}#tl-kaspi-case .pc-steps{grid-template-columns:1fr}#tl-kaspi-case .pc-documentary{max-height:500px}} /* === tl-siz-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-siz-case,#tl-siz-case)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-siz-case,#tl-siz-case)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-siz-case,#tl-siz-case)) .page-content>.container,body:has(#tl-siz-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-siz-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-siz-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-siz-case) .page-head,body:has(#tl-siz-case) .portfolio-gallery{display:none} #tl-siz-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-siz-case *,#tl-siz-case *::before,#tl-siz-case *::after{box-sizing:border-box} #tl-siz-case h1,#tl-siz-case h2,#tl-siz-case h3,#tl-siz-case p,#tl-siz-case figure{margin:0;padding:0} #tl-siz-case a{text-decoration:none;color:#008795} #tl-siz-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-siz-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-siz-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-siz-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-siz-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-siz-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-siz-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-siz-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-siz-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-siz-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-siz-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-siz-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-siz-case,#tl-siz-case) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-siz-case,#tl-siz-case) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-siz-case,#tl-siz-case) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-siz-case,#tl-siz-case) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-siz-case,#tl-siz-case) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-siz-case,#tl-siz-case) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-siz-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-siz-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-siz-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-siz-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-siz-case .pc-section{margin-top:68px} #tl-siz-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-siz-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-siz-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-siz-case p+p{margin-top:16px} #tl-siz-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-siz-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-siz-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-siz-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-siz-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-siz-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-siz-case .pc-step p{font-size:13px;line-height:1.6} #tl-siz-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-siz-case .pc-delivery h2{font-size:34px} #tl-siz-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-siz-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-siz-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-siz-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-siz-case p.pc-note{font-size:11px;color:var(--muted)} #tl-siz-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-siz-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-siz-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-siz-case .pc-result p{max-width:720px} #tl-siz-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-siz-case .pc-bottom h2{font-size:34px;color:#fff} #tl-siz-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-siz-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-siz-case,#tl-siz-case) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-siz-case,#tl-siz-case) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-siz-case,#tl-siz-case) .pc-button:hover{background:#6be3eb} #tl-siz-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-siz-case,#tl-siz-case)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-siz-case .pc-casecopy{padding:28px}#tl-siz-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-siz-case .pc-split,#tl-siz-case .pc-rebrand{gap:28px}#tl-siz-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-siz-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-siz-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-siz-case,#tl-siz-case)) .page-content>.container,body:has(#tl-siz-case) .simple-page>.container{width:calc(100% - 36px)}#tl-siz-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-siz-case .pc-topline>span{font-size:8px}#tl-siz-case .pc-back{font-size:10px}#tl-siz-case .pc-casehero{grid-template-columns:1fr}#tl-siz-case .pc-casecopy{padding:27px 25px}#tl-siz-case h1{font-size:47px}#tl-siz-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-siz-case .pc-cycleline{font-size:9px}:is(#tl-siz-case,#tl-siz-case) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-siz-case,#tl-siz-case) .pc-image>img{object-fit:contain}:is(#tl-siz-case,#tl-siz-case) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-siz-case,#tl-siz-case) .pc-blob strong{font-size:23px}:is(#tl-siz-case,#tl-siz-case) .pc-blob span,:is(#tl-siz-case,#tl-siz-case) .pc-blob b{font-size:10px}#tl-siz-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-siz-case .pc-stats>div{padding-left:12px}#tl-siz-case .pc-stats strong{font-size:32px}#tl-siz-case .pc-stats span{font-size:11px}#tl-siz-case .pc-section{margin-top:44px}#tl-siz-case .pc-split,#tl-siz-case .pc-delivery,#tl-siz-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-siz-case h2{font-size:32px;letter-spacing:-.7px}#tl-siz-case p{font-size:14px}#tl-siz-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-siz-case .pc-step{padding:18px 14px}#tl-siz-case .pc-step h3{font-size:17px}#tl-siz-case .pc-step p{font-size:12px}#tl-siz-case .pc-delivery{padding:22px}#tl-siz-case .pc-delivery h2{font-size:29px}#tl-siz-case .pc-rebrand{padding-top:34px}#tl-siz-case .pc-brands img{max-height:280px}#tl-siz-case .pc-result,#tl-siz-case .pc-bottom{padding:26px 23px}#tl-siz-case .pc-bottom h2{font-size:30px}#tl-siz-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-siz-case .pc-casecopy{padding:25px 20px}#tl-siz-case h1{font-size:42px}#tl-siz-case .pc-cycleline{font-size:8px}#tl-siz-case .pc-steps{gap:12px}#tl-siz-case .pc-step h3{font-size:15px}#tl-siz-case .pc-brands img{max-height:230px}} #tl-siz-case h1{font-size:clamp(37px,3.7vw,54px);letter-spacing:-1.5px} #tl-siz-case .pc-casehero{grid-template-columns:43% 57%;min-height:460px} #tl-siz-case .pc-image{min-height:460px} #tl-siz-case .pc-image>img{object-position:center} @media(max-width:767px){#tl-siz-case .pc-casehero{grid-template-columns:1fr}#tl-siz-case h1{font-size:40px}#tl-siz-case .pc-image{min-height:0;aspect-ratio:4/3}#tl-siz-case .pc-image>img{object-fit:cover}} /* === tl-header-alignment-20261003 === */ /* Keep six desktop links on a common center line without inherited list spacing. */ @media(min-width:1024px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav>.cat-nav { margin:0!important; padding:0!important; display:flex; flex-wrap:nowrap; align-items:center; gap:10px; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li { flex:0 0 auto; margin:0!important; padding:0!important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a { display:flex; align-items:center; justify-content:center; height:56px; line-height:14px; white-space:nowrap; margin:0!important; padding:0 4px!important; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a>span { display:block; line-height:14px; white-space:nowrap; margin:0!important; padding:0!important; top:auto; transform:none; } body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a>span::after { display:none!important; } } @media(min-width:1024px) { body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .email-link, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .phone-current, body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .tl-header-messengers { top:50%!important; transform:translateY(-50%); margin-top:0!important; margin-bottom:0!important; } } /* === tl-header-messenger-icons-20261003 === */ .header .tl-header-messengers { gap:6px!important; } .header .tl-header-messengers a { display:flex; align-items:center; justify-content:center; flex:0 0 32px; width:32px; height:32px; padding:4px!important; box-sizing:border-box; gap:0!important; color:#eef4f4; font-size:0; border-radius:6px; } .header .tl-header-messengers a svg { display:block; width:22px; height:22px; flex:none; } .header .tl-header-messengers a:hover { color:#08c6d5; background:#ffffff0d; } /* === tl-desktop-full-menu-20261003 === */ @media(min-width:1024px){ body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .nav-toggle,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .tl-compact-menu {display:none!important;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper .cat-nav-line,body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper:not(.tl-compact-open) .cat-nav-line {display:block!important;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper .top-nav {display:block!important;left:170px;right:510px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link {right:380px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .email-link {right:255px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav>.cat-nav {height:56px;box-sizing:border-box;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li {height:56px;box-sizing:border-box;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a {box-sizing:border-box;} } @media(min-width:1024px) and (max-width:1249px){ body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .logo {width:112px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .navigation-wrapper .top-nav {left:136px;right:370px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .top-nav>.cat-nav {gap:4px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .cat-nav>li>a {padding:0 2px!important;font-size:10px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .select-city-link {right:244px;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .email-link {display:none;} body:has(:is(:is(#tl-home,#tl-developments,#tl-osnova-case,#tl-youzbox-case,:is(:is(#tl-yandex-case,#tl-cityhall-case),#tl-moscow-case,#tl-moscow-feature),#tl-yandex-feature,#tl-kaspi-case,#tl-kaspi-feature,#tl-siz-case,#tl-fitness-case,#tl-yalina-case,#tl-sneak-case),#tl-catalog,#tl-equipment,#tl-control,#tl-pcb-service,#tl-service-case,#tl-contacts-page,#tl-csm-case,#tl-bau-case,#tl-dpd-case,#tl-metro-case,#tl-about-page)) .header .tl-header-messengers {right:116px;} } /* === tl-moscow-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-moscow-case,#tl-moscow-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-moscow-case,#tl-moscow-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-moscow-case,#tl-moscow-feature)) .page-content>.container,body:has(#tl-moscow-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-moscow-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-moscow-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-moscow-case) .page-head,body:has(#tl-moscow-case) .portfolio-gallery{display:none} #tl-moscow-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-moscow-case *,#tl-moscow-case *::before,#tl-moscow-case *::after{box-sizing:border-box} #tl-moscow-case h1,#tl-moscow-case h2,#tl-moscow-case h3,#tl-moscow-case p,#tl-moscow-case figure{margin:0;padding:0} #tl-moscow-case a{text-decoration:none;color:#008795} #tl-moscow-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-moscow-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-moscow-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-moscow-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-moscow-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-moscow-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-moscow-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-moscow-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-moscow-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-moscow-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-moscow-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-moscow-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-moscow-case,#tl-moscow-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-moscow-case,#tl-moscow-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-moscow-case,#tl-moscow-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-moscow-case,#tl-moscow-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-moscow-case,#tl-moscow-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-moscow-case,#tl-moscow-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-moscow-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-moscow-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-moscow-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-moscow-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-moscow-case .pc-section{margin-top:68px} #tl-moscow-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-moscow-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-moscow-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-moscow-case p+p{margin-top:16px} #tl-moscow-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-moscow-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-moscow-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-moscow-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-moscow-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-moscow-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-moscow-case .pc-step p{font-size:13px;line-height:1.6} #tl-moscow-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-moscow-case .pc-delivery h2{font-size:34px} #tl-moscow-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-moscow-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-moscow-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-moscow-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-moscow-case p.pc-note{font-size:11px;color:var(--muted)} #tl-moscow-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-moscow-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-moscow-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-moscow-case .pc-result p{max-width:720px} #tl-moscow-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-moscow-case .pc-bottom h2{font-size:34px;color:#fff} #tl-moscow-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-moscow-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-moscow-case,#tl-moscow-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-moscow-case,#tl-moscow-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-moscow-case,#tl-moscow-feature) .pc-button:hover{background:#6be3eb} #tl-moscow-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-moscow-case,#tl-moscow-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-moscow-case .pc-casecopy{padding:28px}#tl-moscow-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-moscow-case .pc-split,#tl-moscow-case .pc-rebrand{gap:28px}#tl-moscow-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-moscow-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-moscow-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-moscow-case,#tl-moscow-feature)) .page-content>.container,body:has(#tl-moscow-case) .simple-page>.container{width:calc(100% - 36px)}#tl-moscow-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-moscow-case .pc-topline>span{font-size:8px}#tl-moscow-case .pc-back{font-size:10px}#tl-moscow-case .pc-casehero{grid-template-columns:1fr}#tl-moscow-case .pc-casecopy{padding:27px 25px}#tl-moscow-case h1{font-size:47px}#tl-moscow-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-moscow-case .pc-cycleline{font-size:9px}:is(#tl-moscow-case,#tl-moscow-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-moscow-case,#tl-moscow-feature) .pc-image>img{object-fit:contain}:is(#tl-moscow-case,#tl-moscow-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-moscow-case,#tl-moscow-feature) .pc-blob strong{font-size:23px}:is(#tl-moscow-case,#tl-moscow-feature) .pc-blob span,:is(#tl-moscow-case,#tl-moscow-feature) .pc-blob b{font-size:10px}#tl-moscow-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-moscow-case .pc-stats>div{padding-left:12px}#tl-moscow-case .pc-stats strong{font-size:32px}#tl-moscow-case .pc-stats span{font-size:11px}#tl-moscow-case .pc-section{margin-top:44px}#tl-moscow-case .pc-split,#tl-moscow-case .pc-delivery,#tl-moscow-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-moscow-case h2{font-size:32px;letter-spacing:-.7px}#tl-moscow-case p{font-size:14px}#tl-moscow-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-moscow-case .pc-step{padding:18px 14px}#tl-moscow-case .pc-step h3{font-size:17px}#tl-moscow-case .pc-step p{font-size:12px}#tl-moscow-case .pc-delivery{padding:22px}#tl-moscow-case .pc-delivery h2{font-size:29px}#tl-moscow-case .pc-rebrand{padding-top:34px}#tl-moscow-case .pc-brands img{max-height:280px}#tl-moscow-case .pc-result,#tl-moscow-case .pc-bottom{padding:26px 23px}#tl-moscow-case .pc-bottom h2{font-size:30px}#tl-moscow-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-moscow-case .pc-casecopy{padding:25px 20px}#tl-moscow-case h1{font-size:42px}#tl-moscow-case .pc-cycleline{font-size:8px}#tl-moscow-case .pc-steps{gap:12px}#tl-moscow-case .pc-step h3{font-size:15px}#tl-moscow-case .pc-brands img{max-height:230px}} /* === tl-moscow-feature-design-20261003 === */ body:has(#tl-moscow-feature) .page-head{padding:30px 0 35px;background:none;margin:0;border:0} body:has(#tl-moscow-feature) .breadcrumb{padding:0;margin:0 0 23px;background:none;font:11px/1.5 monospace;color:#66737a} body:has(#tl-moscow-feature) .breadcrumb a{color:#008795} body:has(#tl-moscow-feature) .page-head h1{font:500 clamp(36px,3.6vw,53px)/1.2 Arial,sans-serif;color:#172229;letter-spacing:-1.5px;border:0;margin:0;padding:0} body:has(#tl-moscow-feature) .page-head .tl-cases-intro{font:14px/1.7 Arial,sans-serif;color:#66737a;max-width:610px;margin:20px 0 0} body:has(#tl-moscow-feature) .catalog-page{padding:0 0 60px;background:none;border:0} #tl-moscow-feature{margin:0 0 36px;font-family:Arial,Helvetica,sans-serif} #tl-moscow-feature *,#tl-moscow-feature *::before,#tl-moscow-feature *::after{box-sizing:border-box} #tl-moscow-feature .pc-feature{display:grid;grid-template-columns:46% 54%;min-height:440px;background:#111b22;overflow:hidden} #tl-moscow-feature .pc-featurecopy{padding:35px 40px;align-self:center;min-width:0} #tl-moscow-feature .pc-tag{font:11px/1.5 monospace;color:#08c6d5;margin-bottom:23px;letter-spacing:.3px} #tl-moscow-feature h2{font:500 clamp(42px,4.1vw,60px)/1.05 Arial,sans-serif;letter-spacing:-1.8px;color:#fff;margin:0 0 23px} #tl-moscow-feature p{font:14px/1.65 Arial,sans-serif;color:#bcccd1;max-width:440px;margin:0} #tl-moscow-feature .pc-ministats{display:flex;flex-wrap:wrap;gap:28px;margin:23px 0 26px} #tl-moscow-feature .pc-ministats strong{display:block;font:500 26px/1.2 Arial,sans-serif;color:#fff;letter-spacing:-.5px} #tl-moscow-feature .pc-ministats span{display:block;font:11px/1.5 Arial,sans-serif;color:#a9bec4;margin-top:5px} body:has(#tl-moscow-feature) .portfolio-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0} body:has(#tl-moscow-feature) .portfolio-item-wrapper{width:auto;float:none;padding:0;margin:0;min-width:0} body:has(#tl-moscow-feature) .portfolio-item-wrapper[hidden]{display:none!important} body:has(#tl-moscow-feature) a.portfolio-item{display:flex;flex-direction:column;height:100%;margin:0;padding:0;overflow:hidden;border-radius:0;box-shadow:none;border:1px solid #d0dada;background:#fff;color:#172229;text-decoration:none;transition:border-color .2s} body:has(#tl-moscow-feature) a.portfolio-item:hover{border-color:#008795} body:has(#tl-moscow-feature) a.portfolio-item:focus-visible{outline:2px solid #08c6d5;outline-offset:4px} body:has(#tl-moscow-feature) .tl-case-cover{position:relative;aspect-ratio:16/9;height:auto;max-height:320px;background:#e9eeee;overflow:hidden} body:has(#tl-moscow-feature) .tl-case-cover img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0} body:has(#tl-moscow-feature) .tl-case-cover--siz img{object-fit:cover;transform:none} body:has(#tl-moscow-feature) .tl-case-cover--type{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;background:#111b22;color:#fff;background-image:linear-gradient(90deg,#213c4570 1px,transparent 1px),linear-gradient(#213c4570 1px,transparent 1px);background-size:36px 36px} body:has(#tl-moscow-feature) .tl-case-cover--type strong{position:relative;font:500 clamp(32px,3.8vw,51px)/1.08 Arial,sans-serif;letter-spacing:-1.2px;color:#fff;max-width:100%;overflow-wrap:anywhere} body:has(#tl-moscow-feature) .tl-case-cover--type small{font:10px/1.6 monospace;color:#08c6d5;letter-spacing:.4px;margin-bottom:23px} body:has(#tl-moscow-feature) .tl-case-cover--type>span{font:12px/1.6 Arial,sans-serif;color:#b9cacf;margin-top:20px} body:has(#tl-moscow-feature) .portfolio-item-body{position:relative;display:flex;flex-direction:column;flex:1;padding:26px 28px 24px;min-height:170px;border-top:1px solid #d0dada} body:has(#tl-moscow-feature) .portfolio-item-body .tl-case-kind{font:10px/1.5 monospace;letter-spacing:.25px;color:#008795;margin:0 0 12px} body:has(#tl-moscow-feature) .portfolio-item-body h4{font:600 27px/1.2 Arial,sans-serif;letter-spacing:-.65px;color:#172229;margin:0 0 15px;padding:0} body:has(#tl-moscow-feature) .portfolio-item-body p{font:13px/1.6 Arial,sans-serif;color:#66737a;margin:0 0 10px;padding:0} body:has(#tl-moscow-feature) .portfolio-item-body>span{font:10px/1.5 monospace;color:#66737a;margin-top:auto} body:has(#tl-moscow-feature) .portfolio-item-body .tl-case-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:19px;border-top:1px solid #d5dede;color:#008795;font:10px/1.5 monospace} body:has(#tl-moscow-feature) .tl-case-action b{font:400 23px/1 Arial,sans-serif} @media(max-width:1023px){#tl-moscow-feature .pc-feature{grid-template-columns:1fr 1fr}#tl-moscow-feature .pc-featurecopy{padding:28px}body:has(#tl-moscow-feature) .portfolio-item-body{padding:23px}body:has(#tl-moscow-feature) .portfolio-item-body h4{font-size:24px}} @media(max-width:767px){body:has(#tl-moscow-feature) .page-head{padding:25px 0 27px}body:has(#tl-moscow-feature) .page-head h1{font-size:36px;letter-spacing:-.8px}body:has(#tl-moscow-feature) .page-head .tl-cases-intro{font-size:13px}#tl-moscow-feature .pc-feature{grid-template-columns:1fr}#tl-moscow-feature .pc-featurecopy{padding:28px 25px}#tl-moscow-feature h2{font-size:44px}#tl-moscow-feature .pc-tag{font-size:10px}#tl-moscow-feature .pc-ministats{gap:24px}#tl-moscow-feature .pc-ministats strong{font-size:24px}body:has(#tl-moscow-feature) .portfolio-items{grid-template-columns:1fr;gap:22px}body:has(#tl-moscow-feature) .tl-case-cover{max-height:none}body:has(#tl-moscow-feature) .portfolio-item-body{padding:24px}body:has(#tl-moscow-feature) .portfolio-item-body h4{font-size:25px}body:has(#tl-moscow-feature) .tl-case-cover--type{padding:28px}body:has(#tl-moscow-feature) .tl-case-cover--type strong{font-size:38px}} @media(prefers-reduced-motion:reduce){body:has(#tl-moscow-feature) a.portfolio-item{transition:none}} /* === tl-moscow-photos-20261003 === */ #tl-moscow-case .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}#tl-moscow-case .pc-stats strong{font-size:32px}#tl-moscow-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-moscow-case .pc-real-image{height:510px;background:#e7eceb}#tl-moscow-case .pc-real-image>img{object-fit:contain}#tl-moscow-case .pc-cycleline{font-size:9px}#tl-moscow-case .pc-intro{max-width:1040px}#tl-moscow-case .pc-intro p+p{margin-top:18px}#tl-moscow-case figure img{width:100%;height:100%;object-fit:contain;background:#e8eeee;max-height:520px;aspect-ratio:3/4}#tl-moscow-case figcaption{font:11px/1.6 Arial,sans-serif;color:#66737a;margin-top:12px}#tl-moscow-case .pc-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}#tl-moscow-case .pc-photo-grid img{height:360px;aspect-ratio:auto}#tl-moscow-case p.pc-after{margin-top:24px}#tl-moscow-feature{margin-top:26px}#tl-moscow-feature .pc-ministats strong{font-size:28px}#tl-moscow-feature .pc-image>img{object-fit:cover;object-position:center}body:has(#tl-moscow-feature) .portfolio-item-wrapper[hidden]{display:none!important}@media(max-width:767px){#tl-moscow-case .pc-stats,#tl-moscow-case .pc-steps,#tl-moscow-case .pc-photo-grid{grid-template-columns:1fr}#tl-moscow-case .pc-real-image{height:470px;aspect-ratio:auto}#tl-moscow-case .pc-photo-grid img{height:430px}#tl-moscow-case .pc-cycleline{font-size:8px}#tl-moscow-case .pc-stats strong{font-size:30px}} /* === tl-youzbox-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-youzbox-case,#tl-youzbox-case)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-youzbox-case,#tl-youzbox-case)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-youzbox-case,#tl-youzbox-case)) .page-content>.container,body:has(#tl-youzbox-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-youzbox-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-youzbox-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-youzbox-case) .page-head,body:has(#tl-youzbox-case) .portfolio-gallery{display:none} #tl-youzbox-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-youzbox-case *,#tl-youzbox-case *::before,#tl-youzbox-case *::after{box-sizing:border-box} #tl-youzbox-case h1,#tl-youzbox-case h2,#tl-youzbox-case h3,#tl-youzbox-case p,#tl-youzbox-case figure{margin:0;padding:0} #tl-youzbox-case a{text-decoration:none;color:#008795} #tl-youzbox-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-youzbox-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-youzbox-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-youzbox-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-youzbox-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-youzbox-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-youzbox-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-youzbox-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-youzbox-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-youzbox-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-youzbox-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-youzbox-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-youzbox-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-youzbox-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-youzbox-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-youzbox-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-youzbox-case .pc-section{margin-top:68px} #tl-youzbox-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-youzbox-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-youzbox-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-youzbox-case p+p{margin-top:16px} #tl-youzbox-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-youzbox-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-youzbox-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-youzbox-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-youzbox-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-youzbox-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-youzbox-case .pc-step p{font-size:13px;line-height:1.6} #tl-youzbox-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-youzbox-case .pc-delivery h2{font-size:34px} #tl-youzbox-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-youzbox-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-youzbox-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-youzbox-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-youzbox-case p.pc-note{font-size:11px;color:var(--muted)} #tl-youzbox-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-youzbox-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-youzbox-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-youzbox-case .pc-result p{max-width:720px} #tl-youzbox-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-youzbox-case .pc-bottom h2{font-size:34px;color:#fff} #tl-youzbox-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-youzbox-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-youzbox-case,#tl-youzbox-case) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-youzbox-case,#tl-youzbox-case) .pc-button:hover{background:#6be3eb} #tl-youzbox-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-youzbox-case,#tl-youzbox-case)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-youzbox-case .pc-casecopy{padding:28px}#tl-youzbox-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-youzbox-case .pc-split,#tl-youzbox-case .pc-rebrand{gap:28px}#tl-youzbox-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-youzbox-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-youzbox-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-youzbox-case,#tl-youzbox-case)) .page-content>.container,body:has(#tl-youzbox-case) .simple-page>.container{width:calc(100% - 36px)}#tl-youzbox-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-youzbox-case .pc-topline>span{font-size:8px}#tl-youzbox-case .pc-back{font-size:10px}#tl-youzbox-case .pc-casehero{grid-template-columns:1fr}#tl-youzbox-case .pc-casecopy{padding:27px 25px}#tl-youzbox-case h1{font-size:47px}#tl-youzbox-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-youzbox-case .pc-cycleline{font-size:9px}:is(#tl-youzbox-case,#tl-youzbox-case) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-youzbox-case,#tl-youzbox-case) .pc-image>img{object-fit:contain}:is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob strong{font-size:23px}:is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob span,:is(#tl-youzbox-case,#tl-youzbox-case) .pc-blob b{font-size:10px}#tl-youzbox-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-youzbox-case .pc-stats>div{padding-left:12px}#tl-youzbox-case .pc-stats strong{font-size:32px}#tl-youzbox-case .pc-stats span{font-size:11px}#tl-youzbox-case .pc-section{margin-top:44px}#tl-youzbox-case .pc-split,#tl-youzbox-case .pc-delivery,#tl-youzbox-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-youzbox-case h2{font-size:32px;letter-spacing:-.7px}#tl-youzbox-case p{font-size:14px}#tl-youzbox-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-youzbox-case .pc-step{padding:18px 14px}#tl-youzbox-case .pc-step h3{font-size:17px}#tl-youzbox-case .pc-step p{font-size:12px}#tl-youzbox-case .pc-delivery{padding:22px}#tl-youzbox-case .pc-delivery h2{font-size:29px}#tl-youzbox-case .pc-rebrand{padding-top:34px}#tl-youzbox-case .pc-brands img{max-height:280px}#tl-youzbox-case .pc-result,#tl-youzbox-case .pc-bottom{padding:26px 23px}#tl-youzbox-case .pc-bottom h2{font-size:30px}#tl-youzbox-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-youzbox-case .pc-casecopy{padding:25px 20px}#tl-youzbox-case h1{font-size:42px}#tl-youzbox-case .pc-cycleline{font-size:8px}#tl-youzbox-case .pc-steps{gap:12px}#tl-youzbox-case .pc-step h3{font-size:15px}#tl-youzbox-case .pc-brands img{max-height:230px}} #tl-youzbox-case .pc-casehero{grid-template-columns:53% 47%;min-height:540px} #tl-youzbox-case h1{font-size:clamp(40px,4vw,58px)} #tl-youzbox-case .pc-image{min-height:540px;background:#29343a} #tl-youzbox-case .pc-image>img{object-fit:contain;object-position:center} #tl-youzbox-case .pc-stats strong{font-size:34px} #tl-youzbox-case figure img{aspect-ratio:3/4;max-height:520px;object-fit:contain;background:#e9eeee} #tl-home .tl-mini-case-photo--youzbox,.tl-case-cover--youzbox{background:#29343a} #tl-home .tl-mini-case-photo--youzbox img,.tl-case-cover--youzbox img{object-fit:contain;object-position:center} @media(max-width:767px){#tl-youzbox-case .pc-casehero{grid-template-columns:1fr}#tl-youzbox-case .pc-image{min-height:0;height:500px;aspect-ratio:auto}#tl-youzbox-case h1{font-size:40px}#tl-youzbox-case .pc-stats strong{font-size:28px}} /* === tl-fitness-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-fitness-case,#tl-fitness-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-fitness-case,#tl-fitness-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-fitness-case,#tl-fitness-feature)) .page-content>.container,body:has(#tl-fitness-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-fitness-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-fitness-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-fitness-case) .page-head,body:has(#tl-fitness-case) .portfolio-gallery{display:none} #tl-fitness-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-fitness-case *,#tl-fitness-case *::before,#tl-fitness-case *::after{box-sizing:border-box} #tl-fitness-case h1,#tl-fitness-case h2,#tl-fitness-case h3,#tl-fitness-case p,#tl-fitness-case figure{margin:0;padding:0} #tl-fitness-case a{text-decoration:none;color:#008795} #tl-fitness-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-fitness-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-fitness-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-fitness-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-fitness-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-fitness-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-fitness-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-fitness-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-fitness-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-fitness-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-fitness-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-fitness-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-fitness-case,#tl-fitness-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-fitness-case,#tl-fitness-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-fitness-case,#tl-fitness-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-fitness-case,#tl-fitness-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-fitness-case,#tl-fitness-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-fitness-case,#tl-fitness-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-fitness-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-fitness-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-fitness-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-fitness-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-fitness-case .pc-section{margin-top:68px} #tl-fitness-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-fitness-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-fitness-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-fitness-case p+p{margin-top:16px} #tl-fitness-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-fitness-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-fitness-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-fitness-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-fitness-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-fitness-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-fitness-case .pc-step p{font-size:13px;line-height:1.6} #tl-fitness-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-fitness-case .pc-delivery h2{font-size:34px} #tl-fitness-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-fitness-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-fitness-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-fitness-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-fitness-case p.pc-note{font-size:11px;color:var(--muted)} #tl-fitness-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-fitness-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-fitness-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-fitness-case .pc-result p{max-width:720px} #tl-fitness-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-fitness-case .pc-bottom h2{font-size:34px;color:#fff} #tl-fitness-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-fitness-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-fitness-case,#tl-fitness-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-fitness-case,#tl-fitness-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-fitness-case,#tl-fitness-feature) .pc-button:hover{background:#6be3eb} #tl-fitness-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-fitness-case,#tl-fitness-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-fitness-case .pc-casecopy{padding:28px}#tl-fitness-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-fitness-case .pc-split,#tl-fitness-case .pc-rebrand{gap:28px}#tl-fitness-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-fitness-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-fitness-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-fitness-case,#tl-fitness-feature)) .page-content>.container,body:has(#tl-fitness-case) .simple-page>.container{width:calc(100% - 36px)}#tl-fitness-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-fitness-case .pc-topline>span{font-size:8px}#tl-fitness-case .pc-back{font-size:10px}#tl-fitness-case .pc-casehero{grid-template-columns:1fr}#tl-fitness-case .pc-casecopy{padding:27px 25px}#tl-fitness-case h1{font-size:47px}#tl-fitness-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-fitness-case .pc-cycleline{font-size:9px}:is(#tl-fitness-case,#tl-fitness-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-fitness-case,#tl-fitness-feature) .pc-image>img{object-fit:contain}:is(#tl-fitness-case,#tl-fitness-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-fitness-case,#tl-fitness-feature) .pc-blob strong{font-size:23px}:is(#tl-fitness-case,#tl-fitness-feature) .pc-blob span,:is(#tl-fitness-case,#tl-fitness-feature) .pc-blob b{font-size:10px}#tl-fitness-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-fitness-case .pc-stats>div{padding-left:12px}#tl-fitness-case .pc-stats strong{font-size:32px}#tl-fitness-case .pc-stats span{font-size:11px}#tl-fitness-case .pc-section{margin-top:44px}#tl-fitness-case .pc-split,#tl-fitness-case .pc-delivery,#tl-fitness-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-fitness-case h2{font-size:32px;letter-spacing:-.7px}#tl-fitness-case p{font-size:14px}#tl-fitness-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-fitness-case .pc-step{padding:18px 14px}#tl-fitness-case .pc-step h3{font-size:17px}#tl-fitness-case .pc-step p{font-size:12px}#tl-fitness-case .pc-delivery{padding:22px}#tl-fitness-case .pc-delivery h2{font-size:29px}#tl-fitness-case .pc-rebrand{padding-top:34px}#tl-fitness-case .pc-brands img{max-height:280px}#tl-fitness-case .pc-result,#tl-fitness-case .pc-bottom{padding:26px 23px}#tl-fitness-case .pc-bottom h2{font-size:30px}#tl-fitness-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-fitness-case .pc-casecopy{padding:25px 20px}#tl-fitness-case h1{font-size:42px}#tl-fitness-case .pc-cycleline{font-size:8px}#tl-fitness-case .pc-steps{gap:12px}#tl-fitness-case .pc-step h3{font-size:15px}#tl-fitness-case .pc-brands img{max-height:230px}} #tl-fitness-case h1{font-size:clamp(40px,4.25vw,61px)} #tl-fitness-case .pc-image{background:#6b6b68} #tl-fitness-case .pc-image>img{object-fit:contain;object-position:center} #tl-fitness-case .pc-image-label{position:absolute;left:18px;bottom:18px;padding:8px 11px;background:#111b22e8;color:#fff;font:9px/1.5 monospace;letter-spacing:.5px} #tl-fitness-case .pc-stats strong{font-size:36px} #tl-fitness-case .pc-design>p{max-width:750px} #tl-fitness-case .pc-design-wide{margin-top:30px} #tl-fitness-case .pc-design-wide img{aspect-ratio:16/9;object-fit:contain;background:#666} #tl-fitness-case .pc-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:27px} #tl-fitness-case .pc-concept-grid img{height:370px;aspect-ratio:auto;object-fit:contain;background:#e9eeee} #tl-fitness-case .pc-control{padding:32px;background:#e9eeee;gap:38px} #tl-fitness-case .pc-control figure img{aspect-ratio:auto;object-fit:contain} #tl-fitness-case .pc-control h2{font-size:34px} #tl-fitness-case video{display:block;width:100%;height:550px;object-fit:contain;background:#111b22} @media(max-width:767px){#tl-fitness-case h1{font-size:43px}#tl-fitness-case .pc-stats strong{font-size:30px}#tl-fitness-case .pc-concept-grid{grid-template-columns:1fr;gap:24px}#tl-fitness-case .pc-concept-grid img{height:350px}#tl-fitness-case .pc-control{padding:23px}#tl-fitness-case .pc-control h2{font-size:29px}#tl-fitness-case video{height:500px}} @media(max-width:390px){#tl-fitness-case h1{font-size:39px}#tl-fitness-case .pc-stats strong{font-size:28px}#tl-fitness-case .pc-cycleline{font-size:8px}} /* === tl-yalina-case-design-20261003 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-yalina-case,#tl-yalina-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-yalina-case,#tl-yalina-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-yalina-case,#tl-yalina-feature)) .page-content>.container,body:has(#tl-yalina-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-yalina-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-yalina-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-yalina-case) .page-head,body:has(#tl-yalina-case) .portfolio-gallery{display:none} #tl-yalina-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-yalina-case *,#tl-yalina-case *::before,#tl-yalina-case *::after{box-sizing:border-box} #tl-yalina-case h1,#tl-yalina-case h2,#tl-yalina-case h3,#tl-yalina-case p,#tl-yalina-case figure{margin:0;padding:0} #tl-yalina-case a{text-decoration:none;color:#008795} #tl-yalina-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-yalina-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-yalina-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-yalina-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-yalina-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-yalina-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-yalina-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-yalina-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-yalina-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-yalina-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-yalina-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-yalina-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-yalina-case,#tl-yalina-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-yalina-case,#tl-yalina-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-yalina-case,#tl-yalina-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-yalina-case,#tl-yalina-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-yalina-case,#tl-yalina-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-yalina-case,#tl-yalina-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-yalina-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-yalina-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-yalina-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-yalina-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-yalina-case .pc-section{margin-top:68px} #tl-yalina-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-yalina-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-yalina-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-yalina-case p+p{margin-top:16px} #tl-yalina-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-yalina-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-yalina-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-yalina-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-yalina-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-yalina-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-yalina-case .pc-step p{font-size:13px;line-height:1.6} #tl-yalina-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-yalina-case .pc-delivery h2{font-size:34px} #tl-yalina-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-yalina-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-yalina-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-yalina-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-yalina-case p.pc-note{font-size:11px;color:var(--muted)} #tl-yalina-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-yalina-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-yalina-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-yalina-case .pc-result p{max-width:720px} #tl-yalina-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-yalina-case .pc-bottom h2{font-size:34px;color:#fff} #tl-yalina-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-yalina-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-yalina-case,#tl-yalina-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-yalina-case,#tl-yalina-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-yalina-case,#tl-yalina-feature) .pc-button:hover{background:#6be3eb} #tl-yalina-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-yalina-case,#tl-yalina-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-yalina-case .pc-casecopy{padding:28px}#tl-yalina-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-yalina-case .pc-split,#tl-yalina-case .pc-rebrand{gap:28px}#tl-yalina-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-yalina-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-yalina-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-yalina-case,#tl-yalina-feature)) .page-content>.container,body:has(#tl-yalina-case) .simple-page>.container{width:calc(100% - 36px)}#tl-yalina-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-yalina-case .pc-topline>span{font-size:8px}#tl-yalina-case .pc-back{font-size:10px}#tl-yalina-case .pc-casehero{grid-template-columns:1fr}#tl-yalina-case .pc-casecopy{padding:27px 25px}#tl-yalina-case h1{font-size:47px}#tl-yalina-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-yalina-case .pc-cycleline{font-size:9px}:is(#tl-yalina-case,#tl-yalina-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-yalina-case,#tl-yalina-feature) .pc-image>img{object-fit:contain}:is(#tl-yalina-case,#tl-yalina-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-yalina-case,#tl-yalina-feature) .pc-blob strong{font-size:23px}:is(#tl-yalina-case,#tl-yalina-feature) .pc-blob span,:is(#tl-yalina-case,#tl-yalina-feature) .pc-blob b{font-size:10px}#tl-yalina-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-yalina-case .pc-stats>div{padding-left:12px}#tl-yalina-case .pc-stats strong{font-size:32px}#tl-yalina-case .pc-stats span{font-size:11px}#tl-yalina-case .pc-section{margin-top:44px}#tl-yalina-case .pc-split,#tl-yalina-case .pc-delivery,#tl-yalina-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-yalina-case h2{font-size:32px;letter-spacing:-.7px}#tl-yalina-case p{font-size:14px}#tl-yalina-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-yalina-case .pc-step{padding:18px 14px}#tl-yalina-case .pc-step h3{font-size:17px}#tl-yalina-case .pc-step p{font-size:12px}#tl-yalina-case .pc-delivery{padding:22px}#tl-yalina-case .pc-delivery h2{font-size:29px}#tl-yalina-case .pc-rebrand{padding-top:34px}#tl-yalina-case .pc-brands img{max-height:280px}#tl-yalina-case .pc-result,#tl-yalina-case .pc-bottom{padding:26px 23px}#tl-yalina-case .pc-bottom h2{font-size:30px}#tl-yalina-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-yalina-case .pc-casecopy{padding:25px 20px}#tl-yalina-case h1{font-size:42px}#tl-yalina-case .pc-cycleline{font-size:8px}#tl-yalina-case .pc-steps{gap:12px}#tl-yalina-case .pc-step h3{font-size:15px}#tl-yalina-case .pc-brands img{max-height:230px}} #tl-yalina-case h1{font-size:clamp(40px,4.2vw,61px)} #tl-yalina-case .pc-casehero{grid-template-columns:46% 54%;min-height:510px} #tl-yalina-case .pc-image{min-height:510px;background:#e2e4e4} #tl-yalina-case .pc-image>img{object-fit:contain;object-position:center} #tl-yalina-case .pc-image-label{position:absolute;bottom:16px;left:16px;padding:7px 10px;background:#111b22e8;color:#fff;font:8px/1.5 monospace;letter-spacing:.4px} #tl-yalina-case .pc-stats strong{font-size:32px} #tl-yalina-case .pc-intro{max-width:1000px} #tl-yalina-case .pc-photos>p{max-width:820px} #tl-yalina-case .pc-photo-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;margin-top:30px} #tl-yalina-case .pc-photo-grid img{height:430px;aspect-ratio:auto;object-fit:contain;background:#e9eeee} #tl-yalina-case .pc-photos .pc-note{margin-top:22px;max-width:none} #tl-yalina-case .pc-software{align-items:start} #tl-yalina-case .pc-software h2{margin-bottom:0} body:has(#tl-yandex-feature) .portfolio-item[href$="/postamaty-dla-seti-himcistok-alina"] .tl-case-cover{background:#e2e4e4} @media(max-width:767px){#tl-yalina-case .pc-casehero{grid-template-columns:1fr;min-height:0}#tl-yalina-case .pc-image{height:390px;min-height:0;aspect-ratio:auto}#tl-yalina-case h1{font-size:43px}#tl-yalina-case .pc-stats strong{font-size:27px}#tl-yalina-case .pc-photo-grid{grid-template-columns:1fr;gap:25px}#tl-yalina-case .pc-photo-grid img{height:auto;max-height:500px}#tl-yalina-case .pc-software h2{font-size:29px}} @media(max-width:390px){#tl-yalina-case h1{font-size:39px}#tl-yalina-case .pc-image{height:350px}#tl-yalina-case .pc-cycleline{font-size:8px}} /* === tl-youzbox-media-v2-20261003 === */ #tl-youzbox-case .pc-casehero{position:relative;display:flex;align-items:center;grid-template-columns:none;aspect-ratio:1672/941;min-height:0;isolation:isolate} #tl-youzbox-case .pc-casehero>.pc-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;z-index:-2;background:#c9c9c2} #tl-youzbox-case .pc-casehero>.pc-image>img{width:100%;height:100%;object-fit:cover;object-position:center} #tl-youzbox-case .pc-casehero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,18,24,.94),rgba(7,18,24,.83) 28%,rgba(7,18,24,.33) 47%,transparent 66%);pointer-events:none} #tl-youzbox-case .pc-casehero>.pc-casecopy{position:relative;z-index:1;width:44%;padding:40px;align-self:center} #tl-youzbox-case .pc-casecopy h1{font-size:clamp(36px,4.1vw,58px)} #tl-youzbox-case .pc-casecopy p{color:#e0e8e9;font-size:15px} #tl-youzbox-case .pc-casecopy .pc-herofacts{font-size:20px;color:#fff} #tl-youzbox-case .pc-cycleline{font-size:9px;color:#75e7ed;border-color:#658189;line-height:1.7} #tl-youzbox-case .pc-casecopy .pc-video-link{display:inline-flex;align-items:center;gap:20px;margin-top:25px;color:#fff;border-bottom:1px solid #08c6d5;padding-bottom:7px;font:700 11px/1.5 Arial,sans-serif} #tl-youzbox-case .pc-casecopy .pc-video-link span{color:#08c6d5;font-size:17px} #tl-youzbox-case .pc-video-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:48px;align-items:center;background:#e9eeee;padding:38px;scroll-margin-top:95px} #tl-youzbox-case .pc-video-section p{max-width:620px} #tl-youzbox-case .pc-video-section .pc-video-length{margin-top:28px;color:#008795;font:11px/1.5 monospace} #tl-youzbox-case .pc-video-section video{display:block;width:100%;height:auto;aspect-ratio:480/848;object-fit:cover;background:#111b22} #tl-youzbox-case .pc-video-section figcaption{font:11px/1.5 Arial,sans-serif;color:#526168} #tl-youzbox-case .pc-split{grid-template-columns:minmax(0,1.5fr) minmax(250px,340px)} #tl-youzbox-case .pc-split figure img{width:100%;height:auto;aspect-ratio:720/1280;max-height:none;object-fit:cover} #tl-home .tl-mini-case-photo--youzbox img{width:100%;height:100%;object-fit:cover!important;object-position:center;transform:none} body:has(.tl-case-cover--youzbox) .tl-case-cover--youzbox{aspect-ratio:1672/941;height:auto;max-height:none} body:has(.tl-case-cover--youzbox) .tl-case-cover--youzbox img{width:100%;height:100%;object-fit:cover!important;object-position:center;transform:none} @media(min-width:768px) and (max-width:1023px){#tl-youzbox-case .pc-casehero>.pc-casecopy{padding:25px;width:48%}#tl-youzbox-case .pc-casecopy h1{font-size:37px}#tl-youzbox-case .pc-casecopy p{font-size:13px}#tl-youzbox-case .pc-casecopy .pc-herofacts{font-size:17px}#tl-youzbox-case .pc-casecopy .pc-kicker{font-size:9px;margin-bottom:14px}#tl-youzbox-case .pc-cycleline{margin-top:18px;font-size:8px}#tl-youzbox-case .pc-video-section{padding:28px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(230px,280px)}} @media(max-width:767px){#tl-youzbox-case .pc-casehero{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}#tl-youzbox-case .pc-casehero>.pc-image{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:1672/941;z-index:0}#tl-youzbox-case .pc-casehero>.pc-casecopy{order:1;width:100%;padding:27px 25px;z-index:1}#tl-youzbox-case .pc-casehero::after{display:none}#tl-youzbox-case .pc-casecopy h1{font-size:40px}#tl-youzbox-case .pc-video-section,#tl-youzbox-case .pc-split{grid-template-columns:1fr;gap:27px}#tl-youzbox-case .pc-video-section{padding:26px 23px}#tl-youzbox-case .pc-video-section figure,#tl-youzbox-case .pc-split figure{width:min(340px,100%);margin-inline:auto}#tl-youzbox-case .pc-video-section .pc-video-length{margin-top:20px}} /* === tl-metro-card-quality-20261004 === */ body:has(#tl-yandex-feature) a.portfolio-item[href$="/stojki-videonablyudeniya-moskovskogo-metro"]>img{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:320px;object-fit:cover;object-position:center 10%;margin:0;float:none;transform:none} @media(max-width:767px){body:has(#tl-yandex-feature) a.portfolio-item[href$="/stojki-videonablyudeniya-moskovskogo-metro"]>img{max-height:none}} /* === tl-cityhall-case-design-20261004 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-cityhall-case,#tl-cityhall-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-cityhall-case,#tl-cityhall-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-cityhall-case,#tl-cityhall-feature)) .page-content>.container,body:has(#tl-cityhall-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-cityhall-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-cityhall-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-cityhall-case) .page-head,body:has(#tl-cityhall-case) .portfolio-gallery{display:none} #tl-cityhall-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-cityhall-case *,#tl-cityhall-case *::before,#tl-cityhall-case *::after{box-sizing:border-box} #tl-cityhall-case h1,#tl-cityhall-case h2,#tl-cityhall-case h3,#tl-cityhall-case p,#tl-cityhall-case figure{margin:0;padding:0} #tl-cityhall-case a{text-decoration:none;color:#008795} #tl-cityhall-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-cityhall-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-cityhall-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-cityhall-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-cityhall-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-cityhall-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-cityhall-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-cityhall-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-cityhall-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-cityhall-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-cityhall-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-cityhall-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-cityhall-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-cityhall-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-cityhall-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-cityhall-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-cityhall-case .pc-section{margin-top:68px} #tl-cityhall-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-cityhall-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-cityhall-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-cityhall-case p+p{margin-top:16px} #tl-cityhall-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-cityhall-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-cityhall-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-cityhall-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-cityhall-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-cityhall-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-cityhall-case .pc-step p{font-size:13px;line-height:1.6} #tl-cityhall-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-cityhall-case .pc-delivery h2{font-size:34px} #tl-cityhall-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-cityhall-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-cityhall-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-cityhall-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-cityhall-case p.pc-note{font-size:11px;color:var(--muted)} #tl-cityhall-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-cityhall-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-cityhall-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-cityhall-case .pc-result p{max-width:720px} #tl-cityhall-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-cityhall-case .pc-bottom h2{font-size:34px;color:#fff} #tl-cityhall-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-cityhall-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-cityhall-case,#tl-cityhall-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-cityhall-case,#tl-cityhall-feature) .pc-button:hover{background:#6be3eb} #tl-cityhall-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-cityhall-case,#tl-cityhall-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-cityhall-case .pc-casecopy{padding:28px}#tl-cityhall-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-cityhall-case .pc-split,#tl-cityhall-case .pc-rebrand{gap:28px}#tl-cityhall-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-cityhall-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-cityhall-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-cityhall-case,#tl-cityhall-feature)) .page-content>.container,body:has(#tl-cityhall-case) .simple-page>.container{width:calc(100% - 36px)}#tl-cityhall-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-cityhall-case .pc-topline>span{font-size:8px}#tl-cityhall-case .pc-back{font-size:10px}#tl-cityhall-case .pc-casehero{grid-template-columns:1fr}#tl-cityhall-case .pc-casecopy{padding:27px 25px}#tl-cityhall-case h1{font-size:47px}#tl-cityhall-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-cityhall-case .pc-cycleline{font-size:9px}:is(#tl-cityhall-case,#tl-cityhall-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-cityhall-case,#tl-cityhall-feature) .pc-image>img{object-fit:contain}:is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob strong{font-size:23px}:is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob span,:is(#tl-cityhall-case,#tl-cityhall-feature) .pc-blob b{font-size:10px}#tl-cityhall-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-cityhall-case .pc-stats>div{padding-left:12px}#tl-cityhall-case .pc-stats strong{font-size:32px}#tl-cityhall-case .pc-stats span{font-size:11px}#tl-cityhall-case .pc-section{margin-top:44px}#tl-cityhall-case .pc-split,#tl-cityhall-case .pc-delivery,#tl-cityhall-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-cityhall-case h2{font-size:32px;letter-spacing:-.7px}#tl-cityhall-case p{font-size:14px}#tl-cityhall-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-cityhall-case .pc-step{padding:18px 14px}#tl-cityhall-case .pc-step h3{font-size:17px}#tl-cityhall-case .pc-step p{font-size:12px}#tl-cityhall-case .pc-delivery{padding:22px}#tl-cityhall-case .pc-delivery h2{font-size:29px}#tl-cityhall-case .pc-rebrand{padding-top:34px}#tl-cityhall-case .pc-brands img{max-height:280px}#tl-cityhall-case .pc-result,#tl-cityhall-case .pc-bottom{padding:26px 23px}#tl-cityhall-case .pc-bottom h2{font-size:30px}#tl-cityhall-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-cityhall-case .pc-casecopy{padding:25px 20px}#tl-cityhall-case h1{font-size:42px}#tl-cityhall-case .pc-cycleline{font-size:8px}#tl-cityhall-case .pc-steps{gap:12px}#tl-cityhall-case .pc-step h3{font-size:15px}#tl-cityhall-case .pc-brands img{max-height:230px}} #tl-cityhall-case .pc-image>img{object-fit:cover!important;object-position:center!important;}#tl-cityhall-case .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr));}#tl-cityhall-case .pc-stats strong{font-size:34px;}#tl-cityhall-case p.pc-visual-caption{font:10px/1.6 monospace;padding:12px 0 0;color:#66737a;}#tl-cityhall-case .pc-wide-photo img{aspect-ratio:3/2;object-fit:cover;object-position:center;width:100%;height:auto;}#tl-cityhall-case .pc-split figure img{aspect-ratio:3/2;object-fit:cover;}@media(max-width:767px){#tl-cityhall-case .pc-stats{grid-template-columns:1fr 1fr;}#tl-cityhall-case .pc-stats>div:last-child{grid-column:1/-1;}#tl-cityhall-case .pc-stats strong{font-size:30px;}} /* === tl-cityhall-card-20261004 === */ .portfolio-item[href$="/postamat-s-bolsim-ekranom-i-multimedia-stojka-dla-merii"] .tl-case-cover img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;} /* === tl-sneak-case-design-20261004 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-sneak-case,#tl-sneak-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-sneak-case,#tl-sneak-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-sneak-case,#tl-sneak-feature)) .page-content>.container,body:has(#tl-sneak-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-sneak-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-sneak-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-sneak-case) .page-head,body:has(#tl-sneak-case) .portfolio-gallery{display:none} #tl-sneak-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-sneak-case *,#tl-sneak-case *::before,#tl-sneak-case *::after{box-sizing:border-box} #tl-sneak-case h1,#tl-sneak-case h2,#tl-sneak-case h3,#tl-sneak-case p,#tl-sneak-case figure{margin:0;padding:0} #tl-sneak-case a{text-decoration:none;color:#008795} #tl-sneak-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-sneak-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-sneak-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-sneak-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-sneak-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-sneak-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-sneak-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-sneak-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-sneak-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-sneak-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-sneak-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-sneak-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-sneak-case,#tl-sneak-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-sneak-case,#tl-sneak-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-sneak-case,#tl-sneak-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-sneak-case,#tl-sneak-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-sneak-case,#tl-sneak-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-sneak-case,#tl-sneak-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-sneak-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-sneak-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-sneak-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-sneak-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-sneak-case .pc-section{margin-top:68px} #tl-sneak-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-sneak-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-sneak-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-sneak-case p+p{margin-top:16px} #tl-sneak-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-sneak-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-sneak-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-sneak-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-sneak-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-sneak-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-sneak-case .pc-step p{font-size:13px;line-height:1.6} #tl-sneak-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-sneak-case .pc-delivery h2{font-size:34px} #tl-sneak-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-sneak-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-sneak-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-sneak-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-sneak-case p.pc-note{font-size:11px;color:var(--muted)} #tl-sneak-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-sneak-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-sneak-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-sneak-case .pc-result p{max-width:720px} #tl-sneak-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-sneak-case .pc-bottom h2{font-size:34px;color:#fff} #tl-sneak-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-sneak-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-sneak-case,#tl-sneak-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-sneak-case,#tl-sneak-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-sneak-case,#tl-sneak-feature) .pc-button:hover{background:#6be3eb} #tl-sneak-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-sneak-case,#tl-sneak-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-sneak-case .pc-casecopy{padding:28px}#tl-sneak-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-sneak-case .pc-split,#tl-sneak-case .pc-rebrand{gap:28px}#tl-sneak-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-sneak-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-sneak-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-sneak-case,#tl-sneak-feature)) .page-content>.container,body:has(#tl-sneak-case) .simple-page>.container{width:calc(100% - 36px)}#tl-sneak-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-sneak-case .pc-topline>span{font-size:8px}#tl-sneak-case .pc-back{font-size:10px}#tl-sneak-case .pc-casehero{grid-template-columns:1fr}#tl-sneak-case .pc-casecopy{padding:27px 25px}#tl-sneak-case h1{font-size:47px}#tl-sneak-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-sneak-case .pc-cycleline{font-size:9px}:is(#tl-sneak-case,#tl-sneak-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-sneak-case,#tl-sneak-feature) .pc-image>img{object-fit:contain}:is(#tl-sneak-case,#tl-sneak-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-sneak-case,#tl-sneak-feature) .pc-blob strong{font-size:23px}:is(#tl-sneak-case,#tl-sneak-feature) .pc-blob span,:is(#tl-sneak-case,#tl-sneak-feature) .pc-blob b{font-size:10px}#tl-sneak-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-sneak-case .pc-stats>div{padding-left:12px}#tl-sneak-case .pc-stats strong{font-size:32px}#tl-sneak-case .pc-stats span{font-size:11px}#tl-sneak-case .pc-section{margin-top:44px}#tl-sneak-case .pc-split,#tl-sneak-case .pc-delivery,#tl-sneak-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-sneak-case h2{font-size:32px;letter-spacing:-.7px}#tl-sneak-case p{font-size:14px}#tl-sneak-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-sneak-case .pc-step{padding:18px 14px}#tl-sneak-case .pc-step h3{font-size:17px}#tl-sneak-case .pc-step p{font-size:12px}#tl-sneak-case .pc-delivery{padding:22px}#tl-sneak-case .pc-delivery h2{font-size:29px}#tl-sneak-case .pc-rebrand{padding-top:34px}#tl-sneak-case .pc-brands img{max-height:280px}#tl-sneak-case .pc-result,#tl-sneak-case .pc-bottom{padding:26px 23px}#tl-sneak-case .pc-bottom h2{font-size:30px}#tl-sneak-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-sneak-case .pc-casecopy{padding:25px 20px}#tl-sneak-case h1{font-size:42px}#tl-sneak-case .pc-cycleline{font-size:8px}#tl-sneak-case .pc-steps{gap:12px}#tl-sneak-case .pc-step h3{font-size:15px}#tl-sneak-case .pc-brands img{max-height:230px}} /* === tl-sneak-cover-ratio-20261004 === */ .portfolio-item[href$="/postavka-postamatov-dla-seti-himcistok-sneaknfresh"] .tl-case-cover{height:auto!important;aspect-ratio:3/2!important;}.portfolio-item[href$="/postavka-postamatov-dla-seti-himcistok-sneaknfresh"] .tl-case-cover img{aspect-ratio:3/2;height:auto!important;object-fit:cover!important;} /* === tl-osnova-case-design-20261004 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-osnova-case,#tl-osnova-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-osnova-case,#tl-osnova-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-osnova-case,#tl-osnova-feature)) .page-content>.container,body:has(#tl-osnova-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-osnova-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-osnova-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-osnova-case) .page-head,body:has(#tl-osnova-case) .portfolio-gallery{display:none} #tl-osnova-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-osnova-case *,#tl-osnova-case *::before,#tl-osnova-case *::after{box-sizing:border-box} #tl-osnova-case h1,#tl-osnova-case h2,#tl-osnova-case h3,#tl-osnova-case p,#tl-osnova-case figure{margin:0;padding:0} #tl-osnova-case a{text-decoration:none;color:#008795} #tl-osnova-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-osnova-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-osnova-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-osnova-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-osnova-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-osnova-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-osnova-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-osnova-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-osnova-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-osnova-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-osnova-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-osnova-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-osnova-case,#tl-osnova-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-osnova-case,#tl-osnova-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-osnova-case,#tl-osnova-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-osnova-case,#tl-osnova-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-osnova-case,#tl-osnova-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-osnova-case,#tl-osnova-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-osnova-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-osnova-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-osnova-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-osnova-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-osnova-case .pc-section{margin-top:68px} #tl-osnova-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-osnova-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-osnova-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-osnova-case p+p{margin-top:16px} #tl-osnova-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-osnova-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-osnova-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-osnova-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-osnova-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-osnova-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-osnova-case .pc-step p{font-size:13px;line-height:1.6} #tl-osnova-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-osnova-case .pc-delivery h2{font-size:34px} #tl-osnova-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-osnova-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-osnova-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-osnova-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-osnova-case p.pc-note{font-size:11px;color:var(--muted)} #tl-osnova-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-osnova-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-osnova-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-osnova-case .pc-result p{max-width:720px} #tl-osnova-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-osnova-case .pc-bottom h2{font-size:34px;color:#fff} #tl-osnova-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-osnova-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-osnova-case,#tl-osnova-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-osnova-case,#tl-osnova-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-osnova-case,#tl-osnova-feature) .pc-button:hover{background:#6be3eb} #tl-osnova-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-osnova-case,#tl-osnova-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-osnova-case .pc-casecopy{padding:28px}#tl-osnova-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-osnova-case .pc-split,#tl-osnova-case .pc-rebrand{gap:28px}#tl-osnova-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-osnova-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-osnova-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-osnova-case,#tl-osnova-feature)) .page-content>.container,body:has(#tl-osnova-case) .simple-page>.container{width:calc(100% - 36px)}#tl-osnova-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-osnova-case .pc-topline>span{font-size:8px}#tl-osnova-case .pc-back{font-size:10px}#tl-osnova-case .pc-casehero{grid-template-columns:1fr}#tl-osnova-case .pc-casecopy{padding:27px 25px}#tl-osnova-case h1{font-size:47px}#tl-osnova-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-osnova-case .pc-cycleline{font-size:9px}:is(#tl-osnova-case,#tl-osnova-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-osnova-case,#tl-osnova-feature) .pc-image>img{object-fit:contain}:is(#tl-osnova-case,#tl-osnova-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-osnova-case,#tl-osnova-feature) .pc-blob strong{font-size:23px}:is(#tl-osnova-case,#tl-osnova-feature) .pc-blob span,:is(#tl-osnova-case,#tl-osnova-feature) .pc-blob b{font-size:10px}#tl-osnova-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-osnova-case .pc-stats>div{padding-left:12px}#tl-osnova-case .pc-stats strong{font-size:32px}#tl-osnova-case .pc-stats span{font-size:11px}#tl-osnova-case .pc-section{margin-top:44px}#tl-osnova-case .pc-split,#tl-osnova-case .pc-delivery,#tl-osnova-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-osnova-case h2{font-size:32px;letter-spacing:-.7px}#tl-osnova-case p{font-size:14px}#tl-osnova-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-osnova-case .pc-step{padding:18px 14px}#tl-osnova-case .pc-step h3{font-size:17px}#tl-osnova-case .pc-step p{font-size:12px}#tl-osnova-case .pc-delivery{padding:22px}#tl-osnova-case .pc-delivery h2{font-size:29px}#tl-osnova-case .pc-rebrand{padding-top:34px}#tl-osnova-case .pc-brands img{max-height:280px}#tl-osnova-case .pc-result,#tl-osnova-case .pc-bottom{padding:26px 23px}#tl-osnova-case .pc-bottom h2{font-size:30px}#tl-osnova-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-osnova-case .pc-casecopy{padding:25px 20px}#tl-osnova-case h1{font-size:42px}#tl-osnova-case .pc-cycleline{font-size:8px}#tl-osnova-case .pc-steps{gap:12px}#tl-osnova-case .pc-step h3{font-size:15px}#tl-osnova-case .pc-brands img{max-height:230px}} #tl-osnova-case .pc-casehero{position:relative;display:flex;align-items:center;grid-template-columns:none;aspect-ratio:1672/941;min-height:0;isolation:isolate} #tl-osnova-case .pc-casehero>.pc-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:-2;background:#818078} #tl-osnova-case .pc-casehero>.pc-image>img{width:100%;height:100%;object-fit:cover;object-position:center} #tl-osnova-case .pc-casehero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,18,24,.92),rgba(7,18,24,.80) 25%,rgba(7,18,24,.25) 43%,transparent 62%);pointer-events:none} #tl-osnova-case .pc-casehero>.pc-casecopy{width:44%;padding:40px;position:relative;z-index:1} #tl-osnova-case .pc-casecopy h1{font-size:clamp(36px,4.2vw,60px)} #tl-osnova-case .pc-casecopy p{color:#e0e8e9} #tl-osnova-case .pc-casecopy .pc-herofacts{color:#fff;font-size:20px} #tl-osnova-case .pc-stats strong{font-size:34px} #tl-osnova-case .pc-intro{max-width:920px} #tl-osnova-case .pc-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px} #tl-osnova-case .pc-photo-grid img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover} #tl-home .tl-mini-case-photo--osnova img{width:100%;height:100%;object-fit:cover!important;object-position:right center;transform:none!important} body:has(#tl-yandex-feature) .tl-case-cover--osnova{height:auto;aspect-ratio:1672/941;max-height:320px;overflow:hidden} body:has(#tl-yandex-feature) .tl-case-cover--osnova img{width:100%;height:100%;object-fit:cover!important;object-position:center;transform:none!important} @media(min-width:768px) and (max-width:1023px){#tl-osnova-case .pc-casehero>.pc-casecopy{padding:24px;width:47%}#tl-osnova-case .pc-casecopy h1{font-size:36px}#tl-osnova-case .pc-casecopy p{font-size:13px}#tl-osnova-case .pc-casecopy .pc-herofacts{font-size:16px}#tl-osnova-case .pc-cycleline{margin-top:20px;font-size:8px}#tl-osnova-case .pc-kicker{font-size:9px;margin-bottom:15px}} @media(max-width:767px){#tl-osnova-case .pc-casehero{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}#tl-osnova-case .pc-casehero>.pc-image{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:1672/941;z-index:0}#tl-osnova-case .pc-casehero>.pc-casecopy{order:1;width:100%;padding:27px 25px}#tl-osnova-case .pc-casehero::after{display:none}#tl-osnova-case .pc-casecopy h1{font-size:40px}#tl-osnova-case .pc-stats strong{font-size:28px}#tl-osnova-case .pc-photo-grid{grid-template-columns:1fr;gap:25px}body:has(#tl-yandex-feature) .tl-case-cover--osnova{max-height:none}} /* === tl-developments-design-20261004 === */ /* Techline developments index. Project content will be added individually. */ body:has(#tl-developments){background:#f8faf9!important;font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(#tl-developments) .content-wrapper,body:has(#tl-developments) .page-content,body:has(#tl-developments) .simple-page{background:#f8faf9!important;padding:0!important;border:0!important;min-height:0} body:has(#tl-developments) .promo-line,body:has(#tl-developments) .page-head{display:none!important} body:has(#tl-developments) .page-content>.container,body:has(#tl-developments) .simple-page>.container{width:100%;max-width:none;padding:0!important} #tl-developments{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;--line:#d7e1e2;width:min(1316px,calc(100% - 88px));margin:0 auto;padding:0 0 36px;color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif;text-align:left} #tl-developments *,#tl-developments *::before,#tl-developments *::after{box-sizing:border-box} #tl-developments h1,#tl-developments h2,#tl-developments h3,#tl-developments p{padding:0;margin:0;text-transform:none;color:var(--ink)} #tl-developments a{text-decoration:none;color:inherit} #tl-developments a:focus-visible{outline:2px solid #008795;outline-offset:4px} #tl-developments .dv-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;font:10px/1.5 monospace} #tl-developments .dv-breadcrumb a{color:#008795;min-height:28px;display:flex;align-items:center} #tl-developments .dv-breadcrumb>span{color:var(--muted)} #tl-developments .dv-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;padding:8px 0 29px} #tl-developments .dv-kicker{display:flex;align-items:center;gap:12px;font:11px/1.4 monospace;color:#008795;letter-spacing:.4px} #tl-developments .dv-kicker::before{content:"";width:35px;height:2px;background:var(--cyan)} #tl-developments h1{font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-1.5px;line-height:1.12;margin-top:17px} #tl-developments .dv-intro>p{max-width:490px;color:var(--muted);font-size:15px;line-height:1.65} #tl-developments .dv-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0} #tl-developments .dv-stage{min-width:0;border-left:2px solid var(--cyan);padding-left:15px} #tl-developments .dv-stage>span{display:block;color:#008795;font:10px/1.4 monospace;margin-bottom:7px} #tl-developments .dv-stage h2{font-size:17px;font-weight:500;line-height:1.3;letter-spacing:0} #tl-developments .dv-stage p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px} #tl-developments .dv-list-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:27px 0 18px} #tl-developments .dv-list-heading h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.4px} #tl-developments .dv-list-heading>span{font:10px/1.5 monospace;color:var(--muted)} #tl-developments .dv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #tl-developments .dv-grid:empty{display:none} #tl-developments .dv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);min-width:0;overflow:hidden} #tl-developments .dv-card-photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e4eeee} #tl-developments .dv-card-photo img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;float:none} #tl-developments .dv-card-stage{position:absolute;top:14px;left:14px;padding:7px 10px;background:#fff;border-left:3px solid var(--cyan);color:#008795;font:10px/1.4 monospace} #tl-developments .dv-card-copy{padding:18px 19px;display:flex;flex-direction:column;flex:1;gap:12px} #tl-developments .dv-card-copy h3{font-size:21px;font-weight:500;line-height:1.25} #tl-developments .dv-card-copy p{font-size:13px;color:var(--muted)} #tl-developments .dv-card-foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;font:10px/1.5 monospace;color:#008795} #tl-developments .dv-empty{display:flex;align-items:center;gap:24px;padding:25px 28px;background:#edf2f2;min-height:116px} #tl-developments .dv-empty-icon{width:47px;height:54px;border:2px solid #8aabaf;position:relative;flex-shrink:0;background:#f8faf9} #tl-developments .dv-empty-icon::before{content:"";position:absolute;inset:10px 8px;border-top:2px solid #8aabaf;border-bottom:2px solid #8aabaf} #tl-developments .dv-empty-icon::after{content:"+";position:absolute;right:-9px;bottom:-8px;background:var(--cyan);color:var(--navy);width:25px;height:25px;text-align:center;font:400 21px/25px Arial,sans-serif} #tl-developments .dv-empty h3{font-size:19px;font-weight:500;line-height:1.35} #tl-developments .dv-empty p{color:var(--muted);font-size:13px;line-height:1.65;max-width:710px;margin-top:5px} #tl-developments .dv-notes{display:flex;justify-content:space-between;gap:30px;margin:15px 0 27px;font-size:11px;line-height:1.6;color:var(--muted)} #tl-developments .dv-contact{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 28px;background:var(--navy);color:#fff;scroll-margin-top:92px} #tl-developments .dv-contact h2{font-size:23px;font-weight:500;line-height:1.3;color:#fff;letter-spacing:-.3px} #tl-developments .dv-contact p{font-size:12px;line-height:1.6;color:#bdccd1;margin-top:6px} #tl-developments a.dv-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:13px 18px;background:var(--cyan);color:#09232a;font:600 11px/1.4 Arial,sans-serif;white-space:nowrap} #tl-developments .dv-button>span{font:400 22px/1 Arial,sans-serif} #tl-developments .dv-button:hover{background:#6be3eb} @media(max-width:1023px){#tl-developments .dv-intro{gap:35px}#tl-developments .dv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){#tl-developments{width:calc(100% - 36px);padding-bottom:25px}#tl-developments .dv-breadcrumb{padding:12px 0;font-size:9px}#tl-developments .dv-intro{display:block;padding:8px 0 25px}#tl-developments .dv-intro>p{margin-top:18px;font-size:14px}#tl-developments h1{font-size:clamp(32px,8.2vw,43px);letter-spacing:-1px}#tl-developments .dv-kicker{font-size:10px}#tl-developments .dv-stages{grid-template-columns:1fr 1fr;gap:22px 15px}#tl-developments .dv-stage h2{font-size:15px}#tl-developments .dv-stage p{font-size:11px}#tl-developments .dv-stage>span{font-size:9px}#tl-developments .dv-list-heading{gap:16px}#tl-developments .dv-list-heading h2{font-size:21px}#tl-developments .dv-list-heading>span{font-size:8px;max-width:45%;text-align:right}#tl-developments .dv-empty{padding:21px 18px;gap:18px}#tl-developments .dv-empty h3{font-size:17px}#tl-developments .dv-empty p{font-size:12px}#tl-developments .dv-notes{display:block}#tl-developments .dv-notes span{display:block;margin-bottom:7px}#tl-developments .dv-contact{display:block;padding:23px}#tl-developments .dv-contact .dv-button{margin-top:19px}#tl-developments .dv-contact h2{font-size:22px}} @media(max-width:480px){#tl-developments .dv-grid{grid-template-columns:1fr}} /* === tl-pcb-standard-20261004 === */ body:has(#tl-pcb-service){font-family:Arial,Helvetica,sans-serif;color:#172229;background:#0d151a} body:has(#tl-pcb-service) .promo-line,body:has(#tl-pcb-service) .page-head,body:has(#tl-pcb-service) .sidebar,body:has(#tl-pcb-service) .categories-block{display:none!important} body:has(#tl-pcb-service) .page-content{background:#f8faf9;padding:0} body:has(#tl-pcb-service) .page-content>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-pcb-service) .simple-page{padding:0 0 54px;background:#f8faf9!important;border:0!important} body:has(#tl-pcb-service) .catalog-list,body:has(#tl-pcb-service) .catalog-page-text{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important} #tl-pcb-service{--pcb-cyan:#08c6d5;--pcb-navy:#111b22;--pcb-ink:#172229;--pcb-muted:#66737a;font:15px/1.55 Arial,Helvetica,sans-serif;color:var(--pcb-ink);width:100%} #tl-pcb-service *,#tl-pcb-service *::before,#tl-pcb-service *::after{box-sizing:border-box} #tl-pcb-service h1,#tl-pcb-service h2,#tl-pcb-service h3,#tl-pcb-service p,#tl-pcb-service figure{margin:0;padding:0} #tl-pcb-service a{text-decoration:none;color:#007987} #tl-pcb-service a:focus-visible{outline:3px solid var(--pcb-cyan);outline-offset:4px} #tl-pcb-service .pcb-topline{display:flex;justify-content:space-between;gap:20px;padding:26px 0 22px;font:11px/1.5 monospace} #tl-pcb-service .pcb-topline>span{color:var(--pcb-muted);font-size:10px;letter-spacing:.4px} #tl-pcb-service .pcb-hero{display:grid;grid-template-columns:48% 52%;min-height:515px;background:var(--pcb-navy);color:#fff;overflow:hidden} #tl-pcb-service .pcb-hero-copy{padding:52px 46px 48px;align-self:center;min-width:0} #tl-pcb-service .pcb-eyebrow{font:11px/1.5 monospace;letter-spacing:.55px;color:#008795;margin-bottom:20px} #tl-pcb-service .pcb-hero .pcb-eyebrow{color:var(--pcb-cyan)} #tl-pcb-service h1{font-size:clamp(43px,4.5vw,66px);line-height:1.06;letter-spacing:-2.2px;font-weight:500;color:#fff;margin-bottom:23px} #tl-pcb-service h1 em{font-style:normal;color:var(--pcb-cyan)} #tl-pcb-service .pcb-lead{font-size:20px;line-height:1.4;color:#fff;margin-bottom:17px} #tl-pcb-service .pcb-hero-copy>p:not(.pcb-eyebrow):not(.pcb-lead){font-size:14px;line-height:1.7;color:#b8cbd0;max-width:490px} #tl-pcb-service .pcb-hero-actions{display:flex;gap:21px;align-items:center;flex-wrap:wrap;margin-top:31px} #tl-pcb-service a.pcb-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:15px 20px;background:var(--pcb-cyan);color:#09232a;font:700 11px/1.4 Arial,sans-serif;border-radius:0;box-shadow:none} #tl-pcb-service a.pcb-button span{font:400 22px/1 Arial,sans-serif} #tl-pcb-service a.pcb-button:hover{background:#6be3eb} #tl-pcb-service .pcb-hero-actions>a:not(.pcb-button){font:11px/1.4 monospace;color:#c8dfe1} #tl-pcb-service .pcb-visual{position:relative;min-height:515px;background:#e9eeee;overflow:hidden;border-left:1px solid #34515b;display:flex;align-items:center;justify-content:center} #tl-pcb-service .pcb-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9cb9bd35 1px,transparent 1px),linear-gradient(90deg,#9cb9bd35 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#0008,transparent 85%)} #tl-pcb-service .pcb-visual img{position:relative;display:block;width:88%;height:82%;max-width:680px;max-height:480px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.07) saturate(1.05)} #tl-pcb-service .pcb-visual-label{position:absolute;left:25px;bottom:25px;background:#111b22e8;color:#e8f5f6;padding:10px 13px;font:10px/1.5 monospace;letter-spacing:.3px} #tl-pcb-service .pcb-visual-corner{position:absolute;top:25px;right:25px;color:#007d8c;font:11px/1 monospace;letter-spacing:1px} #tl-pcb-service .pcb-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-bottom:1px solid #c5d1d2;padding:31px 0} #tl-pcb-service .pcb-formats>div{border-left:2px solid var(--pcb-cyan);padding-left:20px;min-width:0} #tl-pcb-service .pcb-formats strong{display:block;font-size:25px;line-height:1.18;font-weight:500;letter-spacing:-.5px} #tl-pcb-service .pcb-formats span{display:block;color:var(--pcb-muted);font-size:12px;line-height:1.5;margin-top:8px} #tl-pcb-service .pcb-section{margin-top:69px;scroll-margin-top:108px} #tl-pcb-service .pcb-section-head{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:34px} #tl-pcb-service h2{font-size:clamp(32px,3.4vw,46px);line-height:1.17;letter-spacing:-1.2px;font-weight:500;color:var(--pcb-ink)} #tl-pcb-service .pcb-section-head>p{font-size:14px;color:var(--pcb-muted);line-height:1.7;max-width:420px;justify-self:end} #tl-pcb-service .pcb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #tl-pcb-service .pcb-step{min-width:0;background:#e9eeee;border-top:2px solid var(--pcb-cyan);padding:24px 21px 26px} #tl-pcb-service .pcb-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:28px} #tl-pcb-service h3{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.35px;color:var(--pcb-ink)} #tl-pcb-service .pcb-step h3{margin-bottom:11px} #tl-pcb-service .pcb-step p{font-size:13px;line-height:1.65;color:var(--pcb-muted)} #tl-pcb-service .pcb-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} #tl-pcb-service .pcb-equipment article{background:#fff;border:1px solid #d1dcdc;min-width:0;padding:26px 24px 30px} #tl-pcb-service .pcb-equipment article>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:24px} #tl-pcb-service .pcb-equipment h3{margin-bottom:18px;font-size:22px} #tl-pcb-service .pcb-equipment ul{list-style:none;margin:0;padding:0} #tl-pcb-service .pcb-equipment li{padding:11px 0;border-top:1px solid #e1e9e9;font-size:13px;line-height:1.5;color:#52646a} #tl-pcb-service .pcb-integration{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;background:var(--pcb-navy);color:#fff;padding:42px;margin-top:69px;align-items:center} #tl-pcb-service .pcb-integration .pcb-eyebrow{color:var(--pcb-cyan)} #tl-pcb-service .pcb-integration h2{color:#fff;font-size:clamp(30px,3vw,42px)} #tl-pcb-service .pcb-integration p{color:#b8cbd0;font-size:13px;line-height:1.7;margin-top:20px} #tl-pcb-service .pcb-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #tl-pcb-service .pcb-flow>div{position:relative;background:#1b3440;border-top:2px solid var(--pcb-cyan);padding:21px 15px 25px;min-width:0} #tl-pcb-service .pcb-flow>div::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--pcb-cyan);z-index:2;font-size:19px} #tl-pcb-service .pcb-flow>div:last-child::after{display:none} #tl-pcb-service .pcb-flow b{display:block;color:var(--pcb-cyan);font:11px/1 monospace;margin-bottom:22px} #tl-pcb-service .pcb-flow strong{display:block;font-size:16px;font-weight:500;line-height:1.35} #tl-pcb-service .pcb-flow span{display:block;color:#a9c2c8;font-size:11px;line-height:1.5;margin-top:9px} #tl-pcb-service .pcb-contact{scroll-margin-top:108px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:38px 40px;background:#e0ebec;margin-top:69px} #tl-pcb-service .pcb-contact h2{font-size:clamp(30px,3vw,40px)} #tl-pcb-service .pcb-contact p{font-size:13px;color:var(--pcb-muted);line-height:1.7;margin-top:18px;max-width:650px} #tl-pcb-service .pcb-bottomnav{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font:11px/1.5 monospace} @media(max-width:1023px){#tl-pcb-service .pcb-hero{grid-template-columns:1fr 1fr}#tl-pcb-service .pcb-hero-copy{padding:34px 29px}#tl-pcb-service h1{font-size:clamp(38px,4.9vw,52px)}#tl-pcb-service .pcb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-pcb-service .pcb-section-head{gap:25px}#tl-pcb-service .pcb-integration{grid-template-columns:1fr;gap:28px}} @media(max-width:767px){body:has(#tl-pcb-service) .page-content>.container{width:calc(100% - 36px)}#tl-pcb-service .pcb-topline{padding:21px 0 18px;font-size:10px}#tl-pcb-service .pcb-topline>span{font-size:8px;max-width:150px;text-align:right}#tl-pcb-service .pcb-hero{grid-template-columns:1fr}#tl-pcb-service .pcb-hero-copy{padding:32px 25px}#tl-pcb-service h1{font-size:clamp(37px,8.7vw,53px);letter-spacing:-1.4px}#tl-pcb-service .pcb-lead{font-size:18px}#tl-pcb-service .pcb-visual{min-height:360px;border-left:0;border-top:1px solid #34515b}#tl-pcb-service .pcb-visual img{height:320px;width:95%}#tl-pcb-service .pcb-formats{grid-template-columns:1fr 1fr;gap:23px 15px}#tl-pcb-service .pcb-formats>div{padding-left:12px}#tl-pcb-service .pcb-formats strong{font-size:21px}#tl-pcb-service .pcb-formats span{font-size:11px}#tl-pcb-service .pcb-section{margin-top:49px}#tl-pcb-service .pcb-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:27px}#tl-pcb-service .pcb-section-head>p{justify-self:start;font-size:13px}#tl-pcb-service h2{font-size:clamp(30px,7.5vw,40px)}#tl-pcb-service .pcb-steps{gap:12px}#tl-pcb-service .pcb-step{padding:19px 15px}#tl-pcb-service .pcb-step>span{margin-bottom:18px}#tl-pcb-service .pcb-step h3{font-size:18px}#tl-pcb-service .pcb-step p{font-size:12px}#tl-pcb-service .pcb-equipment{grid-template-columns:1fr;gap:12px}#tl-pcb-service .pcb-equipment article{padding:22px}#tl-pcb-service .pcb-equipment article>span{margin-bottom:15px}#tl-pcb-service .pcb-integration{padding:29px 24px;margin-top:50px}#tl-pcb-service .pcb-flow{gap:8px}#tl-pcb-service .pcb-flow>div{padding:17px 10px}#tl-pcb-service .pcb-flow strong{font-size:13px}#tl-pcb-service .pcb-flow span{font-size:10px}#tl-pcb-service .pcb-contact{grid-template-columns:1fr;padding:29px 25px;gap:25px;margin-top:50px}#tl-pcb-service .pcb-contact .pcb-button{width:100%}#tl-pcb-service .pcb-bottomnav{font-size:10px}} @media(max-width:430px){#tl-pcb-service .pcb-formats{grid-template-columns:1fr}#tl-pcb-service .pcb-steps{grid-template-columns:1fr}#tl-pcb-service .pcb-flow{grid-template-columns:1fr}#tl-pcb-service .pcb-flow>div::after{display:none}#tl-pcb-service .pcb-visual{min-height:320px}#tl-pcb-service .pcb-visual img{height:280px}} /* === tl-catalog-20261004 === */ body:has(.tc-root){background:#f5f6f2;color:#17272e}body:has(.tc-root) .page-head{display:none}body:has(.tc-root) .simple-page{padding:0!important}body:has(.tc-root) .simple-page>.container{width:calc(100% - 80px);max-width:1280px;padding:0}body:has(.tc-root) .page-content{padding-top:0}body:has(.tc-root) .simple-page .content{padding:0;margin:0}.tc-root{font-family:Arial,sans-serif;--cyan:#06c6d4;--navy:#12232b;--muted:#637078;padding:32px 0 65px;line-height:1.6}.tc-root *{box-sizing:border-box}.tc-root a{color:inherit;text-decoration:none}.tc-root a:focus-visible,.tc-root summary:focus-visible{outline:2px solid #007e8a;outline-offset:4px}.tc-root h1,.tc-root h2,.tc-root h3,.tc-root p{margin:0}.tc-root h1{font-size:clamp(42px,5.4vw,76px);font-weight:500;line-height:1.06;letter-spacing:-3px;color:var(--navy)}.tc-root h2{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-1.1px;color:var(--navy)}.tc-root h3{font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.6px;color:var(--navy)}.tc-top{display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:.7px;padding:0 0 25px;border-bottom:1px solid #d0d9d7}.tc-top span{color:var(--muted)}.tc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 50px;gap:8px}.tc-tabs a{display:flex;align-items:center;gap:13px;padding:16px 20px;border:1px solid #ced8d7;font-size:15px;background:#edf0ed;line-height:1.4}.tc-tabs a span{font:10px monospace;color:#6c7b7f}.tc-tabs a[aria-current=page]{color:white;background:var(--navy);border-color:var(--navy)}.tc-tabs a[aria-current=page] span{color:var(--cyan)}.tc-tabs a:hover{border-color:#008b97}.tc-eyebrow{font:10px/1.6 monospace!important;letter-spacing:1.3px;margin-bottom:17px!important;color:#00808b}.tc-intro{margin-bottom:38px}.tc-lead{font-size:18px;line-height:1.7;max-width:730px;color:var(--muted);margin-top:26px!important}.tc-formula{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b9c7c7;border-bottom:1px solid #b9c7c7;margin-bottom:64px;padding:25px 0;gap:24px}.tc-formula>div{border-left:2px solid var(--cyan);padding-left:18px;display:grid;grid-template-columns:25px 1fr;gap:4px 8px}.tc-formula b{color:#00818c;font:11px/2 monospace;grid-row:span 2}.tc-formula strong{font-size:19px;line-height:1.4;font-weight:500}.tc-formula span{font-size:12px;color:var(--muted)}.tc-section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:60px 0 27px}.tc-section-title>span{font:10px/1.6 monospace;color:var(--muted)}.tc-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tc-solution{background:#fff;border:1px solid #d2dcda;scroll-margin-top:110px}.tc-media{aspect-ratio:3/2;overflow:hidden;background:#e1e8e6}.tc-media img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important;max-width:none!important}.tc-solution#keys .tc-media img{object-position:center 42%}.tc-type{height:100%;background:var(--navy);color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:space-between}.tc-type>span{font:9px monospace;color:#99b6bc;letter-spacing:.7px}.tc-type strong{font-size:43px;line-height:1.1;letter-spacing:-1.3px;font-weight:400}.tc-type b{font:12px monospace;color:var(--cyan)}.tc-card-copy{padding:30px}.tc-card-copy>p:not(.tc-eyebrow){font-size:14px;color:var(--muted);margin-top:16px!important;min-height:46px}.tc-root details{margin-top:24px;border-top:1px solid #d7dfdc}.tc-root summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;padding:17px 0;display:flex;justify-content:space-between;gap:15px}.tc-root summary::-webkit-details-marker{display:none}.tc-root details[open] summary>span:last-child,.tc-root details[open] summary>b:last-child{color:#00818c}.tc-details{padding:4px 0 18px}.tc-details p{font-size:13px;margin-bottom:16px!important;color:var(--muted)}.tc-details strong{display:block;color:var(--navy);margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.tc-small-links{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#007e88}.tc-case-link{border-top:1px solid #d7dfdc;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:16px;font:11px/1.6 monospace}.tc-case-link span{font-size:20px;color:#008491}.tc-note{font-size:11px!important;line-height:1.7!important;color:var(--muted);margin-top:20px!important}.tc-contact{margin-top:64px;background:var(--navy);color:#d6e1e2;padding:44px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;scroll-margin-top:110px}.tc-contact h2{color:white;font-size:35px}.tc-contact p:not(.tc-eyebrow){font-size:13px;max-width:610px;margin-top:20px}.tc-contact .tc-eyebrow{color:var(--cyan)}.tc-contact-links{display:flex;flex-direction:column;gap:15px;font-size:13px}.tc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--cyan);padding:18px 23px;color:var(--navy)!important;font-size:12px;font-weight:700;line-height:1.4;min-height:54px}.tc-button span{font-size:22px;font-weight:400}.tc-button:hover{background:#6ee6ec}.tc-equipment-hero{display:grid;grid-template-columns:1.2fr 1fr;background:#e7edeb;margin-top:40px;align-items:center}.tc-equipment-hero img{width:100%;height:100%;min-height:350px;object-fit:cover;display:block;margin:0!important}.tc-equipment-hero>div{padding:40px}.tc-equipment-hero p:not(.tc-eyebrow){font-size:14px;color:var(--muted);margin-top:20px}.tc-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tc-equipment-card{background:#fff;border:1px solid #cfdbd7;padding:34px;display:flex;flex-direction:column}.tc-index{display:block;font:12px/1.5 monospace;color:#008391;margin-bottom:24px}.tc-equipment-card h3{font-size:30px}.tc-equipment-card p{font-size:14px;color:var(--muted);margin-top:18px}.tc-equipment-card p.tc-sub{color:#253b42;font-size:16px;min-height:50px}.tc-spec{border-top:1px solid #cdd9d7;padding-top:20px;margin-top:25px}.tc-spec strong{font:11px monospace;color:#007e87}.tc-spec p{font-size:12px;margin-top:12px}.tc-equipment-card>a{font:11px monospace;color:#00828d;margin-top:27px}.tc-sizing{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #bbc9c5;margin-top:65px;padding-top:45px}.tc-sizing>div>p:not(.tc-eyebrow){font-size:14px;color:var(--muted);margin-top:22px;max-width:510px}.tc-sizing-list p{display:flex;gap:23px;border-bottom:1px solid #d0dbd7;padding:0 0 20px;margin:0 0 21px!important;font-size:13px;color:var(--muted)}.tc-sizing-list b{font:11px monospace;color:#00818b}.tc-sizing-list strong{display:block;color:var(--navy);font-size:16px;font-weight:500;margin-bottom:7px}.tc-next{padding:34px;background:#e4eeeb;margin-top:55px}.tc-next p{font-size:14px;color:var(--muted);margin:18px 0 23px}.tc-workflows{border-top:1px solid #b9c9c7}.tc-workflows details{margin-top:0;border-top:0;border-bottom:1px solid #b9c9c7;scroll-margin-top:110px}.tc-workflows summary{padding:25px 0;align-items:center;justify-content:start;font-weight:400;gap:25px}.tc-workflows summary>.tc-index{margin:0;width:30px;flex-shrink:0}.tc-workflows summary strong{font-weight:500;font-size:22px;display:block;line-height:1.3}.tc-workflows summary small{display:block;font-size:12px;color:var(--muted);margin-top:8px;font-weight:400}.tc-workflows summary>b{margin-left:auto;font-size:25px;font-weight:400;flex-shrink:0}.tc-workflow-body{padding:0 55px 27px;max-width:950px;font-size:14px;color:var(--muted)}.tc-workflow-body>a{display:inline-block;color:#00808b;font:11px monospace;margin:20px 22px 0 0}.tc-software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tc-software-grid>article{background:#e7edeb;padding:30px}.tc-software-grid h3{font-size:24px}.tc-software-grid p{font-size:13px;color:var(--muted);margin-top:20px} @media(max-width:1023px){body:has(.tc-root) .simple-page>.container{width:calc(100% - 48px)}.tc-tabs a{padding:14px;font-size:13px}.tc-contact{grid-template-columns:1fr;gap:26px}.tc-contact-links{align-items:flex-start}.tc-equipment-hero>div{padding:26px}.tc-equipment-hero h2{font-size:29px}.tc-sizing{gap:35px}.tc-software-grid{grid-template-columns:1fr}.tc-software-grid>article{display:grid;grid-template-columns:40px 1fr;gap:5px 15px}.tc-software-grid .tc-index{grid-row:span 2}.tc-software-grid p{margin-top:8px}.tc-type strong{font-size:32px}.tc-type{padding:25px}} @media(max-width:767px){body:has(.tc-root) .simple-page>.container{width:calc(100% - 36px)}.tc-root{padding-top:25px}.tc-root h1{font-size:43px;letter-spacing:-1.7px}.tc-top{font-size:9px}.tc-top>span{display:none}.tc-tabs{margin:18px 0 35px;gap:5px}.tc-tabs a{display:block;padding:12px 10px;font-size:11px}.tc-tabs a span{display:block;margin-bottom:5px}.tc-root h2{font-size:29px}.tc-lead{font-size:15px;margin-top:20px!important}.tc-formula{grid-template-columns:1fr;margin-bottom:40px;gap:20px;padding:22px 0}.tc-formula strong{font-size:18px}.tc-section-title{display:block;margin-top:43px}.tc-section-title>span{display:block;margin-top:12px}.tc-solution-grid,.tc-equipment-grid{grid-template-columns:1fr;gap:22px}.tc-card-copy{padding:24px}.tc-card-copy>p:not(.tc-eyebrow){min-height:0}.tc-root h3{font-size:26px}.tc-type{padding:28px}.tc-type strong{font-size:36px}.tc-contact{padding:27px 24px;margin-top:43px;gap:27px}.tc-contact h2{font-size:28px}.tc-equipment-hero{grid-template-columns:1fr}.tc-equipment-hero img{min-height:0;aspect-ratio:3/2}.tc-equipment-hero>div{padding:26px}.tc-equipment-card{padding:26px}.tc-equipment-card p.tc-sub{min-height:0}.tc-sizing{grid-template-columns:1fr;gap:30px;margin-top:45px;padding-top:33px}.tc-next{padding:26px}.tc-workflows summary{gap:13px;padding:20px 0}.tc-workflows summary>.tc-index{width:20px}.tc-workflows summary strong{font-size:19px}.tc-workflows summary small{font-size:11px}.tc-workflow-body{padding:0 0 24px 33px;font-size:13px}.tc-software-grid>article{padding:25px}.tc-software-grid h3{font-size:23px}.tc-software-grid .tc-index{margin-bottom:0}.tc-software-grid>article{grid-template-columns:25px 1fr}.tc-case-link{font-size:10px}} /* Normal CMS pages render content directly inside content-wrapper. */ .tc-root{width:min(1260px,calc(100% - 88px));max-width:1260px;margin:0 auto;text-align:left}body:has(.tc-root) .content-wrapper{background:#f5f6f2;padding-bottom:0}body:has(.tc-root) .content-wrapper>.container{display:none}body:has(.tc-root) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){.tc-root{width:calc(100% - 48px)}}@media(max-width:767px){.tc-root{width:calc(100% - 36px)}} /* === tl-catalog-compact-20261004 === */ /* Keep the catalogue entry visible on shorter desktop windows. */ .tc-root{padding-top:20px;min-width:0;width:min(1260px,calc(100% - 64px))} .tc-root .tc-top{display:none} .tc-root .tc-tabs{margin:0 0 26px;gap:8px} .tc-root .tc-tabs a{min-height:48px;padding:13px 17px;font-size:13px} .tc-root .tc-intro{margin-bottom:24px} .tc-root h1{font-size:clamp(34px,3.7vw,52px);line-height:1.08;letter-spacing:-1.8px;overflow-wrap:break-word} .tc-root .tc-eyebrow{margin-bottom:10px!important} .tc-root .tc-lead{font-size:16px;line-height:1.65;margin-top:16px!important;max-width:720px} .tc-root .tc-formula{margin-bottom:28px;padding:17px 0;gap:20px} .tc-root .tc-formula strong{font-size:17px} .tc-root .tc-formula span{font-size:11px} .tc-root .tc-section-title{margin:32px 0 20px;gap:20px} .tc-root .tc-section-title h2{font-size:29px} .tc-root .tc-equipment-hero{margin-top:24px} .tc-root .tc-equipment-hero img{min-height:0;max-height:360px;aspect-ratio:3/2;object-fit:contain;background:#e0e3df} .tc-root .tc-equipment-hero>div{padding:30px} .tc-root .tc-equipment-hero h2{font-size:30px} .tc-root .tc-equipment-hero p:not(.tc-eyebrow){margin-top:14px;font-size:13px} .tc-root .tc-workflows summary{padding:20px 0} .tc-root .tc-workflows summary strong{font-size:21px} @media(min-width:850px){ .tc-root .tc-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px 38px;align-items:center} .tc-root .tc-intro>.tc-eyebrow{grid-column:1/-1;margin-bottom:0!important} .tc-root .tc-intro>.tc-lead{margin-top:0!important;max-width:none} } @media(min-width:768px) and (max-height:760px){ .tc-root{padding-top:14px} .tc-root .tc-tabs{margin-bottom:20px} .tc-root .tc-tabs a{min-height:44px;padding:11px 15px;font-size:12px} .tc-root h1{font-size:clamp(32px,3.5vw,44px);letter-spacing:-1.3px} .tc-root .tc-lead{font-size:14px;line-height:1.6} .tc-root .tc-intro{margin-bottom:20px} .tc-root .tc-formula{padding:13px 0;margin-bottom:20px} .tc-root .tc-section-title{margin-top:24px;margin-bottom:16px} .tc-root .tc-section-title h2{font-size:26px} .tc-root .tc-equipment-hero img{max-height:300px} .tc-root .tc-equipment-hero>div{padding:24px} } @media(max-width:999px){.tc-root{width:calc(100% - 48px)}.tc-root .tc-tabs a{padding:12px;font-size:12px}.tc-root .tc-lead{margin-top:14px!important}} @media(max-width:767px){ .tc-root{width:calc(100% - 32px);padding-top:16px} .tc-root .tc-tabs{margin-bottom:24px;gap:5px} .tc-root .tc-tabs a{padding:11px 8px;font-size:10px;min-height:48px} .tc-root h1{font-size:clamp(29px,8vw,38px);letter-spacing:-1.2px} .tc-root .tc-lead{font-size:14px;line-height:1.6;margin-top:14px!important} .tc-root .tc-intro{margin-bottom:22px} .tc-root .tc-formula{grid-template-columns:1fr;gap:14px;padding:18px 0;margin-bottom:26px} .tc-root .tc-section-title{margin-top:28px;margin-bottom:19px} .tc-root .tc-section-title h2{font-size:27px} .tc-root .tc-equipment-hero img{max-height:none} .tc-root .tc-equipment-hero>div{padding:24px} .tc-root .tc-equipment-hero h2{font-size:27px} } /* === tl-compact-crumbs-20261004 === */ /* Keep the small context row directly below the fixed header compact. */ body [id^="tl-"][id$="-case"] .pc-topline, body #tl-service-case .sv-topline, body #tl-pcb-service .pcb-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:34px!important; padding:6px 0!important; margin:0!important; } body [id^="tl-"][id$="-case"] .pc-topline .pc-back { min-height:22px!important; } .tc-root { padding-top:10px!important; } body:has(#tl-yandex-feature) .page-head.page-head-catalog { padding:12px 0 17px!important; } body:has(#tl-yandex-feature) .page-head .breadcrumb { margin-bottom:7px!important; } body:has(#tl-yandex-feature) .page-head .tl-cases-intro { margin-top:10px!important; } @media(max-width:767px) { body [id^="tl-"][id$="-case"] .pc-topline, body #tl-service-case .sv-topline, body #tl-pcb-service .pcb-topline { gap:10px; min-height:32px!important; padding:5px 0!important; } body [id^="tl-"][id$="-case"] .pc-topline>span, body #tl-service-case .sv-topline>span, body #tl-pcb-service .pcb-topline>span { max-width:48%; text-align:right; } .tc-root { padding-top:8px!important; } body:has(#tl-yandex-feature) .page-head.page-head-catalog { padding:10px 0 15px!important; } } /* === tl-services-index-fix-20261004 === */ body:has(#tl-catalog.tl-layout-index) .content-wrapper{background:#f8faf9;min-height:0} #tl-catalog.tl-layout-index{width:min(1316px,calc(100% - 88px));max-width:none;margin:0 auto;padding:35px 0 70px;font:15px/1.55 Arial,Helvetica,sans-serif;color:#172229} #tl-catalog.tl-layout-index::before{content:"ТЕХЛАЙН / УСЛУГИ";display:block;margin-bottom:15px;color:#008795;font:10px/1.5 monospace;letter-spacing:.5px} #tl-catalog.tl-layout-index h1{margin:0 0 14px;font-size:clamp(39px,4vw,56px);font-weight:500;line-height:1.1;letter-spacing:-1.7px} #tl-catalog.tl-layout-index>p{max-width:740px;margin:0 0 30px;color:#64747b;font-size:16px;line-height:1.5} #tl-catalog.tl-layout-index .tl-layout-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} #tl-catalog.tl-layout-index .tl-layout-links>b{display:none!important} #tl-catalog.tl-layout-index .tl-layout-links>a{position:relative;display:flex;flex-direction:column;min-width:0;min-height:260px;padding:28px 27px 25px;background:#e8eeee;border:1px solid #cbd7d8;border-top:2px solid #08c6d5;color:#172229;text-decoration:none;transition:background .2s,transform .2s} #tl-catalog.tl-layout-index .tl-layout-links>a::before{display:block;margin-bottom:32px;color:#008795;font:11px/1.5 monospace} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(1)::before{content:"01 / СЕРВИС"} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(2)::before{content:"02 / ЭЛЕКТРОНИКА"} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(3)::before{content:"03 / ПРОИЗВОДСТВО"} #tl-catalog.tl-layout-index .tl-layout-links>a::after{content:"ПОДРОБНЕЕ ↗";display:block;margin-top:auto;padding-top:25px;color:#007c8a;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.2px} #tl-catalog.tl-layout-index .tl-layout-links strong{display:block;font-size:clamp(22px,2.1vw,29px);font-weight:500;line-height:1.18;letter-spacing:-.5px} #tl-catalog.tl-layout-index .tl-layout-links span{display:block;margin-top:10px;color:#5f7078;font-size:13px;line-height:1.55} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(1){background:#111b22;border-color:#111b22;border-top-color:#08c6d5;color:#fff} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(1)::before,#tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(1)::after{color:#08c6d5} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(1) span{color:#b9cbd0} #tl-catalog.tl-layout-index .tl-layout-links>a:hover{background:#dce9e9;transform:translateY(-2px)} #tl-catalog.tl-layout-index .tl-layout-links>a:nth-of-type(1):hover{background:#1b303a} #tl-catalog.tl-layout-index .tl-layout-links>a:focus-visible{outline:2px solid #08c6d5;outline-offset:3px} @media(max-width:900px){#tl-catalog.tl-layout-index .tl-layout-links{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-catalog.tl-layout-index .tl-layout-links>a:last-of-type{grid-column:1/-1;min-height:190px}} @media(max-width:767px){#tl-catalog.tl-layout-index{width:calc(100% - 36px);padding:24px 0 46px}#tl-catalog.tl-layout-index h1{font-size:clamp(34px,8vw,45px)}#tl-catalog.tl-layout-index>p{font-size:14px;margin-bottom:23px}#tl-catalog.tl-layout-index .tl-layout-links{grid-template-columns:1fr;gap:12px}#tl-catalog.tl-layout-index .tl-layout-links>a,#tl-catalog.tl-layout-index .tl-layout-links>a:last-of-type{grid-column:auto;min-height:215px;padding:22px}#tl-catalog.tl-layout-index .tl-layout-links>a::before{margin-bottom:20px}} #tl-catalog.tl-layout-index .tl-layout-links .tl-layout-more{display:none!important} /* === tl-about-layout-20261004 === */ body:has(#tl-about-page){background:#f8faf9;color:#172229;font-family:Arial,Helvetica,sans-serif} #tl-about-page{width:min(1316px,calc(100% - 88px));margin:0 auto;padding:35px 0 60px;min-height:calc(100svh - 212px);box-sizing:border-box} #tl-about-page::before{content:"ТЕХЛАЙН / О КОМПАНИИ";display:block;color:#008795;font:10px/1.5 monospace;letter-spacing:.6px;margin:0 0 18px} #tl-about-page h1{margin:0 0 16px;color:#172229;font:500 clamp(39px,4vw,56px)/1.1 Arial,sans-serif;letter-spacing:-1.7px} #tl-about-page>p{margin:0 0 32px;color:#64747b;font:18px/1.6 Arial,sans-serif;max-width:740px} #tl-about-page .main-intro__feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;width:100%;clear:both} #tl-about-page .main-intro__feats>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;float:none;width:auto;min-width:0;margin:0;padding:24px;background:#e8eeee;border:1px solid #cbd7d8;border-top:2px solid #08c6d5;font:500 17px/1.5 Arial,sans-serif;color:#172229;box-sizing:border-box} #tl-about-page .main-intro__feats img{width:58px;height:58px;object-fit:contain;float:none;margin:0 0 22px} @media(max-width:1023px){#tl-about-page .main-intro__feats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){#tl-about-page{width:calc(100% - 36px);padding:24px 0 40px}#tl-about-page h1{font-size:38px}#tl-about-page>p{font-size:16px}#tl-about-page .main-intro__feats{gap:12px}#tl-about-page .main-intro__feats>div{padding:18px;font-size:14px}} @media(max-width:390px){#tl-about-page .main-intro__feats{grid-template-columns:1fr}} /* === tl-menu-short-pages-20261004 === */ body:has(:is(#tl-catalog.tl-layout-index,#tl-about-page))>.wrapper{display:flex;flex-direction:column;min-height:100svh;background:#f8faf9} body:has(:is(#tl-catalog.tl-layout-index,#tl-about-page)) .content-wrapper{flex:1;min-height:0} body:has(:is(#tl-catalog.tl-layout-index,#tl-about-page)) .header,body:has(:is(#tl-catalog.tl-layout-index,#tl-about-page)) .footer{flex:none} #tl-about-page .main-intro__feats>div{align-self:stretch} #tl-about-page .main-intro__feats svg{display:block;width:58px;height:58px;margin:0 0 22px;color:#26967d;flex:none} /* === tl-case-grid-layout-fix-20261004 === */ /* Uniform covers prevent an intrinsic portrait photo from stretching its row. */ body:has(#tl-yandex-feature) .portfolio-items a.portfolio-item>.tl-case-cover, body:has(#tl-yandex-feature) .portfolio-items a.portfolio-item>img{ width:100%!important;max-width:100%!important;height:auto!important; aspect-ratio:16/9!important;max-height:320px!important;min-height:0!important; margin:0!important;float:none;overflow:hidden; } body:has(#tl-yandex-feature) .portfolio-items a.portfolio-item>img{ display:block;object-fit:cover;object-position:center; } body:has(#tl-yandex-feature) .portfolio-items .tl-case-cover>img{ width:100%!important;height:100%!important;max-width:100%!important; display:block;margin:0!important;float:none; } body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body{ min-height:0!important;padding:18px 22px 20px!important; } body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body h4{font-size:24px!important;line-height:1.2!important;margin-bottom:8px!important} body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body>.tl-case-kind{margin-bottom:6px!important} body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body>p{margin-bottom:0!important} body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body>span{margin-top:6px!important} body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body>.tl-case-action{margin-top:12px!important;padding-top:10px!important} body:has(#tl-yandex-feature) .portfolio-items .tl-case-action b{font-size:18px!important;line-height:1!important} body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body>p:empty, body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body>span[hidden]{display:none!important} @media(max-width:767px){ body:has(#tl-yandex-feature) .portfolio-items a.portfolio-item>.tl-case-cover, body:has(#tl-yandex-feature) .portfolio-items a.portfolio-item>img{max-height:none!important} body:has(#tl-yandex-feature) .portfolio-items .portfolio-item-body{padding:19px 20px!important} } /* === tl-cell-door-realistic-20261005 === */ #tl-home .tl-detail-image.tl-detail-two{background-image:url("https://postamat.su/upload/thumbs/source/page/image/techline-cell-folded-door-20261005-v2_6ac33179b9751.jpg")!important;background-size:cover!important;background-position:center!important;} /* === tl-seo-common-20261005 === */ /* SEO navigation and equivalent styling after removing duplicate H1s */ .tl-seo-breadcrumb{max-width:1320px;margin:0 auto;padding:12px 28px 8px;color:#66737a;font:12px/1.5 Arial,sans-serif;text-align:left} .tl-seo-breadcrumb ol{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 9px;list-style:none;margin:0;padding:0} .tl-seo-breadcrumb li{display:inline;min-width:0;margin:0;padding:0} .tl-seo-breadcrumb li+li:before{content:'›';color:#869298;margin-right:9px} .tl-seo-breadcrumb a{color:#008795;text-decoration:none} .tl-seo-breadcrumb a:hover{text-decoration:underline} .tl-seo-breadcrumb a:focus-visible{outline:2px solid #008795;outline-offset:3px} .tl-seo-breadcrumb [aria-current=page]{overflow-wrap:anywhere} body:has(.tl-seo-breadcrumb) .page-head .breadcrumb{display:none!important} @media(max-width:600px){.tl-seo-breadcrumb{padding:10px 18px 7px;font-size:11px}} #tl-home .tl-seo-title{ margin:0; padding:0; } #tl-home .tl-seo-title{ margin-top:clamp(55px,5.8vw,88px); color:#fff; font-size:clamp(48px,5.05vw,77px); font-weight:800; letter-spacing:-2.5px; line-height:1.12; white-space:nowrap; } #tl-home .tl-seo-title em{ color:var(--cyan); font-style:normal; font-size:1.16em; } @media(max-width:1190px){#tl-home .tl-seo-title{ font-size:clamp(46px,5vw,64px); }} @media(max-width:1023px){#tl-home .tl-seo-title{ margin-top:47px; }} @media(max-width:767px){#tl-home .tl-seo-title{ margin-top:38px; font-size:clamp(35px,8.9vw,62px); letter-spacing:-1.5px; line-height:1.12; }} @media(min-width:1024px) and (max-height:720px){#tl-home .tl-seo-title{ margin-top:clamp(17px,3vh,28px); font-size:clamp(43px,4.25vw,57px); line-height:1.05; letter-spacing:-1.7px; }} #tl-yandex-case .tl-seo-title{margin:0;padding:0} #tl-yandex-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-yandex-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-yandex-case .tl-seo-title{font-size:42px}} body:has(#tl-yandex-feature) .page-head .tl-seo-title{font:500 clamp(36px,3.6vw,53px)/1.2 Arial,sans-serif;color:#172229;letter-spacing:-1.5px;border:0;margin:0;padding:0} @media(max-width:767px){body:has(#tl-yandex-feature) .page-head .tl-seo-title{font-size:36px;letter-spacing:-.8px}} #tl-kaspi-case .tl-seo-title{margin:0;padding:0} #tl-kaspi-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-kaspi-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-kaspi-case .tl-seo-title{font-size:42px}} body:has(#tl-kaspi-feature) .page-head .tl-seo-title{font:500 clamp(36px,3.6vw,53px)/1.2 Arial,sans-serif;color:#172229;letter-spacing:-1.5px;border:0;margin:0;padding:0} @media(max-width:767px){body:has(#tl-kaspi-feature) .page-head .tl-seo-title{font-size:36px;letter-spacing:-.8px}} #tl-siz-case .tl-seo-title{margin:0;padding:0} #tl-siz-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-siz-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-siz-case .tl-seo-title{font-size:42px}} #tl-siz-case .tl-seo-title{font-size:clamp(37px,3.7vw,54px);letter-spacing:-1.5px} @media(max-width:767px){#tl-siz-case .tl-seo-title{font-size:40px}} #tl-moscow-case .tl-seo-title{margin:0;padding:0} #tl-moscow-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-moscow-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-moscow-case .tl-seo-title{font-size:42px}} body:has(#tl-moscow-feature) .page-head .tl-seo-title{font:500 clamp(36px,3.6vw,53px)/1.2 Arial,sans-serif;color:#172229;letter-spacing:-1.5px;border:0;margin:0;padding:0} @media(max-width:767px){body:has(#tl-moscow-feature) .page-head .tl-seo-title{font-size:36px;letter-spacing:-.8px}} #tl-youzbox-case .tl-seo-title{margin:0;padding:0} #tl-youzbox-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-youzbox-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-youzbox-case .tl-seo-title{font-size:42px}} #tl-youzbox-case .tl-seo-title{font-size:clamp(40px,4vw,58px)} @media(max-width:767px){#tl-youzbox-case .tl-seo-title{font-size:40px}} #tl-fitness-case .tl-seo-title{margin:0;padding:0} #tl-fitness-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-fitness-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-fitness-case .tl-seo-title{font-size:42px}} #tl-fitness-case .tl-seo-title{font-size:clamp(40px,4.25vw,61px)} @media(max-width:767px){#tl-fitness-case .tl-seo-title{font-size:43px}} @media(max-width:390px){#tl-fitness-case .tl-seo-title{font-size:39px}} #tl-yalina-case .tl-seo-title{margin:0;padding:0} #tl-yalina-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-yalina-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-yalina-case .tl-seo-title{font-size:42px}} #tl-yalina-case .tl-seo-title{font-size:clamp(40px,4.2vw,61px)} @media(max-width:767px){#tl-yalina-case .tl-seo-title{font-size:43px}} @media(max-width:390px){#tl-yalina-case .tl-seo-title{font-size:39px}} #tl-youzbox-case .pc-casecopy .tl-seo-title{font-size:clamp(36px,4.1vw,58px)} @media(min-width:768px) and (max-width:1023px){#tl-youzbox-case .pc-casecopy .tl-seo-title{font-size:37px}} @media(max-width:767px){#tl-youzbox-case .pc-casecopy .tl-seo-title{font-size:40px}} #tl-cityhall-case .tl-seo-title{margin:0;padding:0} #tl-cityhall-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-cityhall-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-cityhall-case .tl-seo-title{font-size:42px}} #tl-sneak-case .tl-seo-title{margin:0;padding:0} #tl-sneak-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-sneak-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-sneak-case .tl-seo-title{font-size:42px}} #tl-osnova-case .tl-seo-title{margin:0;padding:0} #tl-osnova-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-osnova-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-osnova-case .tl-seo-title{font-size:42px}} #tl-osnova-case .pc-casecopy .tl-seo-title{font-size:clamp(36px,4.2vw,60px)} @media(min-width:768px) and (max-width:1023px){#tl-osnova-case .pc-casecopy .tl-seo-title{font-size:36px}} @media(max-width:767px){#tl-osnova-case .pc-casecopy .tl-seo-title{font-size:40px}} #tl-developments .tl-seo-title{padding:0;margin:0;text-transform:none;color:var(--ink)} #tl-developments .tl-seo-title{font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-1.5px;line-height:1.12;margin-top:17px} @media(max-width:767px){#tl-developments .tl-seo-title{font-size:clamp(32px,8.2vw,43px);letter-spacing:-1px}} #tl-pcb-service .tl-seo-title{margin:0;padding:0} #tl-pcb-service .tl-seo-title{font-size:clamp(43px,4.5vw,66px);line-height:1.06;letter-spacing:-2.2px;font-weight:500;color:#fff;margin-bottom:23px} #tl-pcb-service .tl-seo-title em{font-style:normal;color:var(--pcb-cyan)} @media(max-width:1023px){#tl-pcb-service .tl-seo-title{font-size:clamp(38px,4.9vw,52px)}} @media(max-width:767px){#tl-pcb-service .tl-seo-title{font-size:clamp(37px,8.7vw,53px);letter-spacing:-1.4px}} .tc-root .tl-seo-title{margin:0} .tc-root .tl-seo-title{font-size:clamp(42px,5.4vw,76px);font-weight:500;line-height:1.06;letter-spacing:-3px;color:var(--navy)} @media(max-width:767px){.tc-root .tl-seo-title{font-size:43px;letter-spacing:-1.7px}} .tc-root .tl-seo-title{font-size:clamp(34px,3.7vw,52px);line-height:1.08;letter-spacing:-1.8px;overflow-wrap:break-word} @media(min-width:768px) and (max-height:760px){.tc-root .tl-seo-title{font-size:clamp(32px,3.5vw,44px);letter-spacing:-1.3px}} @media(max-width:767px){.tc-root .tl-seo-title{font-size:clamp(29px,8vw,38px);letter-spacing:-1.2px}} #tl-catalog.tl-layout-index .tl-seo-title{margin:0 0 14px;font-size:clamp(39px,4vw,56px);font-weight:500;line-height:1.1;letter-spacing:-1.7px} @media(max-width:767px){#tl-catalog.tl-layout-index .tl-seo-title{font-size:clamp(34px,8vw,45px)}} #tl-about-page .tl-seo-title{margin:0 0 16px;color:#172229;font:500 clamp(39px,4vw,56px)/1.1 Arial,sans-serif;letter-spacing:-1.7px} @media(max-width:767px){#tl-about-page .tl-seo-title{font-size:38px}} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .tl-seo-title{margin:0;padding:0} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .tl-seo-title{font-size:47px}} @media(max-width:390px){:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .tl-seo-title{font-size:42px}} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .tl-seo-title{font-size:clamp(38px,4.1vw,60px)} @media(max-width:767px){:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .tl-seo-title{font-size:40px}} #tl-service-case .tl-seo-title{margin:0;padding:0;text-align:left} #tl-service-case .tl-seo-title{color:#fff;font-size:clamp(39px,4.3vw,61px);line-height:1.09;letter-spacing:-2px;font-weight:500;margin:0 0 24px} #tl-service-case .tl-seo-title em{font-style:normal;color:var(--sv-cyan)} @media(max-width:900px){#tl-service-case .tl-seo-title{font-size:55px}} @media(max-width:767px){#tl-service-case .tl-seo-title{font-size:clamp(36px,8.8vw,54px);letter-spacing:-1.4px}} #tl-metro-case .tl-seo-title{margin:0;padding:0} #tl-metro-case .tl-seo-title{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} @media(max-width:767px){#tl-metro-case .tl-seo-title{font-size:47px}} @media(max-width:390px){#tl-metro-case .tl-seo-title{font-size:42px}} #tl-metro-case .tl-seo-title{font-size:clamp(38px,4.1vw,60px)} @media(max-width:767px){#tl-metro-case .tl-seo-title{font-size:40px}} .page-head .tl-seo-title{overflow-wrap:anywhere} body:has(.tc-root) .tc-root .tl-seo-title{font-size:clamp(36px,4.25vw,58px);letter-spacing:-1.8px} body:has(.pc-feature) .page-head.page-head-catalog .tl-seo-title{font-size:clamp(32px,4vw,52px)!important;line-height:1.12!important;margin:0!important} @media(min-width:901px){#tl-service-case .tl-seo-title{font-size:clamp(38px,3.9vw,55px)!important;line-height:1.05!important;margin-bottom:19px!important} #tl-pcb-service .tl-seo-title{font-size:clamp(38px,3.9vw,55px)!important;line-height:1.07!important;margin-bottom:18px}} @media(min-width:768px){[id^="tl-"][id$="-case"] .pc-casecopy .tl-seo-title{font-size:clamp(38px,4vw,56px)!important;line-height:1.05!important;margin-bottom:18px!important}} @media(min-width:901px) and (max-height:760px){#tl-service-case .tl-seo-title,#tl-pcb-service .tl-seo-title{font-size:clamp(34px,3.5vw,47px)!important;margin-bottom:14px!important}} @media(min-width:768px) and (max-height:760px){[id^="tl-"][id$="-case"] .pc-casecopy .tl-seo-title{font-size:clamp(32px,3.4vw,46px)!important;margin-bottom:13px!important} #tl-contacts-page .tl-seo-title{font-size:clamp(36px,3.7vw,48px)!important;line-height:1.05!important;margin-bottom:15px!important}} @media(max-width:900px){#tl-service-case .tl-seo-title,#tl-pcb-service .tl-seo-title{font-size:clamp(34px,6vw,48px)!important}} @media(max-width:767px){[id^="tl-"][id$="-case"] .pc-casecopy .tl-seo-title{font-size:clamp(32px,8.2vw,45px)!important;letter-spacing:-1.2px!important;line-height:1.08!important} body:has(.tc-root) .tc-root .tl-seo-title{font-size:clamp(32px,8.2vw,43px);letter-spacing:-1.2px} .page-head .tl-seo-title{font-size:clamp(25px,6.5vw,34px);line-height:1.15}} .tl-layout-index .tl-seo-title{font-size:clamp(34px,4.5vw,56px);font-weight:500;letter-spacing:-1.6px;line-height:1.1;margin:0 0 20px;color:#172229} /* === tl-produkcia-theme-20261009 === */ body:has(#tl-equipment){--cyan:#06c6d4;--teal:#007e8a;--navy:#12232b;--muted:#637078;--line:#d7dfdf} body:has(#tl-equipment) .wrapper{background:#f5f6f2} body:has(#tl-equipment) .content-wrapper,body:has(#tl-equipment) .page-content{color:#17272e} body:has(#tl-equipment) h1,body:has(#tl-equipment) .page-head h1{color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-1px} body:has(#tl-equipment) .content-wrapper h2,body:has(#tl-equipment) .content-wrapper h3{color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-weight:500} body:has(#tl-equipment) .breadcrumb,body:has(#tl-equipment) .breadcrumb a{color:var(--muted)} body:has(#tl-equipment) .breadcrumb a:hover{color:var(--teal)} body:has(#tl-equipment) .content-wrapper a{color:var(--teal)} body:has(#tl-equipment) .content-wrapper a:hover{color:#00a7b5} body:has(#tl-equipment) .btn-primary,body:has(#tl-equipment) .btn.btn-primary{background:var(--cyan)!important;border-color:var(--cyan)!important;color:#09232a!important;border-radius:0!important;font-weight:700;letter-spacing:.3px} body:has(#tl-equipment) .btn-primary:hover{background:#6be3eb!important;border-color:#6be3eb!important} body:has(#tl-equipment) .btn,body:has(#tl-equipment) .btn_blue{border-radius:0!important} body:has(#tl-equipment) .btn_blue{background:#fff!important;border:1px solid var(--line)!important;color:var(--navy)!important} body:has(#tl-equipment) .card-item,body:has(#tl-equipment) .catalog-item{background:#fff;border:1px solid var(--line);border-radius:0!important;box-shadow:none} body:has(#tl-equipment) .catalog-item:hover{border-color:var(--cyan)} body:has(#tl-equipment) .item-main-title>span>a{color:var(--navy)!important;font-weight:700} body:has(#tl-equipment) .item-main-title>span>a:hover{color:var(--teal)!important} body:has(#tl-equipment) .item-main-announce{color:var(--muted)} body:has(#tl-equipment) .item-main-details a{color:var(--teal)!important;font-weight:700;font-size:12px;letter-spacing:.3px;text-transform:uppercase} body:has(#tl-equipment) .sidebar-portfolio{border-radius:0!important;border:1px solid var(--line);background:#fff} body:has(#tl-equipment) .form-control,body:has(#tl-equipment) .i-select-placeholder{border-radius:0!important;border-color:var(--line)} body:has(#tl-equipment) .pagination>li>a,body:has(#tl-equipment) .pagination>li>span{border-radius:0!important;color:var(--navy)} body:has(#tl-equipment) .pagination>.active>a,body:has(#tl-equipment) .pagination>.active>span{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important} body:has(#tl-equipment) .footer__mobile{background-color:#0d151a} body:has(#tl-equipment) .footer__mobile-messenger-btn_phone{background-color:var(--cyan)!important} body:has(#tl-equipment) .footer__mobile-messenger-btn_mail{background-color:#152b36!important} body:has(#tl-equipment) .selection-links a{border-radius:0!important;background:#edf0ed!important;border:1px solid #ced8d7!important;box-shadow:none!important;color:var(--navy)!important} body:has(#tl-equipment) .selection-links a:hover,body:has(#tl-equipment) .selection-links a.active{border-color:var(--cyan)!important;color:var(--teal)!important;background:#fff!important} body:has(#tl-equipment) .btn-black{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;border-radius:0!important} body:has(#tl-equipment) .btn-black:hover{background:var(--cyan)!important;border-color:var(--cyan)!important;color:#09232a!important} /* === BODY: tl-three-cases-style-20261004 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature)) .page-content>.container,body:has(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case)) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case)) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case)) .portfolio-description{padding:0;margin:0;max-width:none} body:has(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case)) .page-head,body:has(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case)) .portfolio-gallery{display:none} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case){--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) *,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) *::before,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) *::after{box-sizing:border-box} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h1,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h2,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h3,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) p,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) figure{margin:0;padding:0} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) a{text-decoration:none;color:#008795} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy{padding:40px;align-self:center;min-width:0} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy .pc-kicker{color:var(--cyan)} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-section{margin-top:68px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) p{font-size:15px;line-height:1.7;color:var(--muted)} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) p+p{margin-top:16px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step p{font-size:13px;line-height:1.6} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-delivery h2{font-size:34px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) p.pc-note{font-size:11px;color:var(--muted)} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-result p{max-width:720px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom h2{font-size:34px;color:#fff} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom p{font-size:13px;color:#bcccd1} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom .pc-kicker{color:var(--cyan)} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-button:hover{background:#6be3eb} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy{padding:28px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casehero{grid-template-columns:1fr 1fr}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-split,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand{gap:28px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom{grid-template-columns:1fr;gap:25px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature)) .page-content>.container,body:has(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case)) .simple-page>.container{width:calc(100% - 36px)}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-topline{padding:22px 0 18px;gap:12px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-topline>span{font-size:8px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-back{font-size:10px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casehero{grid-template-columns:1fr}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy{padding:27px 25px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h1{font-size:47px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy .pc-herofacts{font-size:18px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-cycleline{font-size:9px}:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-image>img{object-fit:contain}:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob strong{font-size:23px}:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob span,:is(:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case),#tl-csm-feature) .pc-blob b{font-size:10px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats>div{padding-left:12px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats strong{font-size:32px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats span{font-size:11px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-section{margin-top:44px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-split,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-delivery,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand{grid-template-columns:1fr;gap:27px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h2{font-size:32px;letter-spacing:-.7px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) p{font-size:14px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-kicker{font-size:10px;margin-bottom:18px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step{padding:18px 14px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step h3{font-size:17px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step p{font-size:12px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-delivery{padding:22px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-delivery h2{font-size:29px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-rebrand{padding-top:34px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-brands img{max-height:280px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-result,:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom{padding:26px 23px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottom h2{font-size:30px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casecopy{padding:25px 20px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h1{font-size:42px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-cycleline{font-size:8px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-steps{gap:12px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-step h3{font-size:15px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-brands img{max-height:230px}} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h1{font-size:clamp(38px,4.1vw,60px)} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casehero{min-height:510px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-image{min-height:510px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-image>img{object-position:center;object-fit:cover} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-image-label{position:absolute;bottom:16px;left:16px;right:16px;width:max-content;max-width:calc(100% - 32px);padding:7px 10px;background:#111b22e8;color:#fff;font:9px/1.5 monospace;letter-spacing:.3px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats strong{font-size:31px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-intro{max-width:960px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-source{margin-top:24px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-photo-grid img{height:460px;aspect-ratio:auto;object-fit:contain;background:#fff} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-photos .pc-note{margin-top:20px} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-delivery{align-items:start} @media(max-width:767px){:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-casehero{grid-template-columns:1fr;min-height:0}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-image{height:370px;min-height:0;aspect-ratio:auto}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) h1{font-size:40px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-stats strong{font-size:26px}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-photo-grid{grid-template-columns:1fr}:is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-photo-grid img{height:auto;max-height:500px}} :is(#tl-csm-case,#tl-bau-case,#tl-dpd-case) .pc-image>img{object-fit:cover;object-position:center} /* === BODY: tl-three-case-covers-20261004 === */ body:has(#tl-yandex-feature) .portfolio-item[href$="/postamat-dla-celabinskogo-csm"] .tl-case-cover img{object-fit:cover;object-position:center} body:has(#tl-yandex-feature) .portfolio-item[href$="/postamaty-dla-baucentr"] .tl-case-cover img{object-fit:cover;object-position:center} body:has(#tl-yandex-feature) .portfolio-item[href$="/postamaty-dla-dpd"] .tl-case-cover img{object-fit:cover;object-position:center} /* === BODY: tl-service-page-design-20261004 === */ body:has(#tl-service-case){font-family:Arial,Helvetica,sans-serif;color:#172229;background:#0d151a} body:has(#tl-service-case) .page-content{padding:0;background:#f8faf9} body:has(#tl-service-case) .page-content>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-service-case) .page-head,body:has(#tl-service-case) .sidebar,body:has(#tl-service-case) .categories-block{display:none!important} body:has(#tl-service-case) .simple-page{padding:0;background:transparent!important;border:0!important} body:has(#tl-service-case) .catalog-list,body:has(#tl-service-case) .catalog-page-text{float:none;width:100%;margin:0;padding:0;max-width:none} #tl-service-case{--sv-cyan:#08c6d5;--sv-navy:#111b22;--sv-ink:#172229;--sv-muted:#617278;font-family:Arial,Helvetica,sans-serif;color:var(--sv-ink);line-height:1.55;padding-bottom:48px} #tl-service-case *,#tl-service-case *::before,#tl-service-case *::after{box-sizing:border-box} #tl-service-case h1,#tl-service-case h2,#tl-service-case h3,#tl-service-case p,#tl-service-case ol{margin:0;padding:0;text-align:left} #tl-service-case a{color:#007987;text-decoration:none} #tl-service-case a:focus-visible{outline:3px solid var(--sv-cyan);outline-offset:4px} #tl-service-case .sv-topline{display:flex;justify-content:space-between;gap:20px;padding:24px 0 21px;font:11px/1.5 monospace} #tl-service-case .sv-topline span{font-size:9px;color:var(--sv-muted);letter-spacing:.5px} #tl-service-case .sv-eyebrow{font:10px/1.5 monospace;letter-spacing:.6px;color:#007987;margin-bottom:22px} #tl-service-case .sv-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--sv-navy);color:#fff;min-height:552px;overflow:hidden} #tl-service-case .sv-hero-copy{padding:46px 40px 43px;align-self:center;min-width:0} #tl-service-case .sv-hero .sv-eyebrow{color:var(--sv-cyan);font-size:9px;letter-spacing:.2px} #tl-service-case h1{color:#fff;font-size:clamp(39px,4.3vw,61px);line-height:1.09;letter-spacing:-2px;font-weight:500;margin:0 0 24px} #tl-service-case h1 em{font-style:normal;color:var(--sv-cyan)} #tl-service-case .sv-hero-copy p{max-width:480px;font-size:14px;line-height:1.7;color:#b8cbd0} #tl-service-case .sv-hero-copy .sv-lead{color:#fff;font-size:21px;line-height:1.4;margin-bottom:17px} #tl-service-case .sv-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:31px} #tl-service-case a.sv-button{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;min-height:54px;padding:15px 19px;background:var(--sv-cyan);color:#09232a;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.2px;border:0;border-radius:0;box-shadow:none} #tl-service-case a.sv-button span{font:400 23px/1 Arial,sans-serif} #tl-service-case a.sv-button:hover{background:#6be3eb} #tl-service-case .sv-text-link{color:#d7e4e6;font-size:11px;white-space:nowrap} #tl-service-case .sv-text-link span{color:var(--sv-cyan);margin-left:10px} #tl-service-case .sv-diagram{position:relative;min-width:0;min-height:552px;overflow:hidden;background:radial-gradient(ellipse at center,#193b48 0,#122b36 44%,#111f28 78%);border-left:1px solid #284551;isolation:isolate} #tl-service-case .sv-diagram::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a1dbe807 1px,transparent 1px),linear-gradient(90deg,#a1dbe807 1px,transparent 1px);background-size:28px 28px;z-index:-1} #tl-service-case .sv-diagram-label{position:absolute;top:28px;left:24px;right:24px;text-align:center;color:#9db8bf;font:9px/1.5 monospace;letter-spacing:.35px} #tl-service-case .sv-orbit{position:absolute;left:50%;top:50%;width:365px;height:365px;border:1px solid #5b9caf70;border-radius:50%;transform:translate(-50%,-46%);z-index:-1} #tl-service-case .sv-orbit::before,#tl-service-case .sv-orbit::after{content:"";position:absolute;left:50%;top:50%;background:#315e6c;transform:translate(-50%,-50%)} #tl-service-case .sv-orbit::before{width:110%;height:1px} #tl-service-case .sv-orbit::after{height:110%;width:1px} #tl-service-case .sv-orbit-inner{width:282px;height:282px;border-style:dashed;border-color:#497d8c60;transform:translate(-50%,-44%)} #tl-service-case .sv-orbit-inner::before,#tl-service-case .sv-orbit-inner::after{display:none} #tl-service-case .sv-device{position:absolute;width:148px;left:50%;top:50%;transform:translate(-50%,-43%);padding:12px 10px 10px;background:linear-gradient(135deg,#345461,#1b3946);border:1px solid #a1c4cc;box-shadow:10px 12px 0 #071d2780,0 0 70px #07c4d51c;z-index:2} #tl-service-case .sv-device-brand{font:700 9px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:#e4f1f2;margin:0 2px 10px;display:flex;justify-content:space-between} #tl-service-case .sv-device-brand span{color:var(--sv-cyan);font-size:8px} #tl-service-case .sv-device-screen{position:relative;padding:10px 9px;height:62px;background:#0a222e;border:1px solid #3f7385;margin-bottom:8px} #tl-service-case .sv-device-screen span{display:block;font:7px/1.5 monospace;color:#b4d9df;letter-spacing:.6px} #tl-service-case .sv-device-screen b{display:block;font:6px/1.5 monospace;color:var(--sv-cyan);margin-top:8px} #tl-service-case .sv-device-screen>i{position:absolute;right:10px;bottom:9px;font-style:normal;font-size:13px;color:var(--sv-cyan)} #tl-service-case .sv-device-doors{display:grid;grid-template-columns:1fr 1fr;gap:5px} #tl-service-case .sv-device-doors>span{position:relative;height:34px;border:1px solid #7fa7b5;background:#264b5b} #tl-service-case .sv-device-doors>span i{position:absolute;right:5px;top:15px;width:6px;height:2px;background:#b4d3da} #tl-service-case .sv-device-doors>span:nth-child(2),#tl-service-case .sv-device-doors>span:nth-child(7){background:#1d6375;border-color:#56c7d6} #tl-service-case .sv-device-foot{height:7px;border-top:1px solid #7fa7b5;margin-top:8px} #tl-service-case .sv-node{position:absolute;width:156px;padding:15px 13px;background:#132d38ef;border:1px solid #416c7a;z-index:3} #tl-service-case .sv-node b{display:block;color:var(--sv-cyan);font:10px/1.5 monospace;margin-bottom:5px} #tl-service-case .sv-node strong{display:block;color:#fff;font-size:17px;font-weight:500;line-height:1.2} #tl-service-case .sv-node>span{display:block;color:#adc5cb;font-size:10px;line-height:1.4;margin-top:7px} #tl-service-case .sv-node::after{content:"";position:absolute;width:6px;height:6px;background:var(--sv-cyan);border-radius:50%} #tl-service-case .sv-node-1{left:22px;top:113px} #tl-service-case .sv-node-2{right:22px;top:113px} #tl-service-case .sv-node-3{left:22px;bottom:89px} #tl-service-case .sv-node-4{right:22px;bottom:89px} #tl-service-case .sv-node-1::after,#tl-service-case .sv-node-3::after{right:-4px;top:50%} #tl-service-case .sv-node-2::after,#tl-service-case .sv-node-4::after{left:-4px;top:50%} #tl-service-case .sv-diagram-note{position:absolute;bottom:26px;left:0;right:0;color:#799fa9;text-align:center;font:8px/1.5 monospace;letter-spacing:1px} #tl-service-case .sv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:31px 0;border-bottom:1px solid #c3d0d1;gap:20px} #tl-service-case .sv-facts>div{border-left:2px solid var(--sv-cyan);padding-left:19px;min-width:0} #tl-service-case .sv-facts strong{display:block;font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.7px} #tl-service-case .sv-facts span{display:block;font-size:11px;color:var(--sv-muted);line-height:1.5;margin-top:7px} #tl-service-case .sv-section{margin-top:65px;scroll-margin-top:93px} #tl-service-case .sv-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end;margin-bottom:35px} #tl-service-case h2{font-size:clamp(31px,3.25vw,46px);line-height:1.15;letter-spacing:-1.2px;font-weight:500;color:var(--sv-ink)} #tl-service-case h3{font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.35px;color:var(--sv-ink)} #tl-service-case p{font-size:14px;line-height:1.7;color:var(--sv-muted)} #tl-service-case .sv-section-head>p{max-width:445px;justify-self:end;font-size:14px} #tl-service-case .sv-timeline{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#e6eeee;border:1px solid #cedbdd;padding:28px 24px 25px} #tl-service-case .sv-timeline li{position:relative;padding:0 18px 0 0;min-width:0} #tl-service-case .sv-timeline li::before{content:"";position:absolute;top:18px;left:36px;right:0;height:1px;background:#9abdc2} #tl-service-case .sv-timeline li:last-child::before{right:18px} #tl-service-case .sv-timeline li::after{content:"›";position:absolute;right:13px;top:5px;color:#367e8b;font-size:24px} #tl-service-case .sv-timeline li:last-child::after{display:none} #tl-service-case .sv-step-number{position:relative;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #0092a2;background:#d6f1f3;color:#007483;font:11px/1 monospace;z-index:1;margin-bottom:25px} #tl-service-case .sv-timeline h3{font-size:19px;margin-bottom:9px} #tl-service-case .sv-timeline p{font-size:12px;line-height:1.6} #tl-service-case .sv-route-note{display:flex;gap:17px;align-items:center;margin-top:19px;padding:0 24px} #tl-service-case .sv-route-note>span{font-size:33px;color:#008899;line-height:1} #tl-service-case .sv-route-note p{font-size:12px} #tl-service-case .sv-route-note strong{font-weight:500;color:var(--sv-ink)} #tl-service-case .sv-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #tl-service-case .sv-card{padding:23px 21px 21px;background:#fff;border:1px solid #d1dcdc;min-width:0;display:flex;flex-direction:column} #tl-service-case .sv-card-top{display:flex;justify-content:space-between;align-items:center;height:34px;margin-bottom:22px} #tl-service-case .sv-card-top>span{color:#007b8a;font:11px/1 monospace} #tl-service-case .sv-symbol{position:relative;display:block;width:29px;height:29px;border:1px solid #008595} #tl-service-case .sv-symbol::before,#tl-service-case .sv-symbol::after{content:"";position:absolute;background:#008595} #tl-service-case .sv-symbol::before{width:1px;height:19px;left:13px;top:4px} #tl-service-case .sv-symbol::after{width:19px;height:1px;top:13px;left:4px} #tl-service-case .sv-symbol-01,#tl-service-case .sv-symbol-08{border-style:dashed} #tl-service-case .sv-symbol-03{border-radius:50%;background:#e0f7f8} #tl-service-case .sv-symbol-04,#tl-service-case .sv-symbol-05{border-radius:0 0 12px 12px} #tl-service-case .sv-symbol-07{transform:rotate(45deg);width:21px;height:21px;margin-right:4px} #tl-service-case .sv-symbol-07::before{height:13px;left:9px;top:3px} #tl-service-case .sv-symbol-07::after{width:13px;left:3px;top:9px} #tl-service-case .sv-card h3{font-size:21px;min-height:52px;letter-spacing:-.5px;margin-bottom:12px} #tl-service-case .sv-card-label{font:10px/1.5 monospace;color:#007b8a;margin-bottom:15px;min-height:30px} #tl-service-case .sv-card p{font-size:12px;line-height:1.7;margin-bottom:23px} #tl-service-case .sv-card-result{margin-top:auto;border-top:1px solid #dce5e5;padding-top:15px;font-size:11px;color:#516970;line-height:1.55} #tl-service-case .sv-card-result b{display:block;font:9px/1.5 monospace;letter-spacing:.3px;text-transform:uppercase;color:#007b8a;margin-bottom:6px} #tl-service-case .sv-support{display:grid;grid-template-columns:1fr 1fr;gap:30px 48px;background:var(--sv-navy);padding:39px 40px;color:#fff} #tl-service-case .sv-support .sv-eyebrow{color:var(--sv-cyan)} #tl-service-case .sv-support h2{color:#fff;font-size:clamp(29px,3vw,42px)} #tl-service-case .sv-support-intro>p{color:#adc3ca;margin-top:22px;max-width:475px;font-size:13px} #tl-service-case .sv-support-intro>a{display:inline-flex;gap:25px;color:var(--sv-cyan);font-size:13px;margin-top:22px} #tl-service-case .sv-support-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start} #tl-service-case .sv-support-cards article{background:#1a303c;border-top:2px solid var(--sv-cyan);padding:23px 20px} #tl-service-case .sv-support-cards article>span{font:9px/1.5 monospace;color:var(--sv-cyan);letter-spacing:.3px} #tl-service-case .sv-support-cards h3{font-size:19px;color:#fff;margin:21px 0 15px} #tl-service-case .sv-support-cards p{color:#b4cbd2;font-size:12px} #tl-service-case .sv-request{grid-column:1/-1;padding-top:27px;border-top:1px solid #3c5964} #tl-service-case .sv-request-caption{font:9px/1.5 monospace;color:#a7c4cb;letter-spacing:.4px;margin-bottom:23px} #tl-service-case .sv-request ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none} #tl-service-case .sv-request li{position:relative;padding-left:39px;padding-right:17px;min-width:0} #tl-service-case .sv-request li>b{position:absolute;left:0;top:3px;color:var(--sv-cyan);font:11px/1.5 monospace} #tl-service-case .sv-request li::after{content:"→";position:absolute;right:0;top:0;color:var(--sv-cyan);font-size:17px} #tl-service-case .sv-request li:last-child::after{display:none} #tl-service-case .sv-request strong{display:block;font-size:17px;font-weight:500;line-height:1.3} #tl-service-case .sv-request li span{display:block;color:#a7c4cb;font-size:11px;line-height:1.5;margin-top:8px} #tl-service-case .sv-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px} #tl-service-case .sv-change-grid article{position:relative;padding:27px 25px;background:#dfeaec;border-top:2px solid #83b8c0} #tl-service-case .sv-change-arrow{display:block;color:#008494;font:400 38px/1 Arial,sans-serif;margin-bottom:29px} #tl-service-case .sv-change-grid h3{font-size:24px;margin-bottom:12px} #tl-service-case .sv-change-grid p{font-size:13px;max-width:300px} #tl-service-case .sv-change-grid small{display:block;font:9px/1.5 monospace;letter-spacing:.6px;color:#007583;margin-top:29px} #tl-service-case .sv-prepare{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:43px;border-top:1px solid #bdccce} #tl-service-case .sv-prepare h2{font-size:clamp(29px,2.8vw,39px)} #tl-service-case .sv-prepare p{font-size:13px;max-width:460px;margin-top:21px} #tl-service-case .sv-prepare ol{list-style:none} #tl-service-case .sv-prepare li{display:flex;gap:25px;padding:19px 0;border-bottom:1px solid #bdccce} #tl-service-case .sv-prepare li:first-child{padding-top:0} #tl-service-case .sv-prepare li>b{color:#007c8b;font:11px/1.5 monospace;padding-top:4px} #tl-service-case .sv-prepare li strong{font-size:18px;font-weight:500;display:block;line-height:1.3} #tl-service-case .sv-prepare li span{display:block;color:var(--sv-muted);font-size:12px;margin-top:7px;line-height:1.6} #tl-service-case .sv-contact{display:grid;grid-template-columns:1fr .65fr;gap:70px;background:#e0ebec;padding:38px 40px;margin-top:60px;scroll-margin-top:93px} #tl-service-case .sv-contact p{font-size:13px;margin-top:22px;max-width:610px} #tl-service-case .sv-contact-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px} #tl-service-case .sv-contact-actions .sv-button{margin-bottom:8px;width:100%} #tl-service-case .sv-contact-actions>a:not(.sv-button){font-size:15px;color:var(--sv-ink)} #tl-service-case .sv-bottomnav{display:flex;justify-content:space-between;gap:24px;margin-top:26px;font:11px/1.5 monospace} @media(max-width:1120px){#tl-service-case .sv-hero-copy{padding:34px 28px}#tl-service-case .sv-node{width:128px;padding:13px 10px}#tl-service-case .sv-node-1,#tl-service-case .sv-node-3{left:13px}#tl-service-case .sv-node-2,#tl-service-case .sv-node-4{right:13px}#tl-service-case .sv-node strong{font-size:15px}#tl-service-case .sv-node>span{font-size:9px}#tl-service-case .sv-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-service-case .sv-card h3{min-height:0}#tl-service-case .sv-card-label{min-height:0}#tl-service-case .sv-support{gap:30px}#tl-service-case .sv-support-cards{grid-template-columns:1fr}#tl-service-case .sv-support-cards article{padding:18px 19px}#tl-service-case .sv-support-cards h3{margin:12px 0;font-size:18px}} @media(max-width:900px){#tl-service-case .sv-hero{grid-template-columns:1fr}#tl-service-case .sv-hero-copy{padding:39px}#tl-service-case h1{font-size:55px}#tl-service-case .sv-diagram{min-height:480px;border-top:1px solid #284551;border-left:0}#tl-service-case .sv-node{width:160px}#tl-service-case .sv-node-1,#tl-service-case .sv-node-3{left:calc(50% - 254px)}#tl-service-case .sv-node-2,#tl-service-case .sv-node-4{right:calc(50% - 254px)}#tl-service-case .sv-node-1,#tl-service-case .sv-node-2{top:94px}#tl-service-case .sv-node-3,#tl-service-case .sv-node-4{bottom:79px}#tl-service-case .sv-section-head{gap:30px}#tl-service-case .sv-timeline h3{font-size:16px}#tl-service-case .sv-timeline{padding:24px 18px}#tl-service-case .sv-timeline li{padding-right:12px}#tl-service-case .sv-timeline p{font-size:11px}#tl-service-case .sv-contact{gap:35px}} @media(max-width:767px){body:has(#tl-service-case) .page-content>.container{width:calc(100% - 36px)}#tl-service-case{padding-bottom:32px}#tl-service-case .sv-topline{padding:20px 0 17px;font-size:10px}#tl-service-case .sv-topline span{font-size:7px;max-width:160px;text-align:right}#tl-service-case .sv-hero-copy{padding:31px 25px}#tl-service-case .sv-hero .sv-eyebrow{font-size:8px}#tl-service-case h1{font-size:clamp(36px,8.8vw,54px);letter-spacing:-1.4px}#tl-service-case .sv-hero-copy .sv-lead{font-size:19px}#tl-service-case .sv-hero-actions{gap:18px;margin-top:27px}#tl-service-case .sv-facts{grid-template-columns:1fr 1fr;gap:24px 17px;padding:26px 0}#tl-service-case .sv-facts strong{font-size:23px}#tl-service-case .sv-facts>div{padding-left:12px}#tl-service-case .sv-facts span{font-size:10px}#tl-service-case .sv-section{margin-top:46px}#tl-service-case h2{font-size:clamp(29px,7.7vw,40px);letter-spacing:-.8px}#tl-service-case .sv-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px}#tl-service-case .sv-section-head>p{justify-self:start;max-width:600px;font-size:13px}#tl-service-case .sv-eyebrow{font-size:9px;margin-bottom:18px}#tl-service-case .sv-timeline{grid-template-columns:1fr;padding:22px}#tl-service-case .sv-timeline li{padding:0 0 25px 57px}#tl-service-case .sv-timeline li:last-child{padding-bottom:0}#tl-service-case .sv-step-number{position:absolute;top:0;left:0;margin:0}#tl-service-case .sv-timeline li::before{top:37px;left:18px;right:auto;width:1px;height:calc(100% - 37px)}#tl-service-case .sv-timeline li:last-child::before{display:none}#tl-service-case .sv-timeline li::after{display:none}#tl-service-case .sv-timeline h3{font-size:19px;margin-top:2px;margin-bottom:7px}#tl-service-case .sv-timeline p{font-size:12px}#tl-service-case .sv-route-note{padding:0;align-items:flex-start;margin-top:18px}#tl-service-case .sv-route-note p{font-size:11px}#tl-service-case .sv-services-grid{grid-template-columns:1fr;gap:13px}#tl-service-case .sv-card{padding:23px}#tl-service-case .sv-card-top{margin-bottom:18px}#tl-service-case .sv-card h3{font-size:23px;margin-bottom:10px}#tl-service-case .sv-card p{font-size:13px}#tl-service-case .sv-support{grid-template-columns:1fr;gap:28px;padding:29px 25px}#tl-service-case .sv-support h2{font-size:31px}#tl-service-case .sv-support-cards{grid-template-columns:1fr 1fr;gap:12px}#tl-service-case .sv-support-cards article{padding:19px 16px}#tl-service-case .sv-support-cards h3{font-size:17px}#tl-service-case .sv-support-cards p{font-size:11px}#tl-service-case .sv-request ol{grid-template-columns:1fr 1fr;gap:24px 16px}#tl-service-case .sv-request li{padding-left:28px;padding-right:0}#tl-service-case .sv-request li::after{display:none}#tl-service-case .sv-request strong{font-size:16px}#tl-service-case .sv-request li span{font-size:10px}#tl-service-case .sv-change-grid{grid-template-columns:1fr;gap:13px}#tl-service-case .sv-change-grid article{padding:23px 25px}#tl-service-case .sv-change-arrow{margin-bottom:20px}#tl-service-case .sv-change-grid h3{font-size:23px}#tl-service-case .sv-change-grid p{max-width:none}#tl-service-case .sv-change-grid small{margin-top:21px}#tl-service-case .sv-prepare{grid-template-columns:1fr;gap:29px;padding-top:30px}#tl-service-case .sv-prepare h2{font-size:31px}#tl-service-case .sv-contact{grid-template-columns:1fr;gap:29px;padding:29px 25px;margin-top:45px}#tl-service-case .sv-contact-actions{gap:12px}#tl-service-case .sv-contact-actions .sv-button{width:100%;font-size:10px}#tl-service-case .sv-contact p{font-size:12px;margin-top:18px}#tl-service-case .sv-bottomnav{font-size:10px;gap:16px}} @media(max-width:540px){#tl-service-case .sv-diagram{min-height:440px}#tl-service-case .sv-diagram-label{font-size:7px;top:24px;left:12px;right:12px}#tl-service-case .sv-orbit{width:280px;height:280px}#tl-service-case .sv-orbit-inner{width:218px;height:218px}#tl-service-case .sv-device{width:120px;padding:9px 8px;transform:translate(-50%,-40%)}#tl-service-case .sv-device-brand{font-size:7px;margin-bottom:8px}#tl-service-case .sv-device-screen{height:52px;padding:7px}#tl-service-case .sv-device-screen span{font-size:6px}#tl-service-case .sv-device-screen b{font-size:5px}#tl-service-case .sv-device-doors>span{height:27px}#tl-service-case .sv-device-doors>span i{top:12px;width:5px}#tl-service-case .sv-device-doors{gap:4px}#tl-service-case .sv-node{width:131px;min-height:77px;padding:10px 11px}#tl-service-case .sv-node strong{font-size:15px}#tl-service-case .sv-node b{font-size:8px;margin-bottom:4px}#tl-service-case .sv-node>span{font-size:8px;margin-top:4px}#tl-service-case .sv-node-1,#tl-service-case .sv-node-3{left:14px}#tl-service-case .sv-node-2,#tl-service-case .sv-node-4{right:14px}#tl-service-case .sv-node-1,#tl-service-case .sv-node-2{top:63px}#tl-service-case .sv-node-3,#tl-service-case .sv-node-4{bottom:42px}#tl-service-case .sv-diagram-note{bottom:17px;font-size:7px}#tl-service-case .sv-support-cards{grid-template-columns:1fr}} @media(max-width:370px){#tl-service-case .sv-hero-copy{padding:28px 21px}#tl-service-case .sv-node{width:117px;padding:9px}#tl-service-case .sv-node-1,#tl-service-case .sv-node-3{left:10px}#tl-service-case .sv-node-2,#tl-service-case .sv-node-4{right:10px}#tl-service-case .sv-node strong{font-size:14px}#tl-service-case .sv-diagram{min-height:425px}#tl-service-case .sv-facts strong{font-size:21px}} /* Keep six desktop links on a common center line without inherited list spacing. */ @media(min-width:1024px) { body:has(#tl-service-case) .top-nav>.cat-nav { margin:0!important; padding:0!important; display:flex; flex-wrap:nowrap; align-items:center; gap:10px; } body:has(#tl-service-case) .cat-nav>li { flex:0 0 auto; margin:0!important; padding:0!important; } body:has(#tl-service-case) .cat-nav>li>a { display:flex; align-items:center; justify-content:center; height:56px; line-height:14px; white-space:nowrap; margin:0!important; padding:0 4px!important; } body:has(#tl-service-case) .cat-nav>li>a>span { display:block; line-height:14px; white-space:nowrap; margin:0!important; padding:0!important; top:auto; transform:none; } body:has(#tl-service-case) .cat-nav>li>a>span::after { display:none!important; } } @media(min-width:1024px) { body:has(#tl-service-case) .header .select-city-link, body:has(#tl-service-case) .header .email-link, body:has(#tl-service-case) .header .phone-current, body:has(#tl-service-case) .header .tl-header-messengers { top:50%!important; transform:translateY(-50%); margin-top:0!important; margin-bottom:0!important; } } @media(min-width:1024px){ body:has(#tl-service-case) .header .nav-toggle,body:has(#tl-service-case) .tl-compact-menu {display:none!important;} body:has(#tl-service-case) .navigation-wrapper .cat-nav-line,body:has(#tl-service-case) .navigation-wrapper:not(.tl-compact-open) .cat-nav-line {display:block!important;} body:has(#tl-service-case) .navigation-wrapper .top-nav {display:block!important;left:170px;right:510px;} body:has(#tl-service-case) .header .select-city-link {right:380px;} body:has(#tl-service-case) .header .email-link {right:255px;} body:has(#tl-service-case) .top-nav>.cat-nav {height:56px;box-sizing:border-box;} body:has(#tl-service-case) .cat-nav>li {height:56px;box-sizing:border-box;} body:has(#tl-service-case) .cat-nav>li>a {box-sizing:border-box;} } @media(min-width:1024px) and (max-width:1249px){ body:has(#tl-service-case) .header .logo {width:112px;} body:has(#tl-service-case) .navigation-wrapper .top-nav {left:136px;right:370px;} body:has(#tl-service-case) .top-nav>.cat-nav {gap:4px;} body:has(#tl-service-case) .cat-nav>li>a {padding:0 2px!important;font-size:10px;} body:has(#tl-service-case) .header .select-city-link {right:244px;} body:has(#tl-service-case) .header .email-link {display:none;} body:has(#tl-service-case) .header .tl-header-messengers {right:116px;} } /* === BODY: tl-all-pages-layout-20261004 === */ /* Case pages follow the existing Techline homepage design. */ body:has(:is(#tl-metro-case,#tl-metro-feature)){font-family:Arial,Helvetica,sans-serif;color:#172229} body:has(:is(#tl-metro-case,#tl-metro-feature)) .page-content{background:#f8faf9;padding:0} body:has(:is(#tl-metro-case,#tl-metro-feature)) .page-content>.container,body:has(#tl-metro-case) .simple-page>.container{width:min(1316px,calc(100% - 88px));max-width:none;padding:0} body:has(#tl-metro-case) .simple-page{padding:0 0 56px;background:#f8faf9!important;border-bottom:0!important} body:has(#tl-metro-case) .portfolio-description{padding:0;margin:0;max-width:none} body:has(#tl-metro-case) .page-head,body:has(#tl-metro-case) .portfolio-gallery{display:none} #tl-metro-case{--cyan:#08c6d5;--ink:#172229;--muted:#66737a;--navy:#111b22;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} #tl-metro-case *,#tl-metro-case *::before,#tl-metro-case *::after{box-sizing:border-box} #tl-metro-case h1,#tl-metro-case h2,#tl-metro-case h3,#tl-metro-case p,#tl-metro-case figure{margin:0;padding:0} #tl-metro-case a{text-decoration:none;color:#008795} #tl-metro-case a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px} #tl-metro-case .pc-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px} #tl-metro-case .pc-topline>span{font:10px/1.5 monospace;color:var(--muted);letter-spacing:.35px} #tl-metro-case .pc-back{font:11px/1.5 monospace;display:inline-flex;align-items:center;min-height:30px} #tl-metro-case .pc-casehero{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--navy);color:#fff;overflow:hidden} #tl-metro-case .pc-casecopy{padding:40px;align-self:center;min-width:0} #tl-metro-case .pc-kicker{font:11px/1.5 monospace;color:#008d9c;letter-spacing:.4px;margin-bottom:22px} #tl-metro-case .pc-casecopy .pc-kicker{color:var(--cyan)} #tl-metro-case h1{font-size:clamp(46px,4.5vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:22px} #tl-metro-case .pc-casecopy p{color:#bcccd1;font-size:15px;line-height:1.65;max-width:460px} #tl-metro-case .pc-casecopy .pc-herofacts{color:#fff;font-size:21px;line-height:1.4;margin-bottom:15px} #tl-metro-case .pc-cycleline{font:10px/1.5 monospace;color:var(--cyan);margin-top:30px;padding-top:16px;border-top:1px solid #42565f;letter-spacing:.1px} :is(#tl-metro-case,#tl-metro-feature) .pc-image{position:relative;overflow:hidden;background:#d7d4cf;min-width:0;min-height:440px} :is(#tl-metro-case,#tl-metro-feature) .pc-image>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:78% center;max-width:100%;margin:0;float:none} :is(#tl-metro-case,#tl-metro-feature) .pc-blob{position:absolute;left:18px;top:22px;width:154px;min-height:158px;padding:28px 13px 22px;background:#ffda35;color:#282709;text-align:center;transform:rotate(-7deg);clip-path:polygon(50% 0,62% 7%,76% 3%,82% 15%,95% 20%,92% 34%,100% 47%,92% 59%,97% 75%,82% 80%,75% 95%,61% 92%,48% 100%,35% 92%,21% 96%,16% 82%,3% 76%,8% 61%,0 47%,8% 34%,5% 20%,20% 15%,28% 3%,41% 7%);z-index:2} :is(#tl-metro-case,#tl-metro-feature) .pc-blob strong{display:block;font:700 31px/1.15 Arial,sans-serif;letter-spacing:-1px} :is(#tl-metro-case,#tl-metro-feature) .pc-blob span{display:block;font:700 12px/1.3 Arial,sans-serif;margin-top:4px} :is(#tl-metro-case,#tl-metro-feature) .pc-blob b{display:block;font:700 13px/1.4 Arial,sans-serif;margin-top:10px} #tl-metro-case .pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 0;border-bottom:1px solid #c8d3d3} #tl-metro-case .pc-stats>div{padding-left:22px;border-left:2px solid var(--cyan);min-width:0} #tl-metro-case .pc-stats strong{display:block;font-size:39px;line-height:1.12;font-weight:500;letter-spacing:-1px} #tl-metro-case .pc-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px} #tl-metro-case .pc-section{margin-top:68px} #tl-metro-case h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--ink);margin-bottom:24px} #tl-metro-case h3{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:12px} #tl-metro-case p{font-size:15px;line-height:1.7;color:var(--muted)} #tl-metro-case p+p{margin-top:16px} #tl-metro-case .pc-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} #tl-metro-case figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;float:none;border-radius:0} #tl-metro-case figcaption{font:10px/1.5 monospace;color:var(--muted);padding-top:11px} #tl-metro-case .pc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} #tl-metro-case .pc-step{min-width:0;padding:22px 20px 24px;background:#e9eeee;border-top:2px solid var(--cyan)} #tl-metro-case .pc-step>span{display:block;color:#008795;font:11px/1.5 monospace;margin-bottom:21px} #tl-metro-case .pc-step p{font-size:13px;line-height:1.6} #tl-metro-case .pc-delivery{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;background:#e9eeee} #tl-metro-case .pc-delivery h2{font-size:34px} #tl-metro-case .pc-rebrand{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;border-top:1px solid #c8d3d3} #tl-metro-case .pc-rebrand-stat{margin:23px 0 14px;padding-left:19px;border-left:3px solid var(--cyan)} #tl-metro-case .pc-rebrand-stat strong{display:block;font-size:49px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;color:#008795} #tl-metro-case .pc-rebrand-stat span{display:block;font-size:12px;margin-top:8px} #tl-metro-case p.pc-note{font-size:11px;color:var(--muted)} #tl-metro-case .pc-brands{display:grid;grid-template-columns:1fr 1fr;gap:16px} #tl-metro-case .pc-brands img{aspect-ratio:3/4;max-height:355px;object-fit:contain;background:#e9eeee} #tl-metro-case .pc-result{padding:38px;border-top:2px solid var(--cyan);background:#e9eeee} #tl-metro-case .pc-result p{max-width:720px} #tl-metro-case .pc-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:40px;background:var(--navy);margin-top:60px;scroll-margin-top:92px} #tl-metro-case .pc-bottom h2{font-size:34px;color:#fff} #tl-metro-case .pc-bottom p{font-size:13px;color:#bcccd1} #tl-metro-case .pc-bottom .pc-kicker{color:var(--cyan)} :is(#tl-metro-case,#tl-metro-feature) a.pc-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;min-height:54px;background:#08c6d5;color:#09232a;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.1px;text-decoration:none;border-radius:0} :is(#tl-metro-case,#tl-metro-feature) .pc-button span{font:400 23px/1 Arial,sans-serif} :is(#tl-metro-case,#tl-metro-feature) .pc-button:hover{background:#6be3eb} #tl-metro-case .pc-bottomnav{display:flex;justify-content:space-between;gap:22px;padding-top:26px;font:11px/1.6 monospace} .tl-cases-endline{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #35454c;padding:24px 0;color:#bdced2;font:11px/1.6 Arial,sans-serif} .tl-cases-endline strong{font:11px/1.6 monospace;font-weight:400;color:#fff} .tl-cases-endline>div{display:flex;gap:24px;flex-wrap:wrap} body:has(:is(#tl-metro-case,#tl-metro-feature)) .footer .tl-cases-endline a{color:#bdced2;font-size:11px;text-decoration:none} @media(max-width:1023px){#tl-metro-case .pc-casecopy{padding:28px}#tl-metro-case .pc-casehero{grid-template-columns:1fr 1fr}#tl-metro-case .pc-split,#tl-metro-case .pc-rebrand{gap:28px}#tl-metro-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tl-metro-case .pc-bottom{grid-template-columns:1fr;gap:25px}#tl-metro-case .pc-bottom .pc-button{justify-self:start}} @media(max-width:767px){body:has(:is(#tl-metro-case,#tl-metro-feature)) .page-content>.container,body:has(#tl-metro-case) .simple-page>.container{width:calc(100% - 36px)}#tl-metro-case .pc-topline{padding:22px 0 18px;gap:12px}#tl-metro-case .pc-topline>span{font-size:8px}#tl-metro-case .pc-back{font-size:10px}#tl-metro-case .pc-casehero{grid-template-columns:1fr}#tl-metro-case .pc-casecopy{padding:27px 25px}#tl-metro-case h1{font-size:47px}#tl-metro-case .pc-casecopy .pc-herofacts{font-size:18px}#tl-metro-case .pc-cycleline{font-size:9px}:is(#tl-metro-case,#tl-metro-feature) .pc-image{min-height:0;aspect-ratio:3/2}:is(#tl-metro-case,#tl-metro-feature) .pc-image>img{object-fit:contain}:is(#tl-metro-case,#tl-metro-feature) .pc-blob{width:107px;min-height:111px;padding:18px 8px;left:12px;top:14px}:is(#tl-metro-case,#tl-metro-feature) .pc-blob strong{font-size:23px}:is(#tl-metro-case,#tl-metro-feature) .pc-blob span,:is(#tl-metro-case,#tl-metro-feature) .pc-blob b{font-size:10px}#tl-metro-case .pc-stats{grid-template-columns:1fr 1fr;gap:23px 17px;padding:27px 0}#tl-metro-case .pc-stats>div{padding-left:12px}#tl-metro-case .pc-stats strong{font-size:32px}#tl-metro-case .pc-stats span{font-size:11px}#tl-metro-case .pc-section{margin-top:44px}#tl-metro-case .pc-split,#tl-metro-case .pc-delivery,#tl-metro-case .pc-rebrand{grid-template-columns:1fr;gap:27px}#tl-metro-case h2{font-size:32px;letter-spacing:-.7px}#tl-metro-case p{font-size:14px}#tl-metro-case .pc-kicker{font-size:10px;margin-bottom:18px}#tl-metro-case .pc-step{padding:18px 14px}#tl-metro-case .pc-step h3{font-size:17px}#tl-metro-case .pc-step p{font-size:12px}#tl-metro-case .pc-delivery{padding:22px}#tl-metro-case .pc-delivery h2{font-size:29px}#tl-metro-case .pc-rebrand{padding-top:34px}#tl-metro-case .pc-brands img{max-height:280px}#tl-metro-case .pc-result,#tl-metro-case .pc-bottom{padding:26px 23px}#tl-metro-case .pc-bottom h2{font-size:30px}#tl-metro-case .pc-bottomnav{flex-direction:column;gap:16px}.tl-cases-endline{display:block}.tl-cases-endline>div{margin-top:15px;gap:16px}} @media(max-width:390px){#tl-metro-case .pc-casecopy{padding:25px 20px}#tl-metro-case h1{font-size:42px}#tl-metro-case .pc-cycleline{font-size:8px}#tl-metro-case .pc-steps{gap:12px}#tl-metro-case .pc-step h3{font-size:15px}#tl-metro-case .pc-brands img{max-height:230px}} #tl-metro-case h1{font-size:clamp(38px,4.1vw,60px)} #tl-metro-case .pc-casehero{min-height:510px} #tl-metro-case .pc-image{min-height:510px} #tl-metro-case .pc-image>img{object-position:center;object-fit:cover} #tl-metro-case .pc-image-label{position:absolute;bottom:16px;left:16px;right:16px;width:max-content;max-width:calc(100% - 32px);padding:7px 10px;background:#111b22e8;color:#fff;font:9px/1.5 monospace;letter-spacing:.3px} #tl-metro-case .pc-stats strong{font-size:31px} #tl-metro-case .pc-intro{max-width:960px} #tl-metro-case .pc-source{margin-top:24px} #tl-metro-case .pc-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px} #tl-metro-case .pc-photo-grid img{height:460px;aspect-ratio:auto;object-fit:contain;background:#fff} #tl-metro-case .pc-photos .pc-note{margin-top:20px} #tl-metro-case .pc-delivery{align-items:start} @media(max-width:767px){#tl-metro-case .pc-casehero{grid-template-columns:1fr;min-height:0}#tl-metro-case .pc-image{height:370px;min-height:0;aspect-ratio:auto}#tl-metro-case h1{font-size:40px}#tl-metro-case .pc-stats strong{font-size:26px}#tl-metro-case .pc-photo-grid{grid-template-columns:1fr}#tl-metro-case .pc-photo-grid img{height:auto;max-height:500px}} #tl-metro-case .pc-image>img{object-fit:cover;object-position:center} #tl-metro-case .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr))} #tl-metro-case .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))} @media(min-width:768px){ #tl-metro-case .pc-casehero{position:relative;display:block;height:510px;min-height:0} #tl-metro-case .pc-casecopy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:48%;height:100%;padding:34px;background:linear-gradient(90deg,#111b22f5,#111b22d9 82%,#111b2200)} #tl-metro-case .pc-image{position:absolute;inset:0;min-height:0;height:100%;width:100%} #tl-metro-case .pc-image>img{object-position:center 30%!important} } @media(max-width:767px){#tl-metro-case .pc-stats{grid-template-columns:1fr 1fr}#tl-metro-case .pc-casecopy{position:static;width:auto;height:auto}#tl-metro-case .pc-image{position:relative;height:auto;aspect-ratio:3/2}#tl-metro-case .pc-image>img{object-fit:contain!important}} /* Layout corrections: content remains scrollable; desktop covers follow viewport height. */ .promo-line{display:none!important} .page-content.page-simple-content{padding-top:0!important} .simple-page{padding-top:0} .page-head{padding-top:12px;padding-bottom:14px} .page-head .breadcrumb{margin-bottom:9px} .page-head h1{overflow-wrap:anywhere} .page-head .selection-links-wrap{margin-top:16px} .page-text,.catalog-page-text,.portfolio-description,.news-content{min-width:0;overflow-wrap:break-word} .page-text img,.catalog-page-text img,.portfolio-description img,.news-content img{max-width:100%} .page-text table,.catalog-page-text table,.portfolio-description table{max-width:100%} body:has([id^="tl-"][id$="-case"]) .page-head{display:none!important} [id^="tl-"][id$="-case"] .pc-topline, #tl-service-case .sv-topline,#tl-pcb-service .pcb-topline{padding:9px 0!important;min-height:42px;gap:12px} [id^="tl-"][id$="-case"] .pc-back{min-height:24px} #tl-contacts-page{padding-top:20px!important} body:has(.tc-root) .tc-root{padding-top:16px} body:has(.tc-root) .tc-top{padding-bottom:12px} body:has(.tc-root) .tc-tabs{margin:12px 0 24px} body:has(.tc-root) .tc-tabs a{padding:12px 16px} body:has(.tc-root) .tc-intro{margin-bottom:26px} body:has(.tc-root) .tc-root h1{font-size:clamp(36px,4.25vw,58px);letter-spacing:-1.8px} body:has(.tc-root) .tc-eyebrow{margin-bottom:12px!important} body:has(.tc-root) .tc-lead{margin-top:17px!important} body:has(.pc-feature) .page-head.page-head-catalog{padding:18px 0 22px!important} body:has(.pc-feature) .page-head.page-head-catalog h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.12!important;margin:0!important} body:has(.pc-feature) .page-head.page-head-catalog .tl-cases-intro{margin-top:12px!important;font-size:14px!important;line-height:1.6!important} body:has(.pc-feature) .page-head.page-head-catalog .breadcrumb{margin:0 0 12px!important} @media(min-width:901px){ #tl-service-case .sv-hero{height:clamp(410px,calc(100svh - 126px),520px);min-height:0!important;overflow:visible} #tl-service-case .sv-hero-copy{padding:28px 32px!important} #tl-service-case h1{font-size:clamp(38px,3.9vw,55px)!important;line-height:1.05!important;margin-bottom:19px!important} #tl-service-case .sv-hero .sv-eyebrow{margin-bottom:17px} #tl-service-case .sv-hero-copy .sv-lead{font-size:19px;margin-bottom:13px} #tl-service-case .sv-hero-actions{margin-top:23px} #tl-service-case .sv-diagram{height:100%;min-height:0!important} #tl-service-case .sv-diagram-label{top:18px} #tl-service-case .sv-diagram-note{bottom:18px} #tl-service-case .sv-node-1,#tl-service-case .sv-node-2{top:16%} #tl-service-case .sv-node-3,#tl-service-case .sv-node-4{bottom:12%} #tl-pcb-service .pcb-hero{height:clamp(410px,calc(100svh - 126px),515px);min-height:0!important;overflow:visible} #tl-pcb-service .pcb-hero-copy{padding:28px 32px!important} #tl-pcb-service h1{font-size:clamp(38px,3.9vw,55px)!important;line-height:1.07!important;margin-bottom:18px} #tl-pcb-service .pcb-visual{min-height:0!important;height:100%;overflow:hidden} #tl-pcb-service .pcb-visual img{height:85%;max-height:420px;object-fit:contain} #tl-pcb-service .pcb-hero-actions{margin-top:22px} } @media(min-width:768px){ [id^="tl-"][id$="-case"] .pc-casehero{height:clamp(370px,calc(100svh - 130px),510px)!important;min-height:0!important;aspect-ratio:auto!important} [id^="tl-"][id$="-case"] .pc-casehero .pc-image{height:100%!important;min-height:0!important} [id^="tl-"][id$="-case"] .pc-casecopy{padding:28px 32px!important;min-width:0} [id^="tl-"][id$="-case"] .pc-casecopy h1{font-size:clamp(38px,4vw,56px)!important;line-height:1.05!important;margin-bottom:18px!important} [id^="tl-"][id$="-case"] .pc-casecopy .pc-kicker{margin-bottom:17px!important} [id^="tl-"][id$="-case"] .pc-casecopy .pc-herofacts{font-size:19px!important;margin-bottom:13px!important} [id^="tl-"][id$="-case"] .pc-casecopy p{font-size:14px;line-height:1.6} [id^="tl-"][id$="-case"] .pc-cycleline{margin-top:22px!important;padding-top:13px!important} } @media(min-width:901px) and (max-height:760px){ #tl-service-case .sv-hero-copy,#tl-pcb-service .pcb-hero-copy{padding:20px 26px!important} #tl-service-case h1,#tl-pcb-service h1{font-size:clamp(34px,3.5vw,47px)!important;margin-bottom:14px!important} #tl-service-case .sv-hero-copy .sv-lead,#tl-pcb-service .pcb-lead{font-size:17px!important;line-height:1.4!important;margin-bottom:11px!important} #tl-service-case .sv-hero-copy p,#tl-pcb-service .pcb-hero-copy>p:not(.pcb-eyebrow):not(.pcb-lead){font-size:13px;line-height:1.55} #tl-service-case .sv-hero .sv-eyebrow,#tl-pcb-service .pcb-eyebrow{margin-bottom:12px!important;font-size:8px!important} #tl-service-case .sv-hero-actions,#tl-pcb-service .pcb-hero-actions{margin-top:17px;gap:14px} #tl-service-case .sv-button,#tl-pcb-service .pcb-button{min-height:44px;padding:13px 17px;font-size:10px} #tl-service-case .sv-orbit{width:300px;height:300px} #tl-service-case .sv-orbit-inner{width:230px;height:230px} #tl-service-case .sv-node{width:138px;min-height:74px;padding:10px 12px} #tl-service-case .sv-node strong{font-size:16px} #tl-service-case .sv-node>span{font-size:8px} #tl-service-case .sv-node b{font-size:8px} #tl-service-case .sv-node-1,#tl-service-case .sv-node-3{left:16px} #tl-service-case .sv-node-2,#tl-service-case .sv-node-4{right:16px} #tl-service-case .sv-device{transform:translate(-50%,-40%) scale(.8)} #tl-service-case .sv-diagram-label{font-size:8px;top:13px} #tl-service-case .sv-diagram-note{font-size:7px;bottom:12px} } @media(min-width:768px) and (max-height:760px){ [id^="tl-"][id$="-case"] .pc-casecopy{padding:20px 26px!important} [id^="tl-"][id$="-case"] .pc-casecopy h1{font-size:clamp(32px,3.4vw,46px)!important;margin-bottom:13px!important} [id^="tl-"][id$="-case"] .pc-casecopy .pc-kicker{font-size:9px!important;margin-bottom:12px!important} [id^="tl-"][id$="-case"] .pc-casecopy .pc-herofacts{font-size:17px!important;line-height:1.35!important;margin-bottom:10px!important} [id^="tl-"][id$="-case"] .pc-casecopy p{font-size:13px!important;line-height:1.55!important} [id^="tl-"][id$="-case"] .pc-cycleline{font-size:9px!important;margin-top:15px!important;padding-top:10px!important} #tl-contacts-page .tc-hero{min-height:0!important} #tl-contacts-page .tc-intro,#tl-contacts-page .tc-address{padding:25px 28px!important} #tl-contacts-page h1{font-size:clamp(36px,3.7vw,48px)!important;line-height:1.05!important;margin-bottom:15px!important} #tl-contacts-page .tc-kicker{margin-bottom:14px!important} #tl-contacts-page .tc-desc{margin-top:12px!important;line-height:1.5!important} #tl-contacts-page .tc-main-call{margin-top:17px!important} #tl-contacts-page .tc-company{margin-top:15px!important;padding-top:12px!important} } @media(max-width:900px){ #tl-service-case .sv-hero,#tl-pcb-service .pcb-hero{height:auto!important;min-height:0!important} #tl-service-case .sv-hero-copy,#tl-pcb-service .pcb-hero-copy{padding:28px!important} #tl-service-case h1,#tl-pcb-service h1{font-size:clamp(34px,6vw,48px)!important} } @media(max-width:767px){ [id^="tl-"][id$="-case"] .pc-casehero{height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important} [id^="tl-"][id$="-case"] .pc-casecopy{padding:26px 24px!important} [id^="tl-"][id$="-case"] .pc-casecopy h1{font-size:clamp(32px,8.2vw,45px)!important;letter-spacing:-1.2px!important;line-height:1.08!important} [id^="tl-"][id$="-case"] .pc-topline,#tl-service-case .sv-topline,#tl-pcb-service .pcb-topline{padding:8px 0!important;font-size:10px} [id^="tl-"][id$="-case"] .pc-topline>span{font-size:8px;max-width:47%;text-align:right} body:has(.tc-root) .tc-root{padding-top:12px} body:has(.tc-root) .tc-tabs{margin:12px 0 21px} body:has(.tc-root) .tc-tabs a{padding:11px 9px} body:has(.tc-root) .tc-root h1{font-size:clamp(32px,8.2vw,43px);letter-spacing:-1.2px} body:has(.pc-feature) .page-head.page-head-catalog{padding:15px 0 18px!important} #tl-contacts-page{padding-top:14px!important} .page-head h1{font-size:clamp(25px,6.5vw,34px);line-height:1.15} } .tl-layout-index{font:15px/1.65 Arial,sans-serif;color:#172229;padding:28px 0 40px;width:calc(100% - 88px);max-width:1280px;margin:0 auto} .tl-layout-index *{box-sizing:border-box} .tl-layout-index h1{font-size:clamp(34px,4.5vw,56px);font-weight:500;letter-spacing:-1.6px;line-height:1.1;margin:0 0 20px;color:#172229} .tl-layout-index>p{max-width:700px;color:#637078;margin:0 0 26px} .tl-layout-index .tl-layout-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tl-layout-index .tl-layout-links>a{display:flex;flex-direction:column;gap:12px;padding:26px;background:#edf1ef;border-top:2px solid #06c6d4;color:#172229;text-decoration:none;min-width:0} .tl-layout-index strong{font-size:23px;font-weight:500;line-height:1.2} .tl-layout-index span{color:#637078;font-size:13px} .tl-layout-index .tl-layout-more{font:10px/1.5 monospace;color:#008795;margin-top:auto;padding-top:12px} .tl-layout-index a:hover{background:#e2ece9} @media(max-width:767px){.tl-layout-index{padding-top:18px;width:calc(100% - 36px)}.tl-layout-index .tl-layout-links{grid-template-columns:1fr}.tl-layout-index .tl-layout-links>a{padding:21px}} body:has(.tl-layout-index) .page-head{display:none!important}