/* KOTIGER custom CSS - built from src/, do not edit by hand */

/* ===== 00-vars.css ===== */
/* VARS */

:root {
  --underline-color: Gainsboro;
  /* подчёркивание заголовков маркером (стандартное) */
  --underline: linear-gradient(to top, transparent 5%, var(--underline-color) 5%, var(--underline-color) 35%, transparent 35%);
}

/* ===== 01-header.css ===== */
/* HEADER */

/* Тень хедера */
#header {box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.15);}

/* Выпадающее меню папок */
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {padding: .75em 0em; width: 230px; text-align: left; left: -.5em; box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.15);}
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item {padding: .5em .5em}
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover {background: black;}
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a,
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a:hover {color: white}
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a:hover {opacity: 1}

/* Отступы плашки объявления */
#header .header-announcement-bar-wrapper {padding: .5em .5em}

/* Кнопка и логотип */
#header .header-actions-action a {padding: 1rem 1.15rem 0.85rem 1.15rem}
.header-title-logo {padding-top: 8px; padding-left: 5px;}

/* ===== 02-heading-underline.css ===== */
/* ПОДЧЁРКИВАНИЕ ЗАГОЛОВКОВ H2 МАРКЕРОМ
   Одно правило на весь сайт. Чтобы добавить заголовок - допиши селектор в список.
   Цвет и форма - в 00-vars.css (--underline-color, --underline). */

/* Home */
section[data-section-id="619cf516dd7fb34abd5f219a"] h2,          /* Experience */
#block-a9e7e92c2a272153a45e h2,                                 /* Testimonial */
#block-d4c4aded6606b4ea405f h2,                                 /* Tell us about your project */
/* Страницы услуг */
section[data-section-id="5ee2141547b8eb310d00e246"] h2,          /* Exteriors */
section[data-section-id="5ee213ba5aad6b31a900167a"] h2,          /* Interiors */
section[data-section-id="66196077f2543126ca46c1b2"] h2,          /* Virtual Tours */
section[data-section-id="5ee22ec14d924b1f3624018f"] h2,          /* 3D Floor Plans */
section[data-section-id="67581bdcdc232c7f1cae51df"] h2,          /* 3D Site Plans */
section[data-section-id="67581b9b387b3872bec4639f"] h2,          /* 3D Videos */
section[data-section-id="694bc5d7f347b14a0f0b5e01"] h2,          /* Virtual Staging */
/* Остальные страницы */
#block-yui_3_17_2_1_1596472625693_5104 h2:first-of-type,        /* About */
#block-fe872fc23f26a59d60c3 h2,                                 /* Career */
#block-yui_3_17_2_1_1609765952327_7452 h2:first-of-type,        /* Contact */
#block-53a993873fc9c4f7edc4 h2:first-of-type,                   /* Privacy Policy */
/* Цены */
#block-d9ff30ee2c189d695b30 h2,                                 /* Prices - Exteriors */
#block-81152a754d0413904f53 h2,                                 /* Prices - Interiors */
#block-da68ae9e4cfcdef1a99f h2,                                 /* Prices - Floor Plans */
#block-1aa3bb46261393b9efc9 h2,                                 /* Prices - Site Plans */
#block-20049e4ccf13e08e94c0 h2,                                 /* Prices - Virtual Tour */
#block-3d68d5922a35c95683ee h2                                  /* Prices - 3D Videos */
{background: var(--underline); display: inline;}

/* Home, блок Services - серое подчёркивание */
section[data-section-id="619e70ad95d7e741602de456"] h2
{background: linear-gradient(to top, transparent 5%, gray 5%, gray 35%, transparent 35%); display: inline;}

/* ===== 10-home.css ===== */
/* HOME */

/* HERO */
section[data-section-id="619ceb63d909022f0418e12f"] {margin-top: 50px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); z-index: 2; overflow: hidden;}

section[data-section-id="619ceb63d909022f0418e12f"] h1 {
  margin: 0px;
  padding-top: 0.4em;
  padding-bottom: 0.5em;
  text-shadow: rgba(0,0,0,0.5) 0.01em 0.1em 0.35em}

@media screen and (min-width: 1920px) {section[data-section-id="619ceb63d909022f0418e12f"] h1 {font-size: 6rem}}

section[data-section-id="619ceb63d909022f0418e12f"] p {margin: 0px; padding-bottom: 1em; padding-left: 20%; padding-right: 20%; text-shadow: rgba(0,0,0,0.25) 0.15em 0.15em 0.25em;}

/* Размытый фон hero */
section[data-section-id="619ceb63d909022f0418e12f"] .section-background {
  filter: blur(8px);
  transform: scale(1.1);
}

/* Яркость картинок: убирает затемняющий оверлей.
   Внимание: 2-й и 3-й селекторы действуют на ВСЁМ сайте, не только на главной. */
#collection-619ceb63d909022f0418e12d .sqs-block-image .image-overlay, .sqs-block-image .sqs-image-content::after, .sqs-block-image .image-block-wrapper:after {opacity: 0;}

/* SERVICES */

section[data-section-id="619e70ad95d7e741602de456"] .content-wrapper {padding-top: 0px !important; padding-bottom: 0px !important;}

section[data-section-id="619ceb63d909022f0418e133"] .content-wrapper {padding-top: 0px !important;}

/* Картинки, подписи, кнопки - отступы */
section[data-section-id="619ceb63d909022f0418e133"] .image-block { padding: 3px }
section[data-section-id="619ceb63d909022f0418e133"] .image-subtitle-wrapper .image-subtitle { margin-top: 0px !important; }
section[data-section-id="619ceb63d909022f0418e133"] .image-button-wrapper .image-button { margin-top: 0.75em !important; }

/* Зум картинок при наведении */
section[data-section-id="619ceb63d909022f0418e133"] .intrinsic {overflow: hidden;}
section[data-section-id="619ceb63d909022f0418e133"] .sqs-block-image .design-layout-stack img {transition: transform .5s, filter .5s ease-in-out; transform-origin: center center;}
section[data-section-id="619ceb63d909022f0418e133"] .sqs-block-image .design-layout-stack .intrinsic:hover img {transform: scale(1.05); filter: brightness(105%);}

/* Кнопки под карточками услуг */
#block-49709f6a5e8b4241da0c,
#block-510519520034a04ac6cf,
#block-c70b751c365c6c6e7475 {padding-top: 12px; padding-bottom: 0px;}

#block-49709f6a5e8b4241da0c a,
#block-510519520034a04ac6cf a,
#block-c70b751c365c6c6e7475 a {font-size: .6em !important;}

/* EXPERIENCE */

#block-a9e7e92c2a272153a45e .sqs-block-content p,
#block-a9e7e92c2a272153a45e .sqs-block-content blockquote {text-align: left;}

/* TESTIMONIAL */

section[data-section-id="619ceb63d909022f0418e137"] .content {padding: 4rem 6rem; background: white; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}

@media screen and (max-width: 1000px) {section[data-section-id="619ceb63d909022f0418e137"] .content {padding: 1.5rem 2em 1.5rem 2rem;}}

/* ===== 11-footer.css ===== */
/* FOOTER */

.socialaccountlinks-v2-block {padding: 0px}

section[data-section-id="5ee35f04e73436587d91b04a"] .content-wrapper {padding-top: 0px !important;}

/* ===== 20-service-pages.css ===== */
/* СТРАНИЦЫ УСЛУГ
   Exteriors, Interiors, Virtual Tours, 3D Floor Plans, 3D Site Plans, 3D Videos, Virtual Staging.
   Подчёркивание H2 - в 02-heading-underline.css */

/* Межстрочный интервал H2 в верхнем текстовом блоке */
#block-7c233a62eb60f973ff10 h2,   /* Exteriors */
#block-50071c6a004b106f3b3b h2,   /* Interiors */
#block-bbe8bd2af3b8a39686a9 h2,   /* Virtual Tours */
#block-561e01a4b498fe08c9f0 h2,   /* 3D Floor Plans */
#block-8e8ee274b885bb8feadd h2,   /* 3D Site Plans */
#block-97be26034e6ba2d8d03c h2,   /* 3D Videos */
#block-b755f3cd27a9fa332f0a h2    /* Virtual Staging */
{line-height: 3em;}

/* Текст по центру, абзацы - по левому краю */
#collection-5ee2121754886a0b9924f07d .sqs-block-content,   /* Exteriors */
#collection-5ee212f754886a0b99250747 .sqs-block-content,   /* Interiors */
#collection-66196077f2543126ca46c1b0 .sqs-block-content,   /* Virtual Tours */
#collection-5ee22ec14d924b1f3624018d .sqs-block-content,   /* 3D Floor Plans */
#collection-67581bdcdc232c7f1cae51dd .sqs-block-content,   /* 3D Site Plans */
#collection-67581b9b387b3872bec4639d .sqs-block-content,   /* 3D Videos */
#collection-694bc5d7f347b14a0f0b5dff .sqs-block-content    /* Virtual Staging */
{text-align: center;}

#collection-5ee2121754886a0b9924f07d .sqs-block-content p,
#collection-5ee212f754886a0b99250747 .sqs-block-content p,
#collection-66196077f2543126ca46c1b0 .sqs-block-content p,
#collection-5ee22ec14d924b1f3624018d .sqs-block-content p,
#collection-67581bdcdc232c7f1cae51dd .sqs-block-content p,
#collection-67581b9b387b3872bec4639d .sqs-block-content p,
#collection-694bc5d7f347b14a0f0b5dff .sqs-block-content p
{text-align: left;}

/* ===== 21-before-after-slider.css ===== */
/* Virtual Staging Image Slider */

.custom-image-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 75%; /* Adjust this value according to your image aspect ratio */
  }

  .slider-before,
  .slider-after {
    position: absolute;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
  }

  .slider-after {
    overflow: hidden;
  }

  .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background-color: #fff;
    cursor: ew-resize;
  }

.slider-handle::before,
.slider-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out; /* Add transition property */
}

.slider-handle::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle::after {
  right: -24px;
  border-left: 16px solid #fff;
}

/* ===== 30-about.css ===== */
/* ABOUT */

#block-yui_3_17_2_1_1596472625693_5104 {padding: 3%}
#block-yui_3_17_2_1_1596472625693_5104 .sqs-block-content {text-align: center;}
#block-yui_3_17_2_1_1596472625693_5104 .sqs-block-content p {text-align: left;}

/* ===== 31-career.css ===== */
/* CAREER */

#block-fe872fc23f26a59d60c3 {padding: 3%}
#block-fe872fc23f26a59d60c3 .sqs-block-content {text-align: center;}

/* Шрифт Arial в отдельных блоках */
#block-yui_3_17_2_1_1688555926909_16111 .sqs-block-content,
#block-yui_3_17_2_1_1688555926909_4581 .sqs-block-content,
#block-yui_3_17_2_1_1688555926909_4581 h4,
#block-yui_3_17_2_1_1686673826196_4855 .sqs-block-content {font-family: Arial;}

/* ===== 33-partnership.css ===== */
/* PARTNERSHIP (kotiger.co/partnership, бывш. For Studios) */

/* Заголовок "Consider us the 3D production unit..." - межстрочный интервал */
#block-6ab27656d6b5b9850cb1c7e3 h1,
#block-6ab27656d6b5b9850cb1c7e3 h2,
#block-6ab27656d6b5b9850cb1c7e3 h3 {
  line-height: 1.35 !important;
}

/* Больше отступ между заголовком и подзаголовком (было 28px, стало ~48px на десктопе): "What you can count on", "Let's talk about your next project" */
#block-a40dac33d2905d1c6880 h3,
#block-f9a27d08871a3aa1acab h3 {margin-top: 2.12em;}

/* Полупрозрачные блоки */
#block-yui_3_17_2_1_1790612220342_11613,
#block-b307f076643edcdc7717 {opacity: .5;}

/* Карточки отзывов и услуг: жёлтый контур по часовой стрелке от нижнего левого угла при наведении */
section[data-section-id="6ab506efe70ab43404c365a6"] .list-item,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item {
  position: relative;
}

section[data-section-id="6ab506efe70ab43404c365a6"] .list-item::before,
section[data-section-id="6ab506efe70ab43404c365a6"] .list-item::after,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item::before,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
}

/* Левая сторона + верх: старт из нижнего левого угла */
section[data-section-id="6ab506efe70ab43404c365a6"] .list-item::before,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item::before {
  bottom: 0;
  left: 0;
}

/* Правая сторона + низ: старт из верхнего правого угла */
section[data-section-id="6ab506efe70ab43404c365a6"] .list-item::after,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item::after {
  top: 0;
  right: 0;
}

/* 1-2: вверх по левой стороне, затем вправо по верху */
section[data-section-id="6ab506efe70ab43404c365a6"] .list-item:hover::before,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item:hover::before {
  width: 100%;
  height: 100%;
  border-left-color: #FBE38E;
  border-top-color: #FBE38E;
  transition:
    height 0.25s ease-out,
    border-top-color 0s 0.25s,
    width 0.25s ease-out 0.25s;
}

/* 3-4: вниз по правой стороне, затем влево по низу */
section[data-section-id="6ab506efe70ab43404c365a6"] .list-item:hover::after,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item:hover::after {
  width: 100%;
  height: 100%;
  border-right-color: #FBE38E;
  border-bottom-color: #FBE38E;
  transition:
    border-right-color 0s 0.5s,
    height 0.25s ease-out 0.5s,
    border-bottom-color 0s 0.75s,
    width 0.25s ease-out 0.75s;
}

/* Услуги: у карточек нет внутренних отступов, поэтому контур выносим наружу ровно на толщину рамки (6px) - вплотную к картинке */
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item::before {bottom: -6px; left: -6px;}
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item::after {top: -6px; right: -6px;}
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item:hover::before,
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item:hover::after {width: calc(100% + 12px); height: calc(100% + 12px);}

/* Услуги: приближение картинки при наведении - как в блоке услуг на главной */
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item-media-inner {overflow: hidden;}
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item-media-inner img {transition: transform .5s, filter .5s ease-in-out; transform-origin: center center;}
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item:hover .list-item-media-inner img {transform: scale(1.05); filter: brightness(105%);}

/* Услуги: вся карточка - ссылка. Ссылку-подложку вставляет js/site.js */
section[data-section-id="6ab2a23a65834a7aceb03600"] .kt-card-link {position: absolute; inset: 0; z-index: 3;}
section[data-section-id="6ab2a23a65834a7aceb03600"] .kt-card-link:focus-visible {outline: 2px solid #FBE38E; outline-offset: 8px;}

/* Анимированная стрелка вниз (Code Block, ссылка на #consider-us)
   HTML: <a class="kt-scroll-cue" href="#consider-us" aria-label="Scroll to next section" style="display:block;width:40px;margin:0 auto;color:#000"><svg viewBox="0 0 24 34" width="40" height="57" fill="none" stroke="currentColor" stroke-width="4" aria-hidden="true"><path d="M3 3l9 7 9-7" opacity="0.15"/><path d="M3 13l9 7 9-7" opacity="0.45"/><path d="M3 23l9 7 9-7"/></svg></a>
   Уголки по очереди загораются сверху вниз; при наведении - жёлтые.
   Размер и цвет продублированы инлайном в коде блока, т.к. редактор Squarespace не грузит этот CSS. */
.kt-scroll-cue {display: block; width: 40px; margin: 0 auto; padding: 8px 0; color: #4d4d4d;}
.kt-scroll-cue svg {display: block; width: 100%; height: auto; overflow: visible;}
.kt-scroll-cue path {fill: none; stroke: currentColor; stroke-width: 4; stroke-linejoin: miter; stroke-linecap: butt; opacity: .12; animation: kt-cue 1.8s ease-in-out infinite;}
.kt-scroll-cue path:nth-child(2) {animation-delay: .2s;}
.kt-scroll-cue path:nth-child(3) {animation-delay: .4s;}
.kt-scroll-cue {transition: color .3s ease;}
/* Светлый фон: не чисто чёрный, а 70% (#4d4d4d). !important перебивает color:#000 из кода блока */
.kt-scroll-cue:not(.kt-scroll-cue--dark) {color: #4d4d4d !important;}
/* При наведении - жёлтый. !important нужен: в коде блока цвет задан инлайном (для редактора) */
.kt-scroll-cue:hover {color: #fbdc90 !important;}
/* Тёмные секции: в коде блока класс kt-scroll-cue kt-scroll-cue--dark и color:#fff, при наведении - насыщенный жёлтый */
.kt-scroll-cue.kt-scroll-cue--dark:hover {color: #efc55a !important;}
@keyframes kt-cue {0%, 100% {opacity: .12;} 35% {opacity: 1;}}

/* Если в системе посетителя отключена анимация - статичный градиент */
@media (prefers-reduced-motion: reduce) {
  .kt-scroll-cue path {animation: none;}
  .kt-scroll-cue path:nth-child(1) {opacity: .15;}
  .kt-scroll-cue path:nth-child(2) {opacity: .45;}
  .kt-scroll-cue path:nth-child(3) {opacity: 1;}
}

/* Услуги: белый фон карточек (фон карточки включён в Squarespace, цвет задаём здесь) */
section[data-section-id="6ab2a23a65834a7aceb03600"] .list-item[data-is-card-enabled="true"] {background-color: #fff !important;}

/* ===== 34-contact.css ===== */
/* CONTACT US */

#block-yui_3_17_2_1_1609765952327_7452 .sqs-block-content {text-align: center;}

section[data-section-id="5ff3143edac66e1e1621b023"] .sqs-block-content p,
section[data-section-id="5ff3143edac66e1e1621b023"] .form-wrapper {text-align: left;}

section[data-section-id="5ff3143edac66e1e1621b023"] .button {padding: 1em 1.5em}

/* ===== 40-prices.css ===== */
/* ЦЕНЫ: Exteriors, Interiors, Floor Plans, Site Plans, Virtual Tour, 3D Videos
   Подчёркивание H2 - в 02-heading-underline.css */

/* Межстрочный интервал H2 */
#block-d9ff30ee2c189d695b30 h2,   /* Exteriors */
#block-81152a754d0413904f53 h2,   /* Interiors */
#block-da68ae9e4cfcdef1a99f h2,   /* Floor Plans */
#block-1aa3bb46261393b9efc9 h2,   /* Site Plans */
#block-20049e4ccf13e08e94c0 h2,   /* Virtual Tour */
#block-3d68d5922a35c95683ee h2    /* 3D Videos */
{line-height: 3em;}

/* Верхний текст: всё по центру, абзацы - по левому краю */
#block-d9ff30ee2c189d695b30 .sqs-block-content,
#block-81152a754d0413904f53 .sqs-block-content,
#block-da68ae9e4cfcdef1a99f .sqs-block-content,
#block-1aa3bb46261393b9efc9 .sqs-block-content,
#block-20049e4ccf13e08e94c0 .sqs-block-content,
#block-3d68d5922a35c95683ee .sqs-block-content {text-align: center;}

#block-d9ff30ee2c189d695b30 .sqs-block-content p,
#block-81152a754d0413904f53 .sqs-block-content p,
#block-da68ae9e4cfcdef1a99f .sqs-block-content p,
#block-1aa3bb46261393b9efc9 .sqs-block-content p,
#block-20049e4ccf13e08e94c0 .sqs-block-content p,
#block-3d68d5922a35c95683ee .sqs-block-content p {text-align: left;}

/* ===== 50-privacy-policy.css ===== */
/* PRIVACY POLICY */

#block-53a993873fc9c4f7edc4 h2:first-of-type {text-align: center;}
#block-53a993873fc9c4f7edc4 .sqs-block-content {text-align: center;}
#block-53a993873fc9c4f7edc4 .sqs-block-content p {text-align: left;}