*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
margin: 0;
background: var(--c-cream);
color: var(--c-ink);
font-family: var(--font-ui);
font-size: var(--t-body);
line-height: var(--lh-normal);
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--c-gold-dark); text-decoration: none; transition: color var(--d-fast) var(--ease); }
a:hover { color: var(--c-gold); }
ul, ol { margin: 0; padding: 0; }
p { margin: 0 0 var(--s-4); }
button { font-family: inherit; }
::selection { background: rgba(166, 124, 58, 0.22); }
.b-title { font-family: var(--font-display); font-weight: 500; font-size: 42px; line-height: 1.18; letter-spacing: var(--ls-tight); color: inherit; margin: 0; }
.b-title.bt11 { font-size: 11px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt12 { font-size: 12px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt13 { font-size: 13px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt14 { font-size: 14px; line-height: 1.45; letter-spacing: 0; }
.b-title.bt15 { font-size: 15px; line-height: 1.5; letter-spacing: 0; }
.b-title.bt16 { font-size: 16px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt18 { font-size: 18px; line-height: 1.35; }
.b-title.bt20 { font-size: 20px; line-height: 1.35; }
.b-title.bt24 { font-size: 24px; line-height: 1.3; }
.b-title.bt26 { font-size: 26px; line-height: 1.28; }
.b-title.bt28 { font-size: 28px; line-height: 1.25; }
.b-title.bt30 { font-size: 30px; line-height: 1.22; }
.b-title.light  { font-weight: 300; }
.b-title.medium { font-weight: 500; }
.b-title.bold   { font-weight: 700; }
.title { font-family: var(--font-display); font-weight: 600; letter-spacing: var(--ls-tight); }
.container { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: clamp(16px, 3.5vw, 28px); }
#main-wrapper { overflow-x: clip; }
.bg-overlay { position: fixed; inset: 0; background: rgba(12, 8, 5, 0.5); opacity: 0; visibility: hidden; transition: opacity var(--d-base) var(--ease); z-index: var(--z-modal); }
body.menu-open .bg-overlay, body.modal-open .bg-overlay { opacity: 1; visibility: visible; }
.button, a.button {
display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
font-family: var(--font-ui); font-size: var(--t-label); font-weight: 600; line-height: 1;
text-align: center; padding: 13px 26px; border: 1px solid transparent; border-radius: var(--r-ctrl);
cursor: pointer; text-decoration: none; background: var(--c-gold-grad); color: #1a1410;
box-shadow: var(--sh-glow);
transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease), filter var(--d-fast) var(--ease);
}
.button:hover, a.button:hover { filter: brightness(1.05); color: #1a1410; transform: translateY(-1px); }
.button:active, a.button:active { transform: translateY(0); }
#header { position: sticky; top: 0; z-index: var(--z-header); background: var(--c-bg-body); color: var(--c-text); border-bottom: 1px solid rgba(193, 154, 91, 0.16); }
#header .container { max-width: 1280px; }
#header .in { display: flex; align-items: center; gap: var(--s-6); min-height: 76px; }
#header .left { display: flex; align-items: center; gap: var(--s-5); flex-shrink: 0; }
#header .site-logo { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
#header .site-logo img { height: 42px; width: auto; }
#header .site-logo__emblem { display: block; width: 48px; height: 48px; background-size: contain; background-position: center; background-repeat: no-repeat; flex: 0 0 auto; }
#header .site-logo .b-title { font-size: 19px; line-height: 1.05; font-weight: 700; color: var(--c-text); letter-spacing: -0.01em; }
#header .site-logo .b-title i { color: var(--c-gold); font-style: normal; }
#header .slogan { color: var(--c-text-3); font-size: 12px; line-height: 1.3; font-weight: 400; padding-left: var(--s-5); border-left: 1px solid var(--c-border); }
#header .right { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: var(--s-5); }
#header .top { display: flex; align-items: center; justify-content: flex-end; gap: var(--s-5); }
#header .mail, #header .messengers, #header .worktime-lk-wrap, #header .bottom { display: none; }
#header .phone-wrapper { display: inline-flex; align-items: center; gap: var(--s-5); }
#header .phone { display: inline-flex; align-items: center; gap: var(--s-4); }
#header .phone > .icon { display: none; }
#header .city-buttons { display: none; }
#header .wrap-phones { display: flex; gap: var(--s-5); }
#header .wrap-phones .telTo,
#header .wrap-phones .telTo.active,
#header .wrap-phones .telTo.scandi-phone-active,
#header .wrap-phones .telTo.scandi-phone-inactive { display: block; font-size: 16px; font-weight: 700; line-height: 1.1; }
#header .wrap-phones .telTo::before { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-text-3); margin-bottom: 2px; }
#header .wrap-phones .telTo.phones-0::before { content: 'Санкт-Петербург'; }
#header .wrap-phones .telTo.phones-1::before { content: 'Москва'; }
#header .wrap-phones .telTo a { color: var(--c-text); text-decoration: none; transition: color var(--d-fast) var(--ease); }
#header .wrap-phones .telTo a:hover { color: var(--c-gold); }
#header .sk-hdr-soc { display: inline-flex; align-items: center; gap: 8px; }
#header .sk-hdr-soc .sk-soc { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--c-border); border-radius: 50%; color: var(--c-text-2); transition: color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease); }
#header .sk-hdr-soc .sk-soc:hover { color: var(--c-gold); border-color: var(--c-gold); background: rgba(193, 154, 91, 0.08); }
#header .sk-hdr-soc .sk-soc svg { display: block; }
#header .phone-wrapper > .cb-link { background: var(--c-gold-grad); color: #1a1410; font-weight: 600; font-size: 13px; padding: 10px 18px; border-radius: var(--r-ctrl); cursor: pointer; white-space: nowrap; }
#header .phone-wrapper > .cb-link:hover { color: #1a1410; filter: brightness(1.05); }
#header .wrap-search-form, #header .wrap-search-form-mb, #header form[role="search"], #header .scandi-theme-toggle, #header .open-menu-icon { display: none; }
.scandi-home-hero { position: relative; display: flex; align-items: center; min-height: clamp(640px, 86vh, 960px); overflow: hidden; background: var(--c-bg-deep); }
.scandi-home-hero__bg { position: absolute; inset: 0; z-index: 0; }
.scandi-home-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 26% center; display: block; }
.scandi-home-hero__scrim { position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(90deg, rgba(16,11,7,0) 34%, rgba(16,11,7,0.30) 56%, rgba(16,11,7,0.62) 100%); }
.scandi-home-hero__wrap { position: relative; z-index: 2; width: 100%; display: flex; justify-content: flex-end; }
.scandi-home-hero--plate-left .scandi-home-hero__wrap { justify-content: flex-start; }
.scandi-home-hero__plate {
width: min(540px, 100%);
background: linear-gradient(155deg, rgba(32,23,15,0.90) 0%, rgba(18,13,9,0.94) 100%);
border: 1px solid rgba(193, 154, 91, 0.32);
border-radius: var(--r-card);
padding: clamp(30px, 3vw, 46px);
box-shadow: 0 24px 60px rgba(60, 40, 20, 0.28);
-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
}
.scandi-home-hero__eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); padding: 6px 13px; border: 1px solid rgba(193, 154, 91, 0.30); border-radius: var(--r-pill); background: rgba(193, 154, 91, 0.08); }
.scandi-home-hero__title { margin: 20px 0 0; font-family: var(--font-display); font-size: clamp(30px, 3.3vw, 46px); line-height: 1.07; font-weight: 600; letter-spacing: -0.02em; color: var(--c-text); }
.scandi-home-hero__title em { font-style: normal; background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.scandi-home-hero__lead { margin: 18px 0 0; font-size: 15px; line-height: 1.6; color: var(--c-text-2); max-width: 44ch; }
.scandi-home-hero__price { margin: 26px 0 0; display: flex; flex-direction: column; gap: 3px; }
.scandi-home-hero__price-label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-text-3); }
.scandi-home-hero__price-value { font-family: var(--font-display); font-size: clamp(26px, 2.6vw, 34px); font-weight: 700; line-height: 1.05; background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.scandi-home-hero__ctas { margin: 28px 0 0; }
.scandi-home-hero__cta { display: inline-flex; align-items: center; justify-content: center; padding: 14px 30px; border-radius: var(--r-ctrl); font-family: var(--font-ui); font-weight: 600; font-size: 14px; text-decoration: none; cursor: pointer; background: var(--c-gold-grad); color: #1a1410; box-shadow: var(--sh-glow); transition: transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease); }
.scandi-home-hero__cta:hover { transform: translateY(-2px); filter: brightness(1.05); color: #1a1410; box-shadow: 0 12px 32px rgba(193, 154, 91, 0.5); }
.scandi-hero-features { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.scandi-hero-features li {
font-family: var(--font-ui); font-size: 12px; font-weight: 600; letter-spacing: 0.01em;
color: var(--c-text); padding: 7px 13px; border-radius: var(--r-pill);
border: 1px solid rgba(193, 154, 91, 0.30); background: rgba(193, 154, 91, 0.08);
}
.scandi-home-hero--mortgage .scandi-home-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.scandi-home-hero__cta--outline { background: transparent; color: var(--c-gold-light); border: 1px solid rgba(193, 154, 91, 0.50); box-shadow: none; }
.scandi-home-hero__cta--outline:hover { background: rgba(193, 154, 91, 0.12); color: var(--c-gold-light); box-shadow: none; filter: none; }
.scandi-home-hero--mortgage .scandi-home-hero__bg img { object-position: 32% center; }
.scandi-home-hero--mortgage::after {
content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 3;
background: linear-gradient(90deg, transparent, rgba(212, 173, 110, 0.55) 50%, transparent);
}
.container.cert-container { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }
#discount-calculator, .scandi-banks, .scandi-msteps, .scandi-faq { scroll-margin-top: 92px; }
@media (max-width: 900px) {
.scandi-home-hero { min-height: clamp(560px, 76vh, 760px); }
.scandi-home-hero__wrap { justify-content: center; padding-block: 40px; }
.scandi-home-hero__scrim { background: linear-gradient(180deg, rgba(16,11,7,0.25) 0%, rgba(16,11,7,0.66) 100%); }
.scandi-home-hero__bg img { object-position: center; }
.scandi-home-hero__plate { width: 100%; }
}
@media (max-width: 768px) {
#header .in { min-height: 58px; gap: var(--s-3); }
#header .slogan,
#header .sk-hdr-soc,
#header .phone-wrapper { display: none; }
#header .site-logo img { height: 32px; }
#header .site-logo__emblem { width: 38px; height: 38px; }
#header .site-logo .b-title { font-size: 15px; }
#header .scandi-burger { height: 38px; }
}
#header .container,
#header .in { box-sizing: border-box !important; }
@media (max-width: 1200px) {
#header .slogan,
#header .sk-hdr-soc { display: none !important; }
}
@media (max-width: 900px) {
#header .phone-wrapper { display: none !important; }
}
.about-company .scandi-about__stat .scandi-stat-icon,
.scandi-about__stat .scandi-stat-icon {
width: 56px !important; height: 56px !important; flex: 0 0 56px !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
margin: 14px auto 0 !important; overflow: hidden !important;
}
.about-company .scandi-about__stat .scandi-stat-icon svg,
.scandi-about__stat .scandi-stat-icon svg {
width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important;
}
@media (min-width: 992px) {
.scandi-stages__nav { display: none !important; }
}
.adv-glass { background: transparent; padding: 0 0 clamp(54px, 6.5vw, 92px); position: relative; z-index: 2; }
.adv-glass__grid { width: 100%; max-width: 1200px; margin: -64px auto 0; padding-inline: clamp(16px, 3.5vw, 28px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; z-index: 3; }
.adv-card { height: 100%; }
.adv-card__inner {
position: relative; height: 100%; display: flex; flex-direction: column;
background: linear-gradient(158deg, #241a11 0%, #16100a 100%);
border: 1px solid rgba(207, 159, 75, 0.24);
border-radius: var(--r-card);
padding: 24px 22px 22px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s var(--ease);
overflow: hidden;
}
.adv-card:hover .adv-card__inner { transform: translateY(-4px); border-color: rgba(207, 159, 75, 0.42); box-shadow: 0 20px 52px rgba(0, 0, 0, 0.40); }
.adv-card__inner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(207, 159, 75, 0.85) 30%, rgba(207, 159, 75, 0.85) 70%, transparent); }
.adv-card__glare, .adv-card__border-glow, .adv-card__glow, .adv-card__accent,
.adv-card__top img, .adv-card .scandi-trust-icon-wrap { display: none !important; }
.adv-card__top { display: flex; align-items: flex-end; }
.adv-card__watermark { display: flex; align-items: baseline; gap: 6px; }
.adv-card__watermark-num { font-family: var(--font-display); font-size: clamp(40px, 4vw, 52px); font-weight: 700; line-height: 0.95; letter-spacing: -0.02em; background: linear-gradient(135deg, #e8c074 0%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.adv-card__watermark-unit { font-size: 16px; font-weight: 600; color: #c9a463; }
.adv-card__bottom { margin-top: 14px; }
.adv-card__title { font-family: var(--font-display); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #f3ecdc; line-height: 1.35; }
.adv-card__desc { margin-top: 9px; font-size: 12.5px; line-height: 1.55; color: #a89c8a; }
.adv-swipe-dots, .adv-swipe-hint { display: none; }
@media (max-width: 980px) {
.adv-glass__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
.adv-glass { padding: 0 0 44px; }
.adv-glass__grid { margin-top: -22px; gap: 12px; }
.adv-card__inner { padding: 20px 16px; }
}
section.scandi-form {
padding: 80px 0 100px;
position: relative;
overflow: hidden;
background:
radial-gradient(circle, rgba(166,124,58,0.10) 1px, transparent 1.5px) 0 0 / 26px 26px,
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
}
section.scandi-form .container {
position: relative;
}
.scandi-form__card {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 56px;
align-items: stretch;
padding: 56px 56px 48px;
background:
radial-gradient(ellipse 60% 50% at 18% 18%, rgba(166,124,58,0.10) 0%, transparent 65%),
linear-gradient(165deg, #ffffff 0%, #fdf6e5 60%, #fbf3da 100%);
border: 1px solid rgba(166, 124, 58, 0.22);
border-radius: 22px;
box-shadow:
0 18px 48px rgba(166, 124, 58, 0.10),
0 4px 12px rgba(31, 22, 18, 0.04),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
overflow: visible;
}
.scandi-form__card::before {
content: '';
position: absolute;
top: 0; left: 50%;
transform: translateX(-50%);
width: 56%;
height: 1px;
background: linear-gradient(90deg, rgba(166,124,58,0) 0%, rgba(166,124,58,0.5) 50%, rgba(166,124,58,0) 100%);
}
.scandi-form__content {
display: flex;
flex-direction: column;
min-width: 0;
}
.scandi-form__eyebrow {
display: inline-block;
align-self: flex-start;
padding: 6px 14px;
background: rgba(166, 124, 58, 0.10);
border: 1px solid rgba(166, 124, 58, 0.40);
border-radius: 999px;
font-family: 'Manrope', sans-serif;
font-size: 10.5px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.20em;
line-height: 1;
text-transform: uppercase;
color: #a67c3a;
margin: 0 0 22px;
}
.scandi-form__title {
font-family: 'Manrope', sans-serif;
font-size: 24px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.015em;
line-height: 1.25;
text-transform: none;
color: #1f1612;
margin: 0 0 22px;
max-width: 520px;
position: relative;
}
.scandi-form__title b,
.scandi-form__title strong {
font-weight: 700;
background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.scandi-form--theme-cream-floating .scandi-form__title b,
.scandi-form--theme-cream-floating .scandi-form__title strong,
.scandi-form--theme-cream-floating .scandi-form__title i,
.scandi-form--theme-cream-panel .scandi-form__title b,
.scandi-form--theme-cream-panel .scandi-form__title strong,
.scandi-form--theme-cream-plain .scandi-form__title b,
.scandi-form--theme-cream-plain .scandi-form__title strong,
.scandi-form--theme-cream-editorial .scandi-form__title b,
.scandi-form--theme-cream-editorial .scandi-form__title strong {
background: linear-gradient(135deg, #8a6326 0%, #a67c3a 50%, #c19a5b 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.scandi-form__title::after {
content: '';
display: block;
width: 48px;
height: 1px;
margin-top: 16px;
background: linear-gradient(90deg, #a67c3a 0%, rgba(166,124,58,0) 100%);
}
.scandi-form__lead {
font-family: 'Manrope', sans-serif;
font-size: 13.5px;
font-weight: 500;
font-style: normal;
letter-spacing: -0.005em;
line-height: 1.6;
color: rgba(31, 22, 18, 0.82);
margin: 0 0 26px;
max-width: 520px;
}
.scandi-form__lead p {
margin: 0 0 12px;
}
.scandi-form__lead p:last-child {
margin-bottom: 0;
}
.scandi-form__lead ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
}
.scandi-form__lead li {
position: relative;
padding-left: 22px;
margin: 0 0 8px;
font-size: 13.5px;
line-height: 1.55;
color: rgba(31, 22, 18, 0.74);
}
.scandi-form__lead li::before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 12px;
height: 1px;
background: #a67c3a;
}
.scandi-form__form {
margin-top: auto;
padding-top: 8px;
}
.scandi-form__honeypot {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.scandi-form__fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 18px;
}
.scandi-form__field {
position: relative;
display: flex;
align-items: center;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(166, 124, 58, 0.28);
border-radius: 12px;
padding: 0 16px 0 40px;
transition: border-color 0.25s ease, background 0.25s ease;
min-height: 50px;
}
.scandi-form__field--full,
.scandi-form__field--textarea,
.scandi-form__field--select {
grid-column: 1 / -1;
}
.scandi-form__field--textarea {
padding: 14px 16px;
align-items: flex-start;
min-height: 96px;
}
.scandi-form__field:focus-within {
border-color: #a67c3a;
background: #ffffff;
}
.scandi-form__field-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: rgba(166, 124, 58, 0.7);
pointer-events: none;
display: flex;
align-items: center;
}
.scandi-form__field input,
.scandi-form__field textarea,
.scandi-form__field select {
width: 100%;
border: 0;
background: transparent;
padding: 0;
font-family: 'Manrope', sans-serif;
font-size: 13.5px;
font-weight: 500;
letter-spacing: -0.005em;
line-height: 1.4;
color: #1f1612;
outline: none;
box-shadow: none;
}
.scandi-form__field textarea {
resize: vertical;
min-height: 70px;
}
.scandi-form__field input::placeholder,
.scandi-form__field textarea::placeholder {
color: rgba(31, 22, 18, 0.45);
opacity: 1;
}
.scandi-form__field--textarea .scandi-form__field-icon {
display: none;
}
.scandi-form__field--textarea input,
.scandi-form__field--textarea textarea {
padding-left: 0;
}
.scandi-form__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 28px;
background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 60%, #c19a5b 100%);
background-size: 200% 100%;
background-position: 0% 50%;
border: none;
border-radius: 999px;
font-family: 'Manrope', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
transition: background-position 0.4s ease, transform 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 8px 20px rgba(166, 124, 58, 0.22);
margin-bottom: 14px;
}
.scandi-form__cta:hover {
background-position: 100% 50%;
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(166, 124, 58, 0.30);
}
.scandi-form__cta-arrow {
transition: transform 0.3s ease;
}
.scandi-form__cta:hover .scandi-form__cta-arrow {
transform: translateX(3px);
}
.scandi-form__privacy {
font-family: 'Manrope', sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.5;
color: rgba(31, 22, 18, 0.55);
margin: 0;
}
.scandi-form__privacy a {
color: #a67c3a;
text-decoration: underline;
text-decoration-color: rgba(166, 124, 58, 0.4);
text-underline-offset: 2px;
transition: text-decoration-color 0.2s ease;
}
.scandi-form__privacy a:hover {
text-decoration-color: #a67c3a;
}
.scandi-form__media {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
min-height: 100%;
}
.scandi-form__media--right-bleed img {
display: block;
width: 100%;
max-width: 460px;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 18px;
border: 1px solid rgba(166, 124, 58, 0.28);
box-shadow:
0 22px 48px rgba(80, 56, 30, 0.16),
0 4px 12px rgba(31, 22, 18, 0.08),
inset 0 0 0 1px rgba(255, 255, 255, 0.4);
margin-right: -28px;
transform: rotate(1.5deg);
transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.scandi-form__card:hover .scandi-form__media--right-bleed img {
transform: rotate(0.5deg) translateY(-4px);
box-shadow:
0 28px 56px rgba(80, 56, 30, 0.22),
0 6px 16px rgba(31, 22, 18, 0.10),
inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
section.scandi-form--theme-dark-glass {
background:
radial-gradient(circle, rgba(166,124,58,0.10) 1px, transparent 1.5px) 0 0 / 26px 26px,
linear-gradient(180deg, #f7f1e6 0%, #ece2cd 100%);
}
.scandi-form--theme-dark-glass .scandi-form__card {
max-width: 940px;
margin-left: auto;
margin-right: auto;
grid-template-columns: 1fr;
gap: 0;
padding: 54px 64px 46px;
text-align: center;
overflow: visible;
background:
radial-gradient(ellipse 72% 60% at 50% -8%, rgba(166,124,58,0.10) 0%, transparent 60%),
linear-gradient(168deg, #ffffff 0%, #fffaf0 100%);
border: 1px solid rgba(166, 124, 58, 0.26);
border-top: 2px solid #c19a5b;
border-radius: 22px;
box-shadow:
0 30px 72px rgba(120, 90, 50, 0.16),
0 6px 18px rgba(31, 22, 18, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.scandi-form--theme-dark-glass .scandi-form__card::before {
width: 46%;
background: linear-gradient(90deg, rgba(166,124,58,0) 0%, rgba(166,124,58,0.5) 50%, rgba(166,124,58,0) 100%);
box-shadow: none;
}
.scandi-form--theme-dark-glass .scandi-form__content {
max-width: none;
align-items: center;
text-align: center;
}
.scandi-form--theme-dark-glass .scandi-form__eyebrow {
background: rgba(125, 90, 44, 0.10);
border-color: rgba(125, 90, 44, 0.45);
color: #7d5a2c;
align-self: center;
margin: 0 auto 18px;
}
.scandi-form--theme-dark-glass .scandi-form__title {
color: #1f1612;
font-size: clamp(26px, 3vw, 33px);
font-weight: 700;
line-height: 1.18;
letter-spacing: -0.02em;
font-style: normal;
text-transform: none;
margin: 0 auto 12px;
max-width: 600px;
}
.scandi-form--theme-dark-glass .scandi-form__title i,
.scandi-form--theme-dark-glass .scandi-form__title em { font-style: normal; }
.scandi-form--theme-dark-glass .scandi-form__title b,
.scandi-form--theme-dark-glass .scandi-form__title strong {
background: linear-gradient(135deg, #c8973f 0%, #a67c3a 50%, #8a6326 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.scandi-form--theme-dark-glass .scandi-form__title::after { display: none; }
.scandi-form--theme-dark-glass .scandi-form__lead {
color: rgba(31, 22, 18, 0.55);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.5;
max-width: 520px;
margin: 0 auto 30px;
text-align: center;
}
.scandi-form--theme-dark-glass .scandi-form__benefits {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px 30px;
list-style: none;
padding: 0;
margin: 0 auto 32px;
max-width: 680px;
text-align: left;
}
.scandi-form--theme-dark-glass .scandi-form__benefits li {
position: relative;
padding: 0 0 0 28px;
font: 500 13px/1.45 'Manrope', sans-serif;
letter-spacing: -0.005em;
color: rgba(31, 22, 18, 0.78);
}
.scandi-form--theme-dark-glass .scandi-form__benefits li::before {
content: '✓';
position: absolute;
left: 0;
top: 1px;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 700;
color: #fff;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
border-radius: 50%;
box-shadow: none;
}
.scandi-form--theme-dark-glass .scandi-form__form {
max-width: 720px;
margin: 0 auto;
padding-top: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: stretch;
justify-content: center;
}
.scandi-form--theme-dark-glass .scandi-form__fields {
display: flex;
gap: 10px;
flex: 1 1 380px;
margin: 0;
}
.scandi-form--theme-dark-glass .scandi-form__field {
flex: 1 1 0;
min-height: 54px;
}
.scandi-form--theme-dark-glass .scandi-form__cta {
flex: 0 0 auto;
margin: 0;
padding: 15px 28px;
white-space: nowrap;
}
.scandi-form--theme-dark-glass .scandi-form__privacy {
flex: 1 1 100%;
text-align: center;
margin: 14px auto 0;
color: rgba(31, 22, 18, 0.50);
}
.scandi-form--theme-dark-glass .scandi-form__field-icon { color: #7d5a2c; }
.scandi-form--theme-dark-glass .scandi-form__watermark { display: none; }
@media (max-width: 760px) {
.scandi-form--theme-dark-glass .scandi-form__card { padding: 40px 24px 34px; }
.scandi-form--theme-dark-glass .scandi-form__benefits { grid-template-columns: 1fr; max-width: 360px; margin-left: auto; margin-right: auto; }
.scandi-form--theme-dark-glass .scandi-form__fields { flex: 1 1 100%; }
.scandi-form--theme-dark-glass .scandi-form__field { flex: 1 1 100%; }
.scandi-form--theme-dark-glass .scandi-form__cta { flex: 1 1 100%; }
}
.scandi-form--theme-cream-panel .scandi-form__card {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
padding: 38px 40px;
gap: 40px;
grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
align-items: stretch;
overflow: hidden;
background:
radial-gradient(ellipse 60% 50% at 16% 14%, rgba(166,124,58,0.08) 0%, transparent 62%),
linear-gradient(168deg, #ffffff 0%, #fffaf0 100%);
border: 1px solid rgba(166, 124, 58, 0.28);
border-top: 2px solid #c19a5b;
box-shadow:
0 34px 80px rgba(120, 90, 50, 0.20),
0 8px 22px rgba(31, 22, 18, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.scandi-form--theme-cream-panel .scandi-form__eyebrow { margin: 0 0 14px; }
.scandi-form--theme-cream-panel .scandi-form__title { margin: 0 0 14px; font-size: 22px; }
.scandi-form--theme-cream-panel .scandi-form__lead { margin: 0 0 22px; }
.scandi-form--theme-cream-panel .scandi-form__fields { gap: 10px; margin-bottom: 12px; }
.scandi-form--theme-cream-panel .scandi-form__field { min-height: 46px; }
.scandi-form--theme-cream-panel .scandi-form__field--textarea { min-height: 76px; }
.scandi-form--theme-cream-panel .scandi-form__field textarea { min-height: 52px; }
.scandi-form--theme-cream-panel .scandi-form__media--right-bleed {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 46%;
align-self: auto;
display: block;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: hidden;
z-index: 1;
background-image: url(../assets/cbform/office-backdrop.webp);
background-size: cover;
background-position: 50% 35%;
}
.scandi-form--theme-cream-panel .scandi-form__media--right-bleed::before {
content: '';
position: absolute;
inset: 0;
background:
linear-gradient(90deg, #fffaf0 0%, rgba(255, 250, 240, 0.6) 14%, rgba(255, 250, 240, 0) 40%),
linear-gradient(0deg, rgba(31, 22, 18, 0.12) 0%, transparent 30%),
linear-gradient(180deg, rgba(255, 252, 245, 0.35) 0%, transparent 22%);
z-index: 1;
pointer-events: none;
}
.scandi-form--theme-cream-panel .scandi-form__media--right-bleed img,
.scandi-form--theme-cream-panel .scandi-form__card:hover .scandi-form__media--right-bleed img {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 100%;
width: auto;
max-width: none;
aspect-ratio: auto;
object-fit: contain;
object-position: bottom center;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
z-index: 2;
filter: drop-shadow(0 16px 24px rgba(80, 56, 30, 0.16));
}
.scandi-form--theme-cream-panel .scandi-form__media-overlay {
position: absolute;
left: 8px;
bottom: 14px;
background: rgba(255, 253, 248, 0.92);
border: 1px solid rgba(166, 124, 58, 0.34);
border-radius: 12px;
padding: 12px 18px;
max-width: 264px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 12px 30px rgba(120, 90, 50, 0.16);
z-index: 4;
}
.scandi-form--theme-cream-panel .scandi-form__media-pill {
color: #a67c3a;
}
.scandi-form--theme-cream-panel .scandi-form__media-name {
color: #1f1612;
-webkit-text-fill-color: #1f1612;
}
.scandi-form--theme-cream-panel .scandi-form__media-role {
color: #5a4d3a;
-webkit-text-fill-color: #5a4d3a;
}
.scandi-form--theme-cream-panel .scandi-form__media-pill {
display: inline-block;
padding: 4px 10px;
background: rgba(212, 173, 110, 0.18);
border: 1px solid rgba(212, 173, 110, 0.40);
border-radius: 999px;
font: 700 9px/1 'Manrope', sans-serif;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #a67c3a;
margin-bottom: 7px;
white-space: nowrap;
}
.scandi-form--theme-cream-panel .scandi-form__media-name {
font: 700 14px/1.2 'Manrope', sans-serif;
letter-spacing: -0.01em;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
margin-bottom: 2px;
}
.scandi-form--theme-cream-panel .scandi-form__media-role {
font: 500 11px/1.3 'Manrope', sans-serif;
color: #5a4d3a;
-webkit-text-fill-color: #5a4d3a;
}
.catalog .catalog-title {
text-align: center;
margin: 0 auto 40px;
font-size: 34px;
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.12;
color: #1a1410;
}
.scandi-form--theme-cream-floating .scandi-form__card {
background:
radial-gradient(ellipse 80% 60% at 20% 20%, rgba(166,124,58,0.08) 0%, transparent 60%),
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
padding: 48px 56px;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 40px;
align-items: center;
position: relative;
}
.scandi-form--theme-cream-floating .scandi-form__content {
max-width: none;
width: 100%;
position: relative;
z-index: 2;
}
.scandi-form--theme-cream-floating .scandi-form__form {
width: 100%;
}
.scandi-form--theme-cream-floating .scandi-form__fields,
.scandi-form--theme-cream-floating .scandi-form__fields--catalog {
grid-template-columns: 1fr 1fr;
width: 100%;
}
.scandi-form--theme-cream-floating .scandi-form__field--select {
grid-column: 1 / -1;
}
.scandi-form--theme-cream-floating .scandi-form__title {
font-size: clamp(22px, 2.4vw, 30px);
}
.scandi-form--theme-cream-floating .scandi-form__media--absolute-float {
position: relative;
top: auto;
right: auto;
transform: none;
width: 100%;
max-width: 520px;
margin: 0 auto;
align-self: center;
display: block;
z-index: 1;
}
.scandi-form--theme-cream-floating .scandi-form__media--absolute-float img {
width: 100%;
height: auto;
display: block;
border: 0;
border-radius: 0;
transform: rotate(-2deg);
filter: drop-shadow(0 32px 48px rgba(80, 56, 30, 0.32));
box-shadow: none;
margin: 0;
}
.scandi-form--theme-cream-plain .scandi-form__card {
position: relative;
display: block;
max-width: 1080px;
margin: 0 auto;
padding: 46px 52px 48px;
text-align: left;
overflow: visible;
background:
radial-gradient(ellipse 60% 50% at 14% 12%, rgba(166, 124, 58, 0.08) 0%, transparent 62%),
linear-gradient(168deg, #ffffff 0%, #fffaf0 100%);
border: 1px solid rgba(166, 124, 58, 0.26);
border-top: 2px solid #c19a5b;
border-radius: 22px;
box-shadow:
0 30px 72px rgba(120, 90, 50, 0.16),
0 6px 18px rgba(31, 22, 18, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.scandi-form--theme-cream-plain .scandi-form__content {
align-items: flex-start;
text-align: left;
max-width: 48%;
}
.scandi-form--theme-cream-plain .scandi-form__eyebrow {
align-self: flex-start;
margin: 0 0 14px;
}
.scandi-form--theme-cream-plain .scandi-form__title {
max-width: none;
margin: 0 0 14px;
font-size: clamp(22px, 2.3vw, 27px);
line-height: 1.22;
font-style: normal;
}
.scandi-form--theme-cream-plain .scandi-form__title::after { display: none; }
.scandi-form--theme-cream-plain .scandi-form__lead {
max-width: none;
margin: 0 0 16px;
text-align: left;
}
.scandi-form--theme-cream-plain .scandi-form__lead ul { display: block; text-align: left; margin: 8px 0 2px; padding: 0; }
.scandi-form--theme-cream-plain .scandi-form__lead li {
padding-left: 28px; margin-bottom: 8px; font-size: 13px; color: rgba(31, 22, 18, 0.80);
}
.scandi-form--theme-cream-plain .scandi-form__lead li::before {
content: '✓'; position: absolute; left: 0; top: 1px;
width: 18px; height: 18px; display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
border-radius: 50%; color: #fff; font-size: 10px; font-weight: 700; line-height: 1;
}
.scandi-form--theme-cream-plain .scandi-form__form { width: 100%; max-width: 430px; margin: 4px 0 0; }
.scandi-form--theme-cream-plain .scandi-form__cta { align-self: stretch; width: 100%; margin: 0; }
.scandi-form--theme-cream-plain .scandi-form__media {
position: absolute;
right: -10%;
bottom: 0;
width: 62%;
z-index: 3;
display: block;
align-self: auto;
min-height: 0;
pointer-events: none;
}
.scandi-form--theme-cream-plain .scandi-form__media img {
width: 100%;
height: auto;
max-width: none;
aspect-ratio: auto;
display: block;
object-fit: contain;
user-select: none;
-webkit-user-select: none;
-webkit-user-drag: none;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
transform: none;
transition: none;
filter: drop-shadow(0 24px 38px rgba(80, 56, 30, 0.28));
}
.scandi-form--theme-cream-plain .scandi-form__card:hover .scandi-form__media img {
transform: none;
box-shadow: none;
filter: drop-shadow(0 24px 38px rgba(80, 56, 30, 0.28));
}
@media (max-width: 900px) {
.scandi-form--theme-cream-plain .scandi-form__content { max-width: 100%; }
.scandi-form--theme-cream-plain .scandi-form__form { max-width: none; }
.scandi-form--theme-cream-plain .scandi-form__card { padding: 34px 24px; }
}
@media (max-width: 900px) {
.scandi-form--theme-dark-glass .scandi-form__media--right-panel {
position: relative;
inset: auto;
width: 100%;
height: 220px;
border-radius: 0 0 16px 16px;
margin-top: 24px;
}
.scandi-form--theme-dark-glass .scandi-form__card {
padding: 40px 28px 0;
overflow: hidden;
}
.scandi-form--theme-dark-glass .scandi-form__watermark {
font-size: 68px;
top: 16px;
right: 18px;
}
.scandi-form--theme-cream-floating .scandi-form__media--absolute-float {
position: relative;
top: auto;
right: auto;
transform: none;
width: 100%;
margin: 24px 0 0;
}
.scandi-form--theme-cream-floating .scandi-form__media--absolute-float img {
transform: rotate(0deg);
}
.scandi-form--theme-cream-panel .scandi-form__media--right-bleed img {
margin-right: 0;
margin-bottom: 0;
}
.scandi-form--theme-cream-plain .scandi-form__card {
padding: 36px 24px 30px;
}
}
@media (max-width: 1199px) {
.scandi-form__card {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
gap: 32px;
padding: 48px 40px 40px;
}
.scandi-form__media--right-bleed img {
max-width: 360px;
margin-right: -12px;
}
}
@media (max-width: 900px) {
section.scandi-form {
padding: 56px 0 64px;
}
.scandi-form__card {
grid-template-columns: 1fr;
gap: 0;
padding: 40px 28px;
border-radius: 16px;
}
.scandi-form__media {
display: none;
}
.scandi-form__fields {
grid-template-columns: 1fr;
}
.scandi-form__title {
font-size: 20px;
}
}
@media (max-width: 768px) {
.scandi-form__cta {
display: flex;
width: 100%;
align-self: stretch;
box-sizing: border-box;
}
.scandi-form__fields--catalog,
.scandi-form__fields--full,
.scandi-form__fields--compact {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.scandi-form__card {
padding: 32px 22px;
}
.scandi-form__title {
font-size: 18px;
}
.scandi-form__cta {
width: 100%;
padding: 14px 20px;
}
}
.scandi-form--theme-cream-editorial .scandi-form__eyebrow,
.scandi-form--theme-cream-panel .scandi-form__eyebrow,
.scandi-form--theme-cream-floating .scandi-form__eyebrow,
.scandi-form--theme-cream-plain .scandi-form__eyebrow {
color: #7d5a2c;
border-color: rgba(125, 90, 44, 0.50);
background: rgba(125, 90, 44, 0.10);
}
.scandi-step3__note,
.scandi-form__field-icon {
color: #7d5a2c;
}
.scandi-form__field-label-sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (min-width: 901px) {
.scandi-form--theme-cream-floating .scandi-form__form {
max-width: none;
width: 100%;
}
}
@media (max-width: 900px) {
.scandi-form--theme-cream-floating .scandi-form__card {
grid-template-columns: 1fr;
gap: 0;
padding: 32px 20px;
}
.scandi-form--theme-cream-floating .scandi-form__media--absolute-float {
display: none;
}
.scandi-form--theme-cream-floating .scandi-form__content {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767px) {
.scandi-form--theme-cream-floating .scandi-form__fields,
.scandi-form--theme-cream-floating .scandi-form__fields--catalog {
grid-template-columns: 1fr;
}
}
.catalog {
background: #f5f1eb;
}
.catalog .container,
.catalog .in {
max-width: 1200px;
}
.catalog .section-title,
.catalog h2 {
margin-bottom: 18px;
}
#catalog,
div#catalog,
[data-catalog]{
background:
radial-gradient(ellipse 56% 38% at 50% 0%, rgba(193, 154, 91, 0.10) 0%, transparent 62%),
linear-gradient(180deg, #f5f1eb 0%, #f1ebe0 100%);
background-color: #f5f1eb;
padding: 12px 0 64px;
margin-top: 0;
position: relative;
z-index: 1;
overflow: visible;
}
@media (min-width: 992px) {
#catalog .catalog-item .image,
[data-catalog] .catalog-item .image{
perspective: 800px;
overflow: hidden;
}
#catalog .catalog-item .image img,
[data-catalog] .catalog-item .image img{
transition: transform 0.55s cubic-bezier(0.2,0.7,0.2,1);
transform-origin: center 60%;
will-change: transform;
}
#catalog .catalog-item:hover .image img,
[data-catalog] .catalog-item:hover .image img{
transform: scale(1.09) rotateX(5deg) rotateY(-4deg);
}
}
.scandi-zoom-backdrop {
position: fixed; inset: 0;
background: rgba(20, 14, 9, 0.52);
backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
opacity: 0; transition: opacity 0.55s ease; z-index: 9998; pointer-events: none;
}
.scandi-zoom-backdrop.is-on { opacity: 1; pointer-events: auto; }
.scandi-zoom-fly {
position: fixed; z-index: 9999; border-radius: 16px; overflow: hidden;
background: #fffdf8; border-top: 3px solid #c19a5b;
box-shadow: 0 60px 130px -24px rgba(0,0,0,0.55), 0 0 0 1px rgba(193,154,91,0.18);
transition:
top 0.62s cubic-bezier(0.22, 1, 0.32, 1),
left 0.62s cubic-bezier(0.22, 1, 0.32, 1),
width 0.62s cubic-bezier(0.22, 1, 0.32, 1),
height 0.62s cubic-bezier(0.22, 1, 0.32, 1),
border-radius 0.5s ease, opacity 0.4s ease;
will-change: top, left, width, height;
}
.scandi-zoom-fly__grid { display: grid; grid-template-columns: 1.1fr 1fr; height: 100%; position: relative; }
.scandi-zoom-fly__media {
position: relative; overflow: hidden;
background: radial-gradient(125% 120% at 32% 22%, #fbf7ef 0%, #f0e8d8 100%);
}
.scandi-zoom-fly__img {
position: absolute; inset: 30px;
background-size: contain; background-repeat: no-repeat; background-position: center;
border-radius: 8px;
filter: drop-shadow(0 16px 30px rgba(70,48,18,0.20));
}
.scandi-zoom-fly__video {
position: absolute !important; top: 30px !important; left: 30px !important; right: auto !important; bottom: auto !important;
width: calc(100% - 60px) !important; height: calc(100% - 60px) !important;
max-width: none !important; min-width: 0 !important;
object-fit: contain !important; display: block;
border-radius: 8px;
}
.scandi-zoom-fly__media::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 46px; background: linear-gradient(90deg, transparent, rgba(70,48,18,0.13)); pointer-events: none; }
.scandi-zoom-fly__area { position: absolute; top: 20px; left: 20px; z-index: 2; background: rgba(20,14,9,0.62); color: #f3ecdc; font: 600 13px/1 'Manrope', sans-serif; padding: 9px 15px; border-radius: 30px; backdrop-filter: blur(8px); border: 1px solid rgba(212,173,110,0.3); }
.scandi-zoom-fly__info { padding: clamp(26px, 3vw, 48px); display: flex; flex-direction: column; justify-content: center; overflow: auto; position: relative; background: #fffdf8; border-left: 1px solid rgba(166,124,58,0.32); }
.scandi-zoom-fly__info::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: linear-gradient(90deg, rgba(70,48,18,0.11), transparent); pointer-events: none; }
.scandi-zoom-fly__eyebrow { font: 700 11px/1 'Manrope', sans-serif; letter-spacing: 0.2em; text-transform: uppercase; color: #a67c3a; margin-bottom: 14px; display: flex; align-items: center; gap: 12px; }
.scandi-zoom-fly__eyebrow::before { content: ''; width: 30px; height: 1px; background: linear-gradient(90deg, #a67c3a, transparent); }
.scandi-zoom-fly__kd { font: 800 clamp(30px, 3.2vw, 44px)/1 'Manrope', sans-serif; color: #9a6b22; letter-spacing: -0.02em; }
.scandi-zoom-fly__desc {
font: 400 clamp(14px, 1.15vw, 15.5px)/1.65 'Manrope', sans-serif;
color: #5a4d3a; margin: 18px 0 4px; max-width: 440px;
padding-left: 18px;
border-left: 2px solid transparent;
border-image: linear-gradient(180deg, #c79a52 0%, rgba(166,124,58,0.12) 100%) 1;
}
.scandi-zoom-fly__specs { display: flex; flex-wrap: wrap; gap: 14px 26px; color: #5a4d3a; font-size: 14px; margin: 20px 0; padding: 18px 0; border-top: 1px solid rgba(166,124,58,0.18); border-bottom: 1px solid rgba(166,124,58,0.18); }
.scandi-zoom-fly__specs .info-item { display: flex; align-items: center; gap: 8px; }
.scandi-zoom-fly__specs .info-num { font-weight: 700; color: #1f1612; }
.scandi-zoom-fly__specs .info-unit { color: #8a7a5e; }
.scandi-zoom-fly__specs svg { width: 19px; height: 19px; color: #a67c3a; flex: none; }
.scandi-zoom-fly__priceline { display: flex; flex-direction: column; gap: 3px; margin: 16px 0 4px; }
.scandi-zoom-fly__pricelbl { font: 600 11px/1 'Manrope', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: #8a7a5e; }
.scandi-zoom-fly__price { font: 800 clamp(22px, 2.2vw, 30px)/1 'Manrope', sans-serif; color: #9a6b22; margin: 16px 0 2px; letter-spacing: -0.01em; }
.scandi-zoom-fly__ctas { display: flex; align-items: center; gap: 22px; margin-top: 26px; flex-wrap: wrap; }
.scandi-zoom-fly__cta { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; border: 0; background: none; font: 600 13px/1 'Manrope', sans-serif; letter-spacing: 0.04em; transition: transform 0.2s ease, box-shadow 0.2s ease; text-decoration: none; }
.scandi-zoom-fly__cta--kp { padding: 14px 30px; border-radius: 30px; color: #1a120a;
background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a);
box-shadow: 0 12px 26px rgba(166,124,58,0.30); }
.scandi-zoom-fly__cta--kp:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166,124,58,0.40); }
.scandi-zoom-fly__cta--open { color: #8a5a1f; padding: 6px 2px; position: relative; }
.scandi-zoom-fly__cta--open svg { transition: transform 0.25s ease; }
.scandi-zoom-fly__cta--open::after { content: ''; position: absolute; left: 2px; right: 22px; bottom: 0; height: 1px; background: currentColor; opacity: 0.3; transition: opacity 0.25s; }
.scandi-zoom-fly__cta--open:hover svg { transform: translateX(5px); }
.scandi-zoom-fly__cta--open:hover::after { opacity: 0.7; }
.scandi-zoom-fly__close { position: absolute; top: 14px; right: 16px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.45); background: rgba(20,14,9,0.45); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
@media (max-width: 860px) {
.scandi-zoom-fly__grid { grid-template-columns: 1fr; grid-template-rows: 200px 1fr; }
}
#catalog::before,
[data-catalog]::before{
content: '';
position: absolute;
inset: 0;
background-image:
radial-gradient(ellipse 100% 80% at 50% 50%, transparent 60%, rgba(120, 90, 50, 0.10) 100%),
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 600' preserveAspectRatio='xMidYMax slice'><g fill='none' stroke='%237d5a2c' stroke-width='1.2' stroke-opacity='0.22'><path d='M0 580 L120 380 L210 460 L320 280 L470 440 L580 360 L720 500 L860 320 L1000 460 L1130 280 L1250 420 L1400 260 L1520 400 L1600 360'/><path d='M0 520 L100 440 L240 340 L380 460 L500 400 L620 480 L780 360 L920 470 L1060 380 L1200 470 L1320 360 L1460 470 L1600 420'/><path d='M0 600 L120 380 L210 460 L320 280 L470 440 L580 360 L720 500 L860 320 L1000 460 L1130 280 L1250 420 L1400 260 L1520 400 L1600 360 L1600 600 Z' fill='%237d5a2c' fill-opacity='0.05' stroke='none'/></g></svg>"),
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><g fill='none' stroke='%237d5a2c' stroke-width='1' stroke-opacity='0.10'><circle cx='160' cy='160' r='60'/><circle cx='160' cy='160' r='110'/><circle cx='160' cy='160' r='150'/><line x1='160' y1='8' x2='160' y2='312'/><line x1='8' y1='160' x2='312' y2='160'/><line x1='40' y1='40' x2='280' y2='280' stroke-dasharray='4 6'/></g></svg>");
background-repeat: no-repeat, no-repeat, repeat;
background-size:
auto,
100% 50%,
320px 320px;
background-position:
center,
center 80%,
0 0;
pointer-events: none;
z-index: 0;
display: block;
width: auto;
height: auto;
top: 0;
left: 0;
transform: none;
opacity: 0.85;
}
#catalog::after,
[data-catalog]::after{
content: '';
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
width: 320px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
pointer-events: none;
z-index: 1;
}
#catalog .container, [data-catalog] .container,
#catalog .items, [data-catalog] .items {
position: relative;
z-index: 2;
}
#catalog .image-bg, [data-catalog] .image-bg {
display: none;
}
#catalog .items, [data-catalog] .items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px 32px;
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
@media (max-width: 991px) {
#catalog .items, [data-catalog] .items {
grid-template-columns: repeat(2, 1fr);
gap: 24px 20px;
}
}
@media (max-width: 600px) {
#catalog .items, [data-catalog] .items {
grid-template-columns: 1fr;
}
}
#catalog .catalog-item,
#catalog a.catalog-item,
[data-catalog] .catalog-item,
[data-catalog] a.catalog-item{
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 50%, rgba(228, 215, 188, 0.82) 100%);
backdrop-filter: blur(28px) saturate(1.4);
-webkit-backdrop-filter: blur(28px) saturate(1.4);
border: 1px solid rgba(166, 124, 58, 0.30);
border-top: 2px solid #a67c3a;
border-radius: 14px;
overflow: hidden;
display: flex;
flex-direction: column;
text-decoration: none;
position: relative;
margin: 0;
width: 100%;
height: auto;
isolation: isolate;
cursor: pointer;
transition: all 0.6s cubic-bezier(0.65,0,0.35,1);
box-shadow:
0 12px 30px rgba(120, 90, 50, 0.14),
0 4px 10px rgba(120, 90, 50, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.60),
inset 0 -1px 0 rgba(166, 124, 58, 0.08);
}
#catalog .catalog-item:hover,
#catalog a.catalog-item:hover,
[data-catalog] .catalog-item:hover,
[data-catalog] a.catalog-item:hover{
transform: translateY(-8px);
background:
linear-gradient(135deg, rgba(50, 35, 20, 0.95) 0%, rgba(30, 22, 16, 0.95) 50%, rgba(40, 28, 18, 0.95) 100%);
border-color: rgba(212, 173, 110, 0.85);
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.35),
0 0 40px rgba(193, 154, 91, 0.30),
0 32px 64px rgba(0, 0, 0, 0.50),
0 16px 32px rgba(193, 154, 91, 0.35),
inset 0 1px 0 rgba(255, 230, 180, 0.20),
inset 0 -1px 0 rgba(0, 0, 0, 0.30);
z-index: 10;
}
#catalog .catalog-item .image::after,
[data-catalog] .catalog-item .image::after{
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 100%, rgba(212, 173, 110, 0) 0%, rgba(212, 173, 110, 0) 100%);
pointer-events: none;
z-index: 2;
transition: background 0.5s ease;
}
#catalog .catalog-item:hover .image::after,
[data-catalog] .catalog-item:hover .image::after{
background: radial-gradient(circle at 50% 120%, rgba(212, 173, 110, 0.18) 0%, rgba(212, 173, 110, 0) 60%);
}
#catalog .catalog-item::after,
#catalog a.catalog-item::after,
[data-catalog] .catalog-item::after,
[data-catalog] a.catalog-item::after{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, #c19a5b 0%, rgba(193, 154, 91, 0.3) 70%, transparent 100%);
z-index: 4;
opacity: 1;
transition: background 0.5s ease, box-shadow 0.5s ease, height 0.5s ease;
pointer-events: none;
}
#catalog .catalog-item:hover::after,
[data-catalog] .catalog-item:hover::after{
background: linear-gradient(90deg, #d4ad6e 0%, #f5d294 35%, #c19a5b 65%, #a67c3a 100%);
box-shadow: 0 0 14px rgba(212, 173, 110, 0.65), 0 2px 6px rgba(193, 154, 91, 0.45);
height: 3px;
}
#catalog .catalog-item.item-title,
[data-catalog] .catalog-item.item-title{
display: none;
}
#catalog .catalog-item .image,
[data-catalog] .catalog-item .image{
position: relative;
width: 100%;
height: auto;
aspect-ratio: 5 / 4;
overflow: hidden;
background:
repeating-linear-gradient(135deg,
rgba(212, 173, 110, 0.10) 0,
rgba(212, 173, 110, 0.10) 2px,
transparent 2px,
transparent 14px),
radial-gradient(circle at 30% 30%, rgba(255, 230, 180, 0.18), transparent 55%),
linear-gradient(135deg, #2a1f17 0%, #1f1812 50%, #14100d 100%);
margin: 0;
filter: none;
border-radius: 0;
box-shadow: none;
mix-blend-mode: normal;
z-index: 0;
display: block;
}
#catalog .catalog-item.no-hero .image::after,
#catalog .catalog-item .image.no-hero::after,
[data-catalog] .catalog-item.no-hero .image::after,
[data-catalog] .catalog-item .image.no-hero::after{
content: attr(data-kd);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
inset: 0;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 36px;
font-weight: 800;
letter-spacing: 0.12em;
color: rgba(212, 173, 110, 0.45);
text-transform: uppercase;
text-shadow: 0 4px 24px rgba(0,0,0,0.4);
pointer-events: none;
z-index: 2;
background: none;
}
#catalog .catalog-item .image::after,
[data-catalog] .catalog-item .image::after{
display: none;
}
#catalog .catalog-item .image img,
[data-catalog] .catalog-item .image img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), filter 0.6s ease;
filter: brightness(1.0) saturate(1.0);
}
#catalog .catalog-item:hover .image img,
[data-catalog] .catalog-item:hover .image img{
transform: scale(1.06);
filter: brightness(1.05) saturate(1.05);
}
#catalog .catalog-item video,
#catalog .catalog-item .image video,
#catalog .catalog-item .video-preview,
#catalog .catalog-item .image .video-preview,
[data-catalog] .catalog-item video,
[data-catalog] .catalog-item .image video,
[data-catalog] .catalog-item .video-preview,
[data-catalog] .catalog-item .image .video-preview{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
object-fit: cover !important;
display: block;
z-index: 0;
transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), filter 0.6s ease;
}
#catalog .catalog-item:hover .image video,
#catalog .catalog-item:hover .image .video-preview,
[data-catalog] .catalog-item:hover .image video,
[data-catalog] .catalog-item:hover .image .video-preview{
transform: scale(1.06);
}
#catalog .catalog-item .image::before,
[data-catalog] .catalog-item .image::before{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: auto;
height: 80px;
inset: 0 0 auto 0;
background: linear-gradient(180deg, rgba(20,16,13,0.28) 0%, transparent 100%);
z-index: 1;
pointer-events: none;
transition: opacity 0.5s ease;
}
#catalog .catalog-item .card-area-badge,
[data-catalog] .catalog-item .card-area-badge{
position: absolute;
top: 14px;
right: 14px;
bottom: auto;
left: auto;
height: auto;
min-height: 0;
width: auto;
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
background-image: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #1a1410;
-webkit-text-fill-color: #1a1410;
border: 1px solid rgba(255, 230, 180, 0.40);
border-radius: 999px;
padding: 7px 14px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.2;
display: inline-flex;
flex-direction: row;
align-items: baseline;
justify-content: flex-end;
gap: 4px;
box-shadow: 0 6px 18px rgba(166, 124, 58, 0.40), 0 2px 4px rgba(20, 16, 13, 0.20);
z-index: 4;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
#catalog .catalog-item:hover .card-area-badge,
[data-catalog] .catalog-item:hover .card-area-badge{
transform: scale(1.06);
box-shadow: 0 8px 24px rgba(166, 124, 58, 0.55), 0 2px 6px rgba(20, 16, 13, 0.25);
}
#catalog .catalog-item .card-area-value,
[data-catalog] .catalog-item .card-area-value{
color: #1a1410;
-webkit-text-fill-color: #1a1410;
}
#catalog .catalog-item .card-area-unit,
[data-catalog] .catalog-item .card-area-unit{
color: #1a1410;
-webkit-text-fill-color: #1a1410;
font-size: 11px;
margin-left: 2px;
opacity: 0.7;
}
#catalog .catalog-item .card-area-value,
#catalog .catalog-item .card-area-unit,
[data-catalog] .catalog-item .card-area-value,
[data-catalog] .catalog-item .card-area-unit{
display: inline;
position: static;
}
#catalog .catalog-item .card-area-value,
[data-catalog] .catalog-item .card-area-value{
color: inherit;
-webkit-text-fill-color: inherit;
}
#catalog .catalog-item .card-area-unit,
[data-catalog] .catalog-item .card-area-unit{
font-size: 11px;
color: inherit;
-webkit-text-fill-color: inherit;
opacity: 0.85;
}
#catalog .catalog-item.item-title,
#catalog .item-title,
[data-catalog] .catalog-item.item-title,
[data-catalog] .item-title{
display: none;
}
#catalog .catalog-item .lbls,
#catalog .catalog-item .lbls-item,
#catalog .catalog-item .lbl,
#catalog .catalog-item .label,
#catalog .catalog-item .label-set,
[data-catalog] .catalog-item .lbls,
[data-catalog] .catalog-item .lbls-item,
[data-catalog] .catalog-item .lbl,
[data-catalog] .catalog-item .label,
[data-catalog] .catalog-item .label-set{
display: none;
}
#catalog .catalog-item .desc,
[data-catalog] .catalog-item .desc{
position: relative;
box-sizing: border-box;
left: auto;
right: auto;
bottom: auto;
width: 100%;
padding: 14px 18px 16px;
display: flex;
flex-direction: column;
gap: 6px;
flex: 0 0 auto;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
z-index: 2;
transition: background 0.4s ease, border-color 0.4s ease;
border-top: 1px solid rgba(166, 124, 58, 0.22);
height: auto;
min-height: 0;
text-align: left;
}
#catalog .catalog-item:hover .desc,
[data-catalog] .catalog-item:hover .desc{
background: transparent;
border-top-color: rgba(193, 154, 91, 0.55);
}
#catalog .catalog-item .desc .title,
[data-catalog] .catalog-item .desc .title{
border-bottom: 0;
width: 100%;
}
#catalog .catalog-item .desc .title::after,
[data-catalog] .catalog-item .desc .title::after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(166, 124, 58, 0.16) 38%, rgba(166, 124, 58, 0.55) 100%);
transition: background 0.4s ease;
}
#catalog .catalog-item:hover .desc .title::after,
[data-catalog] .catalog-item:hover .desc .title::after{
background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.32) 38%, rgba(212, 173, 110, 0.85) 100%);
}
#catalog .catalog-item .title,
#catalog .catalog-item .desc .title,
[data-catalog] .catalog-item .title,
[data-catalog] .catalog-item .desc .title{
position: relative;
top: auto;
left: auto;
z-index: auto;
text-align: left;
margin: 0 0 22px;
padding: 0 0 15px;
display: flex;
flex-direction: row;
align-items: baseline;
flex-wrap: wrap;
gap: 12px;
background: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 0;
border-radius: 0;
text-shadow: none;
box-shadow: none;
font-size: 0;
}
#catalog .catalog-item .title-code,
[data-catalog] .catalog-item .title-code{
font-weight: 800;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 21px;
letter-spacing: 0.03em;
text-transform: uppercase;
display: inline-block;
line-height: 1.15;
background: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
transition: letter-spacing 0.5s ease, filter 0.5s ease;
}
#catalog .catalog-item:hover .title-code,
[data-catalog] .catalog-item:hover .title-code{
background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
letter-spacing: 0.08em;
filter: drop-shadow(0 0 14px rgba(212, 173, 110, 0.45));
}
div#catalog .catalog-item .title .title-size,
div#catalog .catalog-item .title-size,
#catalog .catalog-item .title-size,
#catalog .title-size,
[data-catalog] .catalog-item .title-size,
[data-catalog] .title-size{
display: none;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
position: absolute;
pointer-events: none;
}
#catalog .catalog-item .title-size,
[data-catalog] .catalog-item .title-size{
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
font-weight: 500;
font-size: 15px;
margin: 0;
font-family: var(--font-display, 'Manrope'), sans-serif;
letter-spacing: 0.02em;
text-transform: none;
font-style: normal;
display: inline;
opacity: 1;
}
#catalog .catalog-item .info:not(.info-price),
[data-catalog] .catalog-item .info:not(.info-price){
display: flex;
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
gap: 6px;
margin: 0;
padding: 0;
border: 0;
background: none;
}
#catalog .catalog-item .info-item,
[data-catalog] .catalog-item .info-item{
display: flex;
align-items: center;
gap: 10px;
color: #574a39;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
position: relative;
font-style: normal;
width: 100%;
transition: color 0.4s ease, transform 0.4s ease, letter-spacing 0.4s ease;
}
#catalog .catalog-item:hover .info-item,
#catalog .catalog-item:hover .info-item span,
#catalog .catalog-item:hover .info-item .b-title,
[data-catalog] .catalog-item:hover .info-item,
[data-catalog] .catalog-item:hover .info-item span,
[data-catalog] .catalog-item:hover .info-item .b-title{
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
}
#catalog .catalog-item:hover .info-item:first-child,
#catalog .catalog-item:hover .info-item:first-child span,
#catalog .catalog-item:hover .info-item:first-child .b-title,
[data-catalog] .catalog-item:hover .info-item:first-child,
[data-catalog] .catalog-item:hover .info-item:first-child span,
[data-catalog] .catalog-item:hover .info-item:first-child .b-title{
color: #ffe5b8;
-webkit-text-fill-color: #ffe5b8;
font-weight: 700;
text-shadow: 0 0 12px rgba(212, 173, 110, 0.45);
}
#catalog .catalog-item .info-item:not(:last-child)::after,
[data-catalog] .catalog-item .info-item:not(:last-child)::after{
display: none;
content: none;
}
#catalog .catalog-item .info-item svg,
[data-catalog] .catalog-item .info-item svg{
width: 17px;
height: 17px;
flex-shrink: 0;
fill: none;
stroke: #b8a684;
color: #b8a684;
transition: stroke 0.4s ease, transform 0.4s ease;
}
#catalog .catalog-item:hover .info-item svg,
[data-catalog] .catalog-item:hover .info-item svg{
stroke: #d4ad6e;
color: #d4ad6e;
}
#catalog .catalog-item .info-item span,
#catalog .catalog-item .info-item .b-title,
[data-catalog] .catalog-item .info-item span,
[data-catalog] .catalog-item .info-item .b-title{
color: inherit;
-webkit-text-fill-color: inherit;
font-size: 14px;
font-weight: inherit;
line-height: 1.3;
letter-spacing: 0;
text-transform: none;
font-style: normal;
font-family: var(--font-display, 'Manrope'), sans-serif;
transition: color 0.4s ease;
}
#catalog .catalog-item .info-item .info-val,
[data-catalog] .catalog-item .info-item .info-val{
display: inline-flex;
align-items: baseline;
gap: 5px;
line-height: 1.2;
}
#catalog .catalog-item .info-item .info-num,
[data-catalog] .catalog-item .info-item .info-num{
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14.5px;
font-weight: 600;
letter-spacing: -0.005em;
color: #6a5942;
-webkit-text-fill-color: #6a5942;
font-variant-numeric: tabular-nums lining-nums;
font-feature-settings: 'tnum' 1, 'lnum' 1;
transition: color 0.4s ease, -webkit-text-fill-color 0.4s ease, text-shadow 0.4s ease;
}
#catalog .catalog-item .info-item .info-unit,
[data-catalog] .catalog-item .info-item .info-unit{
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 12.5px;
font-weight: 500;
letter-spacing: 0.005em;
color: #9a8b76;
-webkit-text-fill-color: #9a8b76;
transition: color 0.4s ease, -webkit-text-fill-color 0.4s ease;
}
#catalog .catalog-item:hover .info-item .info-num,
[data-catalog] .catalog-item:hover .info-item .info-num{
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
}
#catalog .catalog-item:hover .info-item .info-unit,
#catalog .catalog-item:hover .info-item:first-child .info-unit,
[data-catalog] .catalog-item:hover .info-item .info-unit,
[data-catalog] .catalog-item:hover .info-item:first-child .info-unit{
color: rgba(216, 207, 186, 0.60);
-webkit-text-fill-color: rgba(216, 207, 186, 0.60);
}
#catalog .catalog-item:hover .info-item:first-child .info-num,
[data-catalog] .catalog-item:hover .info-item:first-child .info-num{
color: #ffe5b8;
-webkit-text-fill-color: #ffe5b8;
text-shadow: 0 0 12px rgba(212, 173, 110, 0.45);
}
#catalog .catalog-item:hover .info-item svg,
[data-catalog] .catalog-item:hover .info-item svg{
transform: scale(1.12);
}
#catalog .catalog-item .scandi-specs-row,
[data-catalog] .catalog-item .scandi-specs-row{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
#catalog .catalog-item .scandi-specs-row .info,
[data-catalog] .catalog-item .scandi-specs-row .info{ flex: 0 1 auto; }
#catalog .catalog-item .scandi-card-meta,
[data-catalog] .catalog-item .scandi-card-meta{
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
gap: 8px;
flex-shrink: 0;
padding-top: 1px;
}
#catalog .catalog-item .scandi-card-style,
[data-catalog] .catalog-item .scandi-card-style{
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #a8895a;
-webkit-text-fill-color: #a8895a;
white-space: nowrap;
transition: color 0.4s ease, -webkit-text-fill-color 0.4s ease;
}
#catalog .catalog-item .scandi-card-perm,
[data-catalog] .catalog-item .scandi-card-perm{
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13.5px;
font-weight: 700;
letter-spacing: -0.01em;
white-space: nowrap;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
font-variant-numeric: tabular-nums lining-nums;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
#catalog .catalog-item .scandi-card-perm__from,
[data-catalog] .catalog-item .scandi-card-perm__from{
font-size: 11px;
font-weight: 600;
color: rgba(216, 207, 186, 0.6);
-webkit-text-fill-color: rgba(216, 207, 186, 0.6);
}
#catalog .catalog-item:hover .scandi-card-style,
[data-catalog] .catalog-item:hover .scandi-card-style{
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
#catalog .catalog-item:hover .scandi-card-perm,
[data-catalog] .catalog-item:hover .scandi-card-perm{
opacity: 1;
transform: none;
}
#catalog .catalog-item .info-price,
#catalog .catalog-item .info.info-price,
[data-catalog] .catalog-item .info-price,
[data-catalog] .catalog-item .info.info-price{
font-family: var(--font-display, 'Manrope'), sans-serif;
font-style: normal;
font-size: 21px;
font-weight: 800;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
letter-spacing: -0.03em;
margin: 16px 0 0;
padding: 14px 0 0;
border: 0;
border-top: 1px solid transparent;
border-image-source: linear-gradient(90deg, transparent 0%, rgba(166, 124, 58, 0.16) 38%, rgba(166, 124, 58, 0.55) 100%);
border-image-slice: 1;
border-radius: 0;
background: none;
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 7px;
flex-direction: row;
line-height: 1;
transform-origin: left center;
transition: transform 0.5s cubic-bezier(0.34, 1.4, 0.64, 1),
color 0.4s ease,
border-color 0.4s ease;
}
#catalog .catalog-item .info.info-price .info-item,
#catalog .catalog-item .info.info-price .info-item span,
#catalog .catalog-item .info.info-price .b-title,
#catalog .catalog-item .info.info-price .b-title b,
#catalog .catalog-item .info.info-price b,
[data-catalog] .catalog-item .info.info-price .info-item,
[data-catalog] .catalog-item .info.info-price .info-item span,
[data-catalog] .catalog-item .info.info-price .b-title,
[data-catalog] .catalog-item .info.info-price .b-title b,
[data-catalog] .catalog-item .info.info-price b{
font-size: 21px;
font-weight: 800;
line-height: 1;
background: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
#catalog .catalog-item:hover .info-price,
#catalog .catalog-item:hover .info.info-price,
[data-catalog] .catalog-item:hover .info-price,
[data-catalog] .catalog-item:hover .info.info-price{
border-image-source: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.32) 38%, rgba(212, 173, 110, 0.85) 100%);
background: none;
}
#catalog .catalog-item:hover .info.info-price .info-item,
#catalog .catalog-item:hover .info.info-price .info-item span,
#catalog .catalog-item:hover .info.info-price .b-title,
#catalog .catalog-item:hover .info.info-price .b-title b,
#catalog .catalog-item:hover .info.info-price b,
[data-catalog] .catalog-item:hover .info.info-price .info-item,
[data-catalog] .catalog-item:hover .info.info-price .info-item span,
[data-catalog] .catalog-item:hover .info.info-price .b-title,
[data-catalog] .catalog-item:hover .info.info-price .b-title b,
[data-catalog] .catalog-item:hover .info.info-price b{
background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
#catalog .catalog-item .info-price::before,
[data-catalog] .catalog-item .info-price::before{
content: 'от';
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-style: normal;
font-size: 12.5px;
font-weight: 600;
color: #94774a;
-webkit-text-fill-color: #94774a;
letter-spacing: 0.01em;
text-transform: lowercase;
flex-shrink: 0;
margin: 0;
align-self: baseline;
padding: 0;
background: none;
-webkit-background-clip: initial;
background-clip: initial;
transition: color 0.4s ease;
}
#catalog .catalog-item:hover .info-price::before,
[data-catalog] .catalog-item:hover .info-price::before{
color: rgba(212, 173, 110, 0.85);
-webkit-text-fill-color: rgba(212, 173, 110, 0.85);
}
#catalog .catalog-item .info-price::after,
#catalog a.catalog-item .info-price::after,
[data-catalog] .catalog-item .info-price::after,
[data-catalog] a.catalog-item .info-price::after{
display: none;
content: none;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod),
#catalog a.catalog-item[href*="/katalog-proektov/"]:not(.card-prod),
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod),
[data-catalog] a.catalog-item[href*="/katalog-proektov/"]:not(.card-prod){
background:
radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%);
border: 1px solid rgba(212, 173, 110, 0.40);
border-top: 2px solid #c19a5b;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image{
background: transparent;
aspect-ratio: 5 / 4;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image img,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image img{
display: none;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image::before,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image::before{
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle, rgba(212, 173, 110, 0.10) 1px, transparent 1.5px) 0 0/22px 22px,
radial-gradient(ellipse 100% 80% at 50% 100%, rgba(120, 90, 50, 0.20), transparent 60%);
z-index: 1;
height: 100%;
display: block;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image::after,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .image::after{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 78px;
height: 78px;
border-radius: 50%;
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
box-shadow:
0 12px 32px rgba(212, 173, 110, 0.35),
inset 0 -2px 8px rgba(20, 16, 13, 0.20);
z-index: 3;
display: flex;
background-image:
linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%),
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%2314100d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12 L19 12'/><path d='M13 6 L19 12 L13 18'/></svg>");
background-size: 100%, 32px 32px;
background-position: center, center;
background-repeat: no-repeat, no-repeat;
background-blend-mode: normal, normal;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc{
background: transparent;
border-top-color: rgba(212, 173, 110, 0.30);
text-align: center;
padding: 18px 16px 22px;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc .title,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc .title{
justify-content: center;
border-bottom: 0;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .title-code,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .title-code{
display: none;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::before,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::before{
content: 'ПЕРЕЙТИ В КАТАЛОГ';
display: block;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #ffe5b8;
-webkit-text-fill-color: #ffe5b8;
margin-bottom: 6px;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::after,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::after{
content: 'Все 150 проектов с ценами и характеристиками';
display: block;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 400;
color: #a89c8a;
-webkit-text-fill-color: #a89c8a;
line-height: 1.4;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .info,
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .info-price,
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .card-area-badge,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .info,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .info-price,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .card-area-badge{
display: none;
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod):hover,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod):hover{
transform: translateY(-8px) scale(1.02);
border-color: rgba(212, 173, 110, 0.85);
box-shadow:
0 0 40px rgba(193, 154, 91, 0.30),
0 32px 64px rgba(0, 0, 0, 0.50);
}
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod):hover .image::after,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod):hover .image::after{
transform: translate(-50%, -50%) scale(1.10);
box-shadow: 0 16px 40px rgba(212, 173, 110, 0.55);
}
div#cbform-get-catalog,
div#cbform-catalog,
section#cbform-get-catalog,
section#cbform-catalog,
div#cbform-catalog,
section#cbform-catalog,
div#cbform-architect,
section#cbform-architect,
#cbform-get-catalog,
#cbform-catalog,
#cbform-catalog,
#cbform-architect,
#cbform-sample,
#cbform-viewing,
.cbform-get-catalog,
.cbform-architect,
.cbform-sample,
.cbform-viewing,
.cbform:not(#catalog),
.about-company,
#about-company,
.discount-calculator,
.cert-container,
.mortgage-calling,
section.mortgage-calling,
.block-text,
section.block-text,
.seo-section,
section.seo-section,
.seo-section--alt,
section.seo-section--alt,
.seo-cta,
section.seo-cta,
.seo-team-block,
section.seo-team-block,
.geo-work-section,
section.geo-work-section,
.catalog.block-padding:not(#catalog) {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
background-size: 24px 24px, auto, auto;
background-color: #ebe1cd;
position: relative;
}
body.category .post-list,
body.archive .post-list,
body.archive .houses-list,
body.tax-houses_category #catalog,
body.taxonomy-archive #catalog {
}
section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):not(.scandi-burger) {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
transition: color 0.3s ease;
}
section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):hover {
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
}
section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
.catalog.no-padding-bottom .title-new,
.catalog .title-new h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 3.6vw, 40px);
font-weight: 300;
letter-spacing: -0.02em;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
text-align: center;
margin: 0 0 28px;
}
#catalog .catalog-item .card-arrow,
#catalog a.catalog-item .card-arrow,
[data-catalog] .catalog-item .card-arrow,
[data-catalog] a.catalog-item .card-arrow{
display: none;
visibility: hidden;
}
#catalog .catalog-item .scandi-card-overlay,
[data-catalog] .catalog-item .scandi-card-overlay{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: auto;
display: flex;
align-items: stretch;
height: 58px;
padding: 0;
margin: 0;
background: linear-gradient(180deg,
rgba(20, 16, 13, 0) 0%,
rgba(20, 16, 13, 0.78) 35%,
rgba(20, 16, 13, 0.94) 100%);
-webkit-backdrop-filter: blur(8px) saturate(1.05);
backdrop-filter: blur(8px) saturate(1.05);
transform: translateY(100%);
opacity: 0;
transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
pointer-events: none;
z-index: 5;
border-top: 1px solid rgba(212, 173, 110, 0.28);
box-shadow: 0 -14px 28px -10px rgba(20, 16, 13, 0.75);
}
#catalog .catalog-item:hover .scandi-card-overlay,
#catalog .catalog-item:focus-within .scandi-card-overlay,
[data-catalog] .catalog-item:hover .scandi-card-overlay,
[data-catalog] .catalog-item:focus-within .scandi-card-overlay{
transform: translateY(0);
opacity: 1;
}
#catalog .catalog-item .scandi-card-overlay::before,
[data-catalog] .catalog-item .scandi-card-overlay::before{
content: '';
position: absolute;
top: 0;
left: 50%;
right: 50%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #d4ad6e 50%, transparent 100%);
transition: left 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.1s, right 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
pointer-events: none;
}
#catalog .catalog-item:hover .scandi-card-overlay::before,
[data-catalog] .catalog-item:hover .scandi-card-overlay::before{
left: 12%;
right: 12%;
}
#catalog .catalog-item .scandi-card-overlay__btn,
[data-catalog] .catalog-item .scandi-card-overlay__btn{
pointer-events: auto;
flex: 1 1 50%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 0 14px;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
outline: none;
cursor: pointer;
color: #f5e9d4;
-webkit-text-fill-color: #f5e9d4;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: color 0.25s ease, background-color 0.25s ease, letter-spacing 0.3s ease;
-webkit-appearance: none;
appearance: none;
position: relative;
text-shadow: 0 1px 3px rgba(0,0,0,0.55);
}
#catalog .catalog-item .scandi-card-overlay__btn:hover,
[data-catalog] .catalog-item .scandi-card-overlay__btn:hover{
color: #f5d294;
-webkit-text-fill-color: #f5d294;
background-color: rgba(212, 173, 110, 0.06);
letter-spacing: 0.22em;
}
#catalog .catalog-item .scandi-card-overlay__btn::after,
[data-catalog] .catalog-item .scandi-card-overlay__btn::after{
content: '';
position: absolute;
bottom: 16px;
left: 50%;
width: 0;
height: 1px;
background: #d4ad6e;
transition: width 0.3s ease, left 0.3s ease;
pointer-events: none;
}
#catalog .catalog-item .scandi-card-overlay__btn:hover::after,
[data-catalog] .catalog-item .scandi-card-overlay__btn:hover::after{
width: 30px;
left: calc(50% - 15px);
}
#catalog .catalog-item .scandi-card-overlay__btn:focus-visible,
[data-catalog] .catalog-item .scandi-card-overlay__btn:focus-visible{
outline: 1px solid #d4ad6e;
outline-offset: -3px;
}
#catalog .catalog-item .scandi-card-overlay__sep,
[data-catalog] .catalog-item .scandi-card-overlay__sep{
display: block;
width: 1px;
align-self: center;
height: 22px;
background: linear-gradient(180deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
flex: 0 0 1px;
}
@media (max-width: 768px) {
#catalog .catalog-item .scandi-card-overlay,
[data-catalog] .catalog-item .scandi-card-overlay{
transform: translateY(0);
opacity: 1;
height: 44px;
background: linear-gradient(180deg, rgba(20,16,13,0.4) 0%, rgba(20,16,13,0.85) 100%);
}
#catalog .catalog-item .scandi-card-overlay::before,
[data-catalog] .catalog-item .scandi-card-overlay::before{
left: 12%;
right: 12%;
}
#catalog .catalog-item .scandi-card-overlay__btn,
[data-catalog] .catalog-item .scandi-card-overlay__btn{
font-size: 10.5px;
letter-spacing: 0.14em;
}
}
#catalog .catalog-item .desc,
[data-catalog] .catalog-item .desc{
position: relative;
}
#catalog .catalog-item .scandi-card-aside,
[data-catalog] .catalog-item .scandi-card-aside{
position: absolute;
right: 18px;
top: 50%;
bottom: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 2px;
opacity: 0;
transform: translateY(-50%) translateX(10px);
transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
pointer-events: none;
z-index: 3;
text-align: right;
max-width: 44%;
}
#catalog .catalog-item:hover .scandi-card-aside,
#catalog .catalog-item:focus-within .scandi-card-aside,
[data-catalog] .catalog-item:hover .scandi-card-aside,
[data-catalog] .catalog-item:focus-within .scandi-card-aside{
opacity: 1;
transform: translateY(-50%) translateX(0);
}
#catalog .catalog-item .scandi-card-aside__eyebrow,
[data-catalog] .catalog-item .scandi-card-aside__eyebrow{
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.20em;
text-transform: uppercase;
color: rgba(212, 173, 110, 0.70);
-webkit-text-fill-color: rgba(212, 173, 110, 0.70);
line-height: 1;
}
#catalog .catalog-item .scandi-card-aside__value,
[data-catalog] .catalog-item .scandi-card-aside__value{
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-style: normal;
font-size: 14px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.15;
color: #e8c98c;
-webkit-text-fill-color: #e8c98c;
white-space: nowrap;
}
#catalog .catalog-item .scandi-card-aside__caption,
[data-catalog] .catalog-item .scandi-card-aside__caption{
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-style: normal;
font-size: 9px;
font-weight: 500;
color: rgba(235, 227, 216, 0.55);
-webkit-text-fill-color: rgba(235, 227, 216, 0.55);
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.1;
}
@media (max-width: 768px) {
#catalog .catalog-item .scandi-card-aside,
[data-catalog] .catalog-item .scandi-card-aside{
display: none;
}
}
#catalog .catalog-item .scandi-card-arrow,
#catalog a.catalog-item .scandi-card-arrow,
[data-catalog] .catalog-item .scandi-card-arrow,
[data-catalog] a.catalog-item .scandi-card-arrow{
display: none;
visibility: hidden;
}
#catalog .catalog-item .scandi-card-arrow.__deprecated_unused,
[data-catalog] .catalog-item .scandi-card-arrow.__deprecated_unused{
position: absolute;
right: 14px;
bottom: 72px;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(212, 173, 110, 0.55);
border-radius: 50%;
background: rgba(20, 16, 13, 0.42);
-webkit-backdrop-filter: blur(6px) saturate(1.05);
backdrop-filter: blur(6px) saturate(1.05);
color: #d4ad6e;
opacity: 0;
transform: translate(8px, 8px) scale(0.85);
transition: opacity 0.35s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
z-index: 6;
pointer-events: none;
box-shadow: 0 6px 16px rgba(20, 16, 13, 0.35);
}
#catalog .catalog-item:hover .scandi-card-arrow,
[data-catalog] .catalog-item:hover .scandi-card-arrow{
opacity: 1;
transform: translate(0, 0) scale(1);
border-color: rgba(212, 173, 110, 0.85);
box-shadow: 0 8px 20px rgba(20, 16, 13, 0.5), 0 0 14px rgba(212, 173, 110, 0.25);
background: rgba(20, 16, 13, 0.55);
}
#catalog .catalog-item .scandi-card-arrow svg,
[data-catalog] .catalog-item .scandi-card-arrow svg{
width: 16px;
height: 16px;
display: block;
stroke: #d4ad6e;
fill: none;
transition: stroke 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
#catalog .catalog-item:hover .scandi-card-arrow svg,
[data-catalog] .catalog-item:hover .scandi-card-arrow svg{
stroke: #f5d294;
transform: translate(1px, -1px);
}
@media (max-width: 768px) {
#catalog .catalog-item .scandi-card-arrow,
[data-catalog] .catalog-item .scandi-card-arrow{
opacity: 0.85;
transform: translate(0, 0) scale(1);
bottom: 60px;
width: 32px;
height: 32px;
}
#catalog .catalog-item .scandi-card-arrow svg,
[data-catalog] .catalog-item .scandi-card-arrow svg{
width: 14px;
height: 14px;
}
}
#catalog .catalog-item.scandi-catalog-entry .image,
[data-catalog] .catalog-item.scandi-catalog-entry .image{
background: #f5e9d4;
aspect-ratio: 5 / 4;
overflow: hidden;
}
#catalog .catalog-item.scandi-catalog-entry .image::before,
#catalog .catalog-item.scandi-catalog-entry .image::after,
[data-catalog] .catalog-item.scandi-catalog-entry .image::before,
[data-catalog] .catalog-item.scandi-catalog-entry .image::after{
display: none;
content: none;
}
#catalog .catalog-item.scandi-catalog-entry .image img,
[data-catalog] .catalog-item.scandi-catalog-entry .image img{
display: block;
visibility: visible;
opacity: 1;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(1.0) saturate(1.05);
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
}
#catalog .catalog-item.scandi-catalog-entry.no-hero .image,
#catalog .catalog-item.scandi-catalog-entry .image.no-hero,
[data-catalog] .catalog-item.scandi-catalog-entry.no-hero .image,
[data-catalog] .catalog-item.scandi-catalog-entry .image.no-hero{
background: #f5e9d4;
}
#catalog .catalog-item.scandi-catalog-entry.no-hero .image::after,
#catalog .catalog-item.scandi-catalog-entry .image.no-hero::after,
[data-catalog] .catalog-item.scandi-catalog-entry.no-hero .image::after,
[data-catalog] .catalog-item.scandi-catalog-entry .image.no-hero::after{
content: none;
display: none;
}
#catalog .catalog-item.scandi-catalog-entry:hover .image img,
[data-catalog] .catalog-item.scandi-catalog-entry:hover .image img{
transform: scale(1.04);
filter: brightness(1.04) saturate(1.1);
}
#catalog .catalog-item.scandi-catalog-entry .scandi-card-overlay,
#catalog .catalog-item.scandi-catalog-entry .scandi-card-aside,
#catalog .catalog-item.scandi-catalog-entry .card-area-badge,
#catalog .catalog-item.scandi-catalog-entry .lbls,
[data-catalog] .catalog-item.scandi-catalog-entry .scandi-card-overlay,
[data-catalog] .catalog-item.scandi-catalog-entry .scandi-card-aside,
[data-catalog] .catalog-item.scandi-catalog-entry .card-area-badge,
[data-catalog] .catalog-item.scandi-catalog-entry .lbls{
display: none;
}
#catalog .catalog-item.scandi-catalog-entry,
#catalog a.catalog-item.scandi-catalog-entry,
[data-catalog] .catalog-item.scandi-catalog-entry,
[data-catalog] a.catalog-item.scandi-catalog-entry{
background: linear-gradient(180deg, #fdf9f0 0%, #f5e9d4 100%);
border: 1px solid rgba(193, 154, 91, 0.22);
box-shadow: 0 14px 32px rgba(31, 22, 18, 0.08), 0 2px 6px rgba(31, 22, 18, 0.04);
transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.4s ease;
}
#catalog .catalog-item.scandi-catalog-entry:hover,
#catalog a.catalog-item.scandi-catalog-entry:hover,
[data-catalog] .catalog-item.scandi-catalog-entry:hover,
[data-catalog] a.catalog-item.scandi-catalog-entry:hover{
transform: translateY(-4px);
box-shadow: 0 24px 48px rgba(31, 22, 18, 0.14), 0 6px 14px rgba(193, 154, 91, 0.12);
border-color: rgba(193, 154, 91, 0.45);
}
#catalog .catalog-item.scandi-catalog-entry::after,
#catalog a.catalog-item.scandi-catalog-entry::after,
[data-catalog] .catalog-item.scandi-catalog-entry::after,
[data-catalog] a.catalog-item.scandi-catalog-entry::after{
background: linear-gradient(90deg, transparent 0%, #c19a5b 30%, #f5d294 50%, #c19a5b 70%, transparent 100%);
height: 2px;
opacity: 1;
}
#catalog .catalog-item.scandi-catalog-entry .desc,
[data-catalog] .catalog-item.scandi-catalog-entry .desc{
padding: 28px 22px 22px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
#catalog .catalog-item.scandi-catalog-entry .desc::before,
#catalog .catalog-item.scandi-catalog-entry .desc::after,
#catalog a.catalog-item.scandi-catalog-entry .desc::before,
#catalog a.catalog-item.scandi-catalog-entry .desc::after,
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::before,
#catalog .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::after,
[data-catalog] .catalog-item.scandi-catalog-entry .desc::before,
[data-catalog] .catalog-item.scandi-catalog-entry .desc::after,
[data-catalog] a.catalog-item.scandi-catalog-entry .desc::before,
[data-catalog] a.catalog-item.scandi-catalog-entry .desc::after,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::before,
[data-catalog] .catalog-item[href*="/katalog-proektov/"]:not(.card-prod) .desc::after{
content: none;
display: none;
}
#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy,
[data-catalog] .catalog-item.scandi-catalog-entry .scandi-entry-copy{
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: 100%;
}
#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__title,
[data-catalog] .catalog-item.scandi-catalog-entry .scandi-entry-copy__title{
font-family: 'Cormorant Garamond', 'Manrope', sans-serif;
font-style: italic;
font-weight: 500;
font-size: 32px;
line-height: 1.05;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
letter-spacing: -0.01em;
margin: 0;
text-align: center;
}
#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__cta,
[data-catalog] .catalog-item.scandi-catalog-entry .scandi-entry-copy__cta{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
padding: 12px 22px;
border: 1px solid rgba(193, 154, 91, 0.55);
border-radius: 2px;
margin: 0;
background: transparent;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
#catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__cta,
[data-catalog] .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__cta{
background: linear-gradient(180deg, #d4ad6e 0%, #c19a5b 100%);
border-color: #c19a5b;
color: #1f1612;
box-shadow: 0 4px 12px rgba(193, 154, 91, 0.3);
}
#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__arr,
[data-catalog] .catalog-item.scandi-catalog-entry .scandi-entry-copy__arr{
font-family: 'JetBrains Mono', monospace;
font-weight: 500;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
transition: transform 0.3s ease, color 0.25s ease;
}
#catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr,
[data-catalog] .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr{
color: #1f1612;
-webkit-text-fill-color: #1f1612;
}
#catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr,
[data-catalog] .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr{
transform: translateX(6px);
}
@media screen and (max-width:670px) {
.catalog .in .items {
display:flex; flex-direction:column;
}
}
#discount-calculator {
position: relative; overflow: hidden;
background:
radial-gradient(circle at 1px 1px, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
linear-gradient(180deg, var(--c-cream) 0%, #efe6d6 20%, #ebdfc9 78%, var(--c-cream) 100%);
background-size: 26px 26px, auto;
}
#discount-calculator .calculator-block__bg { display: none !important; }
#discount-calculator .calculator-block {
position: relative; max-width: 1180px; margin: 0 auto; overflow: hidden;
background: #fffdf8; border: 1px solid rgba(166,124,58,0.18); border-top: 3px solid #c19a5b;
border-radius: 22px; box-shadow: 0 30px 70px -30px rgba(70,48,18,0.28);
padding: clamp(20px, 2.2vw, 32px) clamp(26px, 3vw, 48px) 0;
display: flex; align-items: flex-end; gap: clamp(16px, 2.2vw, 40px);
}
#discount-calculator .in--block { position: relative; z-index: 2; flex: 1 1 auto; min-width: 0; max-width: none; padding-bottom: clamp(18px, 2vw, 30px); }
#discount-calculator .calculator-block__manager-pic {
display: block; position: static; flex: 0 0 auto; align-self: stretch;
width: clamp(215px, 21vw, 300px); height: auto; max-width: none;
object-fit: cover; object-position: 50% 12%; margin-bottom: 0; z-index: 1; pointer-events: none;
}
#discount-calculator .title {
font-family: var(--font-display); font-size: clamp(25px, 3.3vw, 37px);
font-weight: 700; letter-spacing: -0.02em; line-height: 1.12;
color: var(--c-ink); text-align: left; margin-bottom: 16px;
}
#discount-calculator .title i {
font-style: normal;
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: transparent;
}
#discount-calculator .discount-calc {
max-width: none; margin: 0; padding: 0;
background: none; border: 0; border-radius: 0; box-shadow: none;
}
#discount-calculator .discount-calc__columns {
display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: start;
}
#discount-calculator .discount-calc__cash { padding-right: clamp(20px, 2.4vw, 40px); }
#discount-calculator .discount-calc__mortgage {
padding-left: clamp(20px, 2.4vw, 40px);
border-left: 1px solid rgba(166,124,58,0.20);
}
#discount-calculator .c-name {
font-family: var(--font-ui); font-size: 10.5px; font-weight: 600;
letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-ink-3); margin-bottom: 10px;
}
#discount-calculator .discount-calc__item { margin-bottom: 14px; }
#discount-calculator .discount-calc__heading,
#discount-calculator .cash-discount__title { font-family: var(--font-display); font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: var(--c-ink); margin-bottom: 18px; }
#discount-calculator .discount-calc__heading i,
#discount-calculator .cash-discount__title i { font-style: normal; color: var(--c-gold-dark); }
#discount-calculator .page-range { width: 100%; }
#discount-calculator .page-range__heading { display: block; font-family: var(--font-display); font-size: 18px; font-weight: 700; line-height: 1; letter-spacing: -0.01em; color: var(--c-ink); margin-bottom: 10px; font-feature-settings: 'tnum' 1, 'lnum' 1; }
#discount-calculator .page-range__heading [data-range-value] { color: var(--c-gold-dark); }
#discount-calculator .page-range__slider {
-webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px;
background: #ece1cd; outline: none; cursor: pointer; margin: 0;
}
#discount-calculator .page-range__slider::-webkit-slider-thumb {
-webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%;
background: #a67c3a; border: 3px solid #fffdf8; box-shadow: 0 2px 8px rgba(120,90,50,0.4); cursor: pointer;
}
#discount-calculator .page-range__slider::-moz-range-thumb {
width: 22px; height: 22px; border-radius: 50%; background: #a67c3a; border: 3px solid #fffdf8; box-shadow: 0 2px 8px rgba(120,90,50,0.4); cursor: pointer;
}
#discount-calculator .page-range__slider--hidden { display: none; }
#discount-calculator .cash-discount {
margin-top: 24px; padding: 20px 22px; border-radius: 14px;
background: linear-gradient(135deg, #faf4e8, #f3e7cf); border: 1px solid rgba(166,124,58,0.25);
}
#discount-calculator .cash-discount__label { display: inline-block; font-family: var(--font-ui); font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-gold-dark); margin-bottom: 4px; }
#discount-calculator .cash-discount__value { display: block; font-family: var(--font-display); font-size: 40px; font-weight: 800; line-height: 1; color: var(--c-gold-dark); letter-spacing: -0.02em; font-feature-settings: 'tnum' 1, 'lnum' 1; }
#discount-calculator .cash-discount__total { margin-top: 14px; padding-top: 14px; border-top: 1px dashed rgba(166,124,58,0.3); }
#discount-calculator .cash-discount__total-heading { font-family: var(--font-ui); font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-ink-3); }
#discount-calculator .cash-discount__total-price { font-family: var(--font-display); font-size: 24px; font-weight: 800; line-height: 1.1; color: var(--c-ink); margin-top: 4px; font-feature-settings: 'tnum' 1, 'lnum' 1; }
#discount-calculator .discount-calc__mortgage-total { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(166,124,58,0.18); font-family: var(--font-ui); font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-ink-3); }
#discount-calculator .discount-calc__mortgage-price { font-family: var(--font-display); font-size: 24px; font-weight: 800; line-height: 1.1; letter-spacing: 0; text-transform: none; color: var(--c-ink); margin-top: 6px; font-feature-settings: 'tnum' 1, 'lnum' 1; }
#discount-calculator .discount-calc__savings {
margin-top: 16px; text-align: center; padding: 13px 16px; border-radius: 14px;
background: linear-gradient(135deg, #faf4e8, #f3e7cf); border: 1px solid rgba(166,124,58,0.25);
font-family: var(--font-display); font-size: 17px; font-weight: 600; line-height: 1.3; color: var(--c-ink);
}
#discount-calculator .discount-calc__savings-amount { color: var(--c-gold-dark); font-weight: 800; font-size: 1.12em; font-feature-settings: 'tnum' 1, 'lnum' 1; }
#discount-calculator .discount-calc__footer { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
#discount-calculator .discount-calc__terms { font: 400 12px/1.4 'Manrope', sans-serif; color: #8a7a5e; }
#discount-calculator .discount-calc__terms a { color: #8a5a1f; }
#discount-calculator .discount-calc__btn {
box-sizing: border-box;
display: inline-flex; align-items: center; justify-content: center; padding: 15px 34px; border-radius: 30px;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
color: #14100d; -webkit-text-fill-color: #14100d;
font: 600 14px/1 'Manrope', sans-serif; letter-spacing: .04em; text-decoration: none; cursor: pointer; border: 0;
box-shadow: 0 12px 26px rgba(166,124,58,0.3); transition: transform .2s ease, box-shadow .2s ease;
}
#discount-calculator .discount-calc__btn:hover { color: #14100d; -webkit-text-fill-color: #14100d; }
#discount-calculator .discount-calc__btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166,124,58,0.42); }
@media (max-width: 1080px) {
#discount-calculator .calculator-block__manager-pic { display: none; }
#discount-calculator .in--block { max-width: 100%; }
}
@media (max-width: 860px) {
#discount-calculator .calculator-block { padding: clamp(22px, 4vw, 34px) clamp(16px, 4vw, 26px) 0; }
#discount-calculator .discount-calc__columns { grid-template-columns: 1fr; }
#discount-calculator .discount-calc__cash { padding-right: 0; }
#discount-calculator .discount-calc__mortgage { border-left: 0; border-top: 1px solid rgba(166,124,58,0.2); padding-left: 0; padding-top: 24px; margin-top: 8px; }
#discount-calculator .discount-calc__footer { flex-direction: column; align-items: stretch; }
#discount-calculator .discount-calc__btn { width: 100%; }
}
@media (max-width: 480px) {
#content #discount-calculator .container { padding-left: 14px; padding-right: 14px; }
}
.category-filter {
position: relative;
z-index: 2;
max-width: 1280px;
margin: 0 auto 56px;
padding: 30px 34px 26px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 210px);
gap: 26px 34px;
align-items: end;
background: linear-gradient(135deg, var(--c-cream-card) 0%, var(--c-cream-panel) 58%, var(--c-cream-2) 100%);
border: 1px solid var(--c-cream-border);
border-top: 2px solid var(--c-gold);
border-radius: var(--r-card);
box-shadow:
0 18px 44px rgba(60, 40, 20, 0.12),
0 4px 12px rgba(60, 40, 20, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.category-filter__col {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 12px;
min-width: 0;
}
.category-filter__heading {
display: block;
margin: 0;
font-family: var(--font-ui);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--c-gold-dark);
}
.category-filter .page-range {
display: flex;
flex-direction: column;
gap: 11px;
}
.category-filter .page-range__heading {
margin: 0;
font-family: var(--font-display);
font-size: 17px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.01em;
color: var(--c-ink-2);
}
.category-filter .page-range__heading [data-range-value] {
color: var(--c-ink);
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.category-filter .page-range__slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 4px;
margin: 5px 0;
border-radius: 999px;
background: #ece1cd;
outline: none;
cursor: pointer;
}
.category-filter .page-range__slider::-webkit-slider-runnable-track {
height: 4px;
border-radius: 999px;
}
.category-filter .page-range__slider::-moz-range-track {
height: 4px;
border-radius: 999px;
background: transparent;
}
.category-filter .page-range__slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
margin-top: -7px;
border-radius: 50%;
background: var(--c-gold-grad);
border: 2px solid #fffdf8;
box-shadow: 0 2px 8px rgba(166, 124, 58, 0.5), 0 0 0 1px rgba(166, 124, 58, 0.28);
cursor: pointer;
transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);
}
.category-filter .page-range__slider::-webkit-slider-thumb:hover {
transform: scale(1.14);
box-shadow: 0 4px 14px rgba(166, 124, 58, 0.6), 0 0 0 1px rgba(166, 124, 58, 0.35);
}
.category-filter .page-range__slider::-moz-range-thumb {
width: 18px;
height: 18px;
border-radius: 50%;
background: #c19a5b;
border: 2px solid #fffdf8;
box-shadow: 0 2px 8px rgba(166, 124, 58, 0.5);
cursor: pointer;
}
.category-filter__col--btn {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 10px;
padding-left: 6px;
}
.category-filter__btn {
width: 100%;
padding: 14px 22px;
font-family: var(--font-ui);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1a1410;
background: var(--c-gold-grad);
border: 0;
border-radius: var(--r-ctrl);
box-shadow: var(--sh-glow);
cursor: pointer;
transition: transform var(--d-fast) var(--ease), filter var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);
}
.category-filter__btn:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow: 0 12px 30px rgba(193, 154, 91, 0.5);
}
.category-filter__btn:active { transform: translateY(0); }
.category-filter__reset {
all: unset;
display: block;
width: 100%;
box-sizing: border-box;
padding: 8px;
text-align: center;
font-family: var(--font-ui);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.03em;
color: var(--c-ink-2);
cursor: pointer;
transition: color var(--d-fast) var(--ease);
}
.category-filter__reset:hover {
color: var(--c-gold-dark);
text-decoration: underline;
}
@media (max-width: 991px) {
.category-filter {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px 30px;
padding: 28px;
}
.category-filter__col--btn {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
gap: 20px;
padding-left: 0;
margin-top: 4px;
}
.category-filter__btn { width: auto; flex: 1 1 auto; }
.category-filter__reset { width: auto; white-space: nowrap; }
}
@media (max-width: 600px) {
.category-filter {
grid-template-columns: 1fr;
gap: 22px;
padding: 24px 20px;
margin-bottom: 40px;
}
.category-filter__col--btn {
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.category-filter__btn { width: 100%; }
.category-filter__reset { width: 100%; }
}
#catalog [data-catalog-message]:not(:empty),
#catalog .catalog-warning,
.catalog .catalog-warning,
[data-catalog] [data-catalog-message]:not(:empty),
[data-catalog] .catalog-warning{
max-width: 1280px;
margin: 0 auto 32px;
padding: 22px 26px;
text-align: center;
font-family: var(--font-display);
font-size: 18px;
font-weight: 500;
line-height: 1.4;
color: var(--c-ink-2);
background: var(--c-cream-card);
border: 1px dashed var(--c-cream-border);
border-radius: var(--r-card);
}
.scandi-kp {
position: fixed;
inset: 0;
z-index: 100000;
display: none;
}
.scandi-kp.is-open { display: block; }
.scandi-kp__backdrop {
position: absolute;
inset: 0;
background: rgba(12, 8, 5, 0.62);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.scandi-kp__card {
position: relative;
z-index: 1;
box-sizing: border-box;
width: min(420px, calc(100vw - 32px));
margin: clamp(56px, 12vh, 140px) auto 40px;
background: linear-gradient(180deg, var(--c-cream-card), var(--c-cream-panel));
border: 1px solid var(--c-cream-border);
border-top: 3px solid var(--c-gold);
border-radius: var(--r-card);
box-shadow: 0 40px 90px -20px rgba(20, 16, 13, 0.6), 0 12px 28px rgba(20, 16, 13, 0.28);
padding: 34px 32px 28px;
animation: scandiKpIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes scandiKpIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.scandi-kp__x {
position: absolute;
top: 12px;
right: 14px;
width: 34px;
height: 34px;
border: 0;
background: transparent;
font-size: 26px;
line-height: 1;
color: var(--c-ink-2);
cursor: pointer;
border-radius: 50%;
transition: background 0.2s var(--ease), color 0.2s var(--ease);
}
.scandi-kp__x:hover { background: rgba(166, 124, 58, 0.12); color: var(--c-gold-dark); }
.scandi-kp__eyebrow {
font-family: var(--font-ui);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--c-gold-dark);
margin-bottom: 8px;
}
.scandi-kp__title {
font-family: var(--font-display);
font-size: 23px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.01em;
color: var(--c-ink);
margin: 0 0 8px;
}
.scandi-kp__sub {
font-family: var(--font-ui);
font-size: 14px;
line-height: 1.5;
color: var(--c-ink-2);
margin: 0 0 20px;
}
.scandi-kp__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.scandi-kp__field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.scandi-kp__field label {
font-family: var(--font-ui);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--c-ink-2);
}
.scandi-kp__field input {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 12px 14px;
font-family: var(--font-ui);
font-size: 15px;
color: var(--c-ink);
background: #fff;
border: 1px solid var(--c-cream-border);
border-radius: var(--r-ctrl);
transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.scandi-kp__field input:focus {
outline: none;
border-color: var(--c-gold);
box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.18);
}
.scandi-kp__btn {
width: 100%;
margin-top: 4px;
padding: 14px 22px;
font-family: var(--font-ui);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
color: #1a1410;
background: var(--c-gold-grad);
border: 0;
border-radius: var(--r-ctrl);
box-shadow: var(--sh-glow);
cursor: pointer;
transition: transform 0.18s var(--ease), filter 0.18s var(--ease), box-shadow 0.18s var(--ease);
}
.scandi-kp__btn:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 12px 30px rgba(193, 154, 91, 0.5); }
.scandi-kp__btn:active { transform: translateY(0); }
.scandi-kp__legal {
font-family: var(--font-ui);
font-size: 11px;
line-height: 1.4;
color: var(--c-ink-3);
margin: 14px 0 0;
text-align: center;
}
.scandi-kp__legal a { color: var(--c-gold-dark); text-decoration: underline; }
html.scandi-kp-lock { overflow: hidden; }
@media (max-width: 520px) {
.scandi-kp__card { margin-top: 40px; padding: 28px 20px 22px; }
.scandi-kp__title { font-size: 21px; }
}
section.build-stages {
background: var(--c-cream);
color: var(--c-ink);
}
section.build-stages .desc,
section.build-stages .b-title { color: var(--c-ink-2); }
section.build-stages,
.build-stages {
background:
radial-gradient(circle, rgba(166,124,58,0.10) 1px, transparent 1.5px),
radial-gradient(ellipse 60% 40% at 50% 0%, rgba(212,173,110,0.10), transparent 70%),
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
background-size: 24px 24px, auto, auto;
background-color: #ebe1cd;
color: var(--c-ink);
padding: clamp(36px, 3.5vw, 56px) 0;
position: relative;
overflow: hidden;
}
section.build-stages .section-title,
section.build-stages h2 {
font-family: var(--font-display);
font-size: clamp(28px, 4vw, 44px);
font-weight: 300;
letter-spacing: -0.02em;
text-align: center;
margin: 0 0 clamp(40px, 4.5vw, 60px);
color: var(--c-ink);
-webkit-text-fill-color: var(--c-ink);
}
section.build-stages .section-title i,
section.build-stages h2 i {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text; background-clip: text;
color: transparent; -webkit-text-fill-color: transparent;
}
section.build-stages .step-cards { max-width: 1240px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; }
section.build-stages .step-cards__row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
position: relative;
padding: 20px 0;
background: transparent;
}
section.build-stages .step-cards__row:first-child { padding-top: 0; }
section.build-stages .step-cards__row:last-child  { padding-bottom: 0; }
section.build-stages .step-cards__row::after {
content: ''; position: absolute; left: 0; bottom: 3px;
width: 116.5%; aspect-ratio: 1377 / 410;
transform: translate(-6.8%, 50%);
background: url('data:image/svg+xml,<svg width="1377" height="410" viewBox="0 0 1377 410" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1295.22 3C1295.22 4.47276 1296.41 5.66667 1297.88 5.66667C1299.36 5.66667 1300.55 4.47276 1300.55 3C1300.55 1.52724 1299.36 0.333333 1297.88 0.333333C1296.41 0.333333 1295.22 1.52724 1295.22 3ZM1269.63 206V206.5H1269.64L1269.65 206.5L1269.63 206ZM92 206.5H95.5049V205.5H92V206.5ZM102.515 206.5H109.524V205.5H102.515V206.5ZM116.534 206.5H123.544V205.5H116.534V206.5ZM130.553 206.5H137.563V205.5H130.553V206.5ZM144.573 206.5H151.583V205.5H144.573V206.5ZM158.592 206.5H165.602V205.5H158.592V206.5ZM172.612 206.5H179.622V205.5H172.612V206.5ZM186.631 206.5H193.641V205.5H186.631V206.5ZM200.651 206.5H207.66V205.5H200.651V206.5ZM214.67 206.5H221.68V205.5H214.67V206.5ZM228.69 206.5H235.699V205.5H228.69V206.5ZM242.709 206.5H249.719V205.5H242.709V206.5ZM256.728 206.5H263.738V205.5H256.728V206.5ZM270.748 206.5H277.758V205.5H270.748V206.5ZM284.767 206.5H291.777V205.5H284.767V206.5ZM298.787 206.5H305.796V205.5H298.787V206.5ZM312.806 206.5H319.816V205.5H312.806V206.5ZM326.826 206.5H333.835V205.5H326.826V206.5ZM340.845 206.5H347.855V205.5H340.845V206.5ZM354.865 206.5H361.874V205.5H354.865V206.5ZM368.884 206.5H375.894V205.5H368.884V206.5ZM382.903 206.5H389.913V205.5H382.903V206.5ZM396.923 206.5H403.933V205.5H396.923V206.5ZM410.942 206.5H417.952V205.5H410.942V206.5ZM424.962 206.5H431.972V205.5H424.962V206.5ZM438.981 206.5H445.991V205.5H438.981V206.5ZM453.001 206.5H460.011V205.5H453.001V206.5ZM467.02 206.5H474.03V205.5H467.02V206.5ZM481.04 206.5H488.049V205.5H481.04V206.5ZM495.059 206.5H502.069V205.5H495.059V206.5ZM509.079 206.5H516.088V205.5H509.079V206.5ZM523.098 206.5H530.108V205.5H523.098V206.5ZM537.118 206.5H544.127V205.5H537.118V206.5ZM551.137 206.5H558.147V205.5H551.137V206.5ZM565.157 206.5H572.166V205.5H565.157V206.5ZM579.176 206.5H586.186V205.5H579.176V206.5ZM593.195 206.5H600.205V205.5H593.195V206.5ZM607.215 206.5H614.225V205.5H607.215V206.5ZM621.234 206.5H628.244V205.5H621.234V206.5ZM635.254 206.5H642.263V205.5H635.254V206.5ZM649.273 206.5H656.283V205.5H649.273V206.5ZM663.293 206.5H670.302V205.5H663.293V206.5ZM677.312 206.5H684.322V205.5H677.312V206.5ZM691.331 206.5H698.341V205.5H691.331V206.5ZM705.351 206.5H712.361V205.5H705.351V206.5ZM719.37 206.5H726.38V205.5H719.37V206.5ZM733.39 206.5H740.399V205.5H733.39V206.5ZM747.409 206.5H754.419V205.5H747.409V206.5ZM761.429 206.5H768.438V205.5H761.429V206.5ZM775.448 206.5H782.458V205.5H775.448V206.5ZM789.467 206.5H796.477V205.5H789.467V206.5ZM803.487 206.5H810.496V205.5H803.487V206.5ZM817.506 206.5H824.516V205.5H817.506V206.5ZM831.526 206.5H838.535V205.5H831.526V206.5ZM845.545 206.5H852.555V205.5H845.545V206.5ZM859.564 206.5H866.574V205.5H859.564V206.5ZM873.584 206.5H880.593V205.5H873.584V206.5ZM887.603 206.5H894.613V205.5H887.603V206.5ZM901.623 206.5H908.632V205.5H901.623V206.5ZM915.642 206.5H922.652V205.5H915.642V206.5ZM929.661 206.5H936.671V205.5H929.661V206.5ZM943.681 206.5H950.69V205.5H943.681V206.5ZM957.7 206.5H964.71V205.5H957.7V206.5ZM971.72 206.5H978.729V205.5H971.72V206.5ZM985.739 206.5H992.749V205.5H985.739V206.5ZM999.758 206.5H1006.77V205.5H999.758V206.5ZM1013.78 206.5H1020.79V205.5H1013.78V206.5ZM1027.8 206.5H1034.81V205.5H1027.8V206.5ZM1041.82 206.5H1048.83V205.5H1041.82V206.5ZM1055.84 206.5H1062.85V205.5H1055.84V206.5ZM1069.86 206.5H1076.87V205.5H1069.86V206.5ZM1083.87 206.5H1090.88V205.5H1083.87V206.5ZM1097.89 206.5H1104.9V205.5H1097.89V206.5ZM1111.91 206.5H1118.92V205.5H1111.91V206.5ZM1125.93 206.5H1132.94V205.5H1125.93V206.5ZM1139.95 206.5H1146.96V205.5H1139.95V206.5ZM1153.97 206.5H1160.98V205.5H1153.97V206.5ZM1167.99 206.5H1175V205.5H1167.99V206.5ZM1182.01 206.5H1189.02V205.5H1182.01V206.5ZM1196.03 206.5H1203.04V205.5H1196.03V206.5ZM1210.05 206.5H1217.06V205.5H1210.05V206.5ZM1224.07 206.5H1231.08V205.5H1224.07V206.5ZM1238.09 206.5H1245.1V205.5H1238.09V206.5ZM1252.11 206.5H1259.12V205.5H1252.11V206.5ZM1266.13 206.5H1269.63V205.5H1266.13V206.5ZM1269.65 206.5C1270.9 206.46 1272.14 206.415 1273.36 206.363L1273.32 205.364C1272.1 205.415 1270.86 205.461 1269.62 205.5L1269.65 206.5ZM1280.56 205.978C1282.97 205.822 1285.33 205.639 1287.64 205.432L1287.55 204.437C1285.25 204.643 1282.9 204.824 1280.5 204.98L1280.56 205.978ZM1294.86 204.684C1297.26 204.399 1299.61 204.085 1301.89 203.743L1301.74 202.754C1299.47 203.095 1297.13 203.407 1294.74 203.691L1294.86 204.684ZM1309.04 202.543C1311.44 202.093 1313.78 201.609 1316.04 201.091L1315.82 200.116C1313.57 200.631 1311.25 201.113 1308.85 201.56L1309.04 202.543ZM1322.98 199.333C1325.38 198.664 1327.69 197.953 1329.91 197.201L1329.58 196.254C1327.38 197 1325.09 197.706 1322.71 198.37L1322.98 199.333ZM1336.58 194.707C1338.87 193.765 1341.05 192.774 1343.13 191.735L1342.68 190.841C1340.63 191.868 1338.47 192.849 1336.2 193.782L1336.58 194.707ZM1349.46 188.209C1351.57 186.903 1353.55 185.537 1355.39 184.115L1354.78 183.323C1352.97 184.723 1351.02 186.07 1348.93 187.359L1349.46 188.209ZM1360.83 179.391C1362.59 177.663 1364.19 175.868 1365.63 174.012L1364.84 173.398C1363.43 175.218 1361.86 176.98 1360.13 178.678L1360.83 179.391ZM1369.64 168.012C1370.85 165.9 1371.88 163.725 1372.75 161.493L1371.82 161.129C1370.96 163.317 1369.95 165.448 1368.77 167.517L1369.64 168.012ZM1374.9 154.599C1375.46 152.275 1375.86 149.902 1376.12 147.485L1375.13 147.377C1374.87 149.754 1374.47 152.086 1373.93 154.367L1374.9 154.599ZM1376.5 140.28C1376.5 137.911 1376.37 135.508 1376.14 133.076L1375.14 133.172C1375.37 135.575 1375.5 137.946 1375.5 140.282L1376.5 140.28ZM1375.15 125.932C1374.73 123.602 1374.22 121.251 1373.63 118.882L1372.66 119.125C1373.25 121.473 1373.75 123.802 1374.16 126.108L1375.15 125.932ZM1371.67 111.978C1370.96 109.726 1370.18 107.462 1369.33 105.19L1368.4 105.539C1369.24 107.796 1370.01 110.044 1370.71 112.279L1371.67 111.978ZM1366.68 98.5144C1365.75 96.3299 1364.77 94.1405 1363.74 91.9489L1362.83 92.375C1363.86 94.5553 1364.84 96.7328 1365.76 98.9045L1366.68 98.5144ZM1360.55 85.4916C1359.47 83.3823 1358.34 81.2736 1357.17 79.1682L1356.3 79.6534C1357.46 81.7501 1358.58 83.8496 1359.66 85.9492L1360.55 85.4916ZM1353.6 72.9459C1352.38 70.896 1351.14 68.8517 1349.85 66.8152L1349.01 67.3474C1350.28 69.3768 1351.53 71.4137 1352.74 73.4558L1353.6 72.9459ZM1345.96 60.7787C1344.64 58.7897 1343.3 56.8108 1341.93 54.8442L1341.11 55.415C1342.47 57.3757 1343.81 59.3485 1345.12 61.331L1345.96 60.7787ZM1337.77 48.9935C1336.36 47.0566 1334.93 45.1342 1333.49 43.2287L1332.69 43.8324C1334.13 45.7327 1335.56 47.6499 1336.96 49.5814L1337.77 48.9935ZM1329.11 37.5546C1327.62 35.6663 1326.12 33.7976 1324.61 31.9509L1323.84 32.5837C1325.35 34.4258 1326.84 36.2898 1328.32 38.1732L1329.11 37.5546ZM1320.02 26.4298C1318.47 24.5927 1316.9 22.7811 1315.34 20.9975L1314.59 21.6568C1316.15 23.4362 1317.71 25.2435 1319.26 27.076L1320.02 26.4298ZM1310.58 15.6595C1308.95 13.8633 1307.32 12.1002 1305.69 10.373L1304.97 11.0579C1306.58 12.7808 1308.21 14.5397 1309.84 16.3316L1310.58 15.6595ZM1300.72 5.17754C1299.89 4.32381 1299.06 3.48049 1298.24 2.64798L1297.53 3.35202C1298.35 4.18239 1299.18 5.02357 1300.01 5.87516L1300.72 5.17754Z" fill="%23c9ad74"/><path d="M79.8039 409C80.08 409 80.3036 408.776 80.3032 408.499L80.2975 403.999C80.2971 403.723 80.073 403.5 79.7968 403.5C79.5207 403.5 79.2971 403.725 79.2975 404.001L79.3026 408.001L75.3026 408.006C75.0264 408.006 74.8029 408.23 74.8032 408.506C74.8036 408.783 75.0277 409.006 75.3039 409.006L79.8039 409ZM108.288 205.5C107.09 205.538 105.905 205.581 104.731 205.629L104.772 206.628C105.943 206.58 107.125 206.537 108.319 206.5L108.288 205.5ZM97.827 205.986C95.5379 206.129 93.2961 206.294 91.101 206.481L91.1859 207.478C93.3733 207.291 95.6075 207.126 97.8893 206.984L97.827 205.986ZM84.138 207.166C81.8674 207.419 79.6506 207.698 77.4867 208.002L77.6255 208.992C79.7799 208.69 81.9874 208.412 84.249 208.159L84.138 207.166ZM70.5417 209.09C68.2726 209.485 66.0672 209.91 63.9243 210.363L64.1311 211.341C66.2618 210.891 68.4555 210.469 70.7132 210.076L70.5417 209.09ZM57.1122 211.951C54.8443 212.532 52.6543 213.149 50.5407 213.799L50.8348 214.755C52.9327 214.109 55.1072 213.497 57.3604 212.92L57.1122 211.951ZM44.0253 216C41.7884 216.828 39.649 217.698 37.6046 218.611L38.0121 219.524C40.0357 218.621 42.1548 217.758 44.3722 216.938L44.0253 216ZM31.4615 221.628C29.3849 222.75 27.4249 223.922 25.578 225.142L26.1291 225.976C27.9504 224.773 29.885 223.616 31.9368 222.508L31.4615 221.628ZM19.9819 229.262C18.1481 230.769 16.4567 232.335 14.9022 233.956L15.624 234.648C17.1503 233.056 18.8126 231.517 20.6169 230.034L19.9819 229.262ZM10.4533 239.239C9.06738 241.126 7.83783 243.073 6.75749 245.075L7.63753 245.549C8.69587 243.588 9.90067 241.681 11.2592 239.831L10.4533 239.239ZM3.90899 251.369C3.10748 253.528 2.45497 255.738 1.94345 257.993L2.9187 258.215C3.42078 256 4.06086 253.833 4.84644 251.717L3.90899 251.369ZM0.832278 264.812C0.599681 267.075 0.491489 269.376 0.5004 271.71L1.50039 271.706C1.49161 269.406 1.59826 267.14 1.82704 264.914L0.832278 264.812ZM0.851856 278.608C1.06859 280.866 1.38324 283.149 1.78973 285.453L2.77453 285.28C2.37233 283 2.06135 280.743 1.84728 278.512L0.851856 278.608ZM3.21992 292.189C3.76115 294.381 4.37774 296.587 5.06475 298.806L6.02001 298.51C5.33839 296.309 4.72707 294.121 4.19075 291.949L3.21992 292.189ZM7.26774 305.32C8.04723 307.45 8.88618 309.588 9.78036 311.732L10.7033 311.347C9.8145 309.216 8.98099 307.092 8.20683 304.977L7.26774 305.32ZM12.5622 318.043C13.5164 320.099 14.5173 322.158 15.5614 324.218L16.4533 323.765C15.4142 321.716 14.4184 319.667 13.4693 317.622L12.5622 318.043ZM18.7633 330.291C19.8565 332.29 20.9871 334.286 22.1517 336.278L23.015 335.774C21.855 333.789 20.7291 331.801 19.6406 329.811L18.7633 330.291ZM25.7038 342.175C26.9038 344.11 28.133 346.039 29.3885 347.96L30.2256 347.413C28.9743 345.499 27.7493 343.576 26.5537 341.648L25.7038 342.175ZM33.2124 353.669C34.5061 355.556 35.8226 357.432 37.1588 359.297L37.9716 358.714C36.6393 356.855 35.3268 354.985 34.0371 353.104L33.2124 353.669ZM41.2143 364.838C42.5863 366.676 43.9751 368.499 45.3777 370.306L46.1676 369.692C44.7688 367.89 43.3838 366.072 42.0155 364.24L41.2143 364.838ZM49.6368 375.692C51.0765 377.481 52.5271 379.251 53.9856 381L54.7537 380.359C53.2988 378.614 51.8518 376.849 50.4157 375.065L49.6368 375.692ZM58.4356 386.246C59.9419 387.992 61.4531 389.715 62.966 391.411L63.7123 390.746C62.203 389.053 60.6954 387.335 59.1928 385.593L58.4356 386.246ZM67.5674 396.487C69.137 398.19 70.7047 399.862 72.2668 401.502L72.9908 400.812C71.4325 399.177 69.8686 397.508 68.3028 395.809L67.5674 396.487ZM77.0582 406.448C77.8581 407.259 78.6556 408.062 79.4501 408.854L80.1563 408.146C79.3639 407.356 78.5684 406.555 77.7704 405.746L77.0582 406.448Z" fill="%23c9ad74"/></svg>') no-repeat; background-size: 100% 100%;
pointer-events: none; z-index: 0;
}
section.build-stages .step-cards__row:last-child::after { display: none; }
@media (max-width: 1366px) { section.build-stages .step-cards__row::after { display: none; } }
section.build-stages .step-cards__item,
section.build-stages .step-card {
position: relative; z-index: 1;
display: flex; flex-direction: column;
box-sizing: border-box;
background: linear-gradient(135deg, rgba(255,252,245,0.97) 0%, rgba(245,235,215,0.93) 100%);
border: 1px solid rgba(166,124,58,0.26);
border-radius: var(--r-card);
box-shadow: 0 12px 30px rgba(120,90,50,0.10), 0 3px 10px rgba(120,90,50,0.05), inset 0 1px 0 rgba(255,255,255,0.5);
padding: 22px 24px 28px 22px;
overflow: visible;
transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), border-color 0.35s var(--ease);
}
section.build-stages .step-cards__item:hover {
transform: translateY(-5px);
border-color: rgba(166,124,58,0.5);
box-shadow: 0 22px 48px rgba(120,90,50,0.16), 0 0 0 1px rgba(212,173,110,0.28), inset 0 1px 0 rgba(255,255,255,0.5);
}
section.build-stages .step-cards__item::after {
content: ''; position: absolute; top: 24px; left: -28px;
width: 78px; height: 36px; transform: translateX(-50%);
background: url('data:image/svg+xml,<svg width="82" height="38" viewBox="0 0 82 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Arrow 3" d="M78.7055 13.4017L78.0364 14.1449L78.7055 13.4017ZM80.4016 15.8799C80.9531 15.8509 81.3767 15.3803 81.3478 14.8288L80.8755 5.8412C80.8466 5.28967 80.376 4.86607 79.8244 4.89504C79.2729 4.92402 78.8493 5.39461 78.8783 5.94614L79.2981 13.9351L71.3091 14.3549C70.7575 14.3838 70.3339 14.8544 70.3629 15.406C70.3919 15.9575 70.8625 16.3811 71.414 16.3521L80.4016 15.8799ZM78.0364 14.1449L79.6801 15.6245L81.0182 14.138L79.3745 12.6585L78.0364 14.1449ZM2.14474 37.6256C10.3937 3.59041 52.008 -9.28493 78.0364 14.1449L79.3745 12.6585C52.2206 -11.7846 8.80665 1.64753 0.201017 37.1545L2.14474 37.6256Z" fill="%23c9ad74"/></svg>') no-repeat; background-size: 100% 100%;
pointer-events: none; z-index: 3;
}
section.build-stages .step-cards__row .step-cards__item:first-child::after { display: none; }
@media (max-width: 1080px) { section.build-stages .step-cards__item::after { display: none; } }
section.build-stages .step-card__header {
display: grid; grid-template-columns: minmax(0,100px) minmax(0,1fr);
align-items: flex-end; gap: 0; margin: 0 0 16px; padding: 0; background: none;
}
section.build-stages .step-card__preview {
display: block; box-sizing: border-box; padding: 0;
border-radius: 50%; border: 5px solid #fff;
box-shadow: 0 0 0 1px rgba(193,154,91,0.4), 0 6px 16px rgba(60,40,20,0.14);
overflow: hidden; aspect-ratio: 1/1; background: var(--c-cream-2);
}
section.build-stages .step-card__image {
display: block; width: 100%; height: 100%; aspect-ratio: 1/1;
object-fit: cover; object-position: center; border-radius: 50%; margin: 0;
transition: transform 0.45s var(--ease);
}
section.build-stages .step-card:hover .step-card__image { transform: scale(1.1); }
section.build-stages .step-card__heading {
display: block; background: linear-gradient(135deg, rgba(255,252,245,0.97), rgba(245,235,215,0.93));
transform: translateX(-22px); padding: 0 0 4px 16px; white-space: nowrap; margin: 0;
}
section.build-stages .step-card__num {
display: inline; font-family: var(--font-display);
font-size: 66px; font-weight: 800; line-height: 1; letter-spacing: -0.02em;
color: rgba(166,124,58,0.22); -webkit-text-fill-color: rgba(166,124,58,0.22);
background: none; text-shadow: none; margin: 0; text-transform: uppercase;
}
section.build-stages .step-card__label {
display: block; font-family: var(--font-ui);
font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--c-gold-dark); margin: 0;
}
section.build-stages .step-cards__item::before,
section.build-stages .step-card::before { content: none !important; }
section.build-stages .step-card__body { flex: 1; background: none; padding: 0; margin: 0; }
section.build-stages .step-card__title {
display: block; background: none; transform: none; white-space: normal;
font-family: var(--font-ui); font-size: 13px; font-weight: 700;
letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.32;
color: var(--c-ink); margin: 0 0 12px;
}
section.build-stages .step-card__desc {
display: block; font-family: var(--font-ui); font-size: 13.5px; font-weight: 400;
line-height: 1.55; letter-spacing: 0; color: var(--c-ink-2);
}
section.build-stages .step-cards__item--bigger {
grid-column: span 2;
display: grid; grid-template-columns: minmax(0,44fr) minmax(0,56fr);
align-items: stretch; gap: 0;
min-height: 230px;
background: linear-gradient(135deg, var(--c-cream-card) 0%, var(--c-cream-panel) 100%);
border: 1px solid rgba(193,154,91,0.42); border-top: 2px solid var(--c-gold);
box-shadow: 0 18px 46px rgba(60,40,20,0.15), 0 5px 14px rgba(166,124,58,0.10);
padding: 26px 0 26px 30px; overflow: visible;
}
section.build-stages .step-cards__item--bigger .step-card__content {
display: flex; flex-direction: column; justify-content: center;
position: relative; z-index: 2;
margin-right: -38px;
padding: 24px 26px;
background: rgba(255, 253, 248, 0.74);
-webkit-backdrop-filter: blur(7px) saturate(1.1);
backdrop-filter: blur(7px) saturate(1.1);
border: 1px solid rgba(193, 154, 91, 0.22);
border-radius: 14px;
box-shadow: 0 10px 28px rgba(60, 40, 20, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
section.build-stages .step-cards__item--bigger .step-card__header,
section.build-stages .step-cards__item--bigger .step-card__content .step-card__preview { display: none; }
section.build-stages .step-cards__item--bigger .step-card__title {
color: var(--c-gold-dark); font-size: 20px; font-weight: 800;
letter-spacing: 0.02em; text-transform: uppercase; line-height: 1.15; margin: 0 0 12px;
}
section.build-stages .step-cards__item--bigger::after {
background: url('data:image/svg+xml,<svg width="138" height="52" viewBox="0 0 138 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Arrow 1" d="M133.459 28.7519L134.218 28.1014L134.218 28.1014L133.459 28.7519ZM135.748 32.5113C136.298 32.5538 136.779 32.1419 136.822 31.5913L137.515 22.618C137.557 22.0674 137.145 21.5865 136.595 21.544C136.044 21.5015 135.563 21.9134 135.521 22.464L134.905 30.4402L126.928 29.8242C126.378 29.7816 125.897 30.1935 125.854 30.7442C125.812 31.2948 126.224 31.7757 126.774 31.8182L135.748 32.5113ZM132.699 29.4025L135.065 32.1648L136.584 30.8637L134.218 28.1014L132.699 29.4025ZM2.84196 51.757C23.7042 -2.45507 94.9099 -14.7129 132.699 29.4025L134.218 28.1014C95.4436 -17.1641 22.3816 -4.58673 0.9754 51.0387L2.84196 51.757Z" fill="%23c19a5b"/></svg>') no-repeat; background-size: 100% 100%;
width: 78px; height: 60px; left: -30px; top: -16px; transform: translateX(-50%);
}
section.build-stages .step-cards__item--bigger .step-card__bg {
display: block; position: relative; align-self: stretch;
height: 100%; width: 116%; overflow: hidden;
background: url('../assets/build-stages/step-7-welcome.webp') center/cover no-repeat;
border-radius: 0 var(--r-card) var(--r-card) 0;
}
section.build-stages .step-card__bg-image { display: none; }
@media (max-width: 1366px) { section.build-stages .step-cards__item--bigger .step-card__bg { width: 110%; } }
@media (min-width: 1081px) {
section.build-stages .step-cards__item--minimal { grid-column: span 1; display: flex; }
section.build-stages .step-cards__item--minimal .step-card__bg { display: none; }
}
@media (max-width: 1080px) {
section.build-stages .step-cards__row { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; padding: 10px 0; }
section.build-stages .step-cards__item--bigger { grid-column: span 2; grid-template-columns: minmax(0,1fr); }
section.build-stages .step-card__bg { display: none; }
}
@media (max-width: 600px) {
section.build-stages .step-cards__row { grid-template-columns: minmax(0,1fr); gap: 18px; }
section.build-stages .step-cards__item--bigger { grid-column: span 1; }
section.build-stages .step-card__num { font-size: 56px; }
}
section.our-works [class*="card"] *,
section.realty-tour [class*="container-card"] *,
section.mortgage-calling [class*="mortgage-calling__"],
.cbform [class*="container-card"] *,
section.block-with-video [class*="block-with-video__"] {
border-width: 0; border-style: none; outline-width: 0;
}
section.our-works .item,
section.our-works > .container > div > .item { border: 1px solid rgba(193,154,91,0.22); }
.about-company {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
background-size: 26px 26px, auto;
padding: 100px 0;
}
.about-company .section-title,
.about-company h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 300;
letter-spacing: -0.02em;
color: #1a1410;
text-align: center;
margin-bottom: 56px;
}
.about-company .section-title i,
.about-company h2 i {
font-style: normal;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.about-company .stat-item,
.about-company .item {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 100%);
backdrop-filter: blur(20px) saturate(1.3);
-webkit-backdrop-filter: blur(20px) saturate(1.3);
border: 1px solid rgba(166, 124, 58, 0.28);
border-top: 2px solid #a67c3a;
border-radius: 12px;
padding: 28px 24px;
text-align: center;
box-shadow:
0 8px 24px rgba(120, 90, 50, 0.10),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
transition: all 0.4s ease;
}
.about-company .stat-item:hover,
.about-company .item:hover {
transform: translateY(-4px);
box-shadow:
0 16px 40px rgba(120, 90, 50, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
}
.about-company .num,
.about-company [class*="num"] {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 44px;
font-weight: 700;
color: #a67c3a;
letter-spacing: -0.04em;
display: block;
margin-bottom: 6px;
line-height: 1;
}
.block-with-video {
background:
radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
linear-gradient(180deg, #1a1410 0%, #14100d 100%);
background-size: 28px 28px, auto;
padding: 100px 0;
}
.block-with-video h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 300;
text-align: center;
margin-bottom: 48px;
color: #f3ecdc;
}
.block-with-video h2 i {
font-style: normal;
background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.block-with-video-media,
.block-with-video video,
.block-with-video iframe,
.block-with-video .video-wrapper {
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(193, 154, 91, 0.30);
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.18),
0 24px 60px rgba(0, 0, 0, 0.50);
}
.cert-container {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%);
background-size: 24px 24px, auto;
padding: 80px 0;
}
.our-works {
background:
radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
radial-gradient(ellipse 60% 40% at 50% 100%, rgba(193, 154, 91, 0.10), transparent 70%),
linear-gradient(180deg, #14100d 0%, #1a1410 100%);
background-size: 28px 28px, auto, auto;
padding: 100px 0;
position: relative;
overflow: hidden;
}
.our-works .section-title,
.our-works h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 300;
letter-spacing: -0.02em;
text-align: center;
margin-bottom: 48px;
color: #f3ecdc;
}
.our-works .section-title i,
.our-works h2 i {
font-style: normal;
background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.our-works .item,
.our-works .card,
.our-works [class*="card"]:not(.section-title):not(h2),
.our-works .swiper-slide > * {
background:
linear-gradient(135deg, rgba(212, 173, 110, 0.05) 0%, rgba(20, 16, 13, 0.65) 100%);
backdrop-filter: blur(20px) saturate(1.3);
-webkit-backdrop-filter: blur(20px) saturate(1.3);
border: 1px solid rgba(193, 154, 91, 0.28);
border-top: 2px solid #c19a5b;
border-radius: 12px;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.our-works .item:hover,
.our-works .card:hover,
.our-works .swiper-slide > *:hover {
transform: translateY(-6px);
border-color: rgba(212, 173, 110, 0.55);
box-shadow:
0 0 32px rgba(193, 154, 91, 0.22),
0 24px 48px rgba(0, 0, 0, 0.50);
}
section.mortgage-calling {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%);
background-size: 24px 24px, auto;
padding: 80px 0;
}
.mortgage-calling__content h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(24px, 3.5vw, 38px);
font-weight: 300;
color: #f3ecdc;
letter-spacing: -0.02em;
}
.mortgage-calling__content h2 i {
font-style: normal;
background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.our-works .swiper-pagination,
.our-works .swiper-pagination-bullets {
display: none;
}
.our-works .swiper {
position: relative;
padding-bottom: 0;
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
.our-works .swiper-wrapper {
cursor: grab;
}
.our-works .swiper-wrapper:active {
cursor: grabbing;
}
.our-works::after {
content: '';
position: absolute;
bottom: 56px;
left: 50%;
transform: translateX(-50%);
width: 320px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.30) 25%, rgba(212, 173, 110, 0.30) 75%, transparent 100%);
border-radius: 2px;
pointer-events: none;
z-index: 5;
}
section.build-stages,
.our-works,
.block-with-video,
section.realty-tour,
.mortgage-calling__inner {
position: relative;
}
div#cbform-get-catalog,
div#cbform-catalog,
section#cbform-get-catalog,
section#cbform-catalog,
div#cbform-catalog,
section#cbform-catalog,
div#cbform-architect,
section#cbform-architect,
#cbform-get-catalog,
#cbform-catalog,
#cbform-catalog,
#cbform-architect,
#cbform-sample,
#cbform-viewing,
.cbform-get-catalog,
.cbform-architect,
.cbform-sample,
.cbform-viewing,
.cbform:not(#catalog),
.about-company,
#about-company,
.discount-calculator,
.cert-container,
.mortgage-calling,
section.mortgage-calling,
.block-text,
section.block-text,
.seo-section,
section.seo-section,
.seo-section--alt,
section.seo-section--alt,
.seo-cta,
section.seo-cta,
.seo-team-block,
section.seo-team-block,
.geo-work-section,
section.geo-work-section,
.catalog.block-padding:not(#catalog) {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
background-size: 24px 24px, auto, auto;
background-color: #ebe1cd;
position: relative;
}
.block-with-video,
section.block-with-video,
.rate-quality,
section.rate-quality,
.rite-quality,
section.rite-quality,
.step2,
section.step2,
.step2-block,
.white-box,
section.white-box,
#white-box-default,
div#white-box-default,
.white-box-default,
section.white-box-default,
.complectations-block,
section.complectations-block,
.object-tour,
section.object-tour,
.seo-hero,
section.seo-hero,
.video-section,
section.video-section {
background:
radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
radial-gradient(ellipse 70% 50% at 20% 30%, rgba(193, 154, 91, 0.10) 0%, transparent 60%),
linear-gradient(180deg, #14100d 0%, #1a1410 100%);
background-size: 28px 28px, auto, auto;
background-color: #14100d;
position: relative;
}
section.build-stages h2 i,
section.build-stages h2 b,
section.our-works h2 i,
section.our-works h2 b,
section.block-with-video h2 i,
section.block-with-video h2 b,
section.realty-tour h2 i,
section.realty-tour h2 b,
.build-stages .section-title i,
.build-stages .section-title b,
.our-works .section-title i,
.our-works .section-title b,
.block-with-video .section-title i,
.block-with-video .section-title b,
.realty-tour .section-title i,
.realty-tour .section-title b {
background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
section.about-company h2 i,
section.about-company h2 b,
section.cert-container h2 i,
section.cert-container h2 b,
section.object-map h2 i,
section.object-map h2 b,
section.discount-calculator h2 i,
section.discount-calculator h2 b,
section.cbform h2 i,
section.cbform h2 b,
section.mortgage-calling .section-title i,
section.mortgage-calling .section-title b {
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
section.realty-tour .breadcrumbs,
section.our-works .breadcrumbs,
section.build-stages .breadcrumbs,
section.block-with-video .breadcrumbs {
color: rgba(243, 236, 220, 0.55);
}
@media (max-width: 768px) {
section.realty-tour .container-card,
.mortgage-calling__inner,
.cbform__inner {
padding: 24px;
}
}
section.cbform-get-catalog > *,
section.cbform-architect > *,
section.cbform-sample > *,
section.cbform-viewing > *,
section.about-company > *,
section.discount-calculator > *,
section.cert-container > *,
section.object-map > *,
section.mortgage-calling > *,
section.block-text > *,
section.build-stages > *,
section.realty-tour > *,
.our-works > *,
.block-with-video > * {
position: relative;
z-index: 1;
}
body.scandi-no-hero section:not([id]):not([class*="top"]):not([class*="footer"]):not(.realty-tour):not(.our-works):not(.build-stages):not(.block-with-video):not(.rate-quality):not(.video-section):not([class*="seo-hero"]):not([class*="step2"]):not([class*="step-"]) {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.92) 0%, rgba(245, 235, 215, 0.85) 100%);
backdrop-filter: blur(12px) saturate(1.2);
-webkit-backdrop-filter: blur(12px) saturate(1.2);
border: 1px solid rgba(166, 124, 58, 0.22);
border-top: 2px solid #a67c3a;
border-radius: 14px;
padding: 28px 32px;
margin: 0 auto 16px;
max-width: 1200px;
box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}
body.scandi-no-hero section h2:not(.scandi-works__title):not(.scandi-whitebox__title):not(.scandi-mortgage__title):not(.scandi-abt-title),
body.scandi-no-hero section h3:not(.scandi-works__title):not(.scandi-whitebox__title):not(.scandi-mortgage__title):not(.scandi-abt-title) {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(20px, 2.4vw, 26px);
font-weight: 600;
letter-spacing: -0.01em;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin-bottom: 12px;
}
section.build-stages > .container::before,
section.our-works > .container::before,
section.about-company > .container::before,
section.realty-tour > .container::before,
section.block-with-video > .container::before {
content: '';
display: block;
width: 60px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
margin: 0 auto 32px;
}
section.build-stages .container,
section.our-works .container,
section.about-company .container,
section.block-with-video .container,
section.realty-tour .container,
section.cert-container .container,
section.object-map .container,
section.mortgage-calling .container,
section.discount-calculator .container,
section.cbform .container,
section.cbform-architect .container,
section.cbform-sample .container,
section.cbform-viewing .container,
section.block-text .container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
section.build-stages p,
section.our-works p,
section.block-with-video p,
section.realty-tour p,
section.rate-quality p {
color: #c4b89f;
-webkit-text-fill-color: #c4b89f;
line-height: 1.65;
}
section.build-stages .section-title::after,
section.our-works .section-title::after,
section.about-company .section-title::after,
section.block-with-video .section-title::after,
section.cert-container .section-title::after,
section.realty-tour .section-title::after {
content: '';
display: block;
width: 80px;
height: 2px;
background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 100%);
margin: 18px auto 0;
border-radius: 2px;
}
section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
section.realty-tour .breadcrumbs a,
section.our-works .breadcrumbs a,
section.build-stages .breadcrumbs a,
section.block-with-video .breadcrumbs a {
color: rgba(243, 236, 220, 0.75);
-webkit-text-fill-color: rgba(243, 236, 220, 0.75);
}
section.build-stages table td,
section.our-works table td,
section.block-with-video table td {
color: #c4b89f;
}
.mortgage-calling .scandi-mortgage,
div.mortgage-calling .scandi-mortgage {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 0;
background: #14100d;
background-color: #14100d;
background-image: none;
border: 1px solid rgba(212, 173, 110, 0.35);
border-top: 2px solid #c19a5b;
border-radius: 18px;
overflow: hidden;
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.10),
0 32px 80px rgba(0, 0, 0, 0.45);
position: relative;
isolation: isolate;
max-width: 1280px;
margin: 0 auto;
}
@media (max-width: 991px) {
.mortgage-calling .scandi-mortgage {
grid-template-columns: 1fr;
}
}
.mortgage-calling .scandi-mortgage__media,
div.mortgage-calling .scandi-mortgage .scandi-mortgage__media {
position: relative;
overflow: hidden;
min-height: 460px;
height: 100%;
aspect-ratio: auto;
background-color: #1a1410;
background-image: url('/wp-content/themes/karkasnye-doma-redesign/assets/mortgage/hero-family.webp');
background-size: cover;
background-position: center 70%;
background-repeat: no-repeat;
isolation: isolate;
display: block;
}
.mortgage-calling .scandi-mortgage__media > img,
div.mortgage-calling .scandi-mortgage .scandi-mortgage__media > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
object-fit: cover;
object-position: center center;
display: block;
filter: none;
opacity: 1;
visibility: visible;
z-index: 1;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
min-width: 100%;
min-height: 100%;
background: transparent;
}
.mortgage-calling .scandi-mortgage__media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, transparent 65%, rgba(20, 16, 13, 0.55) 100%);
pointer-events: none;
z-index: 2;
}
@media (max-width: 991px) {
.mortgage-calling .scandi-mortgage__media::after {
background: linear-gradient(180deg, transparent 0%, transparent 40%, rgba(20, 16, 13, 0.85) 100%);
}
}
.mortgage-calling .scandi-mortgage__body {
padding: 56px 56px 48px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
position: relative;
z-index: 2;
background:
radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%);
}
@media (max-width: 768px) {
.mortgage-calling .scandi-mortgage__body {
padding: 36px 28px;
}
}
.mortgage-calling .scandi-mortgage__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
margin: 0;
display: flex;
align-items: center;
gap: 12px;
}
.mortgage-calling .scandi-mortgage__eyebrow::before {
content: '';
width: 32px;
height: 1px;
background: linear-gradient(90deg, #c19a5b, transparent);
}
.mortgage-calling .scandi-mortgage__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 300;
letter-spacing: -0.02em;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
margin: 0;
line-height: 1.15;
}
.mortgage-calling .scandi-mortgage__title b,
.mortgage-calling .scandi-mortgage__title strong {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.mortgage-calling .scandi-mortgage__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 15px;
line-height: 1.65;
color: #c4b89f;
-webkit-text-fill-color: #c4b89f;
margin: 0;
max-width: 480px;
}
.mortgage-calling .scandi-mortgage__list {
list-style: none;
padding: 0;
margin: 4px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 20px;
}
@media (max-width: 600px) {
.mortgage-calling .scandi-mortgage__list {
grid-template-columns: 1fr;
}
}
.mortgage-calling .scandi-mortgage__list li {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.45;
color: #d8cfba;
-webkit-text-fill-color: #d8cfba;
padding: 0 0 0 28px;
position: relative;
margin: 0;
}
.mortgage-calling .scandi-mortgage__list li::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 18px;
height: 18px;
border-radius: 50%;
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
box-shadow: 0 2px 6px rgba(193, 154, 91, 0.40);
}
.mortgage-calling .scandi-mortgage__list li::after {
content: '';
position: absolute;
left: 5px;
top: 10px;
width: 8px;
height: 4px;
border-left: 2px solid #14100d;
border-bottom: 2px solid #14100d;
transform: rotate(-45deg);
}
.mortgage-calling .scandi-mortgage__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
align-self: flex-start;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
color: #14100d;
-webkit-text-fill-color: #14100d;
border: 1px solid transparent;
border-radius: 999px;
padding: 13px 22px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.10em;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
cursor: pointer;
transition: all 0.22s cubic-bezier(.22,1,.36,1);
margin-top: 8px;
}
.mortgage-calling .scandi-mortgage__cta:hover {
transform: translateY(-2px);
box-shadow:
0 12px 32px rgba(193, 154, 91, 0.55),
inset 0 -2px 4px rgba(20, 16, 13, 0.10);
filter: brightness(1.06);
}
.mortgage-calling .scandi-mortgage__cta::after {
content: '→';
font-size: 16px;
font-weight: 400;
transition: transform 0.4s ease;
}
.mortgage-calling .scandi-mortgage__cta:hover::after {
transform: translateX(4px);
}
.mortgage-calling .scandi-mortgage__note {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.04em;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin: 0;
padding-top: 12px;
border-top: 1px solid rgba(193, 154, 91, 0.22);
line-height: 1.5;
}
.mortgage-calling .mortgage-calling__inner.container-card,
div.mortgage-calling .container-card.mortgage-calling__inner {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 0;
padding: 0;
border: 1px solid rgba(212, 173, 110, 0.35);
border-top: 2px solid #c19a5b;
border-radius: 18px;
overflow: hidden;
background: #14100d;
background-image: none;
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.10),
0 32px 80px rgba(0, 0, 0, 0.45);
position: relative;
isolation: isolate;
max-width: 1280px;
margin: 0 auto;
min-height: 460px;
}
@media (max-width: 991px) {
.mortgage-calling .mortgage-calling__inner.container-card,
div.mortgage-calling .container-card.mortgage-calling__inner {
grid-template-columns: 1fr;
}
}
.mortgage-calling .mortgage-calling__preview {
display: block;
visibility: visible;
opacity: 1;
position: relative;
width: auto;
height: 100%;
min-height: 460px;
overflow: hidden;
background: #1a1410;
margin: 0;
padding: 0;
order: 1;
}
.mortgage-calling .mortgage-calling__preview .mortgage-calling__image,
.mortgage-calling img.mortgage-calling__image,
section.mortgage-calling .mortgage-calling__image {
display: block;
visibility: visible;
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
object-fit: cover;
object-position: center 70%;
filter: none;
z-index: 1;
transform: none;
-webkit-transform: none;
animation: none;
-webkit-animation: none;
transition: none;
margin: 0;
padding: 0;
}
.mortgage-calling .mortgage-calling__content {
display: flex;
visibility: visible;
opacity: 1;
flex-direction: column;
justify-content: center;
gap: 24px;
padding: 56px;
background:
radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%);
position: relative;
z-index: 2;
order: 2;
width: auto;
height: auto;
}
@media (max-width: 768px) {
.mortgage-calling .mortgage-calling__content {
padding: 36px 28px;
}
}
.mortgage-calling .scandi-mortgage__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
margin: 0;
display: flex;
align-items: center;
gap: 12px;
}
.mortgage-calling .scandi-mortgage__eyebrow::before {
content: '';
width: 32px;
height: 1px;
background: linear-gradient(90deg, #c19a5b, transparent);
}
.mortgage-calling .scandi-mortgage__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 300;
letter-spacing: -0.02em;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
margin: 0;
line-height: 1.15;
font-style: normal;
background: none;
text-shadow: none;
padding: 0;
border: 0;
}
.mortgage-calling .scandi-mortgage__title b,
.mortgage-calling .scandi-mortgage__title strong {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.mortgage-calling .scandi-mortgage__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 15px;
line-height: 1.65;
color: #c4b89f;
-webkit-text-fill-color: #c4b89f;
margin: 0;
max-width: 480px;
}
.mortgage-calling .scandi-mortgage__list {
list-style: none;
padding: 0;
margin: 4px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 20px;
}
@media (max-width: 600px) {
.mortgage-calling .scandi-mortgage__list {
grid-template-columns: 1fr;
}
}
.mortgage-calling .scandi-mortgage__list li {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.45;
color: #d8cfba;
-webkit-text-fill-color: #d8cfba;
padding: 0 0 0 28px;
position: relative;
margin: 0;
}
.mortgage-calling .scandi-mortgage__list li::before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 18px;
height: 18px;
border-radius: 50%;
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
box-shadow: 0 2px 6px rgba(193, 154, 91, 0.40);
}
.mortgage-calling .scandi-mortgage__list li::after {
content: '';
position: absolute;
left: 5px;
top: 8px;
width: 8px;
height: 4px;
border-left: 2px solid #14100d;
border-bottom: 2px solid #14100d;
transform: rotate(-45deg);
}
.mortgage-calling .scandi-mortgage__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
align-self: flex-start;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
color: #14100d;
-webkit-text-fill-color: #14100d;
border: 1px solid transparent;
border-radius: 999px;
padding: 13px 22px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.10em;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
cursor: pointer;
transition: all 0.22s cubic-bezier(.22,1,.36,1);
margin-top: 8px;
}
.mortgage-calling .scandi-mortgage__cta::after {
content: '→';
font-size: 16px;
font-weight: 400;
transition: transform 0.4s ease;
}
.mortgage-calling .scandi-mortgage__cta:hover {
transform: translateY(-2px);
box-shadow:
0 12px 32px rgba(193, 154, 91, 0.55),
inset 0 -2px 4px rgba(20, 16, 13, 0.10);
filter: brightness(1.06);
}
.mortgage-calling .scandi-mortgage__cta:hover::after {
transform: translateX(4px);
}
.mortgage-calling .scandi-mortgage__note {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin: 0;
padding-top: 12px;
border-top: 1px solid rgba(193, 154, 91, 0.22);
line-height: 1.5;
}
.about-company {
padding: 100px 0 60px;
position: relative;
}
.about-company::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(180deg, transparent 0%, rgba(247, 241, 230, 0.55) 60%, rgba(247, 241, 230, 0.85) 100%);
pointer-events: none;
z-index: 1;
}
.about-company > * {
position: relative;
z-index: 2;
}
section.cert-container,
.cert-container {
margin-top: -40px;
padding-top: 80px;
}
.scandi-faq ~ section.cert-container,
.scandi-faq ~ .cert-container,
.catalog-faq ~ section.cert-container,
.catalog-faq ~ .cert-container {
margin-top: 0;
}
.about-company .scandi-about {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
display: grid;
gap: 36px;
}
.about-company .scandi-divider {
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(193, 154, 91, 0.40) 30%, rgba(193, 154, 91, 0.55) 50%, rgba(193, 154, 91, 0.40) 70%, transparent 100%);
margin: 0 auto;
width: 100%;
max-width: 720px;
position: relative;
}
.about-company .scandi-divider::before {
content: '◆';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #f7f1e6;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
font-size: 8px;
padding: 0 16px;
letter-spacing: 0.4em;
line-height: 1;
}
.about-company .scandi-about__hero {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 56px;
align-items: end;
}
@media (max-width: 991px) {
.about-company .scandi-about__hero {
grid-template-columns: 1fr;
gap: 28px;
}
}
.about-company .scandi-about__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 14px;
display: flex;
align-items: center;
gap: 12px;
}
.about-company .scandi-about__eyebrow::before {
content: '';
width: 36px;
height: 1px;
background: linear-gradient(90deg, #a67c3a, transparent);
}
.about-company .scandi-about__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(34px, 5vw, 64px);
font-weight: 300;
letter-spacing: -0.02em;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0;
line-height: 1.05;
}
.about-company .scandi-about__title b {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-about__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(15px, 1.3vw, 17px);
line-height: 1.7;
color: #4a4035;
-webkit-text-fill-color: #4a4035;
margin: 0;
}
.about-company .scandi-about__stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
border: 1px solid rgba(166, 124, 58, 0.28);
border-top: 2px solid #a67c3a;
border-radius: 16px;
overflow: hidden;
box-shadow:
0 12px 36px rgba(120, 90, 50, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
}
@media (max-width: 991px) {
.about-company .scandi-about__stats {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.about-company .scandi-about__stats {
grid-template-columns: 1fr;
}
}
.about-company .scandi-about__stat {
padding: 36px 28px;
border-right: 1px solid rgba(166, 124, 58, 0.18);
position: relative;
}
@media (max-width: 991px) {
.about-company .scandi-about__stat:nth-child(2n) {
border-right: 0;
}
.about-company .scandi-about__stat:nth-child(-n+2) {
border-bottom: 1px solid rgba(166, 124, 58, 0.18);
}
}
.about-company .scandi-about__stat:last-child {
border-right: 0;
}
.about-company .scandi-about__stat-num {
display: block;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(36px, 4vw, 56px);
font-weight: 700;
letter-spacing: -0.04em;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
line-height: 1;
margin: 0 0 10px;
}
.about-company .scandi-about__stat-label {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 500;
color: #574a39;
-webkit-text-fill-color: #574a39;
line-height: 1.5;
margin: 0;
}
.about-company .scandi-team {
position: relative;
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
border: 1px solid rgba(166, 124, 58, 0.28);
border-top: 2px solid #a67c3a;
border-radius: 16px;
box-shadow:
0 12px 36px rgba(120, 90, 50, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
padding: 48px 56px;
overflow: hidden;
}
@media (max-width: 768px) {
.about-company .scandi-team {
padding: 32px 24px;
}
}
.about-company .scandi-team__head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-bottom: 32px;
flex-wrap: wrap;
}
.about-company .scandi-team__intro {
display: flex;
align-items: center;
gap: 24px;
flex: 1 1 auto;
min-width: 0;
}
.our-works {
padding: 70px 0 40px;
margin-top: -40px;
position: relative;
color: #d8cfba;
background:
radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
radial-gradient(circle at 15% 30%, rgba(212, 173, 110, 0.08) 0%, transparent 25%),
radial-gradient(circle at 85% 70%, rgba(212, 173, 110, 0.08) 0%, transparent 25%),
linear-gradient(180deg,
#f7f1e6 0%,
#ebe1cd 8%,
#c9b894 22%,
#6c5238 45%,
#3a2a1c 70%,
#2a1f17 100%);
background-size: 24px 24px, auto, auto, auto;
}
.our-works::before {
content: '';
position: absolute;
inset: 0;
background-image:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 600' preserveAspectRatio='xMidYMax slice'><g fill='none' stroke='%237d5a2c' stroke-width='1.2' stroke-opacity='0.15'><path d='M0 580 L120 380 L210 460 L320 280 L470 440 L580 360 L720 500 L860 320 L1000 460 L1130 280 L1250 420 L1400 260 L1520 400 L1600 360'/><path d='M0 520 L100 440 L240 340 L380 460 L500 400 L620 480 L780 360 L920 470 L1060 380 L1200 470 L1320 360 L1460 470 L1600 420'/></g></svg>"),
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><g fill='none' stroke='%23c19a5b' stroke-width='0.8' stroke-opacity='0.10'><circle cx='160' cy='160' r='60'/><circle cx='160' cy='160' r='110'/><circle cx='160' cy='160' r='150'/><line x1='160' y1='8' x2='160' y2='312'/><line x1='8' y1='160' x2='312' y2='160'/><line x1='40' y1='40' x2='280' y2='280' stroke-dasharray='4 6'/></g></svg>");
background-repeat: no-repeat, repeat;
background-size: 100% 50%, 320px 320px;
background-position: center bottom, 0 0;
pointer-events: none;
z-index: 0;
opacity: 0.85;
}
.our-works > * {
position: relative;
z-index: 2;
}
.our-works::after {
display: none;
}
.our-works .swiper-container,
.our-works > .swiper,
.our-works > .container > .b-title.light.align-center,
.our-works .b-title.light.align-center,
.our-works .slider-arrows,
.our-works .slider-arrows-wrapper,
.our-works .slider-arrow,
.our-works .slider-arrow-prev,
.our-works .slider-arrow-next {
display: none;
}
.scandi-works {
max-width: 1440px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
}
.our-works .scandi-works__head {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
gap: clamp(28px, 4vw, 64px);
align-items: end;
text-align: left;
max-width: none;
margin: 0 0 clamp(40px, 4.5vw, 64px);
}
.our-works .scandi-works__head-main {
min-width: 0;
}
.our-works .scandi-works__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 20px;
display: flex;
align-items: center;
gap: 14px;
}
.our-works .scandi-works__eyebrow::before {
content: '';
width: 44px;
height: 1px;
background: linear-gradient(90deg, #a67c3a, transparent);
flex: none;
}
.our-works .scandi-works__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(30px, 3.6vw, 50px);
font-weight: 300;
letter-spacing: -0.02em;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0;
line-height: 1.04;
}
.our-works .scandi-works__title b {
font-style: normal;
font-weight: 500;
background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.our-works .scandi-works__head-aside {
padding-bottom: 8px;
border-left: 1px solid rgba(166, 124, 58, 0.30);
padding-left: clamp(20px, 2vw, 32px);
}
.our-works .scandi-works__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(15px, 1.25vw, 18px);
line-height: 1.6;
font-weight: 400;
color: #5a4d3a;
-webkit-text-fill-color: #5a4d3a;
margin: 0;
}
.our-works .scandi-works__lead-num {
display: block;
font-size: clamp(32px, 3vw, 46px);
font-weight: 700;
line-height: 1;
letter-spacing: -0.02em;
margin-bottom: 10px;
background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
@media (max-width: 860px) {
.our-works .scandi-works__head {
grid-template-columns: 1fr;
gap: 22px;
align-items: start;
}
.our-works .scandi-works__head-aside {
border-left: 0;
border-top: 1px solid rgba(166, 124, 58, 0.30);
padding-left: 0;
padding-top: 20px;
}
.our-works .scandi-works__lead-num {
display: inline-block;
font-size: 34px;
margin: 0 10px 0 0;
vertical-align: -2px;
}
}
.scandi-works__viewport {
position: relative;
width: 100%;
max-width: 1320px;
margin: 0 auto;
background:
radial-gradient(circle at 12% 18%, rgba(193, 154, 91, 0.10), transparent 55%),
radial-gradient(circle at 88% 88%, rgba(212, 173, 110, 0.06), transparent 55%),
linear-gradient(135deg, #1f1612 0%, #1a1310 50%, #14100d 100%);
border: 1px solid rgba(193, 154, 91, 0.22);
border-top: 1px solid rgba(193, 154, 91, 0.45);
border-bottom: 1px solid rgba(193, 154, 91, 0.45);
border-radius: 4px;
box-shadow:
0 0 0 1px rgba(255, 252, 245, 0.04),
0 32px 80px rgba(0, 0, 0, 0.50),
0 12px 28px rgba(0, 0, 0, 0.32);
overflow: hidden;
isolation: isolate;
}
.scandi-works__viewport::before,
.scandi-works__viewport::after {
content: '';
position: absolute;
width: 28px;
height: 28px;
pointer-events: none;
z-index: 5;
border: 1px solid #c19a5b;
}
.scandi-works__viewport::before {
top: 14px;
left: 14px;
border-right: 0;
border-bottom: 0;
}
.scandi-works__viewport::after {
bottom: 14px;
right: 14px;
border-left: 0;
border-top: 0;
}
.scandi-works__viewport > .scandi-works__seam,
.scandi-works__viewport > .scandi-works__corner,
.scandi-works__viewport > .scandi-works__page {
display: none;
}
.scandi-works__track {
position: relative;
display: block;
width: 100%;
min-height: 560px;
transform: none;
transform-style: flat;
}
@media (max-width: 1199px) {
.scandi-works__track {
min-height: 600px;
}
}
@media (max-width: 991px) {
.scandi-works__track {
min-height: 0;
}
}
.scandi-works__slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: grid;
grid-template-columns: 1.55fr 1fr;
gap: 0;
background: transparent;
padding: 0;
align-items: stretch;
min-height: 0;
opacity: 0;
pointer-events: none;
transform: none;
transition: opacity 0.6s ease;
}
.scandi-works__slide.is-active {
position: relative;
inset: auto;
opacity: 1;
pointer-events: auto;
z-index: 2;
}
@media (max-width: 991px) {
.scandi-works__slide {
position: relative;
inset: auto;
grid-template-columns: 1fr;
opacity: 1;
pointer-events: auto;
display: none;
}
.scandi-works__slide.is-active {
display: grid;
}
}
.scandi-works__media {
position: relative;
background: #0e0a08;
display: block;
padding: 0;
overflow: hidden;
border-radius: 0;
box-shadow: none;
min-height: 0;
}
.scandi-works__hero {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
flex: none;
min-height: 0;
overflow: hidden;
background: #0e0a08;
border: 0;
box-shadow: none;
border-radius: 0;
margin: 0;
}
@media (max-width: 991px) {
.scandi-works__media {
aspect-ratio: 16 / 10;
}
.scandi-works__hero {
position: absolute;
inset: 0;
}
}
.scandi-works__hero img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: opacity 0.4s ease;
}
.scandi-works__hero::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, transparent 70%, rgba(20, 16, 13, 0.70) 100%);
pointer-events: none;
}
@media (max-width: 991px) {
.scandi-works__hero::after {
display: none;
}
}
.scandi-works__photo-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(20, 16, 13, 0.65);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border: 1px solid rgba(212, 173, 110, 0.50);
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
font-size: 16px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 5;
transition: all 0.3s ease;
opacity: 0;
padding: 0;
line-height: 1;
}
.scandi-works__hero:hover .scandi-works__photo-nav,
.scandi-works__media:hover .scandi-works__photo-nav {
opacity: 1;
}
.scandi-works__photo-nav:hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
transform: translateY(-50%) scale(1.10);
}
.scandi-works__photo-nav--prev {
left: 14px;
}
.scandi-works__photo-nav--next {
right: 14px;
}
.scandi-works__dots {
position: absolute;
top: 22px;
right: 22px;
left: auto;
bottom: auto;
display: flex;
gap: 6px;
justify-content: flex-end;
align-items: center;
padding: 6px 10px;
background: rgba(20, 16, 13, 0.55);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-radius: 999px;
z-index: 4;
}
.scandi-works__dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(255, 252, 245, 0.40);
border: 0;
padding: 0;
cursor: pointer;
transition: all 0.3s ease;
}
.scandi-works__dot.is-active {
background: #d4ad6e;
width: 22px;
border-radius: 3px;
}
.scandi-works__location {
display: none;
}
.scandi-works__info {
position: relative;
margin: 0;
padding: 34px 40px 34px;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 8px;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
background: transparent;
border-radius: 0;
box-shadow: none;
min-height: 540px;
overflow: visible;
}
.scandi-works__info::after {
display: none;
}
@media (max-width: 1199px) {
.scandi-works__info {
padding: 26px 22px;
gap: 8px;
}
}
@media (max-width: 991px) {
.scandi-works__info {
padding: 28px 22px;
}
}
.scandi-works__num {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(38px, 3.6vw, 54px);
font-weight: 200;
letter-spacing: -0.04em;
line-height: 0.85;
color: transparent;
-webkit-text-fill-color: transparent;
background: linear-gradient(135deg, rgba(255, 230, 180, 0.85), rgba(193, 154, 91, 0.55));
-webkit-background-clip: text;
background-clip: text;
margin: 0 0 2px;
font-feature-settings: 'lnum' 1, 'tnum' 1;
}
.scandi-works__num small {
font-size: 0.32em;
font-weight: 500;
letter-spacing: 0.20em;
color: #a89c8a;
-webkit-text-fill-color: #a89c8a;
background: none;
-webkit-background-clip: initial;
vertical-align: 0.7em;
margin-left: 8px;
}
.scandi-works__kd {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.26em;
text-transform: uppercase;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
margin: 0;
display: flex;
align-items: center;
gap: 12px;
}
.scandi-works__kd::before {
content: '';
width: 22px;
height: 1px;
background: linear-gradient(90deg, transparent, #c19a5b);
}
.scandi-works__kd::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, rgba(193, 154, 91, 0.45), transparent);
}
.scandi-works__name {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(24px, 2.4vw, 30px);
font-weight: 300;
letter-spacing: -0.02em;
line-height: 1.20;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
margin: 0 0 4px;
}
.scandi-works__loc-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.02em;
color: #a89c8a;
-webkit-text-fill-color: #a89c8a;
text-decoration: none;
border: 0;
border-bottom: 1px dashed rgba(193, 154, 91, 0.40);
padding: 4px 0 5px;
margin: 0;
transition: color 0.3s ease, border-color 0.3s ease;
align-self: flex-start;
}
.scandi-works__loc-link:hover {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
border-bottom-color: #d4ad6e;
}
.scandi-works__loc-icon {
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
font-size: 9px;
}
.scandi-works__loc-arrow {
font-size: 11px;
opacity: 0.6;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.scandi-works__loc-link:hover .scandi-works__loc-arrow {
opacity: 1;
transform: translate(2px, -2px);
}
.scandi-works__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 4px 0 8px;
}
.scandi-works__meta-item {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.04em;
color: #c4b89f;
-webkit-text-fill-color: #c4b89f;
background: rgba(193, 154, 91, 0.08);
border: 1px solid rgba(193, 154, 91, 0.30);
padding: 6px 12px;
border-radius: 999px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.scandi-works__meta-item b {
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
font-weight: 700;
}
.scandi-works__included-block {
margin: 2px 0;
}
.scandi-works__included-title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.20em;
text-transform: uppercase;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin: 0 0 8px;
}
.scandi-works__included {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px 18px;
list-style: none;
padding: 0;
margin: 0;
}
@media (max-width: 600px) {
.scandi-works__included {
grid-template-columns: 1fr;
}
}
.scandi-works__included li {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
line-height: 1.45;
color: #c4b89f;
-webkit-text-fill-color: #c4b89f;
padding: 0 0 0 22px;
position: relative;
margin: 0;
}
.scandi-works__included li::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 12px;
height: 6px;
border-left: 1.5px solid #c19a5b;
border-bottom: 1.5px solid #c19a5b;
transform: rotate(-45deg);
}
.scandi-works__palette {
display: flex;
align-items: center;
gap: 8px;
margin-top: 4px;
padding-top: 14px;
border-top: 1px solid rgba(193, 154, 91, 0.18);
}
.scandi-works__swatch {
width: 16px;
height: 16px;
border-radius: 3px;
display: inline-block;
border: 1px solid rgba(255, 252, 245, 0.10);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
flex: 0 0 auto;
}
.scandi-works__palette-label {
margin-left: 4px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #786e60;
-webkit-text-fill-color: #786e60;
}
.scandi-works__ctas {
position: static;
margin: auto 0 0;
padding-top: 18px;
border-top: 1px solid rgba(193, 154, 91, 0.18);
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
max-width: none;
box-sizing: border-box;
}
.scandi-works__ctas .scandi-works__cta {
width: 100%;
justify-content: center;
align-self: stretch;
}
.scandi-works__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
align-self: stretch;
box-sizing: border-box;
max-width: 100%;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%);
color: #14100d;
-webkit-text-fill-color: #14100d;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 999px;
padding: 13px 24px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
text-decoration: none;
margin-top: 0;
transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
box-shadow: 0 8px 22px rgba(193, 154, 91, 0.32);
}
.scandi-works__cta::after {
content: '→';
font-size: 14px;
transition: transform 0.4s ease;
}
.scandi-works__cta:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(193, 154, 91, 0.50);
filter: brightness(1.06);
}
.scandi-works__cta:hover::after {
transform: translateX(4px);
}
.scandi-works__cta--outline {
background: transparent;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
border: 1px solid rgba(212, 173, 110, 0.55);
box-shadow: none;
padding: 12px 22px;
font-size: 11px;
letter-spacing: 0.12em;
font-weight: 600;
text-transform: uppercase;
}
.scandi-works__cta--outline::after {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
.scandi-works__cta--outline:hover {
background: rgba(212, 173, 110, 0.10);
border-color: #d4ad6e;
transform: translateY(-1px);
filter: none;
color: #ffe5b8;
-webkit-text-fill-color: #ffe5b8;
box-shadow: 0 6px 18px rgba(193, 154, 91, 0.20);
}
.scandi-works__hero-badge {
position: absolute;
left: 22px;
bottom: 22px;
z-index: 6;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 10px 16px 10px 14px;
background: rgba(20, 16, 13, 0.78);
backdrop-filter: blur(10px) saturate(140%);
-webkit-backdrop-filter: blur(10px) saturate(140%);
border: 1px solid rgba(212, 173, 110, 0.45);
border-radius: 12px;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
text-decoration: none;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
box-shadow:
0 0 0 1px rgba(255, 230, 180, 0.06),
0 12px 32px rgba(0, 0, 0, 0.50),
0 4px 12px rgba(0, 0, 0, 0.30);
transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
max-width: calc(100% - 44px);
}
@media (max-width: 991px) {
.scandi-works__hero-badge {
left: 12px;
bottom: 12px;
padding: 8px 14px 8px 12px;
font-size: 11px;
}
}
.scandi-works__hero-badge:hover {
background: rgba(20, 16, 13, 0.92);
border-color: #d4ad6e;
transform: translateY(-2px);
box-shadow:
0 0 0 1px rgba(255, 230, 180, 0.12),
0 18px 42px rgba(0, 0, 0, 0.60),
0 6px 16px rgba(193, 154, 91, 0.30);
}
.scandi-works__hero-badge-icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
color: #d4ad6e;
}
.scandi-works__hero-badge-label {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.20;
}
.scandi-works__hero-badge-label small {
display: block;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.20em;
text-transform: uppercase;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
margin-bottom: 2px;
}
.scandi-works__hero-badge-arrow {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
font-size: 14px;
transition: transform 0.3s ease;
}
.scandi-works__hero-badge:hover .scandi-works__hero-badge-arrow {
transform: translateX(4px);
}
.scandi-works__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-top: 28px;
flex-wrap: wrap;
}
.scandi-works__btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(212, 173, 110, 0.40);
background: rgba(255, 252, 245, 0.04);
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
font-size: 18px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
letter-spacing: 0;
padding: 0;
text-transform: none;
line-height: 1;
}
.scandi-works__btn:hover:not([disabled]) {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border-color: #c19a5b;
transform: translateY(-2px);
box-shadow: 0 8px 22px rgba(193, 154, 91, 0.45);
}
.scandi-works__btn[disabled] {
opacity: 0.30;
cursor: not-allowed;
}
.scandi-works__projects {
display: flex;
align-items: center;
gap: 6px;
margin: 0;
}
.scandi-works__pdot {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(193, 154, 91, 0.30);
border: 0;
padding: 0;
cursor: pointer;
transition: all 0.3s ease;
}
.scandi-works__pdot.is-active {
background: linear-gradient(135deg, #ffe5b8, #c19a5b);
width: 32px;
border-radius: 4px;
}
.scandi-works__pdot:hover {
background: rgba(212, 173, 110, 0.65);
}
.scandi-works__counter {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
color: #a89c8a;
-webkit-text-fill-color: #a89c8a;
letter-spacing: 0.06em;
margin: 0;
min-width: 70px;
text-align: center;
}
.scandi-works__counter b {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
font-weight: 700;
}
.about-company,
.cert-container,
section.cbform-architect,
section.about-company {
position: relative;
}
.about-company + .block-with-video,
.about-company + section.block-with-video,
.cert-container + .our-works,
.cert-container + section.our-works,
.cert-container + .block-with-video,
section.about-company + .block-with-video {
position: relative;
}
.about-company + .block-with-video::before,
.cert-container + .our-works::before,
.cert-container + .block-with-video::before {
content: '';
position: absolute;
top: -1px;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(180deg, rgba(20, 16, 13, 0.0) 0%, rgba(20, 16, 13, 0.18) 60%, transparent 100%);
pointer-events: none;
z-index: 1;
}
section.realty-tour + .cbform,
.realty-tour + .cbform,
.block-with-video + .cert-container,
.our-works + section.object-map {
position: relative;
}
section.cert-container,
.cert-container {
padding: 100px 0;
position: relative;
}
.cert-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, rgba(247, 241, 230, 0.4) 100%);
pointer-events: none;
z-index: 1;
}
.cert-container::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, rgba(20, 16, 13, 0.06) 100%);
pointer-events: none;
z-index: 1;
}
.cert-container > .swiper-container,
.cert-container > .top {
display: none;
}
.about-company .scandi-video {
max-width: 1100px;
margin: 0 auto 56px;
padding: 0;
position: relative;
}
.about-company .scandi-video__head {
text-align: center;
margin-bottom: 28px;
}
.about-company .scandi-video__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 12px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.about-company .scandi-video__eyebrow::before,
.about-company .scandi-video__eyebrow::after {
content: '';
width: 28px;
height: 1px;
background: linear-gradient(90deg, transparent, #c19a5b);
}
.about-company .scandi-video__eyebrow::after {
background: linear-gradient(90deg, #c19a5b, transparent);
}
.about-company .scandi-video__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(26px, 3.4vw, 38px);
font-weight: 300;
letter-spacing: -0.02em;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0;
line-height: 1.15;
}
.about-company .scandi-video__title b,
.about-company .scandi-video__title strong {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-video__frame {
position: relative;
border-radius: 14px;
overflow: hidden;
background: #14100d;
border: 1px solid rgba(193, 154, 91, 0.55);
box-shadow:
0 0 0 12px #f7f1e6,
0 0 0 13px rgba(193, 154, 91, 0.40),
0 0 0 14px rgba(247, 241, 230, 0.6),
0 50px 110px -34px rgba(70, 48, 18, 0.50),
inset 0 1px 0 rgba(255, 230, 180, 0.10);
aspect-ratio: 16 / 9;
isolation: isolate;
margin: 18px auto 0;
max-width: 1000px;
}
.about-company .scandi-video::after {
content: '';
position: absolute;
left: 50%; top: 58%; transform: translate(-50%, -50%);
width: min(1100px, 92%); height: 70%;
background: radial-gradient(ellipse at center, rgba(193, 154, 91, 0.18), transparent 70%);
z-index: -1; pointer-events: none; filter: blur(8px);
}
.about-company .scandi-video { position: relative; }
.about-company .scandi-video__frame::before {
content: '';
position: absolute;
inset: -2px;
border-radius: 16px;
background: linear-gradient(135deg, #d4ad6e 0%, transparent 30%, transparent 70%, #a67c3a 100%);
z-index: -1;
pointer-events: none;
}
.about-company .scandi-video__player,
.about-company .scandi-video__player video,
.about-company .scandi-video video.scandi-video__player {
width: 100%;
height: 100%;
display: block;
background: #14100d;
object-fit: cover;
border-radius: 14px;
}
.block-with-video.scandi-moved {
display: none;
}
.about-company .scandi-team-hero {
position: relative;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1fr 1fr;
gap: 24px;
align-items: center;
max-width: 1100px;
margin: 0 auto 56px;
padding: 20px 0;
}
@media (max-width: 991px) {
.about-company .scandi-team-hero {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
}
}
@media (max-width: 600px) {
.about-company .scandi-team-hero {
grid-template-columns: 1fr;
}
}
.about-company .scandi-team-hero__card {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
backdrop-filter: blur(16px) saturate(1.3);
-webkit-backdrop-filter: blur(16px) saturate(1.3);
border: 1px solid rgba(166, 124, 58, 0.30);
border-top: 2px solid #a67c3a;
border-radius: 14px;
padding: 20px 22px;
box-shadow:
0 8px 24px rgba(120, 90, 50, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
transition: all 0.4s ease;
position: relative;
}
.about-company .scandi-team-hero__card:hover {
transform: translateY(-4px);
box-shadow:
0 16px 36px rgba(120, 90, 50, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
}
.about-company .scandi-team-hero__card-icon {
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(212, 173, 110, 0.20), rgba(166, 124, 58, 0.10));
border: 1px solid rgba(193, 154, 91, 0.40);
display: inline-flex;
align-items: center;
justify-content: center;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
}
.about-company .scandi-team-hero__card-title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 6px;
}
.about-company .scandi-team-hero__card-text {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.5;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0;
font-weight: 500;
}
.about-company .scandi-team-hero__card-text b {
font-weight: 700;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-team-hero__card--tl {
grid-column: 1;
grid-row: 1;
text-align: right;
}
.about-company .scandi-team-hero__card--tr {
grid-column: 3;
grid-row: 1;
}
.about-company .scandi-team-hero__card--bl {
grid-column: 1;
grid-row: 2;
text-align: right;
}
.about-company .scandi-team-hero__card--br {
grid-column: 3;
grid-row: 2;
}
@media (max-width: 991px) {
.about-company .scandi-team-hero__card--tl,
.about-company .scandi-team-hero__card--tr,
.about-company .scandi-team-hero__card--bl,
.about-company .scandi-team-hero__card--br {
text-align: left;
}
.about-company .scandi-team-hero__card--tl {
grid-column: 1; grid-row: 2;
}
.about-company .scandi-team-hero__card--tr {
grid-column: 2; grid-row: 2;
}
.about-company .scandi-team-hero__card--bl {
grid-column: 1; grid-row: 3;
}
.about-company .scandi-team-hero__card--br {
grid-column: 2; grid-row: 3;
}
}
@media (max-width: 600px) {
.about-company .scandi-team-hero__card--tl,
.about-company .scandi-team-hero__card--tr,
.about-company .scandi-team-hero__card--bl,
.about-company .scandi-team-hero__card--br {
grid-column: 1;
}
}
.about-company .scandi-team__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(22px, 3vw, 32px);
font-weight: 300;
letter-spacing: -0.02em;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0;
line-height: 1.15;
}
.about-company .scandi-team__title b {
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-team__nav {
display: flex;
gap: 10px;
align-items: center;
}
.about-company .scandi-team__btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(166, 124, 58, 0.30);
background: rgba(255, 252, 245, 0.85);
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-size: 18px;
font-weight: 400;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
letter-spacing: 0;
padding: 0;
text-transform: none;
box-shadow: 0 4px 12px rgba(120, 90, 50, 0.10);
}
.about-company .scandi-team__btn:hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border-color: #c19a5b;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40);
}
.about-company .scandi-team__counter {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 600;
color: #786e60;
-webkit-text-fill-color: #786e60;
letter-spacing: 0.06em;
margin: 0 12px;
min-width: 50px;
text-align: center;
}
.about-company .scandi-team__counter b {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-weight: 700;
}
.about-company .scandi-team__viewport {
overflow: hidden;
position: relative;
}
.about-company .scandi-team__track {
display: flex;
gap: 20px;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
will-change: transform;
}
.about-company .scandi-team__card {
flex: 0 0 calc((100% - 60px) / 4);
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #ffffff 0%, #f7f1e6 100%);
border: 1px solid rgba(166, 124, 58, 0.22);
border-radius: 14px;
overflow: hidden;
transition: all 0.4s ease;
box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}
@media (max-width: 991px) {
.about-company .scandi-team__card {
flex: 0 0 calc((100% - 40px) / 3);
}
}
@media (max-width: 768px) {
.about-company .scandi-team__card {
flex: 0 0 calc((100% - 20px) / 2);
}
}
@media (max-width: 480px) {
.about-company .scandi-team__card {
flex: 0 0 100%;
}
}
.about-company .scandi-team__card:hover {
transform: translateY(-4px);
border-color: rgba(166, 124, 58, 0.50);
box-shadow: 0 16px 32px rgba(120, 90, 50, 0.18);
}
.about-company .scandi-team__photo {
width: 100%;
aspect-ratio: 1 / 1;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #ebe1cd, #d4c5ad);
}
.about-company .scandi-team__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
filter: saturate(1.05);
}
.about-company .scandi-team__card:hover .scandi-team__photo img {
transform: scale(1.04);
}
.about-company .scandi-team__info {
padding: 18px 20px 22px;
border-top: 1px solid rgba(166, 124, 58, 0.18);
background: rgba(255, 252, 245, 0.85);
}
.about-company .scandi-team__name {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0 0 4px;
line-height: 1.25;
}
.about-company .scandi-team__role {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 500;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0;
line-height: 1.4;
}
.about-company .scandi-quotes {
position: relative;
background:
radial-gradient(ellipse 80% 100% at 80% 50%, rgba(212, 173, 110, 0.18) 0%, transparent 60%),
linear-gradient(135deg, rgba(212, 173, 110, 0.10) 0%, rgba(255, 252, 245, 0.96) 60%);
border: 1px solid rgba(166, 124, 58, 0.28);
border-left: 4px solid #c19a5b;
border-radius: 16px;
padding: 28px 48px 28px 40px;
display: grid;
grid-template-columns: auto 1fr;
gap: 28px;
align-items: center;
min-height: 140px;
overflow: hidden;
margin: 0;
box-shadow:
0 8px 28px rgba(120, 90, 50, 0.10),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
}
@media (max-width: 768px) {
.about-company .scandi-quotes {
grid-template-columns: 1fr;
padding: 24px 20px;
gap: 14px;
}
}
.about-company .scandi-quotes__avatar {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #c19a5b;
box-shadow: 0 4px 12px rgba(193, 154, 91, 0.30);
background: linear-gradient(135deg, #ebe1cd, #d4c5ad);
position: relative;
}
.about-company .scandi-quotes__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: opacity 0.4s ease;
}
@media (max-width: 768px) {
.about-company .scandi-quotes__avatar {
width: 56px;
height: 56px;
}
}
.about-company .scandi-quotes__body {
position: relative;
min-height: 90px;
}
.about-company .scandi-quotes__text {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(14px, 1.2vw, 16px);
font-weight: 400;
line-height: 1.5;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0 0 10px;
letter-spacing: -0.005em;
font-style: italic;
}
.about-company .scandi-quotes__author {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.about-company .scandi-quotes__author small {
font-weight: 400;
letter-spacing: 0.02em;
text-transform: none;
color: #786e60;
-webkit-text-fill-color: #786e60;
font-size: 11px;
}
.about-company .scandi-quotes__nav {
position: absolute;
top: 14px;
right: 18px;
display: flex;
gap: 6px;
align-items: center;
z-index: 4;
}
.about-company .scandi-quotes__btn {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid rgba(166, 124, 58, 0.30);
background: rgba(255, 252, 245, 0.85);
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-size: 14px;
font-weight: 400;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
letter-spacing: 0;
padding: 0;
text-transform: none;
line-height: 1;
}
.about-company .scandi-quotes__btn:hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border-color: #c19a5b;
}
.about-company .scandi-quotes__counter {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 600;
color: #786e60;
-webkit-text-fill-color: #786e60;
letter-spacing: 0.06em;
margin: 0 6px;
min-width: 30px;
text-align: center;
}
.about-company .scandi-quotes__counter b {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-weight: 700;
}
.about-company .scandi-quotes::after {
content: '\201C';
position: absolute;
bottom: -8px;
right: 22px;
font-family: 'Cormorant Garamond', serif;
font-size: 100px;
line-height: 0.6;
color: rgba(193, 154, 91, 0.15);
-webkit-text-fill-color: rgba(193, 154, 91, 0.15);
font-weight: 600;
pointer-events: none;
}
.about-company .scandi-about__quote {
display: none;
}
.about-company .scandi-about__quote-mark {
font-family: 'Cormorant Garamond', serif;
font-size: 100px;
line-height: 0.6;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
font-weight: 600;
font-style: normal;
}
.about-company .scandi-about__quote-text {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(18px, 1.6vw, 22px);
font-weight: 300;
line-height: 1.5;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0 0 18px;
letter-spacing: -0.01em;
}
.about-company .scandi-about__quote-author {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0;
}
.about-company .scandi-about__quote-author small {
display: block;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: none;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin-top: 4px;
font-size: 12px;
}
.about-company > .container > .b-title.light.align-center,
.about-company > .container > .in,
.about-company .b-title.light.align-center,
.about-company .in {
display: none;
}
.about-company .scandi-about {
display: grid;
}
.review-lab-widget .reviews {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 991px) {
.review-lab-widget .reviews {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.review-lab-widget .reviews {
grid-template-columns: 1fr;
}
}
@media (max-width: 785px) {
.cert-container .swiper-container .swiper-slide {
background-size: contain;
width: 50%;
height: auto;
padding: 0px 5px;
}
.cert-container .b-title.light {
text-align: left;
}
.cert-container .swiper-container .swiper-slide a {
}
.cert-container .swiper-container .swiper-slide img {
height: auto;
min-height: 265px;
}
}
.block-with-video.block-padding {
padding: 84px 0 84px;
background:
radial-gradient(900px 480px at 90% -10%, rgba(207, 159, 75, 0.16) 0%, rgba(207, 159, 75, 0) 60%),
radial-gradient(800px 420px at 10% 110%, rgba(166, 124, 58, 0.12) 0%, rgba(166, 124, 58, 0) 60%),
radial-gradient(circle, rgba(207, 159, 75, 0.04) 1px, rgba(0, 0, 0, 0) 1.5px) 0 0 / 28px 28px,
linear-gradient(180deg, #14100d 0%, #16120e 50%, #181410 100%);
background-color: #14100d;
position: relative;
}
.block-with-video .block-with-video-wrapper {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0) 100%),
linear-gradient(135deg, #1f1814 0%, #15110d 100%);
background-color: #15110d;
border-radius: 22px;
padding: 32px;
position: relative;
box-shadow:
0 30px 80px rgba(0, 0, 0, 0.4),
0 0 0 1px rgba(207, 159, 75, 0.22) inset;
overflow: hidden;
}
.block-with-video .block-with-video-wrapper::before {
content: "";
position: absolute;
inset: 0;
border-radius: 22px;
padding: 1.5px;
background: linear-gradient(135deg,
rgba(244, 212, 136, 0.6) 0%,
rgba(207, 159, 75, 0.2) 30%,
rgba(166, 124, 58, 0.1) 60%,
rgba(244, 212, 136, 0.5) 100%);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 5;
}
.block-with-video .in.block-with-video-in {
padding: 0;
background: transparent;
position: relative;
z-index: 2;
}
.block-with-video .in.block-with-video-in > .title.b-title {
position: relative;
font-family: "Manrope", -apple-system, sans-serif;
font-size: clamp(28px, 3.4vw, 42px);
font-weight: 700;
letter-spacing: -0.018em;
line-height: 1.15;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
text-align: center;
margin: 0 0 28px;
padding-top: 36px;
}
.block-with-video .in.block-with-video-in > .title.b-title::before {
content: "★ ВИДЕОТУР";
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: rgba(207, 159, 75, 0.12);
border: 1px solid rgba(207, 159, 75, 0.4);
color: #cf9f4b;
-webkit-text-fill-color: #cf9f4b;
font-size: 10.5px;
letter-spacing: 0.22em;
font-weight: 700;
padding: 7px 14px;
border-radius: 999px;
white-space: nowrap;
}
.block-with-video .block-with-video-media {
position: relative;
border-radius: 16px;
overflow: hidden;
background: #0c0a08;
box-shadow:
0 12px 32px rgba(0, 0, 0, 0.3),
0 0 0 1px rgba(207, 159, 75, 0.18) inset;
margin-top: 0;
}
.block-with-video .block-with-video-media video,
.block-with-video .video-preview {
width: 100%;
height: auto;
display: block;
border-radius: 16px;
}
.block-with-video .block-with-video-text {
margin-top: 24px;
}
.block-with-video .block-with-video-text .subtitle.b-title {
color: #f4d488;
-webkit-text-fill-color: #f4d488;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
.block-with-video .block-with-video-text .text-in,
.block-with-video .block-with-video-text .text-in p {
color: rgba(243, 236, 220, 0.72);
-webkit-text-fill-color: rgba(243, 236, 220, 0.72);
font-family: "Manrope", sans-serif;
font-size: 14.5px;
line-height: 1.6;
}
.advantages:has(.image-bank) {
padding: 24px 0 84px;
background:
radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, rgba(0, 0, 0, 0) 1.5px) 0 0 / 28px 28px,
linear-gradient(180deg, #ebe1cd 0%, #e8dcc4 100%);
background-color: #ebe1cd;
position: relative;
}
.advantages:has(.image-bank) > .container {
background: transparent;
background-image: none;
padding: 0 32px;
}
.advantages:has(.image-bank) > .container > .in {
padding: 0;
background: transparent;
}
.advantages:has(.image-bank) > .container > .in > .items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 0;
}
@media (max-width: 1100px) {
.advantages:has(.image-bank) > .container > .in > .items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.advantages:has(.image-bank) > .container > .in > .items {
grid-template-columns: 1fr;
}
}
.advantages:has(.image-bank) > .container > .in > .items > .item {
background: linear-gradient(180deg, #fffcf5 0%, #f5ebd7 100%);
background-color: #fffcf5;
border-radius: 18px;
padding: 24px 24px 22px;
display: flex;
flex-direction: column;
gap: 0;
position: relative;
box-shadow:
0 10px 28px rgba(0, 0, 0, 0.06),
0 0 0 1px rgba(166, 124, 58, 0.25) inset;
transition: box-shadow 0.25s ease, transform 0.25s ease;
overflow: hidden;
}
.advantages:has(.image-bank) > .container > .in > .items > .item:hover {
box-shadow:
0 18px 44px rgba(0, 0, 0, 0.1),
0 0 0 1px rgba(207, 159, 75, 0.5) inset;
transform: translateY(-2px);
}
.advantages:has(.image-bank) > .container > .in > .items > .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #cf9f4b 50%, transparent 100%);
z-index: 2;
}
.advantages:has(.image-bank) .top.top-bank {
display: flex;
align-items: center;
justify-content: center;
min-height: 56px;
margin-bottom: 18px;
padding: 8px 0;
}
.advantages:has(.image-bank) .image-bank {
max-width: 140px;
max-height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.advantages:has(.image-bank) .image-bank img {
max-width: 100%;
max-height: 40px;
width: auto;
height: auto;
object-fit: contain;
}
.advantages:has(.image-bank) .bottom.botom-bank {
display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid rgba(166, 124, 58, 0.18);
padding-top: 16px;
}
.advantages:has(.image-bank) .text-bank {
display: grid;
grid-template-columns: 1fr auto;
gap: 12px;
align-items: baseline;
padding: 9px 0;
border-bottom: 1px solid rgba(166, 124, 58, 0.1);
}
.advantages:has(.image-bank) .text-bank:last-child {
border-bottom: 0;
}
.advantages:has(.image-bank) .text-bank-left {
color: rgba(26, 20, 16, 0.55);
-webkit-text-fill-color: rgba(26, 20, 16, 0.55);
font-family: "Manrope", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.35;
}
.advantages:has(.image-bank) .text-bank-right {
color: #1a1410;
-webkit-text-fill-color: #1a1410;
font-family: "Manrope", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-align: right;
}
.advantages:has(.image-bank) .programs-block {
margin-top: 14px;
margin-bottom: 14px;
}
.advantages:has(.image-bank) button.accordion {
width: 100%;
background: transparent;
border: 1px solid rgba(166, 124, 58, 0.3);
border-radius: 10px;
padding: 10px 14px;
font-family: "Manrope", sans-serif;
font-size: 12.5px;
font-weight: 600;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
letter-spacing: 0.02em;
transition: background 0.18s ease, border-color 0.18s ease;
position: relative;
}
.advantages:has(.image-bank) button.accordion::after {
content: "+";
font-size: 18px;
font-weight: 600;
color: #a67c3a;
transition: transform 0.25s ease;
line-height: 1;
}
.advantages:has(.image-bank) button.accordion.active::after {
transform: rotate(45deg);
}
.advantages:has(.image-bank) button.accordion:hover {
background: rgba(166, 124, 58, 0.08);
border-color: rgba(166, 124, 58, 0.5);
}
.advantages:has(.image-bank) .panel {
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease, padding 0.25s ease;
}
.advantages:has(.image-bank) button.accordion.active + .panel {
max-height: 600px;
padding: 12px 4px 4px;
}
.advantages:has(.image-bank) .panel .blitcr,
.advantages:has(.image-bank) .panel .blitcr * {
font-family: "Manrope", sans-serif;
font-size: 12.5px;
line-height: 1.55;
color: rgba(26, 20, 16, 0.75);
-webkit-text-fill-color: rgba(26, 20, 16, 0.75);
}
.advantages:has(.image-bank) .but-zav {
margin-top: auto;
padding-top: 8px;
}
.advantages:has(.image-bank) .but-zav .styled-btn {
width: 100%;
height: 50px;
min-height: 50px;
max-height: 50px;
padding: 0 24px;
border-radius: 12px;
font-family: "Manrope", sans-serif;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
}
.advantages:has(.image-bank)::before {
content: "Аккредитованные банки-партнёры";
display: block;
text-align: center;
font-family: "Manrope", sans-serif;
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-weight: 700;
margin-bottom: 28px;
position: relative;
}
.advantages:has(.image-bank)::before::before {
content: "";
}
.advantages:has(.image-bank) .text-bank {
grid-template-columns: minmax(0, 1fr) minmax(auto, max-content);
align-items: center;
gap: 10px;
}
.advantages:has(.image-bank) .text-bank-left {
font-size: 11.5px;
letter-spacing: 0.01em;
white-space: normal;
}
.advantages:has(.image-bank) .text-bank-right {
font-size: 13px;
font-weight: 700;
white-space: nowrap;
letter-spacing: -0.01em;
}
.advantages:has(.image-bank)::before {
font-size: 12px;
letter-spacing: 0.24em;
margin-bottom: 24px;
padding-top: 24px;
display: block;
}
.our-works {
background: linear-gradient(
180deg,
#14100d 0%,
#14100d 55%,
#241a10 75%,
#ebe1cd 100%
);
background-color: #14100d;
position: relative;
}
.our-works .b-title,
.our-works .b-title.light,
.our-works h2,
.our-works h3 {
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
position: relative;
z-index: 1;
}
.our-works .b-title b,
.our-works .b-title.light b {
color: #cf9f4b;
-webkit-text-fill-color: #cf9f4b;
}
.our-works .sub-title,
.our-works .eyebrow {
color: rgba(207, 159, 75, 0.82);
-webkit-text-fill-color: rgba(207, 159, 75, 0.82);
}
.our-works .scandi-works__eyebrow {
color: rgba(207, 159, 75, 0.82);
-webkit-text-fill-color: rgba(207, 159, 75, 0.82);
}
.our-works .scandi-works__title {
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
}
.our-works .scandi-works__title b {
color: #cf9f4b;
-webkit-text-fill-color: #cf9f4b;
}
.our-works .scandi-works__btn {
border-color: rgba(207, 159, 75, 0.38);
color: #d4ad6e;
}
.our-works .scandi-works__btn:hover:not([disabled]) {
background: rgba(207, 159, 75, 0.12);
border-color: rgba(207, 159, 75, 0.65);
}
.our-works .scandi-works__pdot {
background: rgba(255, 255, 255, 0.18);
border: none;
}
.our-works .scandi-works__pdot.is-active {
background: #cf9f4b;
}
.advantages:has(.image-bank) {
margin-top: -160px;
padding-top: 160px;
}
section.block-with-video,
div.block-with-video,
.block-with-video.block-padding,
.block-with-video {
background: #f0e8d8;
background-color: #f0e8d8;
background-image: none;
}
.block-with-video .block-with-video-wrapper,
.block-with-video-wrapper {
background: transparent;
background-color: transparent;
background-image: none;
border: none;
box-shadow: none;
}
.block-with-video .in.block-with-video-in,
.block-with-video-wrapper .in.block-with-video-in {
background: transparent;
border: none;
box-shadow: none;
}
.block-with-video video,
.block-with-video .block-with-video-media,
.block-with-video .video-preview {
border-radius: 20px;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18), 0 8px 24px rgba(0, 0, 0, 0.10);
overflow: hidden;
}
.block-with-video .b-title,
.block-with-video .b-title.light,
.block-with-video .in.block-with-video-in > .title,
.block-with-video .in.block-with-video-in > .title.b-title,
.block-with-video .block-with-video-wrapper .title.b-title,
.block-with-video h2,
.block-with-video h3 {
color: #1f1612;
-webkit-text-fill-color: #1f1612;
position: relative;
z-index: 1;
}
.block-with-video .b-title b,
.block-with-video .b-title.light b,
.block-with-video .in.block-with-video-in > .title b,
.block-with-video .in.block-with-video-in > .title.b-title b {
color: #b08832;
-webkit-text-fill-color: #b08832;
}
.block-with-video .sub-title,
.block-with-video .eyebrow,
.block-with-video .block-with-video-text .subtitle.b-title {
color: rgba(130, 95, 35, 0.85);
-webkit-text-fill-color: rgba(130, 95, 35, 0.85);
position: relative;
z-index: 1;
}
section.our-works,
div.our-works,
.our-works.block-padding,
.our-works {
background: #f5f1eb;
background-color: #f5f1eb;
background-image: none;
position: static;
}
.our-works .b-title,
.our-works .b-title.light,
.our-works h2,
.our-works h3 {
color: #1f1612;
-webkit-text-fill-color: #1f1612;
}
.our-works .b-title b {
color: #b08832;
-webkit-text-fill-color: #b08832;
}
.our-works .sub-title,
.our-works .eyebrow {
color: rgba(130, 95, 35, 0.85);
-webkit-text-fill-color: rgba(130, 95, 35, 0.85);
}
.our-works .scandi-works__eyebrow {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
}
.our-works .scandi-works__title {
color: #14100d;
-webkit-text-fill-color: #14100d;
}
.our-works .scandi-works__title b {
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.our-works .scandi-works__btn {
border-color: rgba(130, 95, 35, 0.38);
color: #7a5c20;
background: rgba(240, 232, 216, 0.7);
}
.our-works .scandi-works__btn:hover:not([disabled]) {
background: rgba(130, 95, 35, 0.10);
border-color: rgba(130, 95, 35, 0.65);
}
.our-works .scandi-works__pdot {
background: rgba(30, 20, 10, 0.18);
border: 1px solid rgba(30, 20, 10, 0.28);
}
.our-works .scandi-works__pdot.is-active {
background: #b08832;
border-color: #b08832;
}
.our-works .scandi-works__viewport,
.scandi-works__viewport {
overflow: visible;
box-shadow:
0 32px 60px -20px rgba(20, 16, 13, 0.30),
0 80px 80px -60px rgba(20, 16, 13, 0.18),
0 4px 12px rgba(20, 16, 13, 0.08);
border-radius: 16px;
}
.our-works .scandi-works__viewport {
min-height: 0;
height: auto;
}
.our-works .scandi-works__slide {
height: 100%;
min-height: 0;
}
.our-works .scandi-works__slide.is-active {
height: auto;
min-height: 0;
}
.our-works .scandi-works__track {
min-height: 100%;
height: 100%;
}
.our-works .scandi-works__media,
.our-works .scandi-works__hero {
height: 100%;
min-height: 0;
aspect-ratio: auto;
overflow: hidden;
}
.our-works .scandi-works__hero img,
.our-works .scandi-works__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.our-works {
padding-bottom: 100px;
}
.our-works .scandi-works__viewport::before,
.our-works .scandi-works__viewport::after,
.scandi-works__viewport::before,
.scandi-works__viewport::after {
display: none;
content: none;
border: none;
}
.our-works .scandi-works__viewport > .scandi-works__btn {
position: absolute;
top: 56px;
z-index: 20;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(193, 154, 91, 0.45);
color: #d4ad6e;
font-size: 18px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
transform: none;
transition: all .18s cubic-bezier(.22,1,.36,1);
}
.our-works .scandi-works__viewport > .scandi-works__btn:hover:not([disabled]) {
background: rgba(193, 154, 91, 0.20);
border-color: #c19a5b;
color: #ffe5b8;
transform: scale(1.06);
}
.our-works .scandi-works__viewport > .scandi-works__btn[disabled] {
opacity: 0.30;
cursor: not-allowed;
pointer-events: none;
}
.our-works .scandi-works__viewport > .scandi-works__btn--prev {
right: 82px;
left: auto;
}
.our-works .scandi-works__viewport > .scandi-works__btn--next {
right: 36px;
left: auto;
}
.our-works .scandi-works__nav > .scandi-works__btn,
.scandi-works__nav > .scandi-works__btn {
display: none;
}
.our-works .scandi-works__nav,
.scandi-works__nav {
display: flex;
justify-content: center;
align-items: center;
margin-top: 56px;
margin-bottom: 32px;
}
.advantages:has(.image-bank) {
margin-top: -60px;
padding-top: 60px;
}
.scandi-mortgage__banks {
margin-top: 56px;
position: relative;
}
.scandi-mortgage__banks-eyebrow {
display: flex;
align-items: center;
gap: 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(130, 95, 35, 0.78);
margin-bottom: 24px;
text-align: center;
justify-content: center;
}
.scandi-mortgage__banks-eyebrow-dot {
width: 6px;
height: 6px;
background: #c19a5b;
border-radius: 50%;
}
.scandi-mortgage__banks-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 1199px) {
.scandi-mortgage__banks-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.scandi-mortgage__banks-grid {
grid-template-columns: 1fr;
}
}
.scandi-mortgage__bank {
display: flex;
flex-direction: column;
background: #1e130a;
border: 1px solid rgba(207, 159, 75, 0.22);
border-radius: 16px;
padding: 30px 26px 26px;
min-height: 400px;
box-shadow: 0 8px 48px rgba(0, 0, 0, 0.22), 0 2px 12px rgba(0, 0, 0, 0.12);
transition: all .26s cubic-bezier(.22,1,.36,1);
position: relative;
overflow: hidden;
}
.scandi-mortgage__bank::before {
content: '';
position: absolute;
inset: 0 0 auto 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(212, 173, 110, 0.55) 50%, transparent);
}
.scandi-mortgage__bank:hover {
transform: translateY(-4px);
border-color: rgba(207, 159, 75, 0.50);
box-shadow: 0 16px 56px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.18);
}
.scandi-mortgage__bank-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
margin-bottom: 22px;
padding: 0 0 18px;
background: transparent;
border: none;
border-bottom: 1px solid rgba(207, 159, 75, 0.18);
border-radius: 0;
box-shadow: none;
min-height: 0;
}
.scandi-mortgage__bank-header::before {
content: 'Банк';
display: inline-block;
padding: 4px 10px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
background: rgba(212, 173, 110, 0.10);
border: 1px solid rgba(212, 173, 110, 0.22);
border-radius: 999px;
}
.scandi-mortgage__bank-name {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 22px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
color: #ffe5b8;
-webkit-text-fill-color: #ffe5b8;
background: none;
text-align: left;
margin: 0;
}
.scandi-mortgage__bank-rate {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
margin: 0 0 20px;
}
.scandi-mortgage__bank-rate-value {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 38px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.03em;
background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-variant-numeric: tabular-nums lining-nums;
}
.scandi-mortgage__bank-rate-label {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(216, 207, 186, 0.55);
-webkit-text-fill-color: rgba(216, 207, 186, 0.55);
}
.scandi-mortgage__bank-params {
margin: 0 0 22px;
padding: 0;
display: flex;
flex-direction: column;
gap: 11px;
flex: 1 1 auto;
}
.scandi-mortgage__bank-param {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
padding-bottom: 9px;
border-bottom: 1px solid rgba(207, 159, 75, 0.10);
}
.scandi-mortgage__bank-param:last-child {
border-bottom: none;
padding-bottom: 0;
}
.scandi-mortgage__bank-param dt {
font-family: var(--font-display, 'Manrope'), sans-serif;
color: rgba(216, 207, 186, 0.58);
-webkit-text-fill-color: rgba(216, 207, 186, 0.58);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 10px;
}
.scandi-mortgage__bank-param dd {
font-family: var(--font-display, 'Manrope'), sans-serif;
color: #f3ecdc;
-webkit-text-fill-color: #f3ecdc;
font-weight: 600;
font-size: 14px;
margin: 0;
text-align: right;
font-feature-settings: 'tnum' 1, 'lnum' 1;
font-variant-numeric: tabular-nums lining-nums;
}
.scandi-mortgage__bank-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
box-sizing: border-box;
padding: 13px 22px;
background: transparent;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
border: 1px solid rgba(207, 159, 75, 0.50);
border-radius: 999px;
text-decoration: none;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.10em;
text-transform: uppercase;
margin-top: auto;
cursor: pointer;
transition: all .18s cubic-bezier(.22,1,.36,1);
}
.scandi-mortgage__bank-cta-arr {
flex-shrink: 0;
transition: transform .22s cubic-bezier(.22,1,.36,1);
}
.scandi-mortgage__bank-cta:hover {
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
color: #1a1410;
-webkit-text-fill-color: #1a1410;
border-color: transparent;
box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
}
.scandi-mortgage__bank-cta:hover .scandi-mortgage__bank-cta-arr { transform: translateX(4px); }
.scandi-mortgage__bank::after {
content: '';
position: absolute;
top: -40%;
right: -30%;
width: 70%;
height: 70%;
background: radial-gradient(circle, rgba(212, 173, 110, 0.16), transparent 70%);
pointer-events: none;
z-index: 0;
opacity: 0.8;
transition: opacity .3s ease;
}
.scandi-mortgage__bank:hover::after { opacity: 1; }
.scandi-mortgage__bank > * { position: relative; z-index: 1; }
@media (max-width: 991px) {
.scandi-mortgage__hero {
grid-template-columns: 1fr;
min-height: 0;
}
.scandi-mortgage__hero-content {
padding: 32px 24px;
}
.scandi-mortgage__hero-media {
order: -1;
aspect-ratio: 16 / 9;
}
.scandi-mortgage__benefits {
grid-template-columns: 1fr;
}
}
.about-company .scandi-about {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
display: grid;
gap: 36px;
}
.about-company .scandi-about__hero {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 56px;
align-items: end;
}
@media (max-width: 991px) {
.about-company .scandi-about__hero {
grid-template-columns: 1fr;
gap: 28px;
}
}
.about-company .scandi-about__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 14px;
display: flex;
align-items: center;
gap: 12px;
}
.about-company .scandi-about__eyebrow::before {
content: '';
width: 36px;
height: 1px;
background: linear-gradient(90deg, #a67c3a, transparent);
}
.about-company .scandi-about__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(34px, 5vw, 64px);
font-weight: 300;
letter-spacing: -0.02em;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0;
line-height: 1.05;
}
.about-company .scandi-about__title b {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-about__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(15px, 1.3vw, 17px);
line-height: 1.7;
color: #4a4035;
-webkit-text-fill-color: #4a4035;
margin: 0;
}
.about-company .scandi-about__stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
border: 1px solid rgba(166, 124, 58, 0.28);
border-top: 2px solid #a67c3a;
border-radius: 16px;
overflow: hidden;
box-shadow:
0 12px 36px rgba(120, 90, 50, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
}
@media (max-width: 991px) {
.about-company .scandi-about__stats {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.about-company .scandi-about__stats {
grid-template-columns: 1fr;
}
}
.about-company .scandi-about__stat {
padding: 36px 28px;
border-right: 1px solid rgba(166, 124, 58, 0.18);
position: relative;
}
@media (max-width: 991px) {
.about-company .scandi-about__stat:nth-child(2n) {
border-right: 0;
}
.about-company .scandi-about__stat:nth-child(-n+2) {
border-bottom: 1px solid rgba(166, 124, 58, 0.18);
}
}
.about-company .scandi-about__stat:last-child {
border-right: 0;
}
.about-company .scandi-about__stat-num {
display: block;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(36px, 4vw, 56px);
font-weight: 700;
letter-spacing: -0.04em;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
line-height: 1;
margin: 0 0 10px;
}
.about-company .scandi-about__stat-label {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 500;
color: #574a39;
-webkit-text-fill-color: #574a39;
line-height: 1.5;
margin: 0;
}
.about-company .scandi-team {
position: relative;
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
border: 1px solid rgba(166, 124, 58, 0.28);
border-top: 2px solid #a67c3a;
border-radius: 16px;
box-shadow:
0 12px 36px rgba(120, 90, 50, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
padding: 48px 56px;
overflow: hidden;
}
@media (max-width: 768px) {
.about-company .scandi-team {
padding: 32px 24px;
}
}
.about-company .scandi-team__head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-bottom: 32px;
flex-wrap: wrap;
}
.about-company .scandi-team__intro {
display: flex;
align-items: center;
gap: 24px;
flex: 1 1 auto;
min-width: 0;
}
.scandi-certs {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
overflow: hidden;
}
.scandi-certs__head {
text-align: center;
margin-bottom: 56px;
}
.scandi-certs__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 14px;
display: inline-flex;
align-items: center;
gap: 12px;
}
.scandi-certs__eyebrow::before,
.scandi-certs__eyebrow::after {
content: '';
width: 32px;
height: 1px;
background: linear-gradient(90deg, transparent, #c19a5b);
}
.scandi-certs__eyebrow::after {
background: linear-gradient(90deg, #c19a5b, transparent);
}
.scandi-certs__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 300;
letter-spacing: -0.02em;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0 0 14px;
line-height: 1.1;
}
.scandi-certs__title b {
font-style: normal;
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.scandi-certs__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 15px;
line-height: 1.65;
color: #574a39;
-webkit-text-fill-color: #574a39;
margin: 0 auto;
max-width: 680px;
}
.scandi-certs__group {
margin-bottom: 56px;
}
.scandi-certs__group-title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin: 0 0 24px;
display: flex;
align-items: center;
gap: 16px;
}
.scandi-certs__group-title::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, rgba(166, 124, 58, 0.40), transparent);
}
.scandi-certs__viewport {
position: relative;
overflow: hidden;
width: 100%;
}
.scandi-certs__track {
display: flex;
gap: 24px;
transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
will-change: transform;
}
.scandi-certs__grid {
display: contents;
}
.scandi-certs__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
margin-top: 32px;
}
.scandi-certs__btn {
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid rgba(166, 124, 58, 0.35);
background: rgba(255, 252, 245, 0.85);
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-size: 20px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
letter-spacing: 0;
padding: 0;
text-transform: none;
box-shadow: 0 4px 14px rgba(120, 90, 50, 0.10);
line-height: 1;
}
.scandi-certs__btn:hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border-color: #c19a5b;
transform: translateY(-2px);
box-shadow: 0 8px 22px rgba(193, 154, 91, 0.40);
}
.scandi-certs__btn:disabled,
.scandi-certs__btn[aria-disabled="true"] {
opacity: 0.35;
pointer-events: none;
}
.scandi-certs__counter {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 600;
color: #786e60;
-webkit-text-fill-color: #786e60;
letter-spacing: 0.06em;
margin: 0 14px;
min-width: 60px;
text-align: center;
}
.scandi-certs__counter b {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-weight: 700;
}
.scandi-certs__card {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
border: 1px solid rgba(166, 124, 58, 0.30);
border-top: 2px solid #a67c3a;
border-radius: 12px;
padding: 16px 16px 18px;
box-shadow:
0 8px 24px rgba(120, 90, 50, 0.10),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
position: relative;
cursor: pointer;
overflow: hidden;
display: flex;
flex-direction: column;
text-decoration: none;
flex: 0 0 calc((100% - 72px) / 4);
}
@media (max-width: 991px) {
.scandi-certs__card {
flex: 0 0 calc((100% - 36px) / 3);
}
}
@media (max-width: 600px) {
.scandi-certs__card {
flex: 0 0 calc((100% - 14px) / 2);
}
}
.scandi-certs__card:hover {
transform: translateY(-6px) scale(1.02);
border-color: rgba(166, 124, 58, 0.55);
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.30),
0 0 24px rgba(193, 154, 91, 0.20),
0 16px 36px rgba(120, 90, 50, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
z-index: 3;
}
.scandi-certs__card-image {
width: 100%;
aspect-ratio: 3 / 4;
background: #ffffff;
border-radius: 8px;
overflow: hidden;
position: relative;
border: 1px solid rgba(166, 124, 58, 0.18);
margin-bottom: 12px;
}
.scandi-certs__card-image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
display: block;
padding: 8px;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.scandi-certs__card:hover .scandi-certs__card-image img {
transform: scale(1.03);
}
.scandi-certs__card-image::after {
content: '⤢';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 44px;
height: 44px;
border-radius: 50%;
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 24px rgba(193, 154, 91, 0.50);
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none;
opacity: 0;
}
.scandi-certs__card:hover .scandi-certs__card-image::after {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.scandi-certs__card-name {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 600;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0;
line-height: 1.35;
text-align: center;
letter-spacing: 0.02em;
}
.scandi-certs__card-meta {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 6px 0 0;
text-align: center;
}
.scandi-cert-lightbox {
position: fixed;
inset: 0;
background: rgba(20, 16, 13, 0.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
cursor: zoom-out;
padding: 40px;
}
.scandi-cert-lightbox.is-open {
opacity: 1;
visibility: visible;
}
.scandi-cert-lightbox img {
max-width: 90vw;
max-height: 88vh;
border-radius: 12px;
border: 2px solid rgba(193, 154, 91, 0.45);
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.60);
background: #fff;
padding: 16px;
}
.scandi-cert-lightbox__close {
position: absolute;
top: 24px;
right: 24px;
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border: none;
font-size: 22px;
font-weight: 400;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 24px rgba(193, 154, 91, 0.40);
transition: transform 0.3s ease;
}
.scandi-cert-lightbox__close:hover {
transform: scale(1.1);
}
.about-company .scandi-team-hero {
position: relative;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1fr 1fr;
gap: 24px;
align-items: center;
max-width: 1100px;
margin: 0 auto 56px;
padding: 20px 0;
}
@media (max-width: 991px) {
.about-company .scandi-team-hero {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
}
}
@media (max-width: 600px) {
.about-company .scandi-team-hero {
grid-template-columns: 1fr;
}
}
.about-company .scandi-team-hero__card {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
backdrop-filter: blur(16px) saturate(1.3);
-webkit-backdrop-filter: blur(16px) saturate(1.3);
border: 1px solid rgba(166, 124, 58, 0.30);
border-top: 2px solid #a67c3a;
border-radius: 14px;
padding: 20px 22px;
box-shadow:
0 8px 24px rgba(120, 90, 50, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
transition: all 0.4s ease;
position: relative;
}
.about-company .scandi-team-hero__card:hover {
transform: translateY(-4px);
box-shadow:
0 16px 36px rgba(120, 90, 50, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.50);
}
.about-company .scandi-team-hero__card-icon {
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(212, 173, 110, 0.20), rgba(166, 124, 58, 0.10));
border: 1px solid rgba(193, 154, 91, 0.40);
display: inline-flex;
align-items: center;
justify-content: center;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
}
.about-company .scandi-team-hero__card-title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0 0 6px;
}
.about-company .scandi-team-hero__card-text {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.5;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0;
font-weight: 500;
}
.about-company .scandi-team-hero__card-text b {
font-weight: 700;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-team-hero__card--tl {
grid-column: 1;
grid-row: 1;
text-align: right;
}
.about-company .scandi-team-hero__card--tr {
grid-column: 3;
grid-row: 1;
}
.about-company .scandi-team-hero__card--bl {
grid-column: 1;
grid-row: 2;
text-align: right;
}
.about-company .scandi-team-hero__card--br {
grid-column: 3;
grid-row: 2;
}
@media (max-width: 991px) {
.about-company .scandi-team-hero__card--tl,
.about-company .scandi-team-hero__card--tr,
.about-company .scandi-team-hero__card--bl,
.about-company .scandi-team-hero__card--br {
text-align: left;
}
.about-company .scandi-team-hero__card--tl {
grid-column: 1; grid-row: 2;
}
.about-company .scandi-team-hero__card--tr {
grid-column: 2; grid-row: 2;
}
.about-company .scandi-team-hero__card--bl {
grid-column: 1; grid-row: 3;
}
.about-company .scandi-team-hero__card--br {
grid-column: 2; grid-row: 3;
}
}
@media (max-width: 600px) {
.about-company .scandi-team-hero__card--tl,
.about-company .scandi-team-hero__card--tr,
.about-company .scandi-team-hero__card--bl,
.about-company .scandi-team-hero__card--br {
grid-column: 1;
}
}
.about-company .scandi-team__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(22px, 3vw, 32px);
font-weight: 300;
letter-spacing: -0.02em;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0;
line-height: 1.15;
}
.about-company .scandi-team__title b {
font-weight: 600;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.about-company .scandi-team__nav {
display: flex;
gap: 10px;
align-items: center;
}
.about-company .scandi-team__btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(166, 124, 58, 0.30);
background: rgba(255, 252, 245, 0.85);
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-size: 18px;
font-weight: 400;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
letter-spacing: 0;
padding: 0;
text-transform: none;
box-shadow: 0 4px 12px rgba(120, 90, 50, 0.10);
}
.about-company .scandi-team__btn:hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border-color: #c19a5b;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40);
}
.about-company .scandi-team__counter {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 600;
color: #786e60;
-webkit-text-fill-color: #786e60;
letter-spacing: 0.06em;
margin: 0 12px;
min-width: 50px;
text-align: center;
}
.about-company .scandi-team__counter b {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-weight: 700;
}
.about-company .scandi-team__viewport {
overflow: hidden;
position: relative;
}
.about-company .scandi-team__track {
display: flex;
gap: 20px;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
will-change: transform;
}
.about-company .scandi-team__card {
flex: 0 0 calc((100% - 60px) / 4);
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #ffffff 0%, #f7f1e6 100%);
border: 1px solid rgba(166, 124, 58, 0.22);
border-radius: 14px;
overflow: hidden;
transition: all 0.4s ease;
box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}
@media (max-width: 991px) {
.about-company .scandi-team__card {
flex: 0 0 calc((100% - 40px) / 3);
}
}
@media (max-width: 768px) {
.about-company .scandi-team__card {
flex: 0 0 calc((100% - 20px) / 2);
}
}
@media (max-width: 480px) {
.about-company .scandi-team__card {
flex: 0 0 100%;
}
}
.about-company .scandi-team__card:hover {
transform: translateY(-4px);
border-color: rgba(166, 124, 58, 0.50);
box-shadow: 0 16px 32px rgba(120, 90, 50, 0.18);
}
.about-company .scandi-team__photo {
width: 100%;
aspect-ratio: 1 / 1;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #ebe1cd, #d4c5ad);
}
.about-company .scandi-team__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
filter: saturate(1.05);
}
.about-company .scandi-team__card:hover .scandi-team__photo img {
transform: scale(1.04);
}
.about-company .scandi-team__info {
padding: 18px 20px 22px;
border-top: 1px solid rgba(166, 124, 58, 0.18);
background: rgba(255, 252, 245, 0.85);
}
.about-company .scandi-team__name {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1a1410;
-webkit-text-fill-color: #1a1410;
margin: 0 0 4px;
line-height: 1.25;
}
.about-company .scandi-team__role {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 500;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0;
line-height: 1.4;
}
.about-company .scandi-about__quote {
display: none;
}
.about-company .scandi-about__quote-mark {
font-family: 'Cormorant Garamond', serif;
font-size: 100px;
line-height: 0.6;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
font-weight: 600;
font-style: normal;
}
.about-company .scandi-about__quote-text {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(18px, 1.6vw, 22px);
font-weight: 300;
line-height: 1.5;
color: #14100d;
-webkit-text-fill-color: #14100d;
margin: 0 0 18px;
letter-spacing: -0.01em;
}
.about-company .scandi-about__quote-author {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
margin: 0;
}
.about-company .scandi-about__quote-author small {
display: block;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: none;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin-top: 4px;
font-size: 12px;
}
.about-company .scandi-about {
display: grid;
}
button.styled-btn,
button.styled-btn-1,
button.styled-btn.styled-btn-1.height2,
.styled-btn,
.styled-btn-1,
input[type="submit"].styled-btn,
input[type="submit"].styled-btn-1,
button.button.form-calc__sbmt,
.button.form-calc__sbmt,
.form-calc__sbmt,
.realty-tour .button,
.realty-tour button[type="submit"],
.cbform button[type="submit"],
.cbform-get-catalog button[type="submit"] {
background: linear-gradient(135deg, #a67c3a 0%, #c19a5b 100%);
background-color: #c19a5b;
color: #1a1410;
font-family: var(--font-ui);
font-weight: 600;
border: 0;
box-shadow: 0 4px 14px rgba(193, 154, 91, 0.3);
transition: all 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
section.object-map {
background: #f5f1eb;
}
section.object-map h2,
section.object-map .object-map__title {
color: #1a1410;
}
section.realty-tour {
background: #14100d;
color: #d8cfba;
}
section.realty-tour h2,
section.realty-tour h3 {
color: #f3ecdc;
}
section.realty-tour .container-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(193, 154, 91, 0.22);
border-radius: 12px;
padding: 40px;
}
.block-text {
background: #f5f1eb;
padding: 56px 0;
}
.block-text h1,
.block-text h2,
.block-text h3 {
color: #1a1410;
margin-bottom: 16px;
}
.block-text p,
.block-text li {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.7;
color: #4a4035;
margin-bottom: 12px;
}
.block-text a {
color: #c19a5b;
text-decoration: none;
border-bottom: 1px solid rgba(193, 154, 91, 0.4);
}
section.object-map {
background: #14100d;
padding: 80px 0 40px;
}
section.object-map h1,
section.object-map h2,
section.object-map .object-map__title {
color: #1f1612;
}
section.object-map h2 i {
color: #b08832;
}
section.object-map .object-map__map,
section.object-map [class*="map-container"] {
border-radius: 10px;
overflow: hidden;
border: 1px solid rgba(193,154,91,0.18);
}
section.object-map .object-map__inner { position: relative; }
section.object-map .scandi-map-wrap,
section.object-map .object-map__content {
height: 540px;
min-height: 540px;
position: relative;
border-radius: 14px;
overflow: hidden;
background: #e9e2d4;
border: 1px solid rgba(193, 154, 91, 0.35);
box-shadow: 0 24px 56px -28px rgba(120, 90, 40, 0.35), 0 6px 18px rgba(120, 90, 40, 0.14);
}
section.object-map .scandi-map-wrap .object-map__content {
height: 100%;
min-height: 0;
border: 0;
box-shadow: none;
border-radius: 0;
}
section.object-map .object-map__content [class*="ground-pane"] {
filter: sepia(0.42) saturate(0.82) brightness(1.05) contrast(0.93) hue-rotate(-6deg);
}
@media (max-width: 768px) {
section.object-map .scandi-map-wrap,
section.object-map .object-map__content { height: 400px; min-height: 400px; }
}
section.realty-tour {
background: #14100d;
padding: 80px 0;
}
section.realty-tour h2,
section.realty-tour h3,
section.realty-tour .section-title {
color: #f3ecdc;
}
section.realty-tour h2 i {
color: #c19a5b;
}
section.realty-tour p,
section.realty-tour .desc {
color: #d8cfba;
font-size: 14px;
line-height: 1.65;
}
section.realty-tour .container-card,
section.realty-tour .realty-tour__inner {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(193,154,91,0.22);
border-radius: 12px;
padding: 40px;
}
@media (max-width: 768px) {
section.realty-tour .container-card,
section.realty-tour .realty-tour__inner {
padding: 28px 20px;
}
}
section.build-stages *:not(i):not(.button):not([class*="btn"]),
section.our-works *:not(i):not(.button):not([class*="btn"]),
section.realty-tour *:not(i):not(.button):not([class*="btn"]),
section.block-with-video *:not(i):not(.button):not([class*="btn"]),
section.object-map *:not(i):not(.button):not([class*="btn"]) {
}
section.build-stages [class*="step-card__"],
section.our-works [class*="card"] *,
section.realty-tour [class*="container-card"] *,
section.mortgage-calling [class*="mortgage-calling__"],
.cbform [class*="container-card"] *,
section.block-with-video [class*="block-with-video__"] {
border-width: 0;
border-style: none;
outline-width: 0;
}
section.object-map,
.object-map {
background:
radial-gradient(circle, rgba(212, 173, 110, 0.08) 1px, transparent 1.5px),
radial-gradient(ellipse 80% 60% at 50% 50%, rgba(193, 154, 91, 0.10) 0%, transparent 60%),
linear-gradient(180deg,
#2a1f17 0%,
#1a1410 25%,
#14100d 50%,
#1a1410 75%,
#2a1f17 100%);
background-size: 32px 32px, auto, auto;
padding: 40px 0 60px;
position: relative;
margin-top: 0;
}
section.object-map::after,
.object-map::after {
content: none;
}
section.object-map > *,
.object-map > * {
position: relative;
z-index: 2;
}
section.object-map::before,
.object-map::before {
content: none;
}
section.object-map h2,
section.object-map .object-map__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(30px, 3.6vw, 50px);
font-weight: 300;
letter-spacing: -0.02em;
line-height: 1.04;
color: #14100d;
-webkit-text-fill-color: #14100d;
text-align: left;
margin: 0 0 30px;
position: relative;
z-index: 2;
}
section.object-map h2 i,
section.object-map h2 b,
section.object-map .object-map__title i,
section.object-map .object-map__title b {
font-style: normal;
background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 500;
}
.scandi-map-eyebrow { display: none !important; }
section.object-map > .container,
.object-map > .container {
max-width: 1440px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
}
section.object-map [id^="object-map-"],
.object-map [id^="object-map-"] {
border-radius: 14px;
overflow: hidden;
border: 2px solid rgba(193, 154, 91, 0.45);
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.30),
0 0 0 8px rgba(212, 173, 110, 0.06),
0 24px 60px rgba(0, 0, 0, 0.45),
inset 0 1px 0 rgba(255, 230, 180, 0.12);
position: relative;
}
.realty-tour .scandi-tour {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 0;
background: #fffdf8;
border: 1px solid rgba(193, 154, 91, 0.30);
border-top: 2px solid #c19a5b;
border-radius: 18px;
overflow: hidden;
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.10),
0 32px 80px rgba(0, 0, 0, 0.45);
position: relative;
isolation: isolate;
max-width: 1280px;
margin: 0 auto;
min-height: 480px;
}
@media (max-width: 991px) {
.realty-tour .scandi-tour {
grid-template-columns: 1fr;
}
}
.realty-tour .scandi-tour__media {
position: relative;
overflow: hidden;
min-height: 460px;
background-color: #1a1410;
background-image: url('/wp-content/themes/karkasnye-doma-redesign/assets/realty/hero.webp');
background-size: cover;
background-position: center 60%;
background-repeat: no-repeat;
isolation: isolate;
}
.realty-tour .scandi-tour__media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, transparent 70%, rgba(255, 253, 248, 0.55) 100%);
pointer-events: none;
z-index: 2;
}
.realty-tour .scandi-tour__body {
padding: 56px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 22px;
background: #fffdf8;
position: relative;
z-index: 2;
color: #1f1612;
}
@media (max-width: 768px) {
.realty-tour .scandi-tour__body {
padding: 36px 28px;
}
}
.realty-tour .scandi-tour__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(130, 95, 35, 0.9);
-webkit-text-fill-color: rgba(130, 95, 35, 0.9);
margin: 0;
display: flex;
align-items: center;
gap: 12px;
}
.realty-tour .scandi-tour__eyebrow::before {
content: '';
width: 32px;
height: 1px;
background: linear-gradient(90deg, #c19a5b, transparent);
}
.realty-tour .scandi-tour__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 300;
letter-spacing: -0.02em;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
margin: 0;
line-height: 1.15;
}
.realty-tour .scandi-tour__title b {
font-style: normal;
font-weight: 600;
color: #b08832;
-webkit-text-fill-color: #b08832;
}
.realty-tour .scandi-tour__lead {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 15px;
line-height: 1.65;
color: #5a4d3a;
-webkit-text-fill-color: #5a4d3a;
margin: 0;
max-width: 520px;
}
.realty-tour .scandi-tour__form {
display: grid;
grid-template-columns: 1fr 1fr auto;
gap: 12px;
margin-top: 8px;
align-items: stretch;
}
@media (max-width: 600px) {
.realty-tour .scandi-tour__form {
grid-template-columns: 1fr;
}
}
.realty-tour .scandi-tour__input {
font-family: var(--font-display, 'Manrope'), sans-serif;
background: #ffffff;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
border: 1px solid rgba(166, 124, 58, 0.35);
border-radius: 12px;
padding: 14px 16px;
font-size: 14px;
}
.realty-tour .scandi-tour__input::placeholder {
color: rgba(90, 77, 58, 0.55);
-webkit-text-fill-color: rgba(90, 77, 58, 0.55);
}
.realty-tour .scandi-tour__input:focus {
outline: none;
border-color: #c19a5b;
box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.20);
}
.realty-tour .scandi-tour__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%);
color: #14100d;
-webkit-text-fill-color: #14100d;
border: none;
border-radius: 999px;
padding: 14px 28px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.10em;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 8px 22px rgba(193, 154, 91, 0.40);
transition: all 0.4s ease;
}
.realty-tour .scandi-tour__cta:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(193, 154, 91, 0.55);
filter: brightness(1.06);
}
.realty-tour .scandi-tour__note {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
color: #786e60;
-webkit-text-fill-color: #786e60;
margin: 8px 0 0;
line-height: 1.5;
}
.realty-tour .scandi-tour__note a {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
text-decoration: underline;
text-decoration-color: rgba(166, 124, 58, 0.40);
}
.realty-tour .container-card,
.realty-tour .realty-tour__content,
.realty-tour .realty-tour__inner,
.realty-tour .realty-tour__image {
display: none;
}
section.object-map .scandi-map-wrap {
position: relative;
margin: 0 auto;
max-width: 1320px;
padding: 14px;
background:
radial-gradient(circle at 15% 20%, rgba(193, 154, 91, 0.10), transparent 60%),
radial-gradient(circle at 85% 80%, rgba(212, 173, 110, 0.08), transparent 60%),
linear-gradient(135deg, #1f1612 0%, #1a1310 50%, #14100d 100%);
border: 1px solid rgba(193, 154, 91, 0.32);
border-top: 1px solid rgba(193, 154, 91, 0.50);
border-bottom: 1px solid rgba(193, 154, 91, 0.50);
border-radius: 6px;
box-shadow:
0 0 0 1px rgba(255, 252, 245, 0.04),
0 28px 64px rgba(0, 0, 0, 0.45),
0 10px 24px rgba(0, 0, 0, 0.30),
inset 0 0 0 1px rgba(193, 154, 91, 0.08);
overflow: visible;
isolation: isolate;
}
section.object-map .scandi-map-wrap [id^="object-map-"],
section.object-map .scandi-map-wrap > div:not(.scandi-map-wrap__tr):not(.scandi-map-wrap__br):not(.scandi-map-wrap__legend) {
position: relative;
z-index: 1;
border-radius: 3px;
overflow: hidden;
box-shadow:
inset 0 0 0 1px rgba(193, 154, 91, 0.35),
0 4px 12px rgba(0, 0, 0, 0.35);
}
section.object-map .scandi-map-wrap::before,
section.object-map .scandi-map-wrap::after {
content: '';
position: absolute;
width: 32px;
height: 32px;
border: 1.5px solid #c19a5b;
pointer-events: none;
z-index: 4;
border-radius: 0;
box-shadow: 0 0 10px rgba(193, 154, 91, 0.45);
}
section.object-map .scandi-map-wrap::before {
top: -10px;
left: -10px;
border-right: 0;
border-bottom: 0;
}
section.object-map .scandi-map-wrap::after {
bottom: -10px;
right: -10px;
border-left: 0;
border-top: 0;
}
section.object-map .scandi-map-wrap__br,
section.object-map .scandi-map-wrap__tr {
position: absolute;
width: 32px;
height: 32px;
border: 1.5px solid #c19a5b;
pointer-events: none;
z-index: 4;
box-shadow: 0 0 10px rgba(193, 154, 91, 0.45);
}
section.object-map .scandi-map-wrap__tr {
top: -10px;
right: -10px;
border-left: 0;
border-bottom: 0;
}
section.object-map .scandi-map-wrap__br {
bottom: -10px;
left: -10px;
border-right: 0;
border-top: 0;
}
section.object-map .scandi-map-wrap__legend {
position: absolute;
top: 24px;
left: 24px;
z-index: 5;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 14px;
background: rgba(20, 16, 13, 0.82);
backdrop-filter: blur(10px) saturate(140%);
-webkit-backdrop-filter: blur(10px) saturate(140%);
border: 1px solid rgba(212, 173, 110, 0.45);
border-radius: 999px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
pointer-events: none;
box-shadow:
0 0 0 1px rgba(255, 230, 180, 0.06),
0 8px 22px rgba(0, 0, 0, 0.45);
}
section.object-map .scandi-map-wrap__legend::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: linear-gradient(135deg, #ffe5b8, #c19a5b);
box-shadow: 0 0 8px rgba(212, 173, 110, 0.60);
}
section.realty-tour,
.realty-tour {
background: #f5f1eb;
padding: 70px 0 90px;
margin-top: 0;
position: relative;
}
section.realty-tour::before,
.realty-tour::before { content: none; }
section.realty-tour::after,
.realty-tour::after { content: none; }
section.realty-tour > *,
.realty-tour > * {
position: relative;
z-index: 2;
}
section.realty-tour {
background: #14100d;
padding: 48px 0 100px;
}
section.our-works, .our-works,
section.object-map, .object-map,
section.realty-tour, .realty-tour {
background: #f5f1eb;
}
section.our-works,  .our-works  { padding: 80px 0 56px; }
section.object-map, .object-map { padding: 56px 0 56px; }
section.realty-tour, .realty-tour { padding: 56px 0 100px; }
.scandi-trio-link {
position: relative;
z-index: 6;
display: flex;
justify-content: center;
background: #f5f1eb;
margin: -26px 0;
padding: 0;
}
.scandi-trio-link::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 112px;
background: linear-gradient(180deg, rgba(166,124,58,0) 0%, rgba(166,124,58,.55) 24%, rgba(166,124,58,.55) 76%, rgba(166,124,58,0) 100%);
}
.scandi-trio-link__pill {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
}
.scandi-trio-link__arr {
width: 54px;
height: 54px;
flex: none;
border-radius: 50%;
background: #fffdf8;
border: 1px solid rgba(166,124,58,.40);
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
box-shadow: 0 14px 32px rgba(120,90,50,.16), inset 0 1px 0 rgba(255,255,255,.7);
transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.scandi-trio-link__pill:hover .scandi-trio-link__arr {
background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
border-color: transparent;
color: #1a120a;
-webkit-text-fill-color: #1a120a;
transform: translateY(4px);
box-shadow: 0 20px 42px rgba(120,90,50,.26);
}
@media (max-width: 600px) {
.scandi-trio-link { margin: -18px 0; }
.scandi-trio-link__arr { width: 46px; height: 46px; font-size: 18px; }
}
.catalog:has(review-lab),
.scandi-reviews {
background: #f5f1eb;
padding: 84px 0 92px;
}
.scandi-reviews .title-new { display: none; }
.scandi-reviews__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: clamp(24px, 4vw, 56px);
margin: 0 0 clamp(34px, 4vw, 52px);
flex-wrap: wrap;
}
.scandi-reviews__head-main { min-width: 0; }
.scandi-reviews__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
color: #a67c3a; -webkit-text-fill-color: #a67c3a;
margin: 0 0 16px; display: flex; align-items: center; gap: 14px;
}
.scandi-reviews__eyebrow::before {
content: ''; width: 44px; height: 1px; flex: none;
background: linear-gradient(90deg, #a67c3a, transparent);
}
.scandi-reviews__title {
font-family: var(--font-display, 'Manrope'), sans-serif !important;
font-size: clamp(30px, 3.6vw, 50px) !important;
font-weight: 300 !important;
letter-spacing: -0.02em !important;
line-height: 1.04 !important;
color: #14100d !important;
-webkit-text-fill-color: #14100d !important;
text-align: left !important;
margin: 0 !important;
}
.scandi-reviews__title b {
font-weight: 500;
background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
-webkit-background-clip: text; background-clip: text;
color: transparent; -webkit-text-fill-color: transparent;
}
.scandi-reviews__badge {
flex: none;
display: flex; flex-direction: column; align-items: flex-end;
padding: 16px 22px;
background: #fffdf8;
border: 1px solid rgba(166,124,58,.30);
border-top: 2px solid #c19a5b;
border-radius: 16px;
box-shadow: 0 14px 34px rgba(120,90,50,.12), inset 0 1px 0 rgba(255,255,255,.6);
}
.scandi-reviews__badge-top { display: flex; align-items: baseline; gap: 12px; }
.scandi-reviews__rate {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 38px; font-weight: 800; line-height: 1; letter-spacing: -.02em;
background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
-webkit-background-clip: text; background-clip: text;
color: transparent; -webkit-text-fill-color: transparent;
}
.scandi-reviews__stars { font-size: 16px; color: #c79a52; letter-spacing: 2px; }
.scandi-reviews__count {
font-size: 13px; color: #5a4d3a; -webkit-text-fill-color: #5a4d3a;
margin-top: 8px; letter-spacing: .02em;
}
.scandi-reviews .in {
background: #fffdf8;
border: 1px solid rgba(166,124,58,.26);
border-top: 2px solid #c19a5b;
border-radius: 20px;
padding: clamp(20px, 2.4vw, 38px);
box-shadow: 0 24px 60px rgba(120,90,50,.12), inset 0 1px 0 rgba(255,255,255,.55);
}
@media (max-width: 700px) {
.scandi-reviews__head { align-items: flex-start; }
.scandi-reviews__badge { flex-direction: row; align-items: center; gap: 12px; padding: 12px 18px; }
.scandi-reviews__count { margin-top: 0; }
}
section.realty-tour h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 300;
text-align: center;
margin-bottom: 48px;
color: #f3ecdc;
}
section.realty-tour h2 i {
font-style: normal;
background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
section.realty-tour .container-card {
background:
linear-gradient(135deg, rgba(212, 173, 110, 0.06) 0%, rgba(20, 16, 13, 0.55) 100%);
backdrop-filter: blur(24px) saturate(1.3);
-webkit-backdrop-filter: blur(24px) saturate(1.3);
border: 1px solid rgba(193, 154, 91, 0.28);
border-top: 2px solid #c19a5b;
border-radius: 14px;
padding: 48px;
box-shadow:
0 0 0 1px rgba(212, 173, 110, 0.10),
0 24px 48px rgba(0, 0, 0, 0.40);
}
section.build-stages,
.our-works,
.block-with-video,
section.realty-tour,
.mortgage-calling__inner {
position: relative;
}
div#cbform-get-catalog,
div#cbform-catalog,
section#cbform-get-catalog,
section#cbform-catalog,
div#cbform-catalog,
section#cbform-catalog,
div#cbform-architect,
section#cbform-architect,
#cbform-get-catalog,
#cbform-catalog,
#cbform-catalog,
#cbform-architect,
#cbform-sample,
#cbform-viewing,
.cbform-get-catalog,
.cbform-architect,
.cbform-sample,
.cbform-viewing,
.cbform:not(#catalog),
.about-company,
#about-company,
.discount-calculator,
.cert-container,
.mortgage-calling,
section.mortgage-calling,
.block-text,
section.block-text,
.seo-section,
section.seo-section,
.seo-section--alt,
section.seo-section--alt,
.seo-cta,
section.seo-cta,
.seo-team-block,
section.seo-team-block,
.geo-work-section,
section.geo-work-section,
.catalog.block-padding:not(#catalog) {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
background-size: 24px 24px, auto, auto;
background-color: #ebe1cd;
position: relative;
}
.block-with-video,
section.block-with-video,
.rate-quality,
section.rate-quality,
.rite-quality,
section.rite-quality,
.step2,
section.step2,
.step2-block,
.white-box,
section.white-box,
#white-box-default,
div#white-box-default,
.white-box-default,
section.white-box-default,
.complectations-block,
section.complectations-block,
.object-tour,
section.object-tour,
.seo-hero,
section.seo-hero,
.video-section,
section.video-section {
background:
radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
radial-gradient(ellipse 70% 50% at 20% 30%, rgba(193, 154, 91, 0.10) 0%, transparent 60%),
linear-gradient(180deg, #14100d 0%, #1a1410 100%);
background-size: 28px 28px, auto, auto;
background-color: #14100d;
position: relative;
}
section.build-stages h2 i,
section.build-stages h2 b,
section.our-works h2 i,
section.our-works h2 b,
section.block-with-video h2 i,
section.block-with-video h2 b,
section.realty-tour h2 i,
section.realty-tour h2 b,
.build-stages .section-title i,
.build-stages .section-title b,
.our-works .section-title i,
.our-works .section-title b,
.block-with-video .section-title i,
.block-with-video .section-title b,
.realty-tour .section-title i,
.realty-tour .section-title b {
background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
section.about-company h2 i,
section.about-company h2 b,
section.cert-container h2 i,
section.cert-container h2 b,
section.object-map h2 i,
section.object-map h2 b,
section.discount-calculator h2 i,
section.discount-calculator h2 b,
section.cbform h2 i,
section.cbform h2 b,
section.mortgage-calling .section-title i,
section.mortgage-calling .section-title b {
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
section.realty-tour .breadcrumbs,
section.our-works .breadcrumbs,
section.build-stages .breadcrumbs,
section.block-with-video .breadcrumbs {
color: rgba(243, 236, 220, 0.55);
}
section.block-text,
.block-text {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%);
background-size: 26px 26px, auto;
padding: 80px 0;
}
.block-text h2,
.block-text h3,
section.block-text h2,
section.block-text h3 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-weight: 300;
letter-spacing: -0.02em;
color: #1a1410;
margin-bottom: 20px;
}
.block-text h2 i,
.block-text h2 b,
section.block-text h2 i,
section.block-text h2 b {
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
font-style: normal;
}
.block-text p,
section.block-text p,
.block-text li,
section.block-text li {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 15px;
line-height: 1.75;
color: #4a4035;
-webkit-text-fill-color: #4a4035;
margin-bottom: 14px;
}
.block-text strong,
section.block-text strong,
.block-text b,
section.block-text b {
color: #1a1410;
-webkit-text-fill-color: #1a1410;
font-weight: 700;
}
.block-text a,
section.block-text a {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
text-decoration: none;
border-bottom: 1px solid rgba(166, 124, 58, 0.30);
transition: color 0.3s ease, border-color 0.3s ease;
}
.block-text a:hover,
section.block-text a:hover {
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
border-color: #c19a5b;
}
@media (max-width: 768px) {
section.realty-tour .container-card,
.mortgage-calling__inner,
.cbform__inner {
padding: 24px;
}
}
.object-map__map,
section.object-map .map,
section.object-map [class*="map-"]:not(.map-icon),
section.object-map iframe {
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(166, 124, 58, 0.28);
box-shadow: 0 16px 40px rgba(120, 90, 50, 0.18);
}
section.cbform-get-catalog > *,
section.cbform-architect > *,
section.cbform-sample > *,
section.cbform-viewing > *,
section.about-company > *,
section.discount-calculator > *,
section.cert-container > *,
section.object-map > *,
section.mortgage-calling > *,
section.block-text > *,
section.build-stages > *,
section.realty-tour > *,
.our-works > *,
.block-with-video > * {
position: relative;
z-index: 1;
}
body.scandi-no-hero section:not([id]):not([class*="top"]):not([class*="footer"]):not(.realty-tour):not(.our-works):not(.build-stages):not(.block-with-video):not(.rate-quality):not(.video-section):not([class*="seo-hero"]):not([class*="step2"]):not([class*="step-"]) {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.92) 0%, rgba(245, 235, 215, 0.85) 100%);
backdrop-filter: blur(12px) saturate(1.2);
-webkit-backdrop-filter: blur(12px) saturate(1.2);
border: 1px solid rgba(166, 124, 58, 0.22);
border-top: 2px solid #a67c3a;
border-radius: 14px;
padding: 28px 32px;
margin: 0 auto 16px;
max-width: 1200px;
box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}
section.build-stages > .container::before,
section.our-works > .container::before,
section.about-company > .container::before,
section.realty-tour > .container::before,
section.block-with-video > .container::before {
content: '';
display: block;
width: 60px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
margin: 0 auto 32px;
}
section.build-stages .container,
section.our-works .container,
section.about-company .container,
section.block-with-video .container,
section.realty-tour .container,
section.cert-container .container,
section.object-map .container,
section.mortgage-calling .container,
section.discount-calculator .container,
section.cbform .container,
section.cbform-architect .container,
section.cbform-sample .container,
section.cbform-viewing .container,
section.block-text .container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
section.build-stages p,
section.our-works p,
section.block-with-video p,
section.realty-tour p,
section.rate-quality p {
color: #c4b89f;
-webkit-text-fill-color: #c4b89f;
line-height: 1.65;
}
section.build-stages .section-title::after,
section.our-works .section-title::after,
section.about-company .section-title::after,
section.block-with-video .section-title::after,
section.cert-container .section-title::after,
section.realty-tour .section-title::after {
content: '';
display: block;
width: 80px;
height: 2px;
background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 100%);
margin: 18px auto 0;
border-radius: 2px;
}
section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
section.realty-tour .breadcrumbs a,
section.our-works .breadcrumbs a,
section.build-stages .breadcrumbs a,
section.block-with-video .breadcrumbs a {
color: rgba(243, 236, 220, 0.75);
-webkit-text-fill-color: rgba(243, 236, 220, 0.75);
}
section.realty-tour + .cbform,
.realty-tour + .cbform,
.block-with-video + .cert-container,
.our-works + section.object-map {
position: relative;
}
.block-text,
section.block-text {
background:
radial-gradient(circle, rgba(166, 124, 58, 0.04) 1px, transparent 1.5px),
linear-gradient(180deg, #f5efe1 0%, #ece2c9 60%, #e0d2af 100%);
background-size: 28px 28px, auto;
padding: 40px 0 60px;
position: relative;
}
.block-text .container {
max-width: 980px;
padding: 0 32px;
}
.block-text .block-text-wrapper,
.block-text .in,
.block-text .left-full {
background: transparent;
padding: 0;
margin: 0;
border: 0;
box-shadow: none;
}
.block-text .text-in[style*="none"] {
display: none;
}
.block-text .scandi-seo {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(250, 243, 225, 0.92) 100%);
border: 1px solid rgba(166, 124, 58, 0.24);
border-radius: 14px;
box-shadow:
0 8px 24px rgba(120, 90, 50, 0.10),
0 2px 8px rgba(120, 90, 50, 0.06);
position: relative;
overflow: hidden;
}
.block-text .scandi-seo::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(166, 124, 58, 0.45) 50%, transparent);
z-index: 2;
pointer-events: none;
}
.block-text .scandi-seo__inner {
padding: 56px 64px 48px;
position: relative;
}
@media (max-width: 991px) {
.block-text .scandi-seo__inner {
padding: 40px 28px 32px;
}
}
.block-text .scandi-seo__eyebrow {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
background: rgba(212, 173, 110, 0.12);
border: 1px solid rgba(166, 124, 58, 0.38);
border-radius: 999px;
padding: 4px 12px;
margin: 0 0 18px;
display: inline-flex;
align-items: center;
width: auto;
align-self: flex-start;
}
.block-text .scandi-seo__eyebrow::before {
content: none;
display: none;
}
.block-text .scandi-seo__title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(28px, 3.4vw, 40px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.15;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
margin: 0 0 28px;
}
.block-text .scandi-seo__title b,
.block-text .scandi-seo__title i {
font-style: normal;
font-weight: 700;
background: linear-gradient(135deg, #a67c3a, #c19a5b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.block-text .scandi-seo__lead p {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4035;
-webkit-text-fill-color: #4a4035;
margin: 0 0 14px;
letter-spacing: 0.01em;
}
.block-text .scandi-seo__rest {
position: relative;
overflow: hidden;
transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1);
max-height: 9999px;
}
.block-text .scandi-seo__rest[data-collapsed="1"] {
max-height: 0;
}
.block-text .scandi-seo__rest h2 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: clamp(20px, 2vw, 24px);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.25;
color: #1f1612;
-webkit-text-fill-color: #1f1612;
margin: 32px 0 12px;
padding-left: 16px;
border-left: 2px solid #c19a5b;
}
.block-text .scandi-seo__rest h3 {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 17px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.35;
color: #2a201a;
-webkit-text-fill-color: #2a201a;
margin: 24px 0 8px;
}
.block-text .scandi-seo__rest p,
.block-text .scandi-seo__rest li {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.7;
color: #574a39;
-webkit-text-fill-color: #574a39;
margin: 0 0 12px;
}
.block-text .scandi-seo__rest a {
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
text-decoration: none;
border-bottom: 1px solid rgba(166, 124, 58, 0.35);
transition: color 0.3s ease, border-color 0.3s ease;
}
.block-text .scandi-seo__rest a:hover {
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
border-bottom-color: #c19a5b;
}
.block-text .scandi-seo__toggle {
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 22px;
padding: 12px 22px;
background: transparent;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
border: 1px solid rgba(166, 124, 58, 0.50);
border-radius: 999px;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.block-text .scandi-seo__toggle:hover {
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
border-color: transparent;
color: #14100d;
-webkit-text-fill-color: #14100d;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
}
.block-text .scandi-seo__toggle-icon {
display: inline-block;
transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
font-size: 14px;
}
.block-text .scandi-seo__toggle[aria-expanded="true"] .scandi-seo__toggle-icon {
transform: rotate(180deg);
}
.block-text:has(.scandi-seo) > .container > h2,
.block-text:has(.scandi-seo) > .container > h3,
.block-text:has(.scandi-seo) .left-full > h2:not(.scandi-seo__title),
.block-text:has(.scandi-seo) .left-full > h3:not(.scandi-seo__title),
.block-text:has(.scandi-seo) .scandi-seo__lead h2,
.block-text:has(.scandi-seo) .scandi-seo__lead h3,
.block-text:has(.scandi-seo) .scandi-seo__lead h4 {
display: none;
}
.scandi-cat { position: relative; }
.scandi-cat .container { max-width: 1200px; }
.scandi-cat__title {
font-family: var(--font-ui, 'Manrope', sans-serif);
font-size: clamp(30px, 4vw, 46px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.12;
color: #1a1410;
margin: 0 0 36px;
}
.scandi-cat__gold {
background: linear-gradient(135deg, #e6c285, #d4ad6e 35%, #c19a5b 65%, #a67c3a);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.scandi-cat__row { position: relative; }
.scandi-cat__visual {
margin-right: 24%;
aspect-ratio: 16 / 11;
}
.scandi-cat__visual img {
display: block; width: 100%; height: 100%;
object-fit: contain;
filter: drop-shadow(0 26px 40px rgba(40, 26, 12, 0.30)) drop-shadow(0 8px 14px rgba(40, 26, 12, 0.18));
}
.scandi-cat__formwrap {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 42%;
max-width: 450px;
z-index: 3;
}
.scandi-cat__form {
position: relative;
box-sizing: border-box;
background: linear-gradient(180deg, #fffdf8, #f6ecd6);
border: 1px solid rgba(193, 154, 91, 0.32);
border-radius: 18px;
padding: 28px 28px 26px;
box-shadow: 0 40px 70px -20px rgba(40, 26, 12, 0.45), 0 12px 26px rgba(40, 26, 12, 0.22);
display: flex;
flex-direction: column;
gap: 14px;
}
.scandi-cat__form::before {
content: '';
position: absolute;
top: -34px;
left: 28px;
width: 26px;
height: 72px;
z-index: 4;
pointer-events: none;
transform: rotate(-9deg);
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 72' fill='none'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='72' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23f0d5a3'/><stop offset='0.25' stop-color='%23d4ad6e'/><stop offset='0.55' stop-color='%23c19a5b'/><stop offset='1' stop-color='%23956a2a'/></linearGradient></defs><path d='M 17 4 C 21.5 4, 23 6.5, 23 11 L 23 58 C 23 64, 19 68, 13 68 C 7 68, 3 64, 3 58 L 3 16 C 3 11, 5.5 8, 9.5 8 C 13.5 8, 16 11, 16 16 L 16 52' stroke='%2380572a' stroke-width='2.6' stroke-linecap='round' fill='none' opacity='0.35' transform='translate(1 1.5)'/><path d='M 17 4 C 21.5 4, 23 6.5, 23 11 L 23 58 C 23 64, 19 68, 13 68 C 7 68, 3 64, 3 58 L 3 16 C 3 11, 5.5 8, 9.5 8 C 13.5 8, 16 11, 16 16 L 16 52' stroke='url(%23g)' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M 17 5 C 20 5, 22 7, 22 10' stroke='%23fff5dc' stroke-width='0.6' stroke-linecap='round' fill='none' opacity='0.7'/></svg>") center / contain no-repeat;
filter: drop-shadow(2px 4px 3px rgba(80, 56, 30, 0.25)) drop-shadow(0 1px 1px rgba(80, 56, 30, 0.15));
}
.scandi-cat__form-title {
font-family: var(--font-ui, 'Manrope', sans-serif);
font-size: 22px;
font-weight: 700;
letter-spacing: -0.01em;
color: #1a1410;
margin: 0;
}
.scandi-cat__form-sub { margin: 0; font-size: 14px; line-height: 1.6; color: #2a2018; }
.scandi-cat__form-sub b {
font-weight: 700;
background: linear-gradient(135deg, #e6c285, #d4ad6e 35%, #c19a5b 65%, #a67c3a);
-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.scandi-cat__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.scandi-cat__field label {
display: block;
font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
color: #6b5f54; margin-bottom: 6px;
}
.scandi-cat__field input,
.scandi-cat__field select {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(193, 154, 91, 0.32);
color: #1a1410;
padding: 12px 14px;
border-radius: 10px;
font-size: 14px;
font-family: inherit;
}
.scandi-cat__field input:focus,
.scandi-cat__field select:focus {
outline: none;
border-color: #c19a5b;
background: #fff;
box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.18);
}
.scandi-cat__btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
width: 100%;
font-family: inherit; font-weight: 700; letter-spacing: 0.04em; font-size: 13px; line-height: 1;
border: 0; border-radius: 12px; cursor: pointer; padding: 16px 28px;
background: linear-gradient(135deg, #e6c285, #d4ad6e 35%, #c19a5b 65%, #a67c3a);
color: #1a1410;
box-shadow: 0 8px 22px rgba(166, 124, 58, 0.28);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-top: 2px;
}
.scandi-cat__btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(166, 124, 58, 0.38); }
.scandi-cat__btn svg { stroke: currentColor; }
.scandi-cat__legal { font-size: 11px; color: #6b5f54; line-height: 1.55; margin: 0; }
.scandi-cat__legal a { color: #a67c3a; }
.scandi-cat { padding: clamp(28px, 3vw, 44px) 0 clamp(28px, 3vw, 44px); }
.scandi-cat__callout {
display: flex; flex-direction: column; align-items: center; gap: 6px;
margin: clamp(20px, 2.5vw, 32px) 0 0;
text-align: center;
}
.scandi-cat__callout span {
max-width: 420px;
font-family: 'Caveat', 'Cormorant Garamond', cursive;
font-weight: 600;
font-size: clamp(28px, 3vw, 38px);
line-height: 1.15;
color: #a67c3a;
}
.scandi-cat__callout svg { color: #c19a5b; margin-top: 2px; }
@media (max-width: 980px) {
.scandi-cat__visual { margin-right: 0; aspect-ratio: 16 / 10; }
.scandi-cat__formwrap {
position: relative; right: auto; top: auto; transform: none;
width: 100%; max-width: none; margin: -44px auto 0;
}
.scandi-cat__form::before { left: 50%; margin-left: -13px; }
.scandi-cat__callout { margin-top: 24px; }
}
footer,
footer {
background: #14100d;
border-top: 1px solid rgba(193, 154, 91, 0.18);
color: #d8cfba;
padding: 56px 0 0;
}
footer .left .copyright .desc,
footer .left .copyright .desc.b-title,
footer .left .copyright .desc * {
display: none;
}
footer .right .bottom .contacts-items {
display: none;
}
footer .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
footer .container .in {
display: grid;
grid-template-columns: 1.4fr 1fr 1.2fr;
column-gap: 64px;
row-gap: 0;
align-items: start;
width: 100%;
}
@media (max-width: 991px) {
footer .container .in {
grid-template-columns: 1fr 1fr;
column-gap: 32px;
row-gap: 32px;
}
}
@media (max-width: 600px) {
footer .container .in {
grid-template-columns: 1fr;
row-gap: 28px;
}
}
footer .left {
display: flex;
flex-direction: column;
gap: 18px;
width: 100%;
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
float: none;
}
@media (max-width: 768px) {
footer .left {
padding-bottom: 24px;
border-bottom: 1px solid rgba(193,154,91,0.12);
margin-bottom: 8px;
}
}
footer .left .site-logo {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
footer .left .site-logo img {
display: none;
}
footer .left .site-logo::before {
content: none;
}
footer .left .site-logo__emblem { display: block; width: 52px; height: 52px; background-size: contain; background-position: center; background-repeat: no-repeat; flex: 0 0 auto; }
footer .left .site-logo .b-title,
footer .left .site-logo span.b-title.bt16.bold {
display: inline-block;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.025em;
color: #f3ecdc;
text-transform: none;
white-space: nowrap;
margin-left: 0;
padding-left: 0;
}
footer .left .site-logo .b-title i,
footer .left .site-logo span.b-title i {
display: inline;
font-style: normal;
color: #c19a5b;
background: transparent;
-webkit-text-fill-color: #c19a5b;
}
footer .left .site-logo .b-title br {
display: none;
}
.modal-parent {
display: none;
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 100000; text-align: left;
width: 540px; max-width: calc(100% - 32px); max-height: calc(100vh - 40px);
}
.modal-parent .modal-wrapper { position: relative; }
.modal-parent .in {
background: #fffdf8; border-radius: 20px; border-top: 3px solid #c19a5b;
box-shadow: 0 50px 120px -20px rgba(0,0,0,0.55), 0 0 0 1px rgba(193,154,91,0.18);
padding: 38px 40px; overflow: auto; max-height: calc(100vh - 60px);
}
.modal-parent .modal-title { font: 700 23px/1.25 'Manrope', sans-serif; color: #14100d; letter-spacing: -0.01em; }
.modal-parent .modal-subtitle { font: 400 14px/1.55 'Manrope', sans-serif; color: #7a6a4e; margin-top: 10px; }
.modal-parent .form-style { margin-top: 22px; }
.modal-parent .form-style .f-items { display: flex; gap: 14px; flex-wrap: wrap; }
.modal-parent .form-style .f-items-left,
.modal-parent .form-style .f-items-right { flex: 1 1 100%; display: flex; flex-direction: column; gap: 14px; }
.modal-parent .form-style .f-item { flex: 1 1 100%; margin: 0; }
.modal-parent .form-style .input-wrapper { position: relative; }
.modal-parent .form-style input[type="text"],
.modal-parent .form-style input[type="tel"],
.modal-parent .form-style input[type="email"],
.modal-parent .form-style textarea {
width: 100%; background: #fff; border: 1px solid rgba(166,124,58,0.30); border-radius: 12px;
padding: 14px 16px; font: 400 15px/1.3 'Manrope', sans-serif; color: #1f1612; outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.modal-parent .form-style input:focus,
.modal-parent .form-style textarea:focus { border-color: #c19a5b; box-shadow: 0 0 0 3px rgba(193,154,91,0.15); }
.modal-parent .form-style textarea { min-height: 92px; resize: vertical; }
.modal-parent .form-style .input-wrapper svg { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; fill: #b89a6a; pointer-events: none; }
.modal-parent .form-style .styled-btn {
width: 100%; padding: 15px 28px; border: 0; border-radius: 30px; cursor: pointer;
background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a); color: #1a120a;
font: 600 14px/1 'Manrope', sans-serif; letter-spacing: .04em; box-shadow: 0 12px 26px rgba(166,124,58,0.3);
transition: transform .2s ease, box-shadow .2s ease;
}
.modal-parent .form-style .styled-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166,124,58,0.42); }
.modal-parent .privacy-policy,
.modal-parent .terms { font: 400 11px/1.45 'Manrope', sans-serif; color: #8a7a5e; margin-top: 12px; }
.modal-parent .privacy-policy a,
.modal-parent .terms a { color: #8a5a1f; }
.modal-parent .modal-close {
position: absolute; right: 0; bottom: calc(100% + 12px); width: 36px; height: 36px; cursor: pointer;
background: rgba(20,14,9,0.55); border-radius: 50%; display: flex; align-items: center; justify-content: center;
backdrop-filter: blur(4px); transition: background .2s ease;
}
.modal-parent .modal-close svg { width: 15px; height: 15px; fill: #fff; }
.modal-parent .modal-close:hover { background: rgba(20,14,9,0.85); }
.bg-overlay-modal { position: fixed; inset: 0; background: rgba(20,14,9,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 99999; opacity: 1; visibility: visible; }
.scandi-callpop { position: fixed; inset: 0; z-index: 100000; display: none; }
.scandi-callpop.is-open { display: block; }
.scandi-callpop__backdrop { position: absolute; inset: 0; background: rgba(20,14,9,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity .3s ease; }
.scandi-callpop.is-open .scandi-callpop__backdrop { opacity: 1; }
.scandi-callpop__dialog {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -45%);
width: 480px; max-width: calc(100% - 32px); max-height: calc(100vh - 40px); overflow: auto;
opacity: 0; transition: transform .42s cubic-bezier(.22,1,.32,1), opacity .3s ease;
border-radius: 20px;
}
.scandi-callpop.is-open .scandi-callpop__dialog { transform: translate(-50%, -50%); opacity: 1; }
.scandi-callpop__close {
position: absolute; top: 16px; right: 16px; z-index: 5; width: 38px; height: 38px; border: 0; border-radius: 50%;
background: rgba(20,14,9,0.08); color: #5a4d3a; font: 400 24px/1 'Manrope', sans-serif; cursor: pointer;
display: flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease;
}
.scandi-callpop__close:hover { background: rgba(166,124,58,0.22); color: #14100d; }
.scandi-callpop .scandi-form { padding: 0 !important; background: none !important; margin: 0 !important; }
.scandi-callpop .scandi-form .container { padding: 0 !important; max-width: none !important; width: 100% !important; }
.scandi-callpop .scandi-form__card { width: 100% !important; max-width: none !important; margin: 0 !important; }
.scandi-callpop .scandi-form__media { display: none !important; }
.scandi-callpop .scandi-form__card { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
.scandi-callpop .scandi-form__fields { grid-template-columns: minmax(0, 1fr) !important; }
.scandi-callpop .scandi-form__card,
.scandi-callpop .scandi-form__content,
.scandi-callpop .scandi-form__form,
.scandi-callpop .scandi-form__fields { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
@media (max-width: 560px) { .scandi-callpop__dialog { width: calc(100% - 24px); } }
.scandi-video-iframe.scandi-iframe--min {
display: none;
}
footer .left .site-logo span span {
padding: 0;
margin: 0;
}
footer .left .copyright {
display: flex;
flex-direction: column;
gap: 14px;
}
footer .left .copyright .title {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #c19a5b;
line-height: 1;
}
footer .left .copyright .desc {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.6;
color: #786e60;
letter-spacing: 0;
margin: 0;
}
footer .left .copyright .privacy-policy {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 500;
color: #c19a5b;
text-decoration: none;
border-bottom: 1px solid rgba(193, 154, 91, 0.4);
align-self: flex-start;
padding-bottom: 1px;
transition: color 0.2s ease, border-color 0.2s ease;
}
footer .left .copyright .privacy-policy:hover {
color: #d4ad6e;
border-color: #d4ad6e;
}
footer .right {
display: contents;
}
footer .right .top {
border-bottom: none;
padding-bottom: 0;
}
footer .right .top .menu {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}
footer .right .top .menu li {
text-align: left;
width: 100%;
}
footer .right .top .menu li {
list-style: none;
}
footer .right .top .menu li a {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
font-weight: 500;
color: #d8cfba;
text-decoration: none;
letter-spacing: -0.01em;
line-height: 1.4;
transition: color 0.2s ease, padding-left 0.2s ease;
display: inline-block;
}
footer .right .top .menu li a:hover {
color: #c19a5b;
padding-left: 4px;
}
footer .right .bottom .contacts-items {
display: flex;
flex-direction: column;
gap: 16px;
}
footer .right .bottom .contacts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
@media (max-width: 768px) {
footer .right .bottom .contacts {
grid-template-columns: 1fr;
gap: 20px;
}
}
footer .right .bottom .contacts .item {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.7;
color: #a89c8a;
}
footer .right .bottom .contacts .item .b-title {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 13px;
color: #a89c8a;
}
footer .right .bottom .contacts .item b {
font-weight: 600;
color: #c19a5b;
letter-spacing: 0.06em;
text-transform: uppercase;
font-size: 11px;
}
footer .right .bottom .contacts .item a {
color: #f3ecdc;
font-weight: 500;
text-decoration: none;
transition: color 0.2s ease;
}
footer .right .bottom .contacts .item a:hover {
color: #c19a5b;
}
footer .scandi-feye {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #c19a5b;
margin-bottom: 18px;
line-height: 1;
display: block;
}
footer .scandi-subfooter {
margin-top: 48px;
padding: 22px 0;
border-top: 1px solid rgba(193, 154, 91, 0.12);
background: rgba(0, 0, 0, 0.18);
}
footer .scandi-subfooter__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap;
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #786e60;
}
footer .scandi-subfooter__copy {
flex: 0 0 auto;
}
footer .scandi-subfooter__priv {
color: #a89c8a;
text-decoration: none;
transition: color 0.2s ease;
flex: 0 0 auto;
}
footer .scandi-subfooter__priv:hover {
color: #c19a5b;
}
footer .copyright + a[href*="d4b"],
footer img[src*="d4b"],
footer a[href*="d4b"],
footer .d4b,
footer [class*="d4b"] {
display: none;
}
footer .scandi-fcontact {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
footer .scandi-fcontact__phones {
display: flex;
flex-direction: column;
gap: 10px;
}
footer .scandi-fcontact__phone {
display: flex;
flex-direction: column;
text-decoration: none;
color: #f3ecdc;
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.2;
transition: color 0.2s ease;
gap: 2px;
}
footer .scandi-fcontact__phone:hover {
color: #c19a5b;
}
footer .scandi-fcontact__city {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #c19a5b;
display: block;
margin-bottom: 1px;
}
footer .scandi-fcontact__email {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 13px;
font-weight: 500;
color: #d8cfba;
text-decoration: none;
border-bottom: 1px solid rgba(193, 154, 91, 0.3);
padding-bottom: 1px;
align-self: flex-start;
transition: color 0.2s ease, border-color 0.2s ease;
}
footer .scandi-fcontact__email:hover {
color: #c19a5b;
border-color: #c19a5b;
}
footer .scandi-fcontact__msgs {
display: flex;
gap: 8px;
}
footer .scandi-fcontact__msg {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 999px;
border: 1px solid rgba(193, 154, 91, 0.3);
color: #c19a5b;
background: transparent;
text-decoration: none;
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
footer .scandi-fcontact__msg:hover {
border-color: #c19a5b;
background: rgba(193, 154, 91, 0.1);
color: #d4ad6e;
}
footer .scandi-fcontact__msg svg {
fill: currentColor;
}
footer .scandi-fcontact__hours {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #786e60;
line-height: 1.6;
margin-top: 4px;
}
footer .right .bottom {
display: block;
}
.social-icons a,
.social-links a,
.social a,
footer [class*="social"] a {
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(212, 173, 110, 0.18), rgba(166, 124, 58, 0.08));
border: 1px solid rgba(193, 154, 91, 0.28);
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.social-icons a:hover,
.social-links a:hover,
.social a:hover,
footer [class*="social"] a:hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
border-color: rgba(255, 230, 180, 0.40);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40);
}
footer#footer,
footer.scandi-fenh,
footer.site-footer,
footer.footer,
#colophon,
.site-footer {
background:
radial-gradient(circle, rgba(212, 173, 110, 0.06) 1px, transparent 1.5px),
linear-gradient(180deg, #1a1410 0%, #0c0805 100%);
background-size: 28px 28px, auto;
color: #d8cfba;
padding: 80px 0 32px;
position: relative;
border-top: 1px solid rgba(193, 154, 91, 0.18);
}
footer h3,
footer h4,
footer .widget-title,
footer .footer-title {
font-family: var(--font-display, 'Manrope'), sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
margin-bottom: 20px;
}
footer p,
footer li,
footer a {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 14px;
line-height: 1.65;
}
footer a {
color: #d8cfba;
-webkit-text-fill-color: #d8cfba;
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
body.scandi-no-hero section:not([id]):not([class*="top"]):not([class*="footer"]):not(.realty-tour):not(.our-works):not(.build-stages):not(.block-with-video):not(.rate-quality):not(.video-section):not([class*="seo-hero"]):not([class*="step2"]):not([class*="step-"]) {
background:
linear-gradient(135deg, rgba(255, 252, 245, 0.92) 0%, rgba(245, 235, 215, 0.85) 100%);
backdrop-filter: blur(12px) saturate(1.2);
-webkit-backdrop-filter: blur(12px) saturate(1.2);
border: 1px solid rgba(166, 124, 58, 0.22);
border-top: 2px solid #a67c3a;
border-radius: 14px;
padding: 28px 32px;
margin: 0 auto 16px;
max-width: 1200px;
box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}
.review-lab-widget .review__footer {
margin-top: auto;
padding-top: 12px;
border-top: 1px solid rgba(166, 124, 58, 0.18);
}
.review-lab-widget .widget__footer {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
margin-top: 32px;
}
.review-lab-widget .navigator,
.review-lab-widget .widget__footer button:not(.widget__point) {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(193, 154, 91, 0.40);
background: transparent;
color: #a67c3a;
-webkit-text-fill-color: #a67c3a;
font-size: 18px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 0;
}
.review-lab-widget .navigator:hover,
.review-lab-widget .widget__footer button:not(.widget__point):hover {
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
color: #14100d;
-webkit-text-fill-color: #14100d;
border-color: transparent;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(193, 154, 91, 0.40);
}
footer .site-logo img,
.scandi-fenh .site-logo img,
footer.scandi-fenh .left .site-logo img {
filter: brightness(0) invert(1);
opacity: 0.9;
max-height: 40px;
width: auto;
display: inline-block;
}
.step2 .compl-card .compl-accordion-item { background: none; border: 0; border-bottom: 1px dashed rgba(193,154,91,0.28); border-radius: 0; margin: 0; padding: 0; box-shadow: none; min-height: 0; }
.step2 .compl-card .compl-accordion-item:last-child { border-bottom: 0; }
.step2 .compl-card .compl-accordion-header { display: flex; align-items: center; gap: 8px; padding: 6px 0; margin: 0; height: auto; min-height: 0; line-height: 1; background: none; border: 0; color: #f3ecdc; font: 600 13px/1.2 'Manrope', sans-serif; cursor: pointer; }
.step2 .compl-card .compl-accordion-icon { width: 16px; height: 16px; min-width: 0; min-height: 0; max-width: 16px; max-height: 16px; padding: 0; margin: 0; background: none; border: 0; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; color: #d4ad6e; }
.step2 .compl-card .compl-accordion-icon svg { width: 14px; height: 14px; color: inherit; stroke: currentColor; }
.step2 .compl-card .compl-accordion-toggle { width: 16px; height: 16px; min-width: 0; min-height: 0; max-width: 16px; max-height: 16px; margin: 0 0 0 auto; padding: 0; background: none; border: 0; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; color: #d4ad6e; transition: transform .25s ease; }
.step2 .compl-card .compl-accordion-toggle svg { width: 12px; height: 12px; color: inherit; stroke: currentColor; }
.step2 .compl-card .compl-accordion-item.active .compl-accordion-toggle { transform: rotate(180deg); }
.step2 .compl-card .compl-accordion-item.active .compl-accordion-header,
.step2 .compl-card .compl-accordion-item.active .compl-accordion-title { color: #ffe5b8; }
.step2 .compl-card .compl-accordion-title { flex: 1; background: none; color: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; padding: 0; margin: 0; }
.step2 .compl-card .compl-accordion-body { display: none; padding: 0 0 8px 24px; margin: 0; background: none; font: 400 13px/1.55 'Manrope', sans-serif; color: rgba(243,236,220,0.72); }
.step2 .compl-card .compl-accordion-item.active .compl-accordion-body { display: block; }
.step2 .compl-card .compl-accordion-body b, .step2 .compl-card .compl-accordion-body strong { color: #ffe5b8; font-weight: 700; }
.step2 .compl-card .compl-accordion-body ul, .step2 .compl-card .compl-accordion-body ol { list-style: none; margin: 4px 0; padding: 0; }
.step2 .compl-card .compl-accordion-body li { position: relative; padding: 0 0 0 14px; margin: 2px 0; line-height: 1.45; list-style: none; }
.step2 .compl-card .compl-accordion-body li::marker { content: ''; color: transparent; }
.step2 .compl-card .compl-accordion-body li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(135deg, #e6c285, #c19a5b); box-shadow: 0 0 0 1px rgba(193,154,91,0.25); }
.compl-card .compl-expand-hint svg,
.compl-card .compl-guarantee svg { width: 16px; height: 16px; flex: 0 0 auto; }
.compl-card .compl-expand-hint,
.compl-card .compl-guarantee { display: flex; align-items: center; gap: 8px; }
.catalog:not(#catalog) .catalog-item .scandi-specs-row svg,
.catalog:not(#catalog) .catalog-item .info-item svg,
.catalog:not(#catalog) .catalog-item .card-area-badge svg { width: 18px; height: 18px; flex: 0 0 auto; }
.catalog:not(#catalog) .catalog-item .card-arrow svg { width: 20px; height: 20px; flex: 0 0 auto; }
.catalog:not(#catalog) .in > .items,
.catalog:not(#catalog) .items {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
align-items: stretch;
}
.catalog:not(#catalog) .items .catalog-item {
position: relative; display: flex; flex-direction: column;
background: #fffdf8; border: 1px solid rgba(166,124,58,0.16); border-radius: 18px;
overflow: hidden; text-decoration: none; color: inherit;
box-shadow: 0 10px 30px -18px rgba(70,48,18,0.30);
transition: transform .4s cubic-bezier(.22,1,.32,1), box-shadow .4s ease;
}
.catalog:not(#catalog) .items .catalog-item:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -22px rgba(70,48,18,0.42); }
.catalog:not(#catalog) .items .catalog-item .image { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #ece3d2; }
.catalog:not(#catalog) .items .catalog-item .image img,
.catalog:not(#catalog) .items .catalog-item .image video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.catalog:not(#catalog) .items .catalog-item .card-area-badge { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: baseline; gap: 3px; background: rgba(20,14,9,0.62); color: #f3ecdc; font: 600 12px/1 'Manrope', sans-serif; padding: 7px 11px; border-radius: 30px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.catalog:not(#catalog) .items .catalog-item .desc { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 20px; flex: 1; }
.catalog:not(#catalog) .items .catalog-item .title { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0; }
.catalog:not(#catalog) .items .catalog-item .title-code { font: 800 19px/1 'Manrope', sans-serif; color: #9a6b22; letter-spacing: -0.01em; }
.catalog:not(#catalog) .items .catalog-item .scandi-specs-row { display: flex; }
.catalog:not(#catalog) .items .catalog-item .scandi-specs-row .info { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.catalog:not(#catalog) .items .catalog-item .info-item { display: flex; align-items: center; gap: 6px; color: #5a4d3a; font-size: 13px; }
.catalog:not(#catalog) .items .catalog-item .info-num { font-weight: 700; color: #1f1612; }
.catalog:not(#catalog) .items .catalog-item .info-unit { color: #8a7a5e; }
.catalog:not(#catalog) .items .catalog-item .info-item svg { color: #a67c3a; }
.catalog:not(#catalog) .items .catalog-item .scandi-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.catalog:not(#catalog) .items .catalog-item .scandi-card-style { font: 500 12px/1 'Manrope', sans-serif; color: #8a7a5e; }
.catalog:not(#catalog) .items .catalog-item .info-price { margin-top: auto; }
.catalog:not(#catalog) .items .catalog-item .info-price .b-title { font: 800 18px/1.1 'Manrope', sans-serif; color: #1f1612; }
.catalog:not(#catalog) .items .catalog-item .info-price b { font-weight: 800; }
.catalog:not(#catalog) .items .catalog-item.item-title { background: linear-gradient(160deg,#1a140d,#2a2013); color: #f3ecdc; justify-content: center; align-items: flex-start; padding: 28px; }
.catalog:not(#catalog) .items .catalog-item.item-title .title { color: #ffe5b8; font-weight: 700; display: block; }
@media (max-width: 980px) { .catalog:not(#catalog) .items { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 600px) { .catalog:not(#catalog) .items { grid-template-columns: 1fr !important; } }
.catalog:not(#catalog) .catalog-item { position: relative; }
.catalog:not(#catalog) .catalog-item .scandi-card-overlay {
position: absolute; left: 0; right: 0; bottom: 0; top: auto;
display: flex; align-items: stretch; height: 58px; padding: 0; margin: 0;
background: linear-gradient(180deg, rgba(20,16,13,0) 0%, rgba(20,16,13,0.78) 35%, rgba(20,16,13,0.94) 100%);
-webkit-backdrop-filter: blur(8px) saturate(1.05); backdrop-filter: blur(8px) saturate(1.05);
transform: translateY(100%); opacity: 0;
transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .3s ease;
pointer-events: none; z-index: 5; border-top: 1px solid rgba(212,173,110,0.28);
}
.catalog:not(#catalog) .catalog-item .image { position: relative; }
.catalog:not(#catalog) .catalog-item:hover .scandi-card-overlay,
.catalog:not(#catalog) .catalog-item:focus-within .scandi-card-overlay { transform: translateY(0); opacity: 1; }
.catalog:not(#catalog) .catalog-item .scandi-card-overlay__btn {
pointer-events: auto; flex: 1 1 50%; display: inline-flex; align-items: center; justify-content: center;
gap: 6px; padding: 0 14px; margin: 0; background: transparent; border: 0; cursor: pointer;
color: #f5e9d4; font: 500 12px/1 'Manrope', sans-serif; letter-spacing: 0.18em; text-transform: uppercase;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .25s ease, letter-spacing .3s ease;
text-shadow: 0 1px 3px rgba(0,0,0,0.55);
}
.catalog:not(#catalog) .catalog-item .scandi-card-overlay__btn:hover { color: #f5d294; letter-spacing: 0.22em; }
.catalog:not(#catalog) .catalog-item .scandi-card-overlay__sep {
display: block; width: 1px; align-self: center; height: 22px; flex: 0 0 1px;
background: linear-gradient(180deg, transparent, rgba(212,173,110,0.55) 50%, transparent);
}
@media (max-width: 768px) {
section.scandi-form > .container,
section.scandi-form .container { padding-left: 0; padding-right: 0; }
section.scandi-form .scandi-form__card {
border-radius: 0;
border-left: 0;
border-right: 0;
max-width: none;
}
}
.scandi-cat__callout, .scandi-cat__callout *, [class^="sw-"], [class*=" sw-"] { font-family: var(--font-display, 'Manrope'), sans-serif !important; }
.adv-glass__grid .adv-card { background-color: #1c140d !important; }
.scandi-cat__callout, .scandi-cat__callout span, .scandi-cat__callout em, .scandi-cat__callout b, .scandi-cat__callout i { font-family: 'Caveat', cursive !important; }
@media (max-width: 480px) {
html, body { overflow-x: clip; max-width: 100%; }
#content .container { box-sizing: border-box; width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.bg-overlay { width: 100vw; max-width: 100%; left: 0; right: 0; }
section.top-block.scandi-home-hero { max-width: 100%; overflow-x: clip; }
.adv-glass__grid { display: flex; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding: 0 14px 8px; margin: -22px 0 0; width: 100%; max-width: 100%; box-sizing: border-box; scrollbar-width: none; align-items: stretch !important; }
.adv-glass__grid::-webkit-scrollbar { display: none; }
.adv-card { flex: 0 0 74%; min-width: 0; scroll-snap-align: start; min-height: 0 !important; display: flex; border: 1.5px solid rgba(193,154,91,0.45) !important; border-radius: 14px !important; height: auto !important; }
.adv-card__inner { min-width: 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start !important; height: 100%; width: 100%; }
#catalog .items, [data-catalog] .items { grid-template-columns: 1fr; gap: 14px; padding: 0 10px !important; margin: 0; width: 100%; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
#catalog .catalog-item, [data-catalog] .catalog-item { width: auto !important; max-width: 100%; margin: 0; border-radius: 14px !important; border: 1.5px solid rgba(166,124,58,0.55) !important; margin-left: 10px !important; margin-right: 10px !important; }
#catalog .catalog-title, [data-catalog] .catalog-title { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
.scandi-cat__title, .scandi-cat__callout { padding-left: 16px; padding-right: 16px; box-sizing: border-box; max-width: 100%; overflow-wrap: break-word; }
.scandi-cat__title { font-size: 28px !important; line-height: 1.18; margin-bottom: 24px !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }
.scandi-cat__row { position: static; display: flex; flex-direction: column; width: 100%; max-width: 100%; }
.scandi-cat__visual { margin: 0 0 -28px; width: 100%; max-width: 100%; }
.scandi-cat__formwrap { position: static; right: auto; top: auto; transform: none; width: 100%; max-width: 100%; margin: 0; }
.scandi-cat__form { width: 100%; max-width: 100%; margin: 0; border-radius: 0; padding: 24px 18px; box-sizing: border-box; gap: 12px; }
.scandi-cat__field, .scandi-cat__field input, .scandi-cat__field select, .scandi-cat__btn { box-sizing: border-box; width: 100%; max-width: 100%; }
.mortgage-calling .scandi-mortgage, .mortgage-calling .mortgage-calling__inner { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; margin: 0; max-width: 100% !important; min-height: 0; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; border-top: 1.5px solid rgba(193,154,91,0.42) !important; border-bottom: 1.5px solid rgba(193,154,91,0.42) !important; }
.mortgage-calling .mortgage-calling__content, .mortgage-calling .scandi-mortgage__body { padding: 24px 18px 26px; gap: 14px !important; }
.about-company .scandi-about { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
.about-company .scandi-about__stat { margin-left: -16px; margin-right: -16px; width: auto !important; max-width: none !important; border-radius: 14px !important; padding: 18px 14px !important; box-sizing: border-box; margin: 0 !important; min-height: 0 !important; }
.scandi-about__stat-num { font-size: 36px !important; line-height: 1; }
.scandi-stat-icon { width: 56px !important; height: 56px !important; }
.about-company .scandi-team { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); max-width: none; border-radius: 0; padding-left: 14px; padding-right: 14px; box-sizing: border-box; margin-top: 6px !important; }
.about-company .scandi-team__card { flex: 0 0 70vw !important; width: 70vw !important; max-width: 258px !important; min-width: 0 !important; }
.about-company .scandi-team__photo, .about-company .scandi-team-photo-img, .about-company .scandi-team__card img { width: 100% !important; max-width: 100% !important; height: auto !important; }
.cert-container .scandi-certs { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
.scandi-certs__viewport { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); max-width: none; overflow: hidden; }
.scandi-certs__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding: 0 16px; scrollbar-width: none; width: 100%; max-width: 100%; }
.scandi-certs__track::-webkit-scrollbar { display: none; }
.scandi-certs__card { flex: 0 0 68% !important; max-width: 260px !important; min-width: 0 !important; width: auto !important; scroll-snap-align: start; }
.scandi-certs__card img, .scandi-certs__card picture, .scandi-certs__card picture img { width: 100% !important; height: auto !important; max-width: 100% !important; }
.scandi-works__viewport { border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
.scandi-works__media { position: relative !important; min-height: 230px !important; width: 100% !important; height: 230px !important; }
.scandi-works__hero { position: absolute !important; inset: 0 !important; }
.scandi-works__hero img, .scandi-works__media img, .scandi-works__media picture img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
section.object-map .scandi-map-wrap { border-radius: 0; }
.realty-tour .scandi-tour { border-radius: 0; border-left: 0; border-right: 0; }
.block-text .scandi-seo { border-radius: 0; }
section.scandi-form--theme-cream-panel { padding: 44px 0 56px; }
.scandi-form--theme-cream-panel .scandi-form__card { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 0; max-width: 100%; margin: 0; padding: 18px 16px 22px; border-radius: 0; overflow: hidden; }
.scandi-form--theme-cream-panel .scandi-form__content { order: 2; width: 100%; min-width: 0; }
.scandi-form--theme-cream-panel .scandi-form__media, .scandi-form--theme-cream-panel .scandi-form__media--right-bleed { order: 1; position: relative !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; height: 190px !important; margin: 0 0 18px !important; border-radius: 12px; overflow: hidden; }
.scandi-form--theme-cream-panel .scandi-form__media img, .scandi-form--theme-cream-panel .scandi-form__card:hover .scandi-form__media img { left: auto !important; right: 5% !important; transform: none !important; height: 100% !important; width: auto !important; max-width: 66% !important; object-position: bottom right !important; }
.scandi-form--theme-cream-panel .scandi-form__fields { grid-template-columns: 1fr; gap: 10px; }
.scandi-form--theme-cream-panel .scandi-form__field, .scandi-form--theme-cream-panel .scandi-form__field--full, .scandi-form--theme-cream-panel .scandi-form__field--textarea { grid-column: 1 / -1; }
section.build-stages .step-cards { padding: 0 14px 8px !important; max-width: 100% !important; width: 100% !important; display: flex !important; flex-direction: row !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px !important; margin: 0 !important; scrollbar-width: none; }
section.build-stages .step-cards__row { display: contents !important; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding: 0 14px 8px; margin: 0 0 14px; width: 100%; max-width: 100%; scrollbar-width: none; }
section.build-stages .step-cards__row::after { display: none !important; }
section.build-stages .step-cards__row::-webkit-scrollbar { display: none; }
section.build-stages .step-card, section.build-stages .step-cards__item { flex: 0 0 78% !important; width: 78% !important; max-width: 78% !important; min-width: 0 !important; scroll-snap-align: start; margin: 0 !important; border-radius: 14px; }
section.build-stages .section-title { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
.our-works .scandi-works__slide:not(.is-active) { display: none !important; }
.our-works .scandi-works__slide.is-active { display: grid !important; grid-template-columns: 1fr !important; opacity: 1 !important; position: relative !important; }
.scandi-works__media img, .scandi-works__hero, .scandi-works__hero img { width: 100% !important; height: 100% !important; object-fit: cover !important; position: relative !important; inset: auto !important; }
.scandi-works__nav { display: flex !important; justify-content: center; gap: 12px; margin-top: 16px; }
.our-works .scandi-works { padding-left: 0 !important; padding-right: 0 !important; padding-top: 6px !important; }
.scandi-works__head { padding-left: 16px; padding-right: 16px; box-sizing: border-box; margin-bottom: 14px !important; gap: 10px !important; }
.scandi-mortgage__banks-grid { display: flex !important; grid-template-columns: none !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding-bottom: 6px; scrollbar-width: none; }
.scandi-mortgage__banks-grid::-webkit-scrollbar { display: none; }
.scandi-mortgage__bank { flex: 0 0 72% !important; min-width: 0 !important; scroll-snap-align: start; }
.scandi-mortgage__banks-eyebrow { color: #d8b878 !important; opacity: 1 !important; font-size: 15px !important; letter-spacing: 0.12em !important; font-weight: 700 !important; margin: 2px 0 14px !important; }
.scandi-about__stats { display: flex !important; grid-template-columns: none !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px !important; margin: 0 !important; padding: 2px 0 8px !important; scrollbar-width: none; }
.scandi-about__stats::-webkit-scrollbar { display: none; }
.about-company .scandi-about__stats .scandi-about__stat, .scandi-about__stats .scandi-about__stat { flex: 0 0 60% !important; width: 60% !important; max-width: 300px !important; min-width: 0 !important; scroll-snap-align: start; margin: 0 !important; }
.scandi-video, .scandi-video-iframe, .block-with-video-media { min-height: 360px !important; }
.scandi-video-iframe { height: 360px !important; }
section.object-map h2, section.object-map .object-map__title, .scandi-map__title, .object-map__head { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
.realty-tour .scandi-tour__media { min-height: 175px !important; height: 195px !important; }
.realty-tour { padding-top: 38px !important; padding-bottom: 38px !important; }
.scandi-form--contact .scandi-form__media, .scandi-form--contact .scandi-form__media--right-bleed, .scandi-form--contact .scandi-form__media-overlay, .scandi-form--contact .scandi-form__manager { display: none !important; }
.scandi-mortgage__banks-eyebrow, .scandi-mortgage__banks-eyebrow * { color: #5a4018 !important; font-size: 14px !important; font-weight: 600 !important; opacity: 1 !important; letter-spacing: 0.08em !important; }
.block-with-video { margin-bottom: 0 !important; padding-bottom: 22px !important; }
div.about-company { padding-top: 26px !important; margin-top: 0 !important; }
div.cert-container, section.cert-container { padding-top: 26px !important; margin-top: 0 !important; }
.scandi-certs__head { margin-bottom: 24px !important; }
.our-works .scandi-works__viewport { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.our-works .scandi-works__track { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: auto !important; gap: 0 !important; }
.our-works .scandi-works__track::-webkit-scrollbar { display: none; }
.our-works .scandi-works__slide, .our-works .scandi-works__slide:not(.is-active), .our-works .scandi-works__slide.is-active { position: relative !important; inset: auto !important; opacity: 1 !important; pointer-events: auto !important; display: grid !important; grid-template-columns: 1fr !important; flex: 0 0 100% !important; min-width: 100% !important; width: 100% !important; scroll-snap-align: start; }
.our-works { padding-bottom: 26px !important; }
section.object-map { padding-top: 22px !important; padding-bottom: 12px !important; }
section.object-map h2, section.object-map .object-map__title, section.object-map [class*="__title"], section.object-map [class*="__eyebrow"], section.object-map [class*="__head"] { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }
section.realty-tour { padding-top: 6px !important; }
section.object-map .scandi-map-eyebrow, section.object-map [class*="map-eyebrow"], section.object-map [class*="map-title"], section.object-map [class*="map-head"] { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }
.block-with-video, .block-with-video.block-padding { padding-top: 24px !important; padding-bottom: 16px !important; margin: 0 !important; }
.block-with-video .container { padding-top: 0 !important; padding-bottom: 0 !important; }
div.about-company, div.about-company.block-padding { padding-top: 16px !important; margin-top: 0 !important; }
div.about-company > .container { padding-top: 0 !important; }
.about-company .scandi-team__head, .about-company .scandi-about__head { margin-top: 0 !important; padding-top: 0 !important; }
section.object-map .scandi-map-eyebrow, section.object-map [class*="map-eyebrow"] { margin-left: 16px !important; margin-right: 16px !important; }
section.object-map .scandi-map-title, section.object-map [class*="map-title"], section.object-map h2 { margin-left: 16px !important; margin-right: 16px !important; }
.scandi-mortgage__banks-eyebrow-dot { background: #a67c3a !important; }
#content .block-padding { padding-top: 34px !important; padding-bottom: 34px !important; }
#content .block-padding.no-padding-bottom { padding-bottom: 0 !important; }
.scandi-carr-btn { position: absolute; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.38) !important; background: rgba(35,24,12,0.28) !important; color: #fff !important; font-size: 22px !important; line-height: 1; z-index: 25; padding: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 12px rgba(0,0,0,0.20) !important; cursor: pointer; animation: none !important; -webkit-backdrop-filter: blur(5px) !important; backdrop-filter: blur(5px) !important; opacity: 0 !important; pointer-events: none; transition: opacity 0.45s ease, transform 0.2s ease !important; }
.scandi-carr-btn--prev { left: 8px; }
.scandi-carr-btn--next { right: 8px; }
.scandi-carr-btn:active { transform: translateY(-50%) scale(0.88); }
@keyframes scandiCarrPulse { 0%,100%{box-shadow: 0 5px 16px rgba(40,26,12,0.22)} 50%{box-shadow:0 6px 22px rgba(166,124,58,0.5)}; }
section.build-stages .step-cards::-webkit-scrollbar { display: none; }
.scandi-carr-wrap.scandi-carr-inview .scandi-carr-btn { opacity: 1 !important; pointer-events: auto; }
section.mortgage-calling { padding-top: 20px !important; padding-bottom: 24px !important; }
.cert-container, div.cert-container { padding-bottom: 32px !important; }
#catalog .catalog-item.is-touched, [data-catalog] .catalog-item.is-touched { transform: translateY(-4px); background: linear-gradient(135deg, rgba(50,35,20,0.96) 0%, rgba(30,22,16,0.96) 50%, rgba(40,28,18,0.96) 100%) !important; border-color: rgba(212,173,110,0.85) !important; box-shadow: 0 0 0 1px rgba(212,173,110,0.35), 0 0 34px rgba(193,154,91,0.28), 0 22px 44px rgba(0,0,0,0.42), 0 12px 26px rgba(193,154,91,0.30) !important; z-index: 10; }
#catalog .catalog-item.is-touched::after,
[data-catalog] .catalog-item.is-touched::after{ background: linear-gradient(90deg,#d4ad6e 0%,#f5d294 35%,#c19a5b 65%,#a67c3a 100%) !important; box-shadow: 0 0 14px rgba(212,173,110,0.65) !important; height: 3px !important; }
#catalog .catalog-item.is-touched .image::after,
[data-catalog] .catalog-item.is-touched .image::after{ background: radial-gradient(circle at 50% 120%, rgba(212,173,110,0.18) 0%, rgba(212,173,110,0) 60%) !important; }
.scandi-video { margin-bottom: 4px !important; margin-left: -16px !important; margin-right: -16px !important; width: calc(100% + 32px) !important; max-width: none !important; }
.about-company .scandi-team, .scandi-team { margin-top: 0 !important; padding-top: 10px !important; }
section.scandi-cat { padding-top: 18px !important; padding-bottom: 14px !important; }
.scandi-about { row-gap: 14px !important; }
.scandi-cat__callout, .scandi-cat__callout span, .scandi-cat__callout em, .scandi-cat__callout b { font-family: 'Caveat', cursive !important; }
.scandi-mortgage__title, .scandi-works__title, .scandi-certs__title, .scandi-about__title, section.build-stages .section-title, .scandi-tour__title, .object-map__title, .scandi-map-title, section.object-map .section-title, .scandi-seo__title { font-size: 28px !important; }
.scandi-video__title { font-size: 30px !important; }
div.catalog.block-padding { padding-top: 14px !important; }
#catalog .catalog-item .image, [data-catalog] .catalog-item .image { aspect-ratio: 1.14 / 1 !important; }
[class*="mortgage-calling__im"], .scandi-mortgage__hero, .scandi-mortgage__hero img, .scandi-mortgage__media, .scandi-mortgage__media img { height: 300px !important; max-height: 300px !important; object-fit: cover !important; }
.scandi-video__frame, .scandi-video__player { height: 300px !important; min-height: 300px !important; }
#catalog .catalog-item .scandi-card-overlay__btn, [data-catalog] .catalog-item .scandi-card-overlay__btn { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; }
.mortgage-calling .scandi-mortgage__media, div.mortgage-calling .scandi-mortgage .scandi-mortgage__media { height: 300px !important; min-height: 300px !important; margin: 0 !important; }
.mortgage-calling .scandi-mortgage__media > img, div.mortgage-calling .scandi-mortgage .scandi-mortgage__media > img, [class*="mortgage-calling__im"] { height: 100% !important; object-fit: cover !important; object-position: center 28% !important; }
.scandi-mortgage__hero-media { height: 300px !important; overflow: hidden !important; }
.scandi-video__frame { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; }
.scandi-video__player, .scandi-video__frame > video, .scandi-video__frame iframe { width: 100% !important; max-width: 100% !important; height: 100% !important; }
.scandi-works__head-aside, .scandi-works__lead { margin-top: 0 !important; padding-top: 0 !important; }
.scandi-map-toggle { display: none !important; }
.scandi-trio-link { display: none !important; }
html body .scandi-video__frame, html body .scandi-video__player, html body .scandi-video__frame > video, html body .scandi-video__frame iframe { min-height: 0 !important; height: auto !important; width: 100% !important; max-width: 100% !important; aspect-ratio: auto !important; }
.mortgage-calling .mortgage-calling__preview, section.mortgage-calling .mortgage-calling__preview, .mortgage-calling__preview { height: 300px !important; min-height: 0 !important; max-height: 300px !important; overflow: hidden !important; }
.mortgage-calling__image, .mortgage-calling .mortgage-calling__image, [class*="mortgage-calling__im"] { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center 26% !important; }
html body .scandi-video, html body .scandi-video__frame, html body .scandi-video__player { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.mortgage-calling__image, .mortgage-calling .mortgage-calling__image { object-position: center 20% !important; }
html body .scandi-video__frame { height: 260px !important; aspect-ratio: auto !important; width: 100% !important; max-width: 100% !important; }
html body .scandi-video__player, html body .scandi-video__frame > video, html body .scandi-video__frame iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; }
.scandi-quotes__text, .scandi-reviews__text, [class*="quotes"] .scandi-quotes__text { padding-left: 18px !important; }
.scandi-seo__lead p, .scandi-seo__rest p, .block-text p, .scandi-seo p, .scandi-form__lead, .scandi-tour__lead, .scandi-mortgage__lead, .scandi-cat__form-sub, .scandi-quotes__text { line-height: 1.6 !important; }
.our-works .scandi-works__media, .scandi-works__media { height: 300px !important; min-height: 300px !important; }
.our-works .scandi-works__media img, .scandi-works__hero img { height: 100% !important; width: 100% !important; object-fit: cover !important; }
#content [class*="__lead"], #content [class*="__desc"] p, #content [class*="__desc"], #content .scandi-seo p, #content .block-text p, #content .scandi-quotes__text, #content .scandi-reviews__text, #content .scandi-form__lead, #content .scandi-cat__form-sub, #content [class*="__note"], #content .scandi-mortgage__list li, #content .scandi-about__lead, #content .scandi-certs__lead, #content .scandi-works__lead { line-height: 1.6 !important; }
.adv-glass__grid .adv-card { position: relative !important; min-height: 358px !important; overflow: hidden !important; background-size: 100% auto !important; background-position: top center !important; background-repeat: no-repeat !important; border: 1.5px solid rgba(193,154,91,0.45) !important; }
.adv-glass__grid .adv-card:nth-child(1) { background-image: url('../assets/adv/adv1_warranty_v3.webp') !important; }
.adv-glass__grid .adv-card:nth-child(2) { background-image: url('../assets/adv/adv2_materials_v3.webp') !important; }
.adv-glass__grid .adv-card:nth-child(3) { background-image: url('../assets/adv/adv3_mortgage_v3.webp') !important; }
.adv-glass__grid .adv-card:nth-child(4) { background-image: url('../assets/adv/adv4_experience_v2.webp') !important; }
.adv-glass__grid .adv-card::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(28,20,13,0) 114px, rgba(28,20,13,0.9) 134px, rgb(28,20,13) 146px, rgb(28,20,13) 100%) !important; }
.adv-glass__grid .adv-card__inner { position: relative !important; z-index: 2 !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; padding: 146px 18px 22px !important; padding-bottom: 22px !important; }
.adv-glass__grid .adv-card__glare, .adv-glass__grid .adv-card__glow, .adv-glass__grid .adv-card__watermark { display: none !important; }
.adv-glass__grid .adv-card__watermark { display: block !important; position: static !important; opacity: 1 !important; }
.adv-glass__grid .adv-card__watermark-num { font-size: 44px !important; color: transparent !important; -webkit-text-fill-color: transparent !important; opacity: 1 !important; line-height: 0.95 !important; letter-spacing: -0.02em !important; background: linear-gradient(135deg, #e8c074 0%, #c19a5b 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.adv-glass__grid .adv-card__watermark-unit { color: #c9a463 !important; opacity: 1 !important; -webkit-text-fill-color: #c9a463 !important; font-size: 16px !important; }
.adv-glass__grid .adv-card__inner, .adv-glass__grid .adv-card__top, .adv-glass__grid .adv-card__bottom, .adv-glass__grid .adv-card__border, .adv-glass__grid .adv-card__accent { background: transparent !important; background-color: transparent !important; backdrop-filter: none !important; }
}
@media (max-width:480px) {
#catalog .catalog-item.is-touched .image img,
[data-catalog] .catalog-item.is-touched .image img{ transform: scale(1.06); filter: brightness(1.05) saturate(1.05); }
#catalog .catalog-item.is-touched, #catalog a.catalog-item.is-touched,
[data-catalog] .catalog-item.is-touched,
[data-catalog] a.catalog-item.is-touched{ transform: translateY(-8px); background: linear-gradient(135deg, rgba(50, 35, 20, 0.95) 0%, rgba(30, 22, 16, 0.95) 50%, rgba(40, 28, 18, 0.95) 100%); border-color: rgba(212, 173, 110, 0.85); box-shadow: 0 0 0 1px rgba(212, 173, 110, 0.35),
0 0 40px rgba(193, 154, 91, 0.30),
0 32px 64px rgba(0, 0, 0, 0.50),
0 16px 32px rgba(193, 154, 91, 0.35),
inset 0 1px 0 rgba(255, 230, 180, 0.20),
inset 0 -1px 0 rgba(0, 0, 0, 0.30); z-index: 10; }
#catalog .catalog-item.is-touched .image::after,
[data-catalog] .catalog-item.is-touched .image::after{ background: radial-gradient(circle at 50% 120%, rgba(212, 173, 110, 0.18) 0%, rgba(212, 173, 110, 0) 60%); }
#catalog .catalog-item.is-touched::after,
[data-catalog] .catalog-item.is-touched::after{ background: linear-gradient(90deg, #d4ad6e 0%, #f5d294 35%, #c19a5b 65%, #a67c3a 100%); box-shadow: 0 0 14px rgba(212, 173, 110, 0.65), 0 2px 6px rgba(193, 154, 91, 0.45); height: 3px; }
#catalog .catalog-item.is-touched .image video, #catalog .catalog-item.is-touched .image .video-preview,
[data-catalog] .catalog-item.is-touched .image video,
[data-catalog] .catalog-item.is-touched .image .video-preview{ transform: scale(1.06); }
#catalog .catalog-item.is-touched .card-area-badge,
[data-catalog] .catalog-item.is-touched .card-area-badge{ transform: scale(1.06); box-shadow: 0 8px 24px rgba(166, 124, 58, 0.55), 0 2px 6px rgba(20, 16, 13, 0.25); }
#catalog .catalog-item.is-touched .desc,
[data-catalog] .catalog-item.is-touched .desc{ background: transparent; border-top-color: rgba(193, 154, 91, 0.55); }
#catalog .catalog-item.is-touched .desc .title::after,
[data-catalog] .catalog-item.is-touched .desc .title::after{ background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.32) 38%, rgba(212, 173, 110, 0.85) 100%); }
#catalog .catalog-item.is-touched .title-code,
[data-catalog] .catalog-item.is-touched .title-code{ background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; letter-spacing: 0.08em; filter: drop-shadow(0 0 14px rgba(212, 173, 110, 0.45)); }
#catalog .catalog-item.is-touched .info-item, #catalog .catalog-item.is-touched .info-item span, #catalog .catalog-item.is-touched .info-item .b-title,
[data-catalog] .catalog-item.is-touched .info-item,
[data-catalog] .catalog-item.is-touched .info-item span,
[data-catalog] .catalog-item.is-touched .info-item .b-title{ color: #f3ecdc; -webkit-text-fill-color: #f3ecdc; }
#catalog .catalog-item.is-touched .info-item:first-child, #catalog .catalog-item.is-touched .info-item:first-child span, #catalog .catalog-item.is-touched .info-item:first-child .b-title,
[data-catalog] .catalog-item.is-touched .info-item:first-child,
[data-catalog] .catalog-item.is-touched .info-item:first-child span,
[data-catalog] .catalog-item.is-touched .info-item:first-child .b-title{ color: #ffe5b8; -webkit-text-fill-color: #ffe5b8; font-weight: 700; text-shadow: 0 0 12px rgba(212, 173, 110, 0.45); }
#catalog .catalog-item.is-touched .info-item svg,
[data-catalog] .catalog-item.is-touched .info-item svg{ stroke: #d4ad6e; color: #d4ad6e; transform: scale(1.12); }
#catalog .catalog-item.is-touched .info-item .info-num,
[data-catalog] .catalog-item.is-touched .info-item .info-num{ color: #f3ecdc; -webkit-text-fill-color: #f3ecdc; }
#catalog .catalog-item.is-touched .info-item .info-unit, #catalog .catalog-item.is-touched .info-item:first-child .info-unit,
[data-catalog] .catalog-item.is-touched .info-item .info-unit,
[data-catalog] .catalog-item.is-touched .info-item:first-child .info-unit{ color: rgba(216, 207, 186, 0.60); -webkit-text-fill-color: rgba(216, 207, 186, 0.60); }
#catalog .catalog-item.is-touched .info-item:first-child .info-num,
[data-catalog] .catalog-item.is-touched .info-item:first-child .info-num{ color: #ffe5b8; -webkit-text-fill-color: #ffe5b8; text-shadow: 0 0 12px rgba(212, 173, 110, 0.45); }
#catalog .catalog-item.is-touched .scandi-card-style,
[data-catalog] .catalog-item.is-touched .scandi-card-style{ color: #d4ad6e; -webkit-text-fill-color: #d4ad6e; }
#catalog .catalog-item.is-touched .scandi-card-perm,
[data-catalog] .catalog-item.is-touched .scandi-card-perm{ opacity: 1; transform: none; }
#catalog .catalog-item.is-touched .info-price, #catalog .catalog-item.is-touched .info.info-price,
[data-catalog] .catalog-item.is-touched .info-price,
[data-catalog] .catalog-item.is-touched .info.info-price{ border-image-source: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.32) 38%, rgba(212, 173, 110, 0.85) 100%); background: none; }
#catalog .catalog-item.is-touched .info.info-price .info-item, #catalog .catalog-item.is-touched .info.info-price .info-item span, #catalog .catalog-item.is-touched .info.info-price .b-title, #catalog .catalog-item.is-touched .info.info-price .b-title b, #catalog .catalog-item.is-touched .info.info-price b,
[data-catalog] .catalog-item.is-touched .info.info-price .info-item,
[data-catalog] .catalog-item.is-touched .info.info-price .info-item span,
[data-catalog] .catalog-item.is-touched .info.info-price .b-title,
[data-catalog] .catalog-item.is-touched .info.info-price .b-title b,
[data-catalog] .catalog-item.is-touched .info.info-price b{ background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
#catalog .catalog-item.is-touched .info-price::before,
[data-catalog] .catalog-item.is-touched .info-price::before{ color: rgba(212, 173, 110, 0.85); -webkit-text-fill-color: rgba(212, 173, 110, 0.85); }
#catalog .catalog-item.is-touched .scandi-card-overlay, #catalog .catalog-item:focus-within .scandi-card-overlay,
[data-catalog] .catalog-item.is-touched .scandi-card-overlay,
[data-catalog] .catalog-item:focus-within .scandi-card-overlay{ transform: translateY(0); opacity: 1; }
#catalog .catalog-item.is-touched .scandi-card-overlay::before,
[data-catalog] .catalog-item.is-touched .scandi-card-overlay::before{ left: 12%; right: 12%; }
#catalog .catalog-item.is-touched .scandi-card-aside, #catalog .catalog-item:focus-within .scandi-card-aside,
[data-catalog] .catalog-item.is-touched .scandi-card-aside,
[data-catalog] .catalog-item:focus-within .scandi-card-aside{ opacity: 1; transform: translateY(-50%) translateX(0); }
#catalog .catalog-item.is-touched .scandi-card-arrow,
[data-catalog] .catalog-item.is-touched .scandi-card-arrow{ opacity: 1; transform: translate(0, 0) scale(1); border-color: rgba(212, 173, 110, 0.85); box-shadow: 0 8px 20px rgba(20, 16, 13, 0.5), 0 0 14px rgba(212, 173, 110, 0.25); background: rgba(20, 16, 13, 0.55); }
#catalog .catalog-item.is-touched .scandi-card-arrow svg,
[data-catalog] .catalog-item.is-touched .scandi-card-arrow svg{ stroke: #f5d294; transform: translate(1px, -1px); }
.catalog:not(#catalog) .items .catalog-item.is-touched { transform: translateY(-4px); box-shadow: 0 26px 50px -22px rgba(70,48,18,0.42); }
.catalog:not(#catalog) .catalog-item.is-touched .scandi-card-overlay, .catalog:not(#catalog) .catalog-item:focus-within .scandi-card-overlay { transform: translateY(0); opacity: 1; }
}
@media (min-width: 481px) {
.adv-glass__grid .adv-card { position: relative !important; overflow: hidden !important; min-height: 330px !important; background-size: 100% auto !important; background-position: top center !important; background-repeat: no-repeat !important; border: 1.5px solid rgba(193,154,91,0.45) !important; border-radius: 14px !important; box-shadow: 0 16px 40px rgba(70,48,18,0.20), 0 4px 12px rgba(70,48,18,0.10) !important; }
.adv-glass__grid .adv-card:nth-child(1) { background-image: url('../assets/adv/adv1_warranty_v3.webp') !important; }
.adv-glass__grid .adv-card:nth-child(2) { background-image: url('../assets/adv/adv2_materials_v3.webp') !important; }
.adv-glass__grid .adv-card:nth-child(3) { background-image: url('../assets/adv/adv3_mortgage_v3.webp') !important; }
.adv-glass__grid .adv-card:nth-child(4) { background-image: url('../assets/adv/adv4_experience_v2.webp') !important; }
.adv-glass__grid .adv-card::after { content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(to bottom, rgba(28,20,13,0) 38%, rgba(28,20,13,0.92) 50%, rgb(28,20,13) 58%, rgb(28,20,13) 100%) !important; }
.adv-glass__grid .adv-card__inner { position: relative !important; z-index: 2 !important; height: 100% !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding: 22px 18px !important; background: transparent !important; }
.adv-glass__grid .adv-card__top, .adv-glass__grid .adv-card__bottom, .adv-glass__grid .adv-card__border, .adv-glass__grid .adv-card__accent { background: transparent !important; background-color: transparent !important; }
.adv-glass__grid .adv-card__glare, .adv-glass__grid .adv-card__glow { display: none !important; }
.adv-glass__grid .adv-card__watermark-num { background: linear-gradient(135deg,#e8c074,#c19a5b) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
}
#header .site-logo img, header .left .site-logo img, .site-logo img { display: none !important; }
#header .site-logo .b-title i, .site-logo .b-title i { color: #c19a5b !important; font-style: normal !important; }
#header .site-logo .b-title br, .site-logo .b-title br { display: none !important; }
#header .site-logo .b-title, .site-logo .b-title { letter-spacing: -0.025em !important; white-space: nowrap !important; }
#header .site-logo .b-title i, .site-logo .b-title i { margin-left: 0 !important; }
.scandi-contacts { background: var(--c-cream); color: var(--c-ink); }
.scandi-contacts a { text-decoration: none; }
.scandi-contacts__eyebrow {
display: inline-block;
font-family: var(--font-ui);
font-size: 12px; font-weight: 700;
letter-spacing: 0.16em; text-transform: uppercase;
color: var(--c-gold);
}
.scandi-contacts__hero { padding: clamp(40px, 6vw, 84px) 0 clamp(32px, 4vw, 56px); }
.scandi-contacts__title {
margin: 14px 0 0;
font-family: var(--font-display);
font-size: clamp(34px, 5.2vw, 60px);
font-weight: 800; line-height: 1.03; letter-spacing: -0.025em;
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: transparent;
}
.scandi-contacts__lede {
margin: 20px 0 0; max-width: 640px;
font-size: 17px; line-height: 1.62; color: var(--c-ink-2);
}
.scandi-contacts__hub { max-width: 780px; }
.scandi-contacts__hub > .scandi-contacts__cta { margin-top: 30px; }
.scandi-contacts__socs { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.scandi-contacts__soc {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 50%;
border: 1px solid var(--c-cream-border);
background: var(--c-cream-card); color: var(--c-gold-dark);
transition: color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease),
background var(--d-fast) var(--ease), transform var(--d-fast) var(--ease);
}
.scandi-contacts__soc:hover {
color: #14100d; border-color: transparent;
background: linear-gradient(135deg, #d4ad6e, #a67c3a);
transform: translateY(-2px);
}
.scandi-contacts__soc svg { display: block; }
.scandi-contacts__phones {
display: flex; flex-wrap: wrap; gap: 14px 44px; margin-top: 30px;
padding-top: 26px; border-top: 1px solid var(--c-cream-border);
}
.scandi-contacts__phoneline { display: flex; flex-direction: column; gap: 3px; }
.scandi-contacts__phoneline-city {
font-size: 10px; font-weight: 600; letter-spacing: 0.1em;
text-transform: uppercase; color: var(--c-ink-3);
}
.scandi-contacts__phoneline-num {
font-family: var(--font-display);
font-size: 21px; font-weight: 700; letter-spacing: -0.01em;
color: var(--c-ink); transition: color var(--d-fast) var(--ease);
font-feature-settings: 'tnum' 1, 'lnum' 1;
}
.scandi-contacts__phoneline:hover .scandi-contacts__phoneline-num { color: var(--c-gold-dark); }
.scandi-contacts__facts { display: flex; flex-wrap: wrap; gap: 18px 44px; margin-top: 22px; }
.scandi-contacts__fact { display: flex; flex-direction: column; gap: 4px; }
.scandi-contacts__fact-label { font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-ink-3); }
.scandi-contacts__fact-val { font-size: 15px; font-weight: 600; color: var(--c-ink); transition: color var(--d-fast) var(--ease); }
a.scandi-contacts__fact-val:hover { color: var(--c-gold-dark); }
.scandi-contacts__connect {
display: flex; flex-wrap: wrap; gap: 26px 56px;
margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--c-cream-border);
}
.scandi-contacts__connect-group { display: flex; flex-direction: column; gap: 13px; }
.scandi-contacts__connect-group--wide { flex: 1 1 320px; min-width: 0; }
.scandi-contacts__connect-label {
font-family: var(--font-ui); font-size: 11px; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-gold);
}
.scandi-contacts__channels { display: flex; flex-wrap: wrap; gap: 10px; }
.scandi-channel {
display: inline-flex; align-items: center; gap: 9px;
padding: 8px 16px 8px 8px; border-radius: var(--r-pill);
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
transition: transform var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);
}
.scandi-channel:hover { transform: translateY(-2px); border-color: rgba(166, 124, 58, 0.45); }
.scandi-channel__icon {
flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%;
display: inline-flex; align-items: center; justify-content: center;
background: rgba(193, 154, 91, 0.10); color: var(--c-gold-dark);
transition: background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);
}
.scandi-channel:hover .scandi-channel__icon { background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d; }
.scandi-channel__name { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--c-ink); }
.scandi-contacts__hero .scandi-req { margin-top: clamp(28px, 3.5vw, 44px); }
.scandi-contacts__cta {
box-sizing: border-box;
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
padding: 13px 24px; border-radius: var(--r-pill);
font-family: var(--font-ui); font-size: 13px; font-weight: 600;
letter-spacing: 0.08em; text-transform: uppercase;
cursor: pointer; white-space: nowrap;
border: 1px solid transparent;
transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease),
background var(--d-fast) var(--ease), color var(--d-fast) var(--ease),
border-color var(--d-fast) var(--ease);
}
.scandi-contacts__cta--primary {
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
color: #14100d; box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
}
.scandi-contacts__cta--primary:hover { color: #14100d; transform: translateY(-2px); box-shadow: 0 10px 26px rgba(193, 154, 91, 0.42); }
.scandi-contacts__cta--outline { background: transparent; color: var(--c-gold-dark); border-color: rgba(166, 124, 58, 0.50); }
.scandi-contacts__cta--outline:hover { background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d; border-color: transparent; }
.scandi-contacts__cta--ghost { background: transparent; color: var(--c-ink-2); border-color: var(--c-cream-border); }
.scandi-contacts__cta--ghost:hover { color: var(--c-gold-dark); border-color: rgba(166, 124, 58, 0.45); }
.scandi-contacts__sechead { margin-bottom: clamp(24px, 3vw, 38px); }
.scandi-contacts__h2 {
margin: 12px 0 0; font-family: var(--font-display);
font-size: clamp(26px, 3.4vw, 36px); font-weight: 700;
letter-spacing: -0.02em; line-height: 1.1; color: var(--c-ink);
}
.scandi-contacts__bracket {
position: absolute; top: 16px; left: 16px; width: 20px; height: 20px;
border-top: 2px solid var(--c-gold); border-left: 2px solid var(--c-gold);
opacity: 0.55; pointer-events: none;
}
.scandi-contacts__offices { padding: clamp(36px, 4.5vw, 64px) 0; }
.scandi-contacts__offices-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;
}
.scandi-office {
position: relative; overflow: hidden;
display: flex; flex-direction: column;
background: var(--c-cream-card);
border: 1px solid var(--c-cream-border);
border-radius: var(--r-card);
box-shadow: 0 10px 40px rgba(120, 90, 40, 0.08);
transition: transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);
}
.scandi-office::before {
content: ''; position: absolute; inset: 0 0 auto 0; height: 2px;
background: linear-gradient(90deg, var(--c-gold) 0%, rgba(193, 154, 91, 0) 72%);
}
.scandi-office:hover { transform: translateY(-4px); border-color: rgba(166, 124, 58, 0.42); box-shadow: 0 20px 52px rgba(120, 90, 40, 0.16); }
.scandi-office__body { padding: clamp(26px, 3vw, 36px) clamp(24px, 3vw, 34px) clamp(22px, 2.5vw, 30px); }
.scandi-office__tag {
display: inline-block; margin-bottom: 16px;
padding: 5px 12px; border-radius: var(--r-pill);
font-family: var(--font-ui); font-size: 10.5px; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase;
}
.scandi-office__tag--primary { background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d; }
.scandi-office__tag--outline { background: rgba(193, 154, 91, 0.08); color: var(--c-gold-dark); border: 1px solid rgba(193, 154, 91, 0.35); }
.scandi-office__city {
margin: 0; font-family: var(--font-display);
font-size: 25px; font-weight: 700; letter-spacing: -0.02em; color: var(--c-ink);
}
.scandi-office__addr { margin: 10px 0 0; font-size: 15.5px; line-height: 1.5; color: var(--c-ink); }
.scandi-office__place { display: block; margin-top: 2px; font-size: 13px; color: var(--c-ink-3); }
.scandi-office__depts {
margin: 16px 0 0; padding: 0; list-style: none;
display: flex; flex-direction: column; gap: 7px;
}
.scandi-office__depts li {
position: relative; padding-left: 18px;
font-size: 13.5px; line-height: 1.4; color: var(--c-ink-2);
}
.scandi-office__depts li::before {
content: ''; position: absolute; left: 0; top: 8px;
width: 6px; height: 6px; border-radius: 50%; background: var(--c-gold);
}
.scandi-office__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.scandi-office__map {
position: relative; display: block; margin-top: auto; overflow: hidden;
line-height: 0; border-top: 1px solid var(--c-cream-border);
}
.scandi-office__map img {
display: block; width: 100%; height: 240px; object-fit: cover; border: 0;
transition: transform var(--d-base) var(--ease), filter var(--d-base) var(--ease);
}
.scandi-office:hover .scandi-office__map img { transform: scale(1.04); }
.scandi-office__map-pin {
position: absolute; left: 14px; bottom: 14px;
display: inline-flex; align-items: center;
padding: 7px 14px; border-radius: var(--r-pill);
font-family: var(--font-ui); font-size: 11.5px; font-weight: 600;
letter-spacing: 0.04em; line-height: 1;
color: #14100d; background: rgba(255, 253, 248, 0.94);
box-shadow: 0 4px 14px rgba(120, 90, 40, 0.20);
transition: background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);
}
.scandi-office__map:hover .scandi-office__map-pin { background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d; }
.scandi-contacts__gallery { padding: clamp(18px, 2.5vw, 40px) 0 clamp(36px, 4.5vw, 64px); }
.scandi-gallery__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: clamp(20px, 2.6vw, 32px); }
.scandi-gallery__head .scandi-contacts__sechead { margin-bottom: 0; }
.scandi-gallery__nav { display: flex; gap: 10px; flex-shrink: 0; }
.scandi-gallery__btn {
width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
border: 1px solid var(--c-cream-border); background: var(--c-cream-card);
color: var(--c-gold-dark); font-size: 18px; cursor: pointer;
display: inline-flex; align-items: center; justify-content: center;
transition: transform var(--d-fast) var(--ease), background var(--d-fast) var(--ease), color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);
}
.scandi-gallery__btn:hover { background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d; border-color: transparent; transform: translateY(-2px); }
.scandi-gallery__viewport { overflow: hidden; }
.scandi-gallery__track {
display: flex; gap: 16px; overflow-x: auto;
scroll-snap-type: x mandatory; scroll-behavior: smooth;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.scandi-gallery__track::-webkit-scrollbar { display: none; }
.scandi-officepic {
flex: 0 0 clamp(280px, 33%, 460px); scroll-snap-align: start;
position: relative; margin: 0; overflow: hidden; aspect-ratio: 3 / 2;
border-radius: var(--r-card); border: 1px solid var(--c-cream-border);
box-shadow: 0 10px 40px rgba(120, 90, 40, 0.08);
}
.scandi-officepic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--d-slow) var(--ease); }
.scandi-officepic:hover img { transform: scale(1.05); }
.scandi-contacts__team .about-company { padding: clamp(48px, 6vw, 84px) 0; }
.scandi-req {
position: relative; overflow: hidden;
background: var(--c-cream-card);
border: 1px solid var(--c-cream-border);
border-radius: var(--r-card);
box-shadow: 0 10px 40px rgba(120, 90, 40, 0.08);
padding: clamp(22px, 2.6vw, 30px) clamp(24px, 3vw, 34px);
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 40px;
}
.scandi-req::before {
content: ''; position: absolute; inset: 0 0 auto 0; height: 2px;
background: linear-gradient(90deg, var(--c-gold) 0%, rgba(193, 154, 91, 0) 72%);
}
.scandi-req__head { display: flex; flex-direction: column; gap: 2px; }
.scandi-req__eyebrow {
font-family: var(--font-ui); font-size: 11px; font-weight: 700;
letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold);
}
.scandi-req__grid { display: flex; flex-wrap: wrap; align-items: stretch; gap: 14px 0; margin: 0; }
.scandi-req__item {
display: flex; flex-direction: column; gap: 4px;
padding: 0 22px; border-left: 1px solid rgba(166, 124, 58, 0.20);
}
.scandi-req__item:first-child { padding-left: 0; border-left: 0; }
.scandi-req__item dt {
font-size: 10px; font-weight: 600; letter-spacing: 0.08em;
text-transform: uppercase; color: var(--c-ink-3);
}
.scandi-req__item dd {
margin: 0; font-size: 14px; font-weight: 600; color: var(--c-ink);
font-feature-settings: 'tnum' 1, 'lnum' 1; white-space: nowrap;
}
@media (max-width: 900px) {
.scandi-contacts__offices-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
#content .scandi-contacts .container { padding-left: 16px; padding-right: 16px; }
.scandi-contacts__hero { padding: 32px 0 26px; }
.scandi-contacts__lede { font-size: 15.5px; }
.scandi-contacts__connect { gap: 22px 40px; }
.scandi-contacts__phones { gap: 16px 28px; }
.scandi-contacts__hub > .scandi-contacts__cta { width: 100%; }
.scandi-office__actions { flex-direction: column; }
.scandi-office__actions .scandi-contacts__cta { width: 100%; }
.scandi-office__map img { height: 220px; }
.scandi-req { flex-direction: column; align-items: flex-start; gap: 16px; }
.scandi-req__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; width: 100%; }
.scandi-req__item { padding: 0; border-left: 0; }
.scandi-officepic { flex-basis: 82%; }
}
.scandi-faq { background: var(--c-cream); }
.scandi-faq > .container { max-width: 900px; }
.scandi-faq__head { text-align: center; margin-bottom: clamp(26px, 3.4vw, 44px); }
.scandi-faq__eyebrow { display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); }
.scandi-faq__title { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(25px, 3.3vw, 37px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; color: var(--c-ink); }
.scandi-faq__list { display: flex; flex-direction: column; gap: 12px; }
.scandi-faq__item {
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); overflow: hidden;
transition: border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);
}
.scandi-faq__item.is-open { border-color: rgba(166, 124, 58, 0.42); box-shadow: 0 10px 36px rgba(120, 90, 40, 0.08); }
.scandi-faq__q {
width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 18px;
padding: clamp(17px, 2vw, 23px) clamp(20px, 2.4vw, 30px);
background: none; border: 0; cursor: pointer; text-align: left;
font-family: var(--font-display); font-size: clamp(15px, 1.5vw, 18px); font-weight: 600;
color: var(--c-ink); line-height: 1.4; transition: color var(--d-fast) var(--ease);
}
.scandi-faq__q:hover { color: var(--c-gold-dark); }
.scandi-faq__q-icon { position: relative; flex-shrink: 0; width: 22px; height: 22px; }
.scandi-faq__q-icon::before, .scandi-faq__q-icon::after {
content: ''; position: absolute; top: 50%; left: 50%; background: var(--c-gold-dark);
transition: transform var(--d-base) var(--ease), opacity var(--d-fast) var(--ease);
}
.scandi-faq__q-icon::before { width: 14px; height: 2px; transform: translate(-50%, -50%); }
.scandi-faq__q-icon::after { width: 2px; height: 14px; transform: translate(-50%, -50%); }
.scandi-faq__item.is-open .scandi-faq__q-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.scandi-faq__a { max-height: 0; overflow: hidden; transition: max-height var(--d-base) var(--ease); }
.scandi-faq__a-inner { padding: 0 clamp(20px, 2.4vw, 30px) clamp(19px, 2.2vw, 26px); font-size: 15px; line-height: 1.68; color: var(--c-ink-2); }
.scandi-faq__a-inner p { margin: 0 0 10px; }
.scandi-faq__a-inner p:last-child { margin-bottom: 0; }
@media (max-width: 480px) {
#content .scandi-faq .container { padding-left: 16px; padding-right: 16px; }
}
.scandi-banks {
background:
radial-gradient(ellipse 680px 280px at 50% -60px, rgba(212, 173, 110, 0.18), transparent 70%),
var(--c-cream);
padding: clamp(38px, 4.6vw, 70px) 0;
}
.scandi-banks__head { text-align: center; max-width: 720px; margin: 0 auto clamp(26px, 3.2vw, 44px); }
.scandi-banks__eyebrow { display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); }
.scandi-banks__title { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(25px, 3.3vw, 37px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; color: var(--c-ink); }
.scandi-banks__lead { margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-ink-2); }
.scandi-banks__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: start; }
.scandi-bank {
position: relative; overflow: hidden; display: flex; flex-direction: column;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); box-shadow: 0 10px 40px rgba(120, 90, 40, 0.08);
padding: clamp(22px, 2.2vw, 28px) clamp(20px, 2vw, 24px) clamp(22px, 2.2vw, 26px);
transition: transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);
}
.scandi-bank::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 2px; background: linear-gradient(90deg, var(--c-gold) 0%, rgba(193, 154, 91, 0) 72%); }
.scandi-bank:hover { transform: translateY(-4px); border-color: rgba(166, 124, 58, 0.42); box-shadow: 0 20px 52px rgba(120, 90, 40, 0.16); }
.scandi-bank__logo {
height: auto; margin-bottom: 18px; display: flex; align-items: center; justify-content: center;
background: #fffdf9; border-radius: 12px; padding: 12px 16px;
border: 1px solid rgba(166, 124, 58, 0.28);
box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.55);
}
.scandi-bank__logo img { max-height: 34px; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.scandi-bank__params { margin: 0 0 16px; }
.scandi-bank__param { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(166, 124, 58, 0.12); }
.scandi-bank__param:last-child { border-bottom: 0; }
.scandi-bank__param dt { font-size: 11.5px; color: var(--c-ink-3); line-height: 1.3; }
.scandi-bank__param dd { margin: 0; text-align: right; font-size: 14.5px; font-weight: 700; color: var(--c-ink); white-space: nowrap; font-feature-settings: 'tnum' 1, 'lnum' 1; }
.scandi-bank__programs { margin: 0 0 16px; }
.scandi-bank__programs summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-ui); font-size: 12px; font-weight: 600; color: var(--c-gold-dark); }
.scandi-bank__programs summary::-webkit-details-marker { display: none; }
.scandi-bank__programs summary::before { content: '+'; font-size: 14px; font-weight: 700; color: var(--c-gold-dark); }
.scandi-bank__programs[open] summary::before { content: '−'; }
.scandi-bank__programs-body { margin-top: 10px; font-size: 12.5px; line-height: 1.55; color: var(--c-ink-2); }
.scandi-bank__programs-body strong { color: var(--c-ink); }
.scandi-bank__cta {
margin-top: auto; display: block; text-align: center; cursor: pointer;
padding: 12px 16px; border-radius: var(--r-pill);
background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%); color: #14100d;
font-family: var(--font-ui); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
box-shadow: 0 6px 18px rgba(193, 154, 91, 0.28);
transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease), filter var(--d-fast) var(--ease);
}
.scandi-bank__cta:hover { transform: translateY(-2px); filter: brightness(1.05); color: #14100d; box-shadow: 0 10px 26px rgba(193, 154, 91, 0.4); }
@media (max-width: 1100px) { .scandi-banks__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
.scandi-banks__grid { grid-template-columns: 1fr; }
#content .scandi-banks .container { padding-left: 16px; padding-right: 16px; }
}
.page-item-1866 .block-text .left-full { max-width: 880px; margin-inline: auto; }
.scandi-msteps {
background:
radial-gradient(ellipse 940px 460px at 50% 48%, rgba(212, 173, 110, 0.11), transparent 72%),
var(--c-cream);
padding: clamp(44px, 5.5vw, 84px) 0;
}
.scandi-msteps__head { text-align: center; max-width: 760px; margin: 0 auto clamp(30px, 3.6vw, 50px); }
.scandi-msteps__eyebrow { display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); }
.scandi-msteps__title { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(26px, 3.4vw, 40px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: var(--c-ink); }
.scandi-msteps__title b { font-weight: 700; background: linear-gradient(135deg, #d4ad6e, #a67c3a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.scandi-msteps__lead { margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-ink-2); }
.scandi-msteps__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.scandi-mstep { position: relative; overflow: hidden; background: var(--c-cream-card); border: 1px solid var(--c-cream-border); border-radius: var(--r-card); padding: 26px 20px 24px; box-shadow: 0 10px 40px rgba(120, 90, 40, 0.06); transition: transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease); }
.scandi-mstep::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 2px; background: linear-gradient(90deg, var(--c-gold) 0%, rgba(193, 154, 91, 0) 72%); }
.scandi-mstep:hover { transform: translateY(-4px); border-color: rgba(166, 124, 58, 0.42); box-shadow: 0 20px 52px rgba(120, 90, 40, 0.14); }
.scandi-mstep__num { display: block; font-family: var(--font-display); font-size: clamp(34px, 3.2vw, 44px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; background: linear-gradient(135deg, #e8c074, #c19a5b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; margin-bottom: 14px; }
.scandi-mstep__title { margin: 0 0 8px; font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: var(--c-ink); line-height: 1.25; }
.scandi-mstep__desc { margin: 0; font-size: 13px; line-height: 1.55; color: var(--c-ink-2); }
.scandi-msteps__cta { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: clamp(28px, 3.4vw, 44px); }
.scandi-msteps__btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 32px; border-radius: var(--r-pill); background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d; -webkit-text-fill-color: #14100d; font-family: var(--font-ui); font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; box-shadow: 0 6px 18px rgba(193, 154, 91, 0.3); transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease), filter var(--d-fast) var(--ease); }
.scandi-msteps__btn:hover { transform: translateY(-2px); filter: brightness(1.05); color: #14100d; box-shadow: 0 10px 26px rgba(193, 154, 91, 0.42); }
.scandi-msteps__note { font-size: 12.5px; color: var(--c-ink-3); }
@media (max-width: 1000px) { .scandi-msteps__list { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 680px) { .scandi-msteps__list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .scandi-msteps__list { grid-template-columns: 1fr; } #content .scandi-msteps .container { padding-left: 16px; padding-right: 16px; } }
.scandi-mprog { background: var(--c-cream); padding: clamp(38px, 4.6vw, 70px) 0 clamp(10px, 1.4vw, 20px); }
.scandi-mprog__head { text-align: center; max-width: 720px; margin: 0 auto clamp(26px, 3.2vw, 44px); }
.scandi-mprog__eyebrow { display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); }
.scandi-mprog__title { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(25px, 3.3vw, 37px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; color: var(--c-ink); }
.scandi-mprog__lead { margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-ink-2); }
.scandi-mprog__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.scandi-mprog-card {
position: relative; overflow: hidden;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); padding: 24px 22px 22px;
box-shadow: 0 10px 40px rgba(120, 90, 40, 0.06);
transition: transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);
}
.scandi-mprog-card::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 2px; background: linear-gradient(90deg, var(--c-gold) 0%, rgba(193, 154, 91, 0) 72%); }
.scandi-mprog-card:hover { transform: translateY(-4px); border-color: rgba(166, 124, 58, 0.42); box-shadow: 0 20px 52px rgba(120, 90, 40, 0.14); }
.scandi-mprog-card__rate {
display: block; font-family: var(--font-display); font-size: clamp(26px, 2.6vw, 34px); font-weight: 800; line-height: 1; letter-spacing: -0.02em;
background: linear-gradient(135deg, #e8c074, #c19a5b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
margin-bottom: 12px;
}
.scandi-mprog-card__name { margin: 0 0 8px; font-family: var(--font-display); font-size: 16.5px; font-weight: 700; letter-spacing: -0.01em; color: var(--c-ink); line-height: 1.25; }
.scandi-mprog-card__desc { margin: 0; font-size: 13px; line-height: 1.55; color: var(--c-ink-2); }
@media (max-width: 1000px) { .scandi-mprog__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
.scandi-mprog__grid { grid-template-columns: 1fr; }
#content .scandi-mprog .container { padding-left: 16px; padding-right: 16px; }
}
.scandi-mhouses {
background:
radial-gradient(ellipse 680px 300px at 50% -60px, rgba(212, 173, 110, 0.13), transparent 70%),
var(--c-cream);
padding: clamp(44px, 5.5vw, 84px) 0 clamp(38px, 4.6vw, 66px);
}
.scandi-mhouses__head { text-align: center; max-width: 760px; margin: 0 auto clamp(26px, 3.4vw, 46px); }
.scandi-mhouses__eyebrow { display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); }
.scandi-mhouses__title { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(26px, 3.4vw, 40px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: var(--c-ink); }
.scandi-mhouses__lead { margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-ink-2); }
.scandi-mhouses__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.scandi-mhouse__badge {
position: absolute; top: 12px; left: 12px; z-index: 2;
padding: 5px 11px; border-radius: var(--r-pill);
font-family: var(--font-ui); font-size: 10px; font-weight: 700;
letter-spacing: 0.1em; text-transform: uppercase;
color: #14100d; background: rgba(255, 253, 248, 0.92);
box-shadow: 0 3px 10px rgba(60, 40, 20, 0.18);
}
.scandi-mhouse {
position: relative; overflow: hidden; display: flex; flex-direction: column;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); box-shadow: 0 10px 40px rgba(120, 90, 40, 0.08);
transition: transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);
}
.scandi-mhouse:hover { transform: translateY(-4px); border-color: rgba(166, 124, 58, 0.45); box-shadow: 0 22px 56px rgba(120, 90, 40, 0.18); }
.scandi-mhouse__photo { display: block; aspect-ratio: 3 / 2; overflow: hidden; }
.scandi-mhouse__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--d-slow) var(--ease); }
.scandi-mhouse:hover .scandi-mhouse__photo img { transform: scale(1.05); }
.scandi-mhouse__body { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px 20px; }
.scandi-mhouse__name { font-family: var(--font-display); font-size: 16.5px; font-weight: 700; letter-spacing: -0.01em; color: var(--c-ink); }
.scandi-mhouse__meta { font-size: 12.5px; color: var(--c-ink-3); }
.scandi-mhouse__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(166, 124, 58, 0.14); }
.scandi-mhouse__price { font-size: 14px; font-weight: 600; color: var(--c-ink-2); font-feature-settings: 'tnum' 1, 'lnum' 1; }
.scandi-mhouse__pay {
font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -0.01em; white-space: nowrap;
background: linear-gradient(135deg, #d4ad6e, #a67c3a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
font-feature-settings: 'tnum' 1, 'lnum' 1;
}
.scandi-mhouses__cta { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: clamp(26px, 3.2vw, 40px); }
.scandi-mhouses__note { max-width: 560px; text-align: center; font-size: 11.5px; line-height: 1.5; color: var(--c-ink-3); }
.scandi-mhouse--all { justify-content: flex-end; min-height: 100%; background: var(--c-bg-card); }
.scandi-mhouse__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.scandi-mhouse__all-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 11, 7, 0.06) 30%, rgba(16, 11, 7, 0.78) 100%); }
.scandi-mhouse__all-body { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 18px 20px 20px; }
.scandi-mhouse__all-num {
font-family: var(--font-display); font-size: clamp(38px, 3.4vw, 48px); font-weight: 800; line-height: 1; letter-spacing: -0.02em;
background: linear-gradient(135deg, #e8c074, #c19a5b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.scandi-mhouse__all-text { font-size: 13px; line-height: 1.45; color: #f3ecdc; }
.scandi-mhouse__all-cta { margin-top: 8px; font-family: var(--font-ui); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-gold-light); transition: transform var(--d-fast) var(--ease); }
.scandi-mhouse--all:hover .scandi-mhouse__all-cta { transform: translateX(4px); }
@media (max-width: 1100px) { .scandi-mhouses__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
.scandi-mhouses__grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
.scandi-mhouse--all { min-height: 300px; }
}
@media (max-width: 480px) { #content .scandi-mhouses .container { padding-left: 16px; padding-right: 16px; } }
#content [style*="#3f7bd4"], #content [style*="#3F7BD4"],
#content [style*="color: #3f7bd4"], #content [style*="color:#3f7bd4"] { color: var(--c-gold-dark) !important; }
#content .lbl[style*="FFD76F"], #content [style*="#FFD76F"], #content [style*="#ffd76f"] {
background: linear-gradient(135deg, #d4ad6e, #c19a5b) !important; color: #14100d !important;
}
.block-text .slider-wrapper { width: 100%; margin-top: 10px; }
.block-text .gallery-top { width: 100%; overflow: visible; }
.block-text .gallery-top .swiper-wrapper {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
transform: none !important; width: 100% !important;
}
.block-text .gallery-top .swiper-slide {
width: auto !important; height: auto !important; margin: 0 !important;
aspect-ratio: 4 / 3;
}
.block-text .gallery-top .swiper-slide .image,
.block-text .gallery-top .swiper-slide > a {
display: block; width: 100%; height: 100%;
border-radius: var(--r-card); overflow: hidden;
border: 1px solid var(--c-cream-border); box-shadow: 0 8px 30px rgba(120,90,40,0.08);
}
.block-text .gallery-top .swiper-slide img {
display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto;
}
.block-text .gallery-thumbs,
.block-text .slider-arrows, .block-text .slider-arrow,
.block-text .swiper-pagination, .block-text .swiper-scrollbar,
.block-text .swiper-button-next, .block-text .swiper-button-prev { display: none !important; }
@media (max-width: 560px) {
.block-text .gallery-top .swiper-wrapper { grid-template-columns: 1fr; }
}
#catalog .catalog-item.scandi-promo,
#catalog a.catalog-item.scandi-promo,
[data-catalog] .catalog-item.scandi-promo,
[data-catalog] a.catalog-item.scandi-promo {
background: linear-gradient(158deg, #241811 0%, #1a120b 55%, #14100d 100%) !important;
backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
border: 1px solid rgba(207,159,75,0.24) !important;
border-top: 1px solid rgba(207,159,75,0.24) !important;
border-radius: 14px;
display: flex; flex-direction: column; justify-content: flex-end;
padding: 0; overflow: hidden; position: relative;
min-height: 420px;
box-shadow: 0 12px 40px rgba(0,0,0,0.28), inset 0 1px 0 rgba(207,159,75,0.10) !important;
transition: transform .5s cubic-bezier(.65,0,.35,1), box-shadow .5s, border-color .5s;
}
.catalog-item.scandi-promo::before {
content: ""; position: absolute; top: 0; left: 22px; right: 22px; height: 1px;
background: linear-gradient(90deg, transparent, rgba(207,159,75,0.75), transparent);
z-index: 3;
}
#catalog .catalog-item.scandi-promo:hover,
[data-catalog] .catalog-item.scandi-promo:hover {
transform: translateY(-8px);
border-color: rgba(212,173,110,0.7) !important;
box-shadow: 0 0 0 1px rgba(212,173,110,0.30), 0 22px 54px rgba(0,0,0,0.42), 0 0 40px rgba(193,154,91,0.20) !important;
}
@media (min-width: 601px) {
#catalog .catalog-item.scandi-promo,
#catalog a.catalog-item.scandi-promo,
[data-catalog] .catalog-item.scandi-promo,
[data-catalog] a.catalog-item.scandi-promo { min-height: 518px; }
}
.catalog-item.scandi-promo .scandi-promo__bg { position: absolute; inset: 0; z-index: 1; display: block; }
.catalog-item.scandi-promo .scandi-promo__bg img,
.catalog-item.scandi-promo .scandi-promo__bg video {
width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;
transition: transform .6s cubic-bezier(.65,0,.35,1);
}
.catalog-item.scandi-promo .scandi-promo__bg video { object-position: center; }
.catalog-item.scandi-promo:hover .scandi-promo__bg img,
.catalog-item.scandi-promo:hover .scandi-promo__bg video { transform: scale(1.04); }
.catalog-item.scandi-promo .scandi-promo__bg::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(to bottom, rgba(20,13,8,0.05) 0%, rgba(20,13,8,0.10) 38%, rgba(18,12,7,0.78) 62%, rgba(16,11,6,0.96) 82%, #120b06 100%);
}
.catalog-item.scandi-promo .scandi-promo__body {
position: relative; z-index: 2;
display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
padding: 26px 26px 28px;
}
.catalog-item.scandi-promo .scandi-promo__eyebrow {
display: inline-block; font: 600 10.5px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: #d8b877; padding: 6px 13px; border: 1px solid rgba(207,159,75,0.32); border-radius: var(--r-pill);
}
.catalog-item.scandi-promo .scandi-promo__title {
font: 800 23px/1.14 var(--font-display); letter-spacing: -0.01em;
background: linear-gradient(120deg, #f3d9a6 0%, #cf9f4b 60%, #a67c3a 100%);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
margin: 2px 0 0;
}
.catalog-item.scandi-promo .scandi-promo__desc { font: 400 14.5px/1.55 var(--font-ui); color: #cdbda3; }
.catalog-item.scandi-promo .scandi-promo__desc p { margin: 0; }
.catalog-item.scandi-promo .scandi-promo__desc strong { color: #ecdcbf; font-weight: 700; }
.catalog-item.scandi-promo .scandi-promo__cta {
display: inline-flex; align-items: center; gap: 9px; margin-top: 4px;
font: 600 13px/1 var(--font-ui); letter-spacing: .03em; text-transform: uppercase; color: #e7c885;
}
.catalog-item.scandi-promo .scandi-promo__cta svg { width: 17px; height: 17px; transition: transform .4s; }
.catalog-item.scandi-promo:hover .scandi-promo__cta svg { transform: translateX(5px); }
.scandi-demo .container { position: relative; z-index: 2; }
.scandi-demo__card {
display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: stretch;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: calc(var(--r-card) + 6px); overflow: hidden;
box-shadow: 0 18px 60px rgba(120,90,40,0.10);
}
.scandi-demo__text { padding: 54px 50px; display: flex; flex-direction: column; align-items: flex-start; }
.scandi-demo__eyebrow {
display: inline-block; font: 600 11px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: var(--c-gold-dark); padding: 7px 15px; border: 1px solid var(--c-cream-border);
border-radius: var(--r-pill); background: var(--c-cream-panel);
}
.scandi-demo__title {
font: 700 30px/1.18 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink);
margin: 18px 0 0; max-width: 20ch;
}
.scandi-demo__lead { font: 600 17px/1.4 var(--font-ui); color: var(--c-ink); margin: 14px 0 0; }
.scandi-demo__desc { font: 400 15px/1.62 var(--font-ui); color: var(--c-ink-2); margin: 14px 0 0; max-width: 46ch; }
.scandi-demo__actions { margin-top: 30px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.scandi-demo__btn {
display: inline-flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d !important; -webkit-text-fill-color: #14100d;
font: 600 13px/1 var(--font-ui); letter-spacing: .04em; text-transform: uppercase;
padding: 15px 30px; border: none; border-radius: var(--r-pill); cursor: pointer;
box-shadow: 0 8px 24px rgba(193,154,91,0.28); transition: transform .35s, box-shadow .35s;
}
.scandi-demo__btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(193,154,91,0.38); }
.scandi-demo__note { font: 400 13px/1.3 var(--font-ui); color: var(--c-ink-3); }
.scandi-demo__media { position: relative; min-height: 360px; }
.scandi-demo__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
.scandi-demo__card { grid-template-columns: 1fr; }
.scandi-demo__media { min-height: 220px; order: -1; }
.scandi-demo__text { padding: 34px 24px; }
.scandi-demo__title { font-size: 25px; }
}
.scandi-demo__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.scandi-demo__sound {
position: absolute; left: 18px; bottom: 18px; z-index: 3;
display: inline-flex; align-items: center; gap: 9px;
padding: 11px 18px; border: 1px solid rgba(255,255,255,0.45); border-radius: var(--r-pill);
background: rgba(20,13,8,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
color: #fff; font: 600 12.5px/1 var(--font-ui); letter-spacing: .04em; cursor: pointer;
transition: background .3s, border-color .3s;
}
.scandi-demo__sound:hover { background: rgba(20,13,8,0.75); border-color: rgba(212,173,110,0.8); }
.scandi-demo__sound.is-on { border-color: rgba(212,173,110,0.9); color: #f3d9a6; }
.scandi-demo__sound svg { width: 17px; height: 17px; }
.scandi-why .container { position: relative; z-index: 2; }
.scandi-why__head { max-width: 720px; margin-bottom: 34px; }
.scandi-why__eyebrow {
display: inline-block; font: 600 11px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: var(--c-gold-dark); padding: 7px 15px; border: 1px solid var(--c-cream-border);
border-radius: var(--r-pill); background: var(--c-cream-panel);
}
.scandi-why__title { font: 700 32px/1.16 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 16px 0 0; }
.scandi-why__lead { font: 400 15.5px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 12px 0 0; }
.scandi-why__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.scandi-why-card {
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); overflow: hidden;
box-shadow: 0 12px 40px rgba(120,90,40,0.09);
transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
.scandi-why-card:hover { transform: translateY(-6px); box-shadow: 0 20px 52px rgba(120,90,40,0.15); }
.scandi-why-card__photo { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.scandi-why-card__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--ease); }
.scandi-why-card:hover .scandi-why-card__photo img { transform: scale(1.045); }
.scandi-why-card__title { font: 700 17px/1.25 var(--font-display); letter-spacing: -0.01em; color: var(--c-ink); margin: 16px 18px 0; }
.scandi-why-card__desc { font: 400 13.5px/1.55 var(--font-ui); color: var(--c-ink-2); margin: 7px 18px 18px; }
@media (max-width: 900px) {
.scandi-why__grid { grid-template-columns: 1fr; gap: 14px; }
.scandi-why__title { font-size: 26px; }
}
.scandi-bprice .container { position: relative; z-index: 2; }
.scandi-bprice__head { max-width: 760px; margin-bottom: 34px; }
.scandi-bprice__eyebrow {
display: inline-block; font: 600 11px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: var(--c-gold-dark); padding: 7px 15px; border: 1px solid var(--c-cream-border);
border-radius: var(--r-pill); background: var(--c-cream-panel);
}
.scandi-bprice__title { font: 700 32px/1.16 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 16px 0 0; }
.scandi-bprice__lead { font: 400 15.5px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 12px 0 0; }
.scandi-bprice__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.scandi-bprice-card {
position: relative; display: flex; flex-direction: column; align-items: flex-start;
background: linear-gradient(158deg, #241811 0%, #1a120b 55%, #14100d 100%);
border: 1px solid rgba(207,159,75,0.22); border-radius: 16px;
padding: 30px 26px 26px; overflow: hidden;
box-shadow: 0 8px 48px rgba(0,0,0,0.22);
}
.scandi-bprice-card::before {
content: ""; position: absolute; top: 0; left: 22px; right: 22px; height: 1px;
background: linear-gradient(90deg, transparent, rgba(207,159,75,0.75), transparent);
}
.scandi-bprice-card.is-hot { border-color: rgba(212,173,110,0.55); box-shadow: 0 8px 48px rgba(0,0,0,0.22), 0 0 34px rgba(193,154,91,0.16); }
.scandi-bprice-card__flag {
position: absolute; top: 16px; right: 16px;
font: 600 10px/1 var(--font-ui); letter-spacing: .1em; text-transform: uppercase;
color: #14100d; padding: 6px 11px; border-radius: var(--r-pill);
background: linear-gradient(135deg, #d4ad6e, #c19a5b);
}
.scandi-bprice-card__pill {
display: inline-block; font: 600 10.5px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: #d8b877; padding: 6px 13px; border: 1px solid rgba(207,159,75,0.32); border-radius: var(--r-pill);
}
.scandi-bprice-card__name { font: 700 22px/1.18 var(--font-display); letter-spacing: -0.01em; color: #ffe5b8; margin: 16px 0 0; }
.scandi-bprice-card__price {
font: 800 26px/1 var(--font-display); letter-spacing: -0.01em; margin-top: 12px;
background: linear-gradient(120deg, #f3d9a6 0%, #cf9f4b 60%, #a67c3a 100%);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
font-variant-numeric: tabular-nums;
}
.scandi-bprice-card__desc { font: 400 14px/1.6 var(--font-ui); color: #cdbda3; margin: 12px 0 22px; }
.scandi-bprice-card__cta {
display: inline-flex; align-items: center; justify-content: center; margin-top: auto;
padding: 13px 22px; border-radius: var(--r-pill); cursor: pointer;
font: 600 12px/1 var(--font-ui); letter-spacing: .05em; text-transform: uppercase;
background: linear-gradient(135deg, #d4ad6e, #c19a5b); color: #14100d !important; -webkit-text-fill-color: #14100d;
text-decoration: none; transition: transform .3s, box-shadow .3s;
box-shadow: 0 6px 20px rgba(193,154,91,0.26);
}
.scandi-bprice-card__cta:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(193,154,91,0.38); }
.scandi-bprice__note { font: 400 13px/1.5 var(--font-ui); color: var(--c-ink-3); margin: 22px 0 0; }
@media (max-width: 900px) {
.scandi-bprice__grid { grid-template-columns: 1fr; gap: 14px; }
.scandi-bprice__title { font-size: 26px; }
}
@media (max-width: 480px) {
#content .scandi-why__head,
#content .scandi-bprice__head,
#content .scandi-bprice__note,
#content .scandi-geo__head { padding-inline: 16px; box-sizing: border-box; }
}
.scandi-geo .container { position: relative; z-index: 2; }
.scandi-geo__head { max-width: 720px; margin-bottom: 30px; }
.scandi-geo__eyebrow {
display: inline-block; font: 600 11px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: var(--c-gold-dark); padding: 7px 15px; border: 1px solid var(--c-cream-border);
border-radius: var(--r-pill); background: var(--c-cream-panel);
}
.scandi-geo__title { font: 700 32px/1.16 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 16px 0 0; }
.scandi-geo__lead { font: 400 15.5px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 12px 0 0; }
.scandi-geo__map {
border: 1px solid var(--c-cream-border); border-radius: var(--r-card); overflow: hidden;
background: var(--c-cream-card); box-shadow: 0 14px 44px rgba(120,90,40,0.10);
}
#scandi-geo-ymap { width: 100%; height: 520px; }
@media (max-width: 900px) {
.scandi-geo__title { font-size: 26px; }
#scandi-geo-ymap { height: 380px; }
}
.scandi-seopage { background: var(--c-cream); }
.scandi-seopage .breadcrumbs { padding-top: 18px; }
.scandi-seotoc { padding: 18px 0 0; }
.scandi-seotoc .container { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; }
.scandi-seotoc__label { font: 700 12px/1 var(--font-ui); letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold-dark); }
.scandi-seotoc__list { display: flex; gap: 8px; flex-wrap: wrap; }
.scandi-seotoc__list a {
font: 600 13px/1 var(--font-ui); color: var(--c-ink-2);
padding: 8px 14px; border: 1px solid var(--c-cream-border); border-radius: var(--r-pill);
background: var(--c-cream-card); transition: all 0.18s ease;
}
.scandi-seotoc__list a:hover { color: var(--c-gold-dark); border-color: var(--c-gold); transform: translateY(-1px); }
.scandi-seosec { padding: 30px 0; }
.scandi-seosec__head { max-width: 760px; margin-bottom: 26px; }
.scandi-seosec__eyebrow { display: inline-block; font: 700 12px/1 var(--font-ui); letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); }
.scandi-seosec__title {
font: 700 32px/1.18 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink);
text-align: center; margin: 0 0 26px;
}
.scandi-seosec__title--left { text-align: left; margin: 12px 0 0; }
.scandi-seosec__title em, .scandi-seocta__title em {
font-style: normal;
background: linear-gradient(120deg, #b8863f, #a67c3a 60%, #8a6530);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-seosec__lead { font: 400 15.5px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 12px 0 0; }
.scandi-prose-card {
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); padding: 40px 46px;
max-width: 920px; margin: 0 auto;
box-shadow: 0 10px 36px rgba(120, 90, 40, 0.07);
}
.scandi-prose-card--cols {
max-width: none; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 36px; align-items: center;
}
.scandi-prose-card__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.scandi-prose { font: 400 16px/1.75 var(--font-ui); color: var(--c-ink); }
.scandi-prose p { margin: 0 0 14px; }
.scandi-prose p:last-child { margin-bottom: 0; }
.scandi-prose h3, .scandi-prose h4 {
font: 700 20px/1.3 var(--font-display); letter-spacing: -0.01em; color: var(--c-ink);
margin: 26px 0 12px;
}
.scandi-prose h3::after { content: ""; display: block; width: 44px; height: 2px; margin-top: 8px; background: linear-gradient(90deg, var(--c-gold), transparent); }
.scandi-prose ul, .scandi-prose ol { margin: 0 0 14px; padding-left: 22px; }
.scandi-prose li { margin: 0 0 8px; color: var(--c-ink); }
.scandi-prose ul li::marker { color: var(--c-gold-dark); }
.scandi-prose ol li::marker { color: var(--c-gold-dark); font-weight: 700; }
.scandi-prose b, .scandi-prose strong { font-weight: 700; color: var(--c-ink); }
.scandi-prose a { color: var(--c-gold-dark); border-bottom: 1px solid rgba(166, 124, 58, 0.35); }
.scandi-prose a:hover { color: var(--c-gold); border-bottom-color: var(--c-gold); }
.scandi-prose--collapsed {
max-height: 300px; overflow: hidden; position: relative;
-webkit-mask-image: linear-gradient(180deg, #000 62%, transparent 100%);
mask-image: linear-gradient(180deg, #000 62%, transparent 100%);
}
.scandi-prose__toggle {
display: block; margin: 16px auto 0; padding: 10px 22px;
font: 600 13px/1 var(--font-ui); color: var(--c-gold-dark);
background: none; border: 1px solid var(--c-cream-border); border-radius: var(--r-pill);
cursor: pointer; transition: all 0.18s ease;
}
.scandi-prose__toggle:hover { border-color: var(--c-gold); color: var(--c-gold); }
.scandi-seocta {
position: relative; text-align: center;
background: var(--c-cream-panel); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); padding: 44px 40px;
max-width: 920px; margin: 0 auto; overflow: hidden;
}
.scandi-seocta::before {
content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 2px;
background: linear-gradient(90deg, transparent, rgba(193, 154, 91, 0.65), transparent);
}
.scandi-seocta__title { font: 700 27px/1.22 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 0 0 12px; }
.scandi-seocta__desc { font: 400 15.5px/1.65 var(--font-ui); color: var(--c-ink-2); max-width: 640px; margin: 0 auto 22px; }
.scandi-seocta__btn {
display: inline-block; padding: 15px 28px; border-radius: var(--r-ctrl);
font: 600 14px/1 var(--font-ui); color: #241811; cursor: pointer;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #a67c3a);
box-shadow: 0 8px 26px rgba(166, 124, 58, 0.32); border: none;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.scandi-seocta__btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(166, 124, 58, 0.42); color: #241811; }
.scandi-seocta__btn--outline {
background: none; color: var(--c-gold-dark); box-shadow: none;
border: 1px solid var(--c-gold); }
.scandi-seocta__btn--outline:hover { color: var(--c-gold); box-shadow: 0 8px 22px rgba(166, 124, 58, 0.18); }
.scandi-seocta--dark {
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
border-color: rgba(207, 159, 75, 0.22);
box-shadow: 0 8px 48px rgba(0, 0, 0, 0.22);
}
.scandi-seocta--dark .scandi-seocta__title { color: #ffe5b8; }
.scandi-seocta--dark .scandi-seocta__title em { background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #b8863f); -webkit-background-clip: text; background-clip: text; }
.scandi-seocta--dark .scandi-seocta__desc { color: rgba(246, 241, 231, 0.72); }
.scandi-georegions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.scandi-georegion {
display: flex; flex-direction: column; gap: 10px;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); padding: 26px;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.scandi-georegion:hover { transform: translateY(-3px); border-color: var(--c-gold); box-shadow: 0 16px 38px rgba(120, 90, 40, 0.14); }
.scandi-georegion__pin {
width: 42px; height: 42px; display: grid; place-items: center;
background: var(--c-cream-panel); border: 1px solid var(--c-cream-border);
border-radius: 12px; color: var(--c-gold-dark);
}
.scandi-georegion__title { font: 700 16.5px/1.3 var(--font-display); color: var(--c-ink); }
.scandi-georegion__desc { font: 400 14px/1.6 var(--font-ui); color: var(--c-ink-2); }
.scandi-georegion__more { margin-top: auto; padding-top: 8px; font: 600 13px/1 var(--font-ui); color: var(--c-gold-dark); }
.scandi-georegion:hover .scandi-georegion__more { color: var(--c-gold); }
.scandi-georegions__cta { margin-top: 24px; text-align: center; }
.scandi-seovideo { max-width: 960px; margin: 0 auto; }
.scandi-seovideo--grid { max-width: none; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.scandi-seovideo__item { margin: 0; }
.scandi-seovideo__player {
aspect-ratio: 16 / 9; border-radius: var(--r-card); overflow: hidden;
background: #14100d; border: 1px solid var(--c-cream-border);
box-shadow: 0 16px 44px rgba(60, 40, 15, 0.16);
}
.scandi-seovideo__player video, .scandi-seovideo__player iframe { width: 100%; height: 100%; display: block; border: 0; }
.scandi-seovideo__item figcaption { font: 400 13.5px/1.5 var(--font-ui); color: var(--c-ink-3); margin-top: 10px; text-align: center; }
.scandi-seoreviews__widget { margin-top: 6px; }
.scandi-certs__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; max-width: none; }
.scandi-certs__nav { display: flex; gap: 8px; }
.scandi-certs__btn {
width: 42px; height: 42px; border-radius: 12px; cursor: pointer;
border: 1px solid var(--c-cream-border); background: var(--c-cream-card);
color: var(--c-gold-dark); font: 400 22px/1 var(--font-ui);
transition: all 0.18s ease;
}
.scandi-certs__btn:hover { border-color: var(--c-gold); color: var(--c-gold); }
.scandi-certs__viewport { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -6px; padding: 6px; }
.scandi-certs__viewport::-webkit-scrollbar { display: none; }
.scandi-certs__track { display: flex; gap: 18px; }
.scandi-cert {
flex: 0 0 236px; scroll-snap-align: start;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); overflow: hidden;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.scandi-cert:hover { transform: translateY(-3px); border-color: var(--c-gold); box-shadow: 0 14px 34px rgba(120, 90, 40, 0.16); }
.scandi-cert img { width: 100%; height: 316px; object-fit: cover; object-position: top; display: block; background: #fff; }
.scandi-cert__caption { display: block; padding: 12px 14px; font: 600 12.5px/1.45 var(--font-ui); color: var(--c-ink-2); }
.scandi-seotable-wrap {
max-width: 920px; margin: 0 auto; overflow-x: auto;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border); border-radius: var(--r-card);
}
.scandi-seotable { width: 100%; border-collapse: collapse; font: 400 15px/1.5 var(--font-ui); color: var(--c-ink); }
.scandi-seotable th {
text-align: left; padding: 15px 18px; background: var(--c-cream-panel);
font: 700 13px/1.3 var(--font-ui); letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-gold-dark);
border-bottom: 1px solid var(--c-cream-border);
}
.scandi-seotable td { padding: 13px 18px; border-bottom: 1px solid rgba(166, 124, 58, 0.12); color: var(--c-ink-2); }
.scandi-seotable td:first-child { color: var(--c-ink); font-weight: 600; }
.scandi-seotable tr:last-child td { border-bottom: none; }
.scandi-terms { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.scandi-term {
display: flex; flex-direction: column; gap: 10px;
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); padding: 24px;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.scandi-term:hover { transform: translateY(-3px); border-color: var(--c-gold); box-shadow: 0 14px 32px rgba(120, 90, 40, 0.12); }
.scandi-term__icon {
width: 46px; height: 46px; display: grid; place-items: center;
background: var(--c-cream-panel); border: 1px solid var(--c-cream-border); border-radius: 12px;
}
.scandi-term__icon img { width: 26px; height: 26px; object-fit: contain; }
.scandi-term__title { font: 700 15.5px/1.35 var(--font-ui); color: var(--c-ink); }
.scandi-term__desc { font: 400 13.5px/1.55 var(--font-ui); color: var(--c-ink-2); }
.scandi-seoteam { padding: 30px 0; }
.scandi-seoteam .about-company { background: transparent; padding: 0; }
.scandi-seosteps { padding: 30px 0; }
@media (max-width: 1024px) {
.scandi-terms { grid-template-columns: repeat(2, 1fr); }
.scandi-georegions { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
.scandi-seosec__title { font-size: 26px; }
.scandi-seocta__title { font-size: 23px; }
.scandi-prose-card { padding: 28px 24px; }
.scandi-prose-card--cols { grid-template-columns: 1fr; gap: 20px; }
.scandi-seovideo--grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.scandi-seosec { padding: 22px 0; }
.scandi-georegions { grid-template-columns: 1fr; }
.scandi-terms { grid-template-columns: 1fr; }
.scandi-prose { font-size: 15px; }
.scandi-prose-card { padding: 22px 18px; }
.scandi-seocta { padding: 30px 20px; }
.scandi-cert { flex-basis: 200px; }
.scandi-cert img { height: 268px; }
.scandi-certs__head { flex-direction: column; align-items: flex-start; }
.scandi-seotoc__list a { padding: 7px 11px; font-size: 12px; }
}
.scandi-seosteps .scandi-msteps__list { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .scandi-seosteps .scandi-msteps__list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .scandi-seosteps .scandi-msteps__list { grid-template-columns: 1fr; } }
.scandi-kmr { background: var(--c-cream); }
.scandi-kmr-stats {
display: flex; gap: 0; margin: 22px 0 24px;
border-top: 1px solid rgba(246, 241, 231, 0.16);
border-bottom: 1px solid rgba(246, 241, 231, 0.16);
}
.scandi-kmr-stat { flex: 1; padding: 14px 18px 14px 0; }
.scandi-kmr-stat + .scandi-kmr-stat { padding-left: 18px; border-left: 1px solid rgba(246, 241, 231, 0.16); }
.scandi-kmr-stat__val {
display: block; font: 700 26px/1 var(--font-display); letter-spacing: -0.02em;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #b8863f);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-kmr-stat__val small { font-size: 14px; font-weight: 600; }
.scandi-kmr-stat__label { display: block; margin-top: 6px; font: 500 12px/1.35 var(--font-ui); color: rgba(246, 241, 231, 0.66); }
.scandi-journey { padding: 64px 0 40px; }
.scandi-journey__head { max-width: 720px; margin: 0 auto 22px; text-align: center; }
.scandi-journey__title {
font: 700 34px/1.16 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink);
margin: 14px 0 0;
}
.scandi-journey__title em, .scandi-jstep__title em {
font-style: normal;
background: linear-gradient(120deg, #b8863f, #a67c3a 60%, #8a6530);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-journey__lead { font: 400 15.5px/1.65 var(--font-ui); color: var(--c-ink-2); margin: 14px 0 0; }
.scandi-journey__list { list-style: none; margin: 26px 0 0; padding: 0; position: relative; }
.scandi-journey__list::before {
content: ""; position: absolute; top: 24px; bottom: 24px; left: 50%; width: 1px;
background: linear-gradient(180deg, transparent, rgba(193, 154, 91, 0.55) 6%, rgba(193, 154, 91, 0.55) 94%, transparent);
}
.scandi-jstep {
position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 64px;
align-items: center; padding: 30px 0;
}
.scandi-jstep__node {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
width: 13px; height: 13px; border-radius: 50%;
background: linear-gradient(135deg, #f3d9a6, #cf9f4b);
box-shadow: 0 0 0 5px var(--c-cream), 0 0 0 6px rgba(193, 154, 91, 0.35);
}
.scandi-jstep__media {
border-radius: 18px; overflow: hidden;
border: 1px solid var(--c-cream-border);
box-shadow: 0 18px 48px rgba(90, 62, 20, 0.14);
}
.scandi-jstep__media img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.scandi-jstep__body { position: relative; padding: 8px 0; }
.scandi-jstep:nth-child(odd) .scandi-jstep__media { order: 1; }
.scandi-jstep:nth-child(odd) .scandi-jstep__body  { order: 2; }
.scandi-jstep:nth-child(even) .scandi-jstep__media { order: 2; }
.scandi-jstep:nth-child(even) .scandi-jstep__body  { order: 1; text-align: right; }
.scandi-jstep:nth-child(even) .scandi-jstep__meta  { justify-content: flex-end; }
.scandi-jstep__num {
position: absolute; top: -34px; z-index: 0; pointer-events: none;
font: 800 118px/1 var(--font-display); letter-spacing: -0.04em;
color: transparent; -webkit-text-stroke: 1.5px rgba(166, 124, 58, 0.20);
}
.scandi-jstep:nth-child(odd) .scandi-jstep__num  { left: -8px; }
.scandi-jstep:nth-child(even) .scandi-jstep__num { right: -8px; }
.scandi-jstep__meta { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
.scandi-jstep__pill {
font: 700 11px/1 var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase;
color: var(--c-gold-dark); padding: 7px 12px;
border: 1px solid var(--c-cream-border); border-radius: var(--r-pill);
background: var(--c-cream-card);
}
.scandi-jstep__dur {
font: 700 12px/1 var(--font-ui); color: #241811; padding: 8px 12px; border-radius: var(--r-pill);
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 70%);
}
.scandi-jstep__title { position: relative; z-index: 1; font: 700 24px/1.22 var(--font-display); letter-spacing: -0.015em; color: var(--c-ink); margin: 14px 0 10px; }
.scandi-jstep__desc { position: relative; z-index: 1; font: 400 15.5px/1.68 var(--font-ui); color: var(--c-ink-2); margin: 0; max-width: 480px; }
.scandi-jstep:nth-child(even) .scandi-jstep__desc { margin-left: auto; }
@media (max-width: 900px) {
.scandi-journey { padding: 40px 0 20px; }
.scandi-journey__title { font-size: 27px; }
.scandi-journey__list::before { left: 21px; }
.scandi-jstep { grid-template-columns: 1fr; gap: 16px; padding: 22px 0 22px 52px; }
.scandi-jstep__node { left: 21px; top: 30px; transform: translate(-50%, 0); }
.scandi-jstep:nth-child(even) .scandi-jstep__media { order: 1; }
.scandi-jstep:nth-child(even) .scandi-jstep__body  { order: 2; text-align: left; }
.scandi-jstep:nth-child(even) .scandi-jstep__meta  { justify-content: flex-start; }
.scandi-jstep:nth-child(even) .scandi-jstep__desc  { margin-left: 0; }
.scandi-jstep__num { display: none; }
.scandi-jstep__title { font-size: 20px; }
.scandi-kmr-stats { flex-direction: column; }
.scandi-kmr-stat + .scandi-kmr-stat { padding-left: 0; border-left: none; border-top: 1px solid rgba(246, 241, 231, 0.16); }
.scandi-kmr-stat { padding: 10px 0; }
}
.scandi-kfilter {
position: relative; z-index: 2;
max-width: 1280px; margin: 0 auto 52px;
padding: 24px 30px 20px;
background: linear-gradient(135deg, var(--c-cream-card) 0%, var(--c-cream-panel) 58%, var(--c-cream-2) 100%);
border: 1px solid var(--c-cream-border);
border-top: 2px solid var(--c-gold);
border-radius: var(--r-card);
box-shadow: 0 18px 44px rgba(60, 40, 20, 0.12), 0 4px 12px rgba(60, 40, 20, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.scandi-kfilter.load { opacity: 0.6; pointer-events: none; }
.scandi-kfilter__head {
display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
margin-bottom: 18px;
}
.scandi-kfilter__head .scandi-kfilter__count { flex: 0 0 auto; }
.scandi-kfilter__eyebrow {
font: 700 12px/1 var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase;
color: var(--c-gold-dark);
}
.scandi-kfilter__count { font: 500 14px/1 var(--font-ui); color: var(--c-ink-2); }
.scandi-kfilter__count b { font: 700 18px/1 var(--font-display); color: var(--c-ink); font-feature-settings: 'tnum' 1; }
.scandi-kfilter__grid {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 130px);
gap: 18px 34px; align-items: start;
}
.scandi-kfilter__label {
display: block;
font: 700 11.5px/1 var(--font-ui); letter-spacing: 0.12em; text-transform: uppercase;
color: var(--c-ink-2); margin-bottom: 10px;
}
.scandi-kfilter__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.scandi-kfilter__chip {
padding: 9px 16px;
font: 600 14px/1 var(--font-ui); color: var(--c-ink-2); cursor: pointer;
background: var(--c-cream); border: 1px solid var(--c-cream-border); border-radius: var(--r-pill);
transition: all 0.16s ease;
font-feature-settings: 'tnum' 1;
}
.scandi-kfilter__chip:hover { border-color: var(--c-gold); color: var(--c-gold-dark); }
.scandi-kfilter__chip.is-active {
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #a67c3a);
border-color: transparent; color: #241811;
box-shadow: 0 6px 18px rgba(166, 124, 58, 0.32);
}
.scandi-kfilter__value { display: block; margin-bottom: 8px; }
.scandi-kfilter__value b {
font: 700 21px/1 var(--font-display); color: var(--c-gold-dark);
letter-spacing: -0.01em; font-feature-settings: 'tnum' 1, 'lnum' 1;
}
.scandi-kfilter__range {
-webkit-appearance: none; appearance: none;
display: block; width: 100%; height: 5px; border-radius: 4px;
background: var(--c-cream-2); outline: none; cursor: pointer;
}
.scandi-kfilter__range::-webkit-slider-thumb {
-webkit-appearance: none; appearance: none;
width: 22px; height: 22px; border-radius: 50%;
background: linear-gradient(135deg, #f3d9a6, #cf9f4b 65%, #a67c3a);
border: 2px solid #fffdf8;
box-shadow: 0 3px 10px rgba(120, 84, 40, 0.4);
cursor: grab;
}
.scandi-kfilter__range::-moz-range-thumb {
width: 18px; height: 18px; border-radius: 50%;
background: linear-gradient(135deg, #f3d9a6, #cf9f4b 65%, #a67c3a);
border: 2px solid #fffdf8;
box-shadow: 0 3px 10px rgba(120, 84, 40, 0.4);
cursor: grab;
}
.scandi-kfilter__range:active::-webkit-slider-thumb { cursor: grabbing; }
.scandi-kfilter__minmax {
display: flex; justify-content: space-between; margin-top: 7px;
font: 500 11.5px/1 var(--font-ui); color: var(--c-ink-2); opacity: 0.75;
font-feature-settings: 'tnum' 1;
}
.scandi-kfilter__group--actions { display: flex; align-items: flex-start; justify-content: flex-end; padding-top: 24px; }
.scandi-kfilter__submit-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; padding: 0; }
.scandi-kfilter__reset {
display: inline-flex; align-items: center; gap: 7px;
padding: 10px 16px; cursor: pointer;
font: 600 13px/1 var(--font-ui); color: var(--c-ink-2);
background: none; border: 1px solid var(--c-cream-border); border-radius: var(--r-pill);
transition: all 0.16s ease;
}
.scandi-kfilter__reset:hover { color: var(--c-gold-dark); border-color: var(--c-gold); }
.scandi-kfilter__hint {
margin: 14px 0 0; font: 400 12.5px/1.4 var(--font-ui); color: var(--c-ink-2); opacity: 0.7;
}
@media (max-width: 1024px) {
.scandi-kfilter__grid { grid-template-columns: 1fr 1fr; }
.scandi-kfilter__group--chips { grid-column: 1 / -1; }
.scandi-kfilter__group--actions { justify-content: flex-start; padding-top: 0; }
}
@media (max-width: 640px) {
.scandi-kfilter { padding: 20px 18px 16px; }
.scandi-kfilter__grid { grid-template-columns: 1fr; gap: 18px; }
.scandi-kfilter__hint { display: none; }
}
.scandi-kproj-hero {
background:
radial-gradient(1100px 420px at 85% -20%, rgba(207, 159, 75, 0.14), transparent 70%),
var(--c-cream);
border-bottom: 1px solid var(--c-cream-border);
padding: 64px 0 56px;
}
.scandi-kproj-hero__copy { max-width: 760px; }
.scandi-kproj-hero__eyebrow {
display: inline-flex; align-items: center; gap: 10px;
font: 700 12px/1 var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase;
color: var(--c-gold-dark); margin-bottom: 16px;
}
.scandi-kproj-hero__eyebrow::before { content: ""; width: 26px; height: 2px; background: linear-gradient(90deg, var(--c-gold), transparent); }
.scandi-kproj-hero__title {
font: 700 46px/1.12 var(--font-display); letter-spacing: -0.02em;
color: var(--c-ink); margin: 0 0 16px;
}
.scandi-kproj-hero__title em {
font-style: normal;
background: linear-gradient(120deg, #b8863f, #a67c3a 60%, #8a6530);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-kproj-hero__lead { font: 400 17px/1.65 var(--font-ui); color: var(--c-ink-2); margin: 0 0 26px; max-width: 640px; }
.scandi-kproj-hero__stats { display: flex; gap: 34px; flex-wrap: wrap; margin-bottom: 28px; }
.scandi-kproj-stat { display: flex; flex-direction: column; gap: 4px; }
.scandi-kproj-stat b { font: 700 26px/1 var(--font-display); color: var(--c-ink); letter-spacing: -0.01em; }
.scandi-kproj-stat span { font: 500 13px/1.3 var(--font-ui); color: var(--c-ink-2); }
.scandi-kproj-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
.scandi-kproj-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.scandi-kproj-tile {
position: relative; display: block; overflow: hidden;
border-radius: var(--r-card); aspect-ratio: 4 / 5;
border: 1px solid rgba(207, 159, 75, 0.22);
box-shadow: 0 14px 40px rgba(120, 90, 40, 0.12);
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.scandi-kproj-tile img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; transition: transform 0.35s ease;
}
.scandi-kproj-tile__scrim {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(14, 9, 4, 0) 24%, rgba(14, 9, 4, 0.5) 58%, rgba(14, 9, 4, 0.92) 100%);
}
.scandi-kproj-tile__body {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
display: flex; flex-direction: column; gap: 4px; padding: 20px 22px;
}
.scandi-kproj-tile__title { font: 700 22px/1.15 var(--font-display); color: #ffffff; -webkit-text-fill-color: #ffffff; letter-spacing: -0.01em; text-shadow: 0 2px 16px rgba(0,0,0,0.85), 0 1px 4px rgba(0,0,0,0.9); }
.scandi-kproj-tile__desc { font: 500 13.5px/1.4 var(--font-ui); color: #f4efe7; -webkit-text-fill-color: #f4efe7; text-shadow: 0 1px 12px rgba(0,0,0,0.9), 0 1px 3px rgba(0,0,0,0.8); }
.scandi-kproj-tile__more {
margin-top: 8px; font: 600 13px/1 var(--font-ui); color: #ffe6b8; -webkit-text-fill-color: #ffe6b8; text-shadow: 0 1px 8px rgba(0,0,0,0.8);
opacity: 0; transform: translateY(4px); transition: opacity 0.22s ease, transform 0.22s ease;
}
.scandi-kproj-tile:hover { transform: translateY(-4px); box-shadow: 0 22px 54px rgba(120, 90, 40, 0.2); }
.scandi-kproj-tile:hover img { transform: scale(1.045); }
.scandi-kproj-tile:hover .scandi-kproj-tile__more { opacity: 1; transform: none; }
@media (max-width: 1024px) {
.scandi-kproj-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
.scandi-kproj-hero { padding: 44px 0 40px; }
.scandi-kproj-hero__title { font-size: 32px; }
.scandi-kproj-hero__stats { gap: 20px; }
.scandi-kproj-stat b { font-size: 21px; }
}
@media (max-width: 560px) {
.scandi-kproj-tiles { grid-template-columns: 1fr 1fr; gap: 12px; }
.scandi-kproj-tile__title { font-size: 17px; }
.scandi-kproj-tile__desc { display: none; }
.scandi-kproj-tile__body { padding: 14px 14px; }
}
.scandi-kmr__hero .scandi-home-hero__bg img { object-position: 72% center; }
.scandi-kmr-banner {
position: relative; overflow: hidden; border-radius: var(--r-card);
min-height: 430px; display: flex; align-items: center;
background: #14100d; border: 1px solid rgba(207, 159, 75, 0.22);
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.26);
}
.scandi-kmr-banner__bg { position: absolute; inset: 0; }
.scandi-kmr-banner__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 78% center; display: block; }
.scandi-kmr-banner__scrim {
position: absolute; inset: 0;
background: linear-gradient(94deg, rgba(16, 11, 7, 0.95) 0%, rgba(16, 11, 7, 0.85) 30%, rgba(16, 11, 7, 0.5) 58%, rgba(16, 11, 7, 0.08) 90%);
}
.scandi-kmr-banner__inner { position: relative; z-index: 2; max-width: 620px; padding: 54px 60px; }
.scandi-kmr-banner__eyebrow {
display: inline-flex; align-items: center; gap: 10px;
font: 700 12px/1 var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase;
color: #e8c286; margin-bottom: 16px;
}
.scandi-kmr-banner__eyebrow::before { content: ""; width: 26px; height: 2px; background: linear-gradient(90deg, var(--c-gold), transparent); }
.scandi-kmr-banner__title {
font: 700 36px/1.16 var(--font-display); letter-spacing: -0.02em;
color: #ffe5b8; margin: 0 0 14px;
}
.scandi-kmr-banner__title em {
font-style: normal;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #b8863f);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-kmr-banner__desc { font: 400 16px/1.65 var(--font-ui); color: rgba(246, 241, 231, 0.78); margin: 0 0 24px; }
.scandi-kmr-banner__ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 22px; }
.scandi-kmr-banner .scandi-seocta__btn--outline { color: #ffe5b8; border-color: rgba(243, 217, 166, 0.5); }
.scandi-kmr-banner .scandi-seocta__btn--outline:hover { color: #f3d9a6; border-color: #f3d9a6; }
.scandi-kmr-banner__chips { display: flex; gap: 10px; flex-wrap: wrap; }
.scandi-kmr-banner__chips span {
padding: 8px 14px; border: 1px solid rgba(207, 159, 75, 0.38); border-radius: var(--r-pill);
font: 600 12.5px/1 var(--font-ui); color: #eddbb9;
background: rgba(20, 13, 8, 0.35); backdrop-filter: blur(4px);
}
@media (max-width: 900px) {
.scandi-kmr-banner { min-height: 0; }
.scandi-kmr-banner__inner { padding: 32px 24px; max-width: none; }
.scandi-kmr-banner__title { font-size: 27px; }
.scandi-kmr-banner__scrim { background: linear-gradient(180deg, rgba(16, 11, 7, 0.92), rgba(16, 11, 7, 0.84)); }
}
.scandi-kmr-hero-video {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: 32% center; display: block;
}
.scandi-kmr-reels__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.scandi-reel {
position: relative; margin: 0; cursor: pointer;
border-radius: var(--r-card); overflow: hidden;
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
border: 1px solid rgba(207, 159, 75, 0.22);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
aspect-ratio: 9 / 16;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.scandi-reel:hover { transform: translateY(-3px); border-color: var(--c-gold); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26); }
.scandi-reel video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.scandi-reel__play {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
width: 56px; height: 56px; display: grid; place-items: center; z-index: 2;
border-radius: 50%; color: #241811;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 70%);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
transition: transform 0.2s ease, opacity 0.2s ease;
}
.scandi-reel__play svg { margin-left: 3px; }
.scandi-reel:hover .scandi-reel__play { transform: translate(-50%, -50%) scale(1.08); }
.scandi-reel.is-playing .scandi-reel__play { opacity: 0; pointer-events: none; }
.scandi-reel__cap {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
padding: 44px 16px 14px;
font: 700 14.5px/1.35 var(--font-ui); color: #ffe5b8;
background: linear-gradient(180deg, transparent, rgba(14, 10, 7, 0.85));
}
.scandi-reel.is-playing .scandi-reel__cap { opacity: 0; transition: opacity 0.25s ease; }
@media (max-width: 1024px) {
.scandi-kmr-reels__grid { grid-template-columns: repeat(2, 1fr); }
.scandi-kmr__videos .scandi-seovideo--grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.scandi-kmr-reels__grid {
display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
margin: 0 -16px; padding: 4px 16px 8px; scrollbar-width: none;
}
.scandi-kmr-reels__grid::-webkit-scrollbar { display: none; }
.scandi-reel { flex: 0 0 62vw; scroll-snap-align: center; }
}
.faq-page-wrapper:not(#__x__):not(#__x__) { background: var(--c-cream); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-container { padding-top: 40px; }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-main-title h1 { font-family: var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-main-title h1 span,
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-section-title span {
background: linear-gradient(120deg, #b8863f, #a67c3a 60%, #8a6530);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--c-gold-dark);
}
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-section { border-top-color: var(--c-cream-border); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-section-title { font-family: var(--font-display); color: var(--c-ink); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card {
background: var(--c-cream-card); border: 1px solid var(--c-cream-border);
border-radius: var(--r-card); box-shadow: 0 8px 26px rgba(120, 90, 40, 0.07);
}
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card:hover { border-color: var(--c-gold); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card.active { border-color: rgba(166, 124, 58, 0.45); box-shadow: 0 14px 34px rgba(120, 90, 40, 0.12); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card-question { color: var(--c-ink); font-family: var(--font-ui); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card-question:hover { color: var(--c-gold-dark); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card-icon {
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 70%); color: #241811;
border: none; border-radius: 50%;
}
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card-answer { color: var(--c-ink-2); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card-answer a { color: var(--c-gold-dark); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-hl { color: var(--c-gold-dark); font-weight: 700; }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-cta {
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
border: 1px solid rgba(207, 159, 75, 0.22); border-radius: var(--r-card);
box-shadow: 0 8px 48px rgba(0, 0, 0, 0.22);
}
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-cta h2 { color: #ffe5b8; font-family: var(--font-display); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-cta p { color: rgba(246, 241, 231, 0.72); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-cta a:not(.faq-cta-phone) {
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #a67c3a); color: #241811;
border-radius: var(--r-ctrl); box-shadow: 0 8px 26px rgba(166, 124, 58, 0.32);
}
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-cta-phone { color: var(--c-gold-light); }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-cta-phone:hover { color: #f3d9a6; }
:root:not(#__x__) {
--hc-accent: #a67c3a;
--hc-accent-hover: #8a6530;
--hc-accent-light: #faf4e8;
--hc-text: #1e130a;
--hc-text-light: #6b5d49;
--hc-border: rgba(166, 124, 58, 0.22);
--hc-bg: #fffdf8;
--hc-bg-soft: #f6f1e7;
}
.hc-wrap:not(#__x__):not(#__x__) {
--accent: #a67c3a;
--accent-hover: #8a6530;
--accent-light: #faf4e8;
--text: #1e130a;
--text-light: #6b5d49;
--border: rgba(166, 124, 58, 0.22);
--bg: #fffdf8;
--bg-soft: #f6f1e7;
}
.hc-top-progress-fill:not(#__x__):not(#__x__) { background: linear-gradient(90deg, #a67c3a, #d4a574) !important; }
.hc-form-progress-fill:not(#__x__):not(#__x__),
.hc-progress-fill:not(#__x__):not(#__x__),
.hc-progress-sidebar-fill:not(#__x__):not(#__x__),
.hc-mobile-progress-fill:not(#__x__):not(#__x__),
.hc-gen-progress-fill:not(#__x__):not(#__x__) { background: linear-gradient(90deg, #a67c3a, #d4a574) !important; }
.hc-modal-icon.blue:not(#__x__):not(#__x__) { background: #faf4e8; }
.hc-modal-input:not(#__x__):not(#__x__):focus { border-color: #a67c3a; box-shadow: 0 0 0 3px rgba(166, 124, 58, 0.18); }
.hc-modal-btn-primary:not(#__x__):not(#__x__) { background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #a67c3a); color: #241811; }
.hc-modal-btn-primary:not(#__x__):not(#__x__):hover { background: linear-gradient(120deg, #efd096, #c3913c 60%, #97702f); }
.hc-gen-spinner:not(#__x__):not(#__x__) { border-color: rgba(166, 124, 58, 0.2); border-top-color: #a67c3a; }
.hc-gen-step.active:not(#__x__):not(#__x__) { background: #faf4e8; border-color: #a67c3a; color: #8a6530; }
.hc-gen-step.active:not(#__x__):not(#__x__) .hc-gen-step-num { background: #a67c3a; color: #fff; }
.hc-sidebar-hint.generated:not(#__x__):not(#__x__) { background: linear-gradient(135deg, #faf0dc, #f3d9a6); border-color: #d4a574; color: #8a6530; }
.faq-page-wrapper:not(#__x__):not(#__x__) .faq-card-answer {
background: transparent; border-top-color: rgba(166, 124, 58, 0.14);
}
.video-section > .title.b-title:not(#__x__) {
color: #ffe5b8 !important;
-webkit-text-fill-color: #ffe5b8 !important;
background: none !important;
font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em;
}
.video-section > .title.b-title:not(#__x__) i {
-webkit-text-fill-color: transparent !important;
}
.video-section > .title.b-title:not(#__x__) i {
font-style: normal;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #b8863f);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-mx { background: var(--c-cream); }
.scandi-mx-eyebrow {
display: inline-block; font: 700 12px/1 var(--font-ui);
letter-spacing: 0.17em; text-transform: uppercase; color: var(--c-gold-dark);
}
.scandi-mx-eyebrow--dark { color: var(--c-gold-light); }
.scandi-mx-hero { padding: 46px 0 30px; }
.scandi-mx-hero__grid {
display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
gap: 56px; align-items: center;
}
.scandi-mx-hero__title {
margin: 14px 0 0;
font: 700 52px/1.08 var(--font-display); letter-spacing: -0.03em; color: var(--c-ink);
}
.scandi-mx-hero__title em, .scandi-mx-title em, .scandi-mx-band__title em {
font-style: normal;
background: linear-gradient(120deg, #b8863f, #a67c3a 60%, #8a6530);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-mx-hero__lead { margin: 18px 0 0; max-width: 430px; font: 400 16.5px/1.65 var(--font-ui); color: var(--c-ink-2); }
.scandi-mx-hero__stats {
list-style: none; display: flex; gap: 34px; margin: 26px 0 30px; padding: 18px 0;
border-top: 1px solid var(--c-cream-border); border-bottom: 1px solid var(--c-cream-border);
}
.scandi-mx-hero__stats li { display: flex; flex-direction: column; gap: 5px; }
.scandi-mx-hero__stats b {
font: 700 30px/1 var(--font-display); letter-spacing: -0.02em;
background: linear-gradient(120deg, #b8863f, #a67c3a 70%);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.scandi-mx-hero__stats span { font: 500 13px/1.3 var(--font-ui); color: var(--c-ink-3); }
.scandi-mx-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.scandi-mx-feat {
position: relative; margin: 0; cursor: pointer;
aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden;
background: #14100d; border: 1px solid rgba(166, 124, 58, 0.30);
box-shadow: 0 34px 90px -26px rgba(60, 40, 15, 0.50);
}
.scandi-mx-feat video { width: 100%; height: 100%; object-fit: cover; display: block; }
.scandi-mx-feat.is-playing { cursor: default; }
.scandi-mx-feat.is-playing .scandi-mx-play { display: none; }
.scandi-mx-feat__cap { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.scandi-mx-feat__badge {
flex: 0 0 auto; font: 700 11px/1 var(--font-ui); letter-spacing: 0.13em; text-transform: uppercase;
color: #241811; padding: 7px 12px; border-radius: var(--r-pill);
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 70%);
}
.scandi-mx-feat__name { font: 600 14.5px/1.4 var(--font-ui); color: var(--c-ink-2); }
.scandi-mx-play {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;
width: 50px; height: 50px; display: grid; place-items: center;
border: none; border-radius: 50%; color: #241811; cursor: pointer;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 70%);
box-shadow: 0 10px 28px rgba(20, 12, 5, 0.38);
transition: transform 0.22s ease;
}
.scandi-mx-play svg { margin-left: 2px; }
.scandi-mx-play--xl { width: 84px; height: 84px; }
.scandi-mx-play--xl::before {
content: ""; position: absolute; inset: -13px; border-radius: 50%;
border: 1.5px solid rgba(193, 154, 91, 0.55);
animation: scandiMxPulse 2.4s ease-out infinite;
}
@keyframes scandiMxPulse {
0% { transform: scale(0.84); opacity: 0.9; }
70%, 100% { transform: scale(1.12); opacity: 0; }
}
.scandi-mx-sec { padding: 54px 0; }
.scandi-mx-head {
display: flex; align-items: flex-end; justify-content: space-between;
gap: 28px; margin-bottom: 28px;
}
.scandi-mx-title { margin: 12px 0 0; font: 700 36px/1.14 var(--font-display); letter-spacing: -0.025em; color: var(--c-ink); }
.scandi-mx-sub { max-width: 300px; margin: 0; text-align: right; font: 400 14px/1.55 var(--font-ui); color: var(--c-ink-3); }
.scandi-mx-sub--reels { max-width: 540px; text-align: left; margin-top: 10px; }
.scandi-mx-sub--reels b { color: var(--c-gold-dark); font-weight: 700; }
.scandi-mx-arrows { display: flex; gap: 10px; flex: 0 0 auto; align-self: flex-end; }
.scandi-mx-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--c-cream-border); background: #fff; color: var(--c-ink); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s, color .2s, border-color .2s, opacity .2s; box-shadow: 0 6px 18px -10px rgba(70,48,18,0.4); }
.scandi-mx-arrow:hover { background: linear-gradient(120deg,#f3d9a6,#cf9f4b); color: #14100d; border-color: transparent; }
.scandi-mx-arrow.is-disabled { opacity: 0.32; pointer-events: none; }
@media (max-width: 700px) { .scandi-mx-arrows { display: none; } }
.scandi-mx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.scandi-mx-card {
display: flex; flex-direction: column; text-align: left; padding: 0;
background: none; border: none; cursor: pointer;
}
.scandi-mx-card.is-hidden { display: none; }
.scandi-mx-card__media {
position: relative; aspect-ratio: 16 / 9; overflow: hidden;
border-radius: 16px; border: 1px solid var(--c-cream-border);
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
box-shadow: 0 16px 40px -20px rgba(70, 48, 18, 0.38);
transition: transform 0.35s cubic-bezier(0.22, 1, 0.32, 1), box-shadow 0.35s ease, border-color 0.25s ease;
}
.scandi-mx-card:hover .scandi-mx-card__media {
transform: translateY(-4px); border-color: var(--c-gold);
box-shadow: 0 28px 56px -24px rgba(70, 48, 18, 0.5);
}
.scandi-mx-card__media img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; display: block;
transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.scandi-mx-card:hover .scandi-mx-card__media img { transform: scale(1.05); }
.scandi-mx-card__ph {
position: absolute; inset: 0; display: grid; place-items: center;
color: rgba(212, 165, 116, 0.5);
}
.scandi-mx-card .scandi-mx-play { width: 44px; height: 44px; opacity: 0; transform: translate(-50%, -50%) scale(0.85); transition: opacity 0.22s ease, transform 0.22s ease; }
.scandi-mx-card:hover .scandi-mx-play { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.scandi-mx-card__name {
margin-top: 13px; font: 600 15px/1.42 var(--font-ui); color: var(--c-ink);
transition: color 0.2s ease;
}
.scandi-mx-card:hover .scandi-mx-card__name { color: var(--c-gold-dark); }
.scandi-mx-more { margin-top: 30px; text-align: center; }
.scandi-mx-sec--reels { padding-bottom: 62px; }
.scandi-mx-reels { overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.scandi-mx-reels::-webkit-scrollbar { display: none; }
.scandi-mx-reels__track { display: flex; gap: 18px; padding-bottom: 8px; }
.scandi-mx-reel {
position: relative; margin: 0; flex: 0 0 224px; scroll-snap-align: start;
aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; cursor: pointer;
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
border: 1px solid rgba(207, 159, 75, 0.24);
box-shadow: 0 14px 34px -16px rgba(20, 12, 5, 0.45);
transition: transform 0.25s ease, border-color 0.25s ease;
}
.scandi-mx-reel:hover { transform: translateY(-4px); border-color: var(--c-gold); }
.scandi-mx-reel video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.scandi-mx-reel .scandi-mx-play { width: 46px; height: 46px; }
.scandi-mx-reel.is-playing .scandi-mx-play { opacity: 0; pointer-events: none; }
.scandi-mx-reel__cap {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
padding: 40px 14px 13px;
font: 700 13.5px/1.35 var(--font-ui); color: #ffe5b8;
background: linear-gradient(180deg, transparent, rgba(14, 10, 7, 0.88));
transition: opacity 0.25s ease;
}
.scandi-mx-reel.is-playing .scandi-mx-reel__cap { opacity: 0; }
.scandi-mx-band { padding: 10px 0 64px; }
.scandi-mx-band__card {
position: relative; overflow: hidden;
display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: 30px; align-items: center;
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
border: 1px solid rgba(207, 159, 75, 0.26); border-radius: 22px;
padding: 44px 48px;
box-shadow: 0 24px 70px -22px rgba(0, 0, 0, 0.45);
}
.scandi-mx-band__card::before {
content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 2px;
background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.7), transparent);
}
.scandi-mx-band__title { margin: 14px 0 0; font: 700 30px/1.16 var(--font-display); letter-spacing: -0.02em; color: #ffe5b8; }
.scandi-mx-band__lead { margin: 12px 0 22px; max-width: 520px; font: 400 15px/1.6 var(--font-ui); color: rgba(246, 241, 231, 0.72); }
.scandi-mx-band__hp { position: absolute; left: -9999px; }
.scandi-mx-band__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 560px; }
.scandi-mx-band__fields input {
height: 50px; padding: 0 16px; border-radius: var(--r-ctrl);
border: 1px solid rgba(207, 159, 75, 0.30); background: rgba(246, 241, 231, 0.06);
font: 500 14px/1 var(--font-ui); color: #f6f1e7; outline: none;
transition: border-color 0.2s ease, background 0.2s ease;
}
.scandi-mx-band__fields input::placeholder { color: rgba(246, 241, 231, 0.45); }
.scandi-mx-band__fields input:focus { border-color: var(--c-gold); background: rgba(246, 241, 231, 0.10); }
.scandi-mx-band__fields .scandi-seocta__btn { height: 50px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; }
.scandi-mx-band__legal { margin: 14px 0 0; font: 400 12px/1.5 var(--font-ui); color: rgba(246, 241, 231, 0.45); }
.scandi-mx-band__legal a { color: var(--c-gold-light); }
.scandi-mx-band__media img {
width: 100%; display: block; border-radius: 14px;
border: 1px solid rgba(207, 159, 75, 0.25);
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4);
}
.scandi-mx-lb {
position: fixed; inset: 0; z-index: 10050; display: none;
background: rgba(14, 10, 7, 0.90);
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
align-items: center; justify-content: center; padding: 30px;
}
.scandi-mx-lb.is-open { display: flex; }
.scandi-mx-lb__frame { position: relative; width: min(1080px, 94vw); }
.scandi-mx-lb__frame video {
width: 100%; max-height: 78vh; display: block; background: #000;
border-radius: 18px; border: 1px solid rgba(207, 159, 75, 0.30);
box-shadow: 0 40px 120px rgba(0, 0, 0, 0.6);
}
.scandi-mx-lb__title { margin: 14px 4px 0; font: 600 15px/1.4 var(--font-ui); color: #ffe5b8; }
.scandi-mx-lb__close {
position: absolute; top: -16px; right: -16px; z-index: 2;
width: 40px; height: 40px; border: none; border-radius: 50%; cursor: pointer;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 70%); color: #241811;
font: 700 15px/1 var(--font-ui);
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}
@media (max-width: 1024px) {
.scandi-mx-hero__grid { grid-template-columns: 1fr; gap: 30px; }
.scandi-mx-hero__title { font-size: 40px; }
.scandi-mx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.scandi-mx-band__card { grid-template-columns: 1fr; padding: 34px 30px; }
.scandi-mx-band__media { order: -1; max-width: 420px; }
}
@media (max-width: 640px) {
.scandi-mx-hero { padding: 30px 0 16px; }
.scandi-mx-hero__title { font-size: 31px; }
.scandi-mx-hero__stats { gap: 22px; }
.scandi-mx-hero__stats b { font-size: 24px; }
.scandi-mx-sec { padding: 36px 0; }
.scandi-mx-head { flex-direction: column; align-items: flex-start; gap: 8px; }
.scandi-mx-sub { text-align: left; max-width: none; }
.scandi-mx-title { font-size: 26px; }
.scandi-mx-grid { grid-template-columns: 1fr; gap: 18px; }
.scandi-mx-card .scandi-mx-play { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.scandi-mx-reel { flex-basis: 58vw; }
.scandi-mx-band__card { padding: 26px 18px; }
.scandi-mx-band__fields { grid-template-columns: 1fr; }
.scandi-mx-lb { padding: 12px; }
.scandi-mx-lb__close { top: -14px; right: 2px; }
}
.scandi-mx-band__title:not(#__x__) { color: #ffe5b8 !important; -webkit-text-fill-color: #ffe5b8 !important; background: none !important; }
.scandi-mx-band__title:not(#__x__) em {
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #b8863f) !important;
-webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
.scandi-mx-title:not(#__x__) { color: var(--c-ink) !important; -webkit-text-fill-color: var(--c-ink) !important; background: none !important; }
.scandi-mx-title:not(#__x__) em {
background: linear-gradient(120deg, #b8863f, #a67c3a 60%, #8a6530) !important;
-webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
.scandi-mx-reels { margin: 0 -6px; padding: 6px; }
.scandi-mx-reel__poster {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; display: block; z-index: 1;
}
.scandi-mx-reel video { z-index: 1; }
.scandi-mx-reel.is-playing .scandi-mx-reel__poster { opacity: 0; transition: opacity 0.25s ease; }
.scandi-jslider { position: relative; }
.scandi-jslider__track {
display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
scrollbar-width: none; border-radius: 18px;
}
.scandi-jslider__track::-webkit-scrollbar { display: none; }
.scandi-jslider__track img {
flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always;
width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block;
}
.scandi-jslider__btn {
position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
width: 40px; height: 40px; border: none; border-radius: 50%; cursor: pointer;
display: grid; place-items: center;
background: rgba(20, 14, 9, 0.55); color: #f3d9a6;
font: 400 22px/1 var(--font-ui);
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
opacity: 0; transition: opacity 0.2s ease, background 0.2s ease;
}
.scandi-jslider__btn--prev { left: 12px; }
.scandi-jslider__btn--next { right: 12px; }
.scandi-jslider:hover .scandi-jslider__btn { opacity: 1; }
.scandi-jslider__btn:hover { background: rgba(166, 124, 58, 0.85); color: #241811; }
.scandi-jslider__count {
position: absolute; right: 12px; bottom: 12px; z-index: 3;
font: 700 12px/1 var(--font-ui); color: #ffe5b8; letter-spacing: 0.04em;
padding: 7px 11px; border-radius: var(--r-pill);
background: rgba(20, 14, 9, 0.6);
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
@media (max-width: 900px) {
.scandi-jslider__btn { opacity: 1; width: 34px; height: 34px; }
}
.scandi-portf { background: var(--c-cream); }
.scandi-portf .container { max-width: 1240px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }
.scandi-portf-hero {
position: relative; overflow: hidden;
min-height: clamp(540px, 74vh, 780px);
display: flex; align-items: flex-end;
color: #fff;
}
.scandi-portf-hero__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.scandi-portf-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; display: block; }
.scandi-portf-hero--kb { min-height: clamp(560px, 82vh, 820px); }
.scandi-portf-hero__slide {
position: absolute; inset: 0; opacity: 0;
background-size: cover; background-position: center 48%;
will-change: opacity, transform; backface-visibility: hidden;
}
.scandi-portf-hero__bg.is-kb .scandi-portf-hero__slide { animation: pf-kb 21s infinite; }
.scandi-portf-hero__bg:not(.is-kb) .scandi-portf-hero__slide { opacity: 1; animation: pf-kb-solo 20s ease-in-out infinite alternate; }
@keyframes pf-kb {
0%   { opacity: 0; transform: scale(1.03); }
5%   { opacity: 1; }
33%  { opacity: 1; }
40%  { opacity: 0; transform: scale(1.14); }
100% { opacity: 0; transform: scale(1.14); }
}
@keyframes pf-kb-solo { from { transform: scale(1.03); } to { transform: scale(1.13); } }
@media (prefers-reduced-motion: reduce) {
.scandi-portf-hero__bg .scandi-portf-hero__slide { animation: none; }
.scandi-portf-hero__bg .scandi-portf-hero__slide:first-child { opacity: 1; }
}
.scandi-portf-hero__scrim {
position: absolute; inset: 0;
background:
linear-gradient(180deg, rgba(15,10,5,0.28) 0%, rgba(15,10,5,0) 30%, rgba(15,10,5,0.15) 55%, rgba(12,8,4,0.9) 100%),
linear-gradient(90deg, rgba(12,8,4,0.72) 0%, rgba(12,8,4,0.28) 42%, rgba(12,8,4,0) 72%);
}
.scandi-portf-hero .container { position: relative; z-index: 2; width: 100%; }
.scandi-portf-hero__inner { max-width: 760px; padding: clamp(40px, 7vw, 96px) 0 clamp(34px, 5vw, 64px); }
.scandi-portf-hero__eyebrow {
display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 600;
letter-spacing: 0.16em; text-transform: uppercase; color: #f3d9a6;
padding: 7px 15px; border: 1px solid rgba(243,217,166,0.4); border-radius: 100px;
background: rgba(20,12,6,0.35); backdrop-filter: blur(4px); margin-bottom: 22px;
}
.scandi-portf-hero__title {
font-family: var(--font-display); font-weight: 700;
font-size: clamp(34px, 5.6vw, 68px); line-height: 1.03; letter-spacing: -0.02em;
color: #fff; margin: 0 0 18px;
}
.scandi-portf-hero__title em {
font-style: normal;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #d8b878);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.scandi-portf-hero__lead {
font-family: var(--font-ui); font-size: clamp(15px, 1.7vw, 18px); line-height: 1.55;
color: rgba(245,240,231,0.9); max-width: 560px; margin: 0 0 30px;
}
.scandi-portf-hero__stats {
display: flex; flex-wrap: wrap; gap: clamp(20px, 3.5vw, 52px);
padding: 24px 0 4px; border-top: 1px solid rgba(243,217,166,0.22); margin-bottom: 30px;
}
.scandi-portf-stat b {
display: block; font-family: var(--font-display); font-weight: 800;
font-size: clamp(22px, 3vw, 34px); line-height: 1; color: #f3d9a6; letter-spacing: -0.01em;
font-feature-settings: 'tnum' 1, 'lnum' 1;
}
.scandi-portf-stat span {
display: block; margin-top: 7px; font-family: var(--font-ui); font-size: 12.5px;
color: rgba(235,227,216,0.72); max-width: 170px; line-height: 1.35;
}
.scandi-portf-hero__ctas { display: flex; flex-wrap: wrap; gap: 14px; }
.scandi-portf-btn {
display: inline-flex; align-items: center; justify-content: center;
padding: 15px 30px; border-radius: 100px; cursor: pointer; border: 0;
font-family: var(--font-ui); font-size: 14.5px; font-weight: 600; letter-spacing: 0.01em;
text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #a67c3a); color: #14100d;
box-shadow: 0 14px 30px rgba(166,124,58,0.35);
}
.scandi-portf-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(166,124,58,0.45); color: #14100d; }
.scandi-portf-btn--ghost {
background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(243,217,166,0.5); box-shadow: none;
backdrop-filter: blur(4px);
}
.scandi-portf-btn--ghost:hover { background: rgba(255,255,255,0.16); color: #fff; }
.scandi-portf-btn--outline {
background: transparent; color: var(--c-gold-dark); border: 1.5px solid rgba(166,124,58,0.5); box-shadow: none;
}
.scandi-portf-btn--outline:hover { background: rgba(166,124,58,0.08); color: var(--c-gold-dark); }
.scandi-portf-btn--gold { box-shadow: 0 16px 34px rgba(166,124,58,0.4); }
.scandi-portf-works { padding: clamp(48px, 7vw, 96px) 0 clamp(40px, 6vw, 80px); }
.scandi-portf-works__head { text-align: center; max-width: 720px; margin: 0 auto clamp(28px, 4vw, 44px); }
.scandi-portf-works__eyebrow {
display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 600;
letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-gold-dark); margin-bottom: 14px;
}
.scandi-portf-works__title {
font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em;
font-size: clamp(27px, 3.8vw, 44px); line-height: 1.1; color: var(--c-ink); margin: 0 0 14px;
}
.scandi-portf-works__title em {
font-style: normal;
background: linear-gradient(120deg, #cf9f4b, #a67c3a);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.scandi-portf-works__lead { font-family: var(--font-ui); font-size: 15.5px; line-height: 1.55; color: #6f6250; margin: 0; }
.scandi-portf-mosaic {
display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 270px;
grid-auto-flow: row dense; gap: 16px;
}
.scandi-portf-tile--big { grid-column: span 2; grid-row: span 2; }
.scandi-portf-tile--video { grid-column: span 2; grid-row: span 2; }
.scandi-portf-tile {
position: relative; overflow: hidden; border-radius: 18px; text-decoration: none;
background: #ece1cd; box-shadow: 0 12px 30px -20px rgba(70,48,18,0.42);
transition: transform 0.3s cubic-bezier(0.22,1,0.36,1), box-shadow 0.3s ease;
}
.scandi-portf-tile:hover { transform: translateY(-4px); box-shadow: 0 26px 52px -24px rgba(70,48,18,0.5); }
.scandi-portf-tile img,
.scandi-portf-tile--video video { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.22,1,0.36,1); display: block; }
.scandi-portf-tile:hover img { transform: scale(1.06); }
.scandi-portf-tile--video { background: #14100d; cursor: default; }
.scandi-portf-tile__play {
position: absolute; top: 14px; left: 14px; z-index: 3; display: flex; align-items: center; justify-content: center;
width: 42px; height: 42px; border-radius: 50%; color: #14100d;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b); box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}
.scandi-portf-tile__vlabel {
font-family: var(--font-ui); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
color: #f3d9a6; text-shadow: 0 1px 8px rgba(0,0,0,0.6);
}
.scandi-portf-tile__scrim {
position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(180deg, rgba(12,8,4,0) 22%, rgba(12,8,4,0.28) 52%, rgba(12,8,4,0.62) 76%, rgba(12,8,4,0.92) 100%);
transition: background 0.3s ease;
}
.scandi-portf-tile:hover .scandi-portf-tile__scrim { background: linear-gradient(180deg, rgba(12,8,4,0.15) 0%, rgba(12,8,4,0.42) 45%, rgba(12,8,4,0.94) 100%); }
.scandi-portf-tile__area {
position: absolute; top: 12px; right: 12px; z-index: 3;
font-family: var(--font-ui); font-size: 12.5px; font-weight: 700; color: #14100d;
padding: 5px 12px; border-radius: 100px;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b); box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
.scandi-portf-tile__cap {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
display: flex; flex-direction: column; gap: 2px; padding: 16px 18px;
}
.scandi-portf-tile__kd {
font-family: var(--font-display); font-weight: 800; font-size: clamp(16px, 1.4vw, 21px);
letter-spacing: -0.01em; color: #fff; -webkit-text-fill-color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.92), 0 2px 8px rgba(0,0,0,0.72), 0 0 22px rgba(0,0,0,0.55);
}
.scandi-portf-tile__loc {
font-family: var(--font-ui); font-size: 13px; color: rgba(245,240,231,0.9); line-height: 1.3;
padding-left: 18px; position: relative; text-shadow: 0 1px 8px rgba(0,0,0,0.55);
}
.scandi-portf-tile__loc::before {
content: ''; position: absolute; left: 0; top: 1px; width: 13px; height: 13px; background: #f3d9a6;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.scandi-portf-tile__go {
margin-top: 8px; font-family: var(--font-ui); font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em;
color: #f3d9a6; opacity: 0; transform: translateY(6px); transition: opacity 0.3s ease, transform 0.3s ease;
}
.scandi-portf-tile:hover .scandi-portf-tile__go { opacity: 1; transform: translateY(0); }
.scandi-portf-works__more { text-align: center; margin-top: clamp(30px, 4vw, 48px); }
.scandi-portf-works__note { font-family: var(--font-ui); font-size: 14.5px; color: #7a6c56; margin: 0 0 18px; }
.scandi-portf-show__wrap { max-width: 1240px; margin-inline: auto; }
.scandi-portf-stage {
position: relative; overflow: hidden; border-radius: 24px; background: #14100d;
height: clamp(400px, 58vh, 660px); box-shadow: 0 40px 90px -44px rgba(20,12,6,0.7);
}
.scandi-portf-stage__media {
position: absolute; inset: 0;
background: linear-gradient(100deg, #1a120b 0%, #241811 20%, #33241a 38%, #241811 56%, #1a120b 78%);
background-size: 220% 100%;
animation: sd-portf-media-shimmer 2.4s ease-in-out infinite;
}
@keyframes sd-portf-media-shimmer { 0% { background-position: 170% 0; } 100% { background-position: -50% 0; } }
@media (prefers-reduced-motion: reduce) { .scandi-portf-stage__media { animation: none; background: var(--c-ink); } }
.scandi-portf-stage__layer {
position: absolute; inset: 0; opacity: 0; transition: opacity 0.85s ease;
background-size: contain; background-position: center; background-repeat: no-repeat;
}
.scandi-portf-stage__layer::before {
content: ''; position: absolute; inset: 0; z-index: -1;
background-image: inherit; background-size: cover; background-position: center;
filter: blur(30px) brightness(0.66) saturate(1.06); transform: scale(1.1);
}
.scandi-portf-stage__layer.is-on { opacity: 1; }
.scandi-portf-stage.is-anim .scandi-portf-stage__layer.is-on::before { animation: sd-show-kb 9s ease-out both; }
@keyframes sd-show-kb { from { transform: scale(1.08); } to { transform: scale(1.18); } }
.scandi-portf-stage__scrim {
position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(0deg, rgba(12,8,4,0.5) 0%, rgba(12,8,4,0.12) 24%, rgba(12,8,4,0) 44%);
}
.scandi-portf-stage__info { position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; padding: clamp(24px, 4vw, 54px); max-width: min(620px, 82%); display: flex; flex-direction: column; align-items: flex-start; }
.scandi-portf-stage__info::before {
content: ''; position: absolute; z-index: -1; pointer-events: none;
left: -40px; right: -70px; top: -10px; bottom: -30px;
background: radial-gradient(105% 105% at 12% 92%, rgba(10,7,4,0.62) 0%, rgba(10,7,4,0.24) 40%, transparent 66%);
}
.scandi-portf-stage__count { font-family: var(--font-ui); font-size: 12.5px; letter-spacing: 0.14em; color: rgba(245,240,231,0.7); }
.scandi-portf-stage__count b { color: #f3d9a6; font-size: 15px; font-weight: 800; font-feature-settings: 'tnum' 1; }
#content .scandi-portf-stage__kd { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; font-size: clamp(34px, 5.6vw, 68px); line-height: 0.98; color: #fff; -webkit-text-fill-color: #fff; margin: 10px 0 6px; text-shadow: 0 2px 22px rgba(0,0,0,0.85), 0 2px 8px rgba(0,0,0,0.75), 0 1px 2px rgba(0,0,0,0.7); }
.scandi-portf-stage__loc { font-family: var(--font-ui); font-size: clamp(14px, 1.7vw, 18px); color: #f3d9a6; padding-left: 22px; position: relative; text-shadow: 0 1px 10px rgba(0,0,0,0.6); }
.scandi-portf-stage__loc::before {
content: ''; position: absolute; left: 0; top: 3px; width: 15px; height: 15px; background: #f3d9a6;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.scandi-portf-stage__specs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 22px; }
.scandi-portf-stage__specs span { font-family: var(--font-ui); font-size: 12.5px; font-weight: 500; color: #f7efe2; padding: 7px 14px; border-radius: 100px; border: 1px solid rgba(243,217,166,0.32); background: rgba(20,12,6,0.4); backdrop-filter: blur(6px); }
.scandi-portf-stage.is-anim .scandi-portf-stage__count,
.scandi-portf-stage.is-anim .scandi-portf-stage__kd,
.scandi-portf-stage.is-anim .scandi-portf-stage__loc,
.scandi-portf-stage.is-anim .scandi-portf-stage__specs,
.scandi-portf-stage.is-anim .scandi-portf-stage__cta { animation: sd-show-up 0.6s both; }
.scandi-portf-stage.is-anim .scandi-portf-stage__kd { animation-delay: 0.05s; }
.scandi-portf-stage.is-anim .scandi-portf-stage__loc { animation-delay: 0.1s; }
.scandi-portf-stage.is-anim .scandi-portf-stage__specs { animation-delay: 0.16s; }
.scandi-portf-stage.is-anim .scandi-portf-stage__cta { animation-delay: 0.22s; }
@keyframes sd-show-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.scandi-portf-stage__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 52px; height: 52px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; border: 0; background: rgba(20,12,6,0.42); backdrop-filter: blur(6px); transition: background 0.2s, color 0.2s; }
.scandi-portf-stage__nav:hover { background: linear-gradient(120deg, #f3d9a6, #cf9f4b 60%, #a67c3a); color: #14100d; }
.scandi-portf-stage__nav--prev { left: auto; right: calc(clamp(12px, 2vw, 22px) + 62px); }
.scandi-portf-stage__nav--next { right: clamp(12px, 2vw, 22px); }
.scandi-portf-stage__bar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 3px; background: rgba(255,255,255,0.14); }
.scandi-portf-stage__bar span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #f3d9a6, #cf9f4b); }
.scandi-portf-stage.is-anim .scandi-portf-stage__bar span { animation: sd-show-bar 5.2s linear both; }
.scandi-portf-stage:hover .scandi-portf-stage__bar span { animation-play-state: paused; }
@keyframes sd-show-bar { from { width: 0; } to { width: 100%; } }
.scandi-portf-thumbs { display: flex; gap: 10px; overflow-x: auto; padding: 16px 2px 4px; scrollbar-width: none; scroll-behavior: smooth; }
.scandi-portf-thumbs::-webkit-scrollbar { display: none; }
.scandi-portf-thumb { flex: 0 0 auto; width: clamp(78px, 8vw, 108px); height: clamp(56px, 5.6vw, 74px); border-radius: 10px; overflow: hidden; border: 2px solid transparent; padding: 0; cursor: pointer; opacity: 0.55; background: #ece1cd; transition: opacity 0.25s, border-color 0.25s, transform 0.25s; }
.scandi-portf-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.scandi-portf-thumb:hover { opacity: 0.9; }
.scandi-portf-thumb.is-on { opacity: 1; border-color: #cf9f4b; transform: translateY(-2px); }
@media (max-width: 680px) {
#content .scandi-portf-show__wrap.container { max-width: none; margin-inline: 0; padding-left: 0; padding-right: 0; }
.scandi-portf-stage { height: auto; aspect-ratio: auto; display: flex; flex-direction: column; border-radius: 0; box-shadow: none; background: #14100d; }
.scandi-portf-stage__media { position: relative; width: 100%; aspect-ratio: 3 / 2; flex: 0 0 auto; }
.scandi-portf-stage__scrim { display: none; }
.scandi-portf-stage__nav { width: 40px; height: 40px; top: 33vw; }
.scandi-portf-stage__nav--prev { left: 10px; }
.scandi-portf-stage__nav--next { right: 10px; }
.scandi-portf-stage__bar { top: calc(66.6vw - 3px); bottom: auto; }
.scandi-portf-stage__info {
position: static; max-width: 100%; padding: 15px 18px 18px;
background: linear-gradient(180deg, #1c130b 0%, #14100d 100%);
}
.scandi-portf-stage__info::before { display: none; }
#content .scandi-portf-stage__kd { font-size: clamp(28px, 8vw, 42px); margin: 2px 0 4px; }
.scandi-portf-stage__count { display: none; }
.scandi-portf-stage__specs { display: flex; margin: 12px 0 2px; }
.scandi-portf-stage__cta { margin-top: 14px; }
.scandi-portf-thumbs { gap: 9px; padding: 14px 16px 4px; }
.scandi-portf-thumb { width: 128px; height: 86px; border-radius: 12px; opacity: 0.72; }
}
@media (prefers-reduced-motion: reduce) {
.scandi-portf-stage.is-anim .scandi-portf-stage__layer.is-on,
.scandi-portf-stage.is-anim .scandi-portf-stage__count,
.scandi-portf-stage.is-anim .scandi-portf-stage__kd,
.scandi-portf-stage.is-anim .scandi-portf-stage__loc,
.scandi-portf-stage.is-anim .scandi-portf-stage__specs,
.scandi-portf-stage.is-anim .scandi-portf-stage__cta,
.scandi-portf-stage.is-anim .scandi-portf-stage__bar span { animation: none; }
}
.scandi-portf-reviews { padding: clamp(44px, 6vw, 84px) 0; background: linear-gradient(180deg, var(--c-cream), #efe6d6 60%, var(--c-cream)); }
.scandi-portf-reviews__widget { max-width: 1100px; margin: 0 auto; }
.scandi-portf-cta-sec { padding: clamp(40px, 6vw, 80px) 0 clamp(56px, 7vw, 96px); }
.scandi-portf-cta {
position: relative; overflow: hidden; text-align: center;
padding: clamp(40px, 6vw, 72px) clamp(24px, 5vw, 72px); border-radius: 26px;
background: linear-gradient(158deg, #241811, #1a120b 55%, #14100d);
border: 1px solid rgba(193,154,91,0.3); box-shadow: 0 40px 80px -40px rgba(0,0,0,0.6);
}
.scandi-portf-cta::before {
content: ''; position: absolute; inset: 0; pointer-events: none;
background: radial-gradient(120% 120% at 50% 0%, rgba(207,159,75,0.18), transparent 60%);
}
.scandi-portf-cta__title {
position: relative; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em;
font-size: clamp(24px, 3.4vw, 40px); line-height: 1.12; color: #f7efe2; margin-bottom: 16px;
}
.scandi-portf-cta__desc {
position: relative; font-family: var(--font-ui); font-size: clamp(14.5px, 1.6vw, 17px); line-height: 1.55;
color: rgba(235,227,216,0.78); max-width: 620px; margin: 0 auto 30px;
}
.scandi-portf-cta .scandi-portf-btn { position: relative; }
@media (max-width: 680px) {
.scandi-portf-hero, .scandi-portf-hero--kb { min-height: 560px; align-items: flex-end; }
.scandi-portf-hero__stats { gap: 18px 26px; }
.scandi-portf-stat b { font-size: 22px; }
.scandi-portf-hero__ctas { width: 100%; }
.scandi-portf-hero__ctas .scandi-portf-btn { flex: 1 1 auto; }
.scandi-portf-wall__item { width: 62vw; height: 41vw; }
.scandi-portf-wall__cap b { font-size: 15px; }
}
@media (max-width: 480px) {
#content .container:not(.cert-container):not(:has(.items)):not(:has([data-catalog])):not(:has(.scandi-cat__row)):not(:has(.adv-glass__grid)):not(:has(.scandi-form__card)):not(:has(.block-with-video)):not(:has(.scandi-home-hero__bg)):not(:has(.scandi-portf-stage)) {
padding-left: 16px;
padding-right: 16px;
}
}
.scandi-obj { background: var(--c-cream); }
.scandi-obj .container { max-width: 1240px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }
.scandi-obj-hero {
position: relative; overflow: hidden; display: flex; align-items: flex-end;
min-height: clamp(460px, 62vh, 660px); color: #fff;
}
.scandi-obj-hero__bg { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center; }
.scandi-obj-hero__bg::before {
content: ''; position: absolute; inset: 0; z-index: 0;
background-image: inherit; background-size: cover; background-position: center;
filter: blur(34px) brightness(0.5) saturate(1.05); transform: scale(1.12);
}
.scandi-obj-hero__bg img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.scandi-obj-hero__scrim {
position: absolute; inset: 0; z-index: 2;
background:
linear-gradient(180deg, rgba(15,10,5,0.12) 0%, rgba(15,10,5,0) 42%, rgba(12,8,4,0.42) 80%, rgba(12,8,4,0.8) 100%),
linear-gradient(90deg, rgba(12,8,4,0.45) 0%, rgba(12,8,4,0.1) 42%, rgba(12,8,4,0) 68%);
}
.scandi-obj-hero .container { position: relative; z-index: 3; width: 100%; }
.scandi-obj-hero__inner { padding: clamp(34px, 5vw, 70px) 0 clamp(30px, 4vw, 54px); max-width: 780px; }
.scandi-obj-hero__eyebrow {
display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 600;
letter-spacing: 0.15em; text-transform: uppercase; color: #f3d9a6;
padding: 6px 14px; border: 1px solid rgba(243,217,166,0.4); border-radius: 100px;
background: rgba(20,12,6,0.35); backdrop-filter: blur(4px); margin-bottom: 16px;
}
.scandi-obj-hero__title {
font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em;
font-size: clamp(34px, 5.5vw, 64px); line-height: 1.02; color: #fff; margin: 0 0 8px;
}
.scandi-obj-hero__loc {
font-family: var(--font-ui); font-size: clamp(15px, 1.8vw, 19px); color: rgba(245,240,231,0.92);
padding-left: 24px; position: relative; margin-bottom: 22px;
}
.scandi-obj-hero__loc::before {
content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: #f3d9a6;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.scandi-obj-hero__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.scandi-obj-chip {
font-family: var(--font-ui); font-size: 13.5px; font-weight: 500; color: #f7efe2;
padding: 8px 16px; border-radius: 100px; border: 1px solid rgba(243,217,166,0.32);
background: rgba(20,12,6,0.42); backdrop-filter: blur(6px);
}
.scandi-obj-chip b { font-weight: 800; color: #f3d9a6; }
.scandi-obj-chip--built {
border-color: transparent; color: #14100d; font-weight: 700;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b);
}
.scandi-obj-facts { padding: clamp(44px, 6vw, 84px) 0; }
.scandi-obj-facts__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.scandi-obj-facts__eyebrow {
display: inline-block; font-family: var(--font-ui); font-size: 12px; font-weight: 600;
letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-gold-dark); margin-bottom: 14px;
}
.scandi-obj-facts__desc {
font-family: var(--font-display); font-weight: 500; font-size: clamp(19px, 2.2vw, 26px);
line-height: 1.4; letter-spacing: -0.01em; color: var(--c-ink); margin: 0 0 26px;
}
.scandi-obj-facts__ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.scandi-obj-facts__specs {
background: #fffdf8; border: 1px solid rgba(166,124,58,0.18); border-top: 3px solid #c19a5b;
border-radius: 18px; padding: 8px clamp(18px, 2vw, 28px); box-shadow: 0 20px 50px -30px rgba(70,48,18,0.35);
}
.scandi-obj-spec {
display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
padding: 15px 0; border-bottom: 1px solid rgba(166,124,58,0.14);
}
.scandi-obj-spec:last-child { border-bottom: 0; }
.scandi-obj-spec__k { font-family: var(--font-ui); font-size: 13px; color: #8a7a5e; }
.scandi-obj-spec__v { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--c-ink); text-align: right; }
.scandi-obj-map { padding: 0 0 clamp(44px, 6vw, 84px); }
.scandi-obj-map__head, .scandi-obj-more .scandi-obj-map__head { margin-bottom: clamp(20px, 3vw, 32px); }
.scandi-obj-map__title {
font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em;
font-size: clamp(24px, 3.4vw, 38px); line-height: 1.1; color: var(--c-ink); margin: 0;
}
.scandi-obj-map__title em {
font-style: normal; background: linear-gradient(120deg, #cf9f4b, #a67c3a);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.scandi-obj-map__box {
width: 100%; height: clamp(320px, 42vw, 460px); border-radius: 20px; overflow: hidden;
border: 1px solid rgba(166,124,58,0.2); box-shadow: 0 24px 60px -34px rgba(70,48,18,0.4);
}
.scandi-obj-more { padding: 0 0 clamp(44px, 6vw, 80px); }
.scandi-obj-more__grid {
display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 230px; gap: 16px;
}
.scandi-obj-more__grid .scandi-portf-tile { min-height: 0; }
.scandi-obj-more__cta { text-align: center; margin-top: clamp(26px, 3.5vw, 40px); }
@media (max-width: 900px) {
.scandi-obj-facts__grid { grid-template-columns: 1fr; gap: 30px; }
.scandi-obj-more__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 190px; }
}
@media (max-width: 520px) {
.scandi-obj-hero { min-height: 440px; }
.scandi-obj-more__grid { grid-template-columns: 1fr; grid-auto-rows: 220px; }
}
.scandi-obj-gallery { padding: 0 0 clamp(44px, 6vw, 84px); }
.scandi-obj-gallery__grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
grid-auto-rows: 175px; grid-auto-flow: row dense; gap: 12px;
}
.scandi-obj-gallery__item--lead { grid-column: span 2; grid-row: span 2; }
.scandi-obj-gallery__item {
position: relative; overflow: hidden; border-radius: 14px; cursor: pointer;
border: 0; padding: 0; margin: 0; background: #ece1cd; display: block;
box-shadow: 0 10px 26px -18px rgba(70,48,18,0.4); transition: box-shadow 0.3s ease;
}
.scandi-obj-gallery__item:hover { box-shadow: 0 20px 40px -22px rgba(70,48,18,0.5); }
.scandi-obj-gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s cubic-bezier(0.22,1,0.36,1); }
.scandi-obj-gallery__item:hover img { transform: scale(1.07); }
.scandi-obj-gallery__zoom {
position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center;
width: 38px; height: 38px; border-radius: 50%; color: #14100d;
background: linear-gradient(120deg, #f3d9a6, #cf9f4b); box-shadow: 0 4px 12px rgba(0,0,0,0.3);
opacity: 0; transform: scale(0.85); transition: opacity 0.25s ease, transform 0.25s ease; pointer-events: none;
}
.scandi-obj-gallery__item:hover .scandi-obj-gallery__zoom { opacity: 1; transform: scale(1); }
.scandi-obj-lightbox {
position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center;
background: rgba(10,7,4,0.93); backdrop-filter: blur(4px); padding: 40px;
}
.scandi-obj-lightbox.is-open { display: flex; }
.scandi-obj-lightbox__img {
max-width: min(1100px, 92vw); max-height: 85vh; width: auto; height: auto; object-fit: contain;
border-radius: 10px; box-shadow: 0 40px 100px rgba(0,0,0,0.7);
}
.scandi-obj-lightbox__close {
position: absolute; top: 18px; right: 24px; width: 46px; height: 46px; border: 0; cursor: pointer;
background: rgba(255,255,255,0.1); color: #fff; font-size: 30px; line-height: 1; border-radius: 50%;
display: flex; align-items: center; justify-content: center; transition: background 0.2s ease;
}
.scandi-obj-lightbox__close:hover { background: rgba(255,255,255,0.2); }
.scandi-obj-lightbox__nav {
position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: 0; cursor: pointer;
background: rgba(255,255,255,0.1); color: #fff; font-size: 34px; line-height: 1; border-radius: 50%;
display: flex; align-items: center; justify-content: center; transition: background 0.2s ease;
}
.scandi-obj-lightbox__nav:hover { background: linear-gradient(120deg, #f3d9a6, #cf9f4b); color: #14100d; }
.scandi-obj-lightbox__nav--prev { left: clamp(10px, 3vw, 40px); }
.scandi-obj-lightbox__nav--next { right: clamp(10px, 3vw, 40px); }
.scandi-obj-lightbox__counter {
position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%);
font-family: var(--font-ui); font-size: 14px; font-weight: 600; color: rgba(245,240,231,0.85);
padding: 6px 16px; border-radius: 100px; background: rgba(20,12,6,0.5);
}
@media (max-width: 620px) {
.scandi-obj-gallery__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
.scandi-obj-lightbox { padding: 16px; }
.scandi-obj-lightbox__nav { width: 44px; height: 44px; font-size: 26px; }
}
.scandi-notes-hero {
background: radial-gradient(1100px 460px at 88% -20%, rgba(207,159,75,0.14), transparent 70%), var(--c-cream);
border-bottom: 1px solid var(--c-cream-border);
padding: 60px 0 54px;
}
.scandi-notes-hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 52px; align-items: center; }
.scandi-notes-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 700 12px/1 var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-gold-dark); margin-bottom: 16px; }
.scandi-notes-hero__eyebrow::before { content: ""; width: 26px; height: 2px; background: linear-gradient(90deg, var(--c-gold), transparent); }
#content .scandi-notes-hero__title { font: 700 clamp(34px,4.4vw,52px)/1.08 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 0 0 16px; }
.scandi-notes-hero__title em { font-style: normal; background: linear-gradient(120deg,#b8863f,#a67c3a 60%,#8a6530); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.scandi-notes-hero__lead { font: 400 17px/1.68 var(--font-ui); color: var(--c-ink-2); margin: 0 0 26px; max-width: 560px; }
.scandi-notes-hero__stats { display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 28px; }
.scandi-notes-stat { display: flex; flex-direction: column; gap: 4px; }
.scandi-notes-stat b { font: 700 26px/1 var(--font-display); color: var(--c-ink); letter-spacing: -0.01em; }
.scandi-notes-stat span { font: 500 13px/1.3 var(--font-ui); color: var(--c-ink-2); }
.scandi-notes-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
.scandi-notes-hero__media { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4/3.2; box-shadow: 0 30px 70px -34px rgba(70,48,18,0.5); border: 1px solid var(--c-cream-border); }
.scandi-notes-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.scandi-notes-hero__media-badge { position: absolute; left: 16px; bottom: 16px; font: 700 11.5px/1 var(--font-ui); letter-spacing: 0.06em; text-transform: uppercase; color: #14100d; padding: 8px 14px; border-radius: 100px; background: linear-gradient(120deg,#f3d9a6,#cf9f4b); }
.scandi-notes-sec__lead { font: 400 16px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 10px 0 0; max-width: 640px; }
.scandi-notes-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(296px,1fr)); gap: 24px; margin-top: 30px; }
.scandi-notes-card { display: flex; flex-direction: column; overflow: hidden; background: #fffdf8; border: 1px solid var(--c-cream-border); border-radius: 18px; box-shadow: 0 12px 32px -20px rgba(70,48,18,0.34); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; text-decoration: none; }
.scandi-notes-card:hover { transform: translateY(-4px); box-shadow: 0 26px 54px -26px rgba(70,48,18,0.42); border-color: rgba(207,159,75,0.4); }
.scandi-notes-card__media { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #efe6d6; }
.scandi-notes-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.scandi-notes-card:hover .scandi-notes-card__media img { transform: scale(1.05); }
.scandi-notes-card__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 800 30px/1 var(--font-display); color: rgba(166,124,58,0.4); letter-spacing: 0.1em; }
.scandi-notes-card__tag { position: absolute; top: 12px; left: 12px; font: 700 10.5px/1 var(--font-ui); letter-spacing: 0.08em; text-transform: uppercase; color: #14100d; padding: 6px 11px; border-radius: 100px; background: rgba(246,241,231,0.92); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.scandi-notes-card__body { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 20px; flex: 1; }
.scandi-notes-card__title { font: 700 17.5px/1.32 var(--font-display); letter-spacing: -0.01em; color: var(--c-ink); }
.scandi-notes-card__excerpt { font: 400 14px/1.55 var(--font-ui); color: var(--c-ink-2); flex: 1; }
.scandi-notes-card__more { margin-top: 4px; font: 700 13.5px/1 var(--font-ui); color: var(--c-gold-dark); }
.scandi-notes-card:hover .scandi-notes-card__more { color: var(--c-gold); }
@media (max-width: 900px) {
.scandi-notes-hero__grid { grid-template-columns: 1fr; gap: 30px; }
.scandi-notes-hero__media { aspect-ratio: 16/10; order: -1; }
#content .scandi-notes-hero__title { font-size: 32px; }
}
@media (max-width: 520px) {
.scandi-notes-grid { grid-template-columns: 1fr; gap: 18px; }
.scandi-notes-hero__stats { gap: 20px; }
}
.scandi-gid-hero { background: radial-gradient(1100px 460px at 88% -20%, rgba(207,159,75,0.14), transparent 70%), var(--c-cream); border-bottom: 1px solid var(--c-cream-border); padding: 60px 0 54px; }
.scandi-gid-hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 52px; align-items: center; }
.scandi-gid-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 700 12px/1 var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-gold-dark); margin-bottom: 16px; }
.scandi-gid-hero__eyebrow::before { content: ""; width: 26px; height: 2px; background: linear-gradient(90deg, var(--c-gold), transparent); }
#content .scandi-gid-hero__title { font: 700 clamp(34px,4.4vw,52px)/1.08 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 0 0 16px; }
.scandi-gid-hero__title em { font-style: normal; background: linear-gradient(120deg,#b8863f,#a67c3a 60%,#8a6530); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.scandi-gid-hero__lead { font: 400 16.5px/1.68 var(--font-ui); color: var(--c-ink-2); margin: 0 0 26px; max-width: 580px; }
.scandi-gid-hero__stats { display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 28px; }
.scandi-gid-stat { display: flex; flex-direction: column; gap: 4px; }
.scandi-gid-stat b { font: 700 26px/1 var(--font-display); color: var(--c-ink); letter-spacing: -0.01em; }
.scandi-gid-stat span { font: 500 13px/1.3 var(--font-ui); color: var(--c-ink-2); }
.scandi-gid-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
.scandi-gid-hero__media { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4/3.2; box-shadow: 0 30px 70px -34px rgba(70,48,18,0.5); border: 1px solid var(--c-cream-border); }
.scandi-gid-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.scandi-gid-hero__media-badge { position: absolute; left: 16px; bottom: 16px; font: 700 11.5px/1 var(--font-ui); letter-spacing: 0.06em; text-transform: uppercase; color: #14100d; padding: 8px 14px; border-radius: 100px; background: linear-gradient(120deg,#f3d9a6,#cf9f4b); }
.scandi-gid-sec__lead { font: 400 16px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 10px 0 0; max-width: 640px; }
.scandi-gid-cards { display: grid; gap: 22px; margin-top: 28px; }
.scandi-gid-cards--4 { grid-template-columns: repeat(4, 1fr); }
.scandi-gid-cards--3 { grid-template-columns: repeat(3, 1fr); }
.scandi-gid-card { display: flex; flex-direction: column; overflow: hidden; background: #fffdf8; border: 1px solid var(--c-cream-border); border-radius: 16px; box-shadow: 0 12px 30px -20px rgba(70,48,18,0.32); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; text-decoration: none; }
.scandi-gid-card:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -26px rgba(70,48,18,0.4); border-color: rgba(207,159,75,0.4); }
.scandi-gid-card__media { position: relative; aspect-ratio: 16/10; overflow: hidden; background: linear-gradient(135deg,#efe6d6,#e4d7bf); }
.scandi-gid-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.scandi-gid-card:hover .scandi-gid-card__media img { transform: scale(1.05); }
.scandi-gid-card__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 800 26px/1 var(--font-display); color: rgba(166,124,58,0.4); letter-spacing: 0.12em; }
.scandi-gid-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
.scandi-gid-card__title { font: 700 16px/1.3 var(--font-display); letter-spacing: -0.01em; color: var(--c-ink); }
.scandi-gid-card__excerpt { font: 400 13.5px/1.5 var(--font-ui); color: var(--c-ink-2); flex: 1; }
.scandi-gid-card__more { margin-top: 2px; font: 700 13px/1 var(--font-ui); color: var(--c-gold-dark); }
.scandi-gid-card:hover .scandi-gid-card__more { color: var(--c-gold); }
.scandi-gid-prose { margin-top: 28px; }
.scandi-gid-pays { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 28px; }
.scandi-gid-pay { display: flex; flex-direction: column; gap: 9px; padding: 26px 22px; background: #fffdf8; border: 1px solid var(--c-cream-border); border-radius: 16px; box-shadow: 0 12px 30px -20px rgba(70,48,18,0.3); text-decoration: none; transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.scandi-gid-pay:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -26px rgba(70,48,18,0.4); border-color: rgba(207,159,75,0.4); }
.scandi-gid-pay__ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, rgba(207,159,75,0.20), rgba(207,159,75,0.05)); color: var(--c-gold-dark); margin-bottom: 4px; }
.scandi-gid-pay__ico svg { width: 26px; height: 26px; }
.scandi-gid-pay__title { font: 700 17px/1.25 var(--font-display); color: var(--c-ink); letter-spacing: -0.01em; }
.scandi-gid-pay__desc { font: 400 13.5px/1.5 var(--font-ui); color: var(--c-ink-2); flex: 1; }
.scandi-gid-pay__more { margin-top: 2px; font: 700 13px/1 var(--font-ui); color: var(--c-gold-dark); }
.scandi-gid-pay:hover .scandi-gid-pay__more { color: var(--c-gold); }
@media (max-width: 1024px) { .scandi-gid-pays { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .scandi-gid-pays { grid-template-columns: 1fr; } }
.scandi-gid-works { position: relative; display: block; overflow: hidden; border-radius: 22px; padding: clamp(34px,5vw,64px); background: linear-gradient(158deg,#241811,#1a120b 55%,#14100d); border: 1px solid rgba(243,217,166,0.16); text-decoration: none; }
.scandi-gid-works.has-gallery { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,44%); gap: clamp(28px,4vw,56px); align-items: center; }
.scandi-gid-works.has-gallery .scandi-gid-works__copy { max-width: none; }
.scandi-gid-works::after { content: ""; position: absolute; right: -10%; top: -40%; width: 60%; height: 180%; background: radial-gradient(circle at center, rgba(207,159,75,0.22), transparent 62%); pointer-events: none; z-index: 0; }
.scandi-gid-works__copy { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; max-width: 620px; }
.scandi-gid-works__gallery { position: relative; z-index: 1; display: grid; grid-template-columns: 1.35fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; height: clamp(240px,26vw,320px); }
.scandi-gid-works__ph { position: relative; border-radius: 14px; background-size: cover; background-position: center; border: 1px solid rgba(243,217,166,0.18); box-shadow: 0 18px 42px rgba(0,0,0,0.42); transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.scandi-gid-works__ph::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(160deg, transparent 52%, rgba(20,16,13,0.34)); }
.scandi-gid-works__ph--0 { grid-row: 1 / span 2; }
.scandi-gid-works:hover .scandi-gid-works__ph { transform: scale(1.03); }
@media (max-width: 880px) { .scandi-gid-works.has-gallery { grid-template-columns: 1fr; } .scandi-gid-works__gallery { height: clamp(180px,44vw,240px); } }
.scandi-gid-works__eyebrow { font: 700 12px/1 var(--font-ui); letter-spacing: 0.16em; text-transform: uppercase; color: #f3d9a6; }
.scandi-gid-works__title { font: 700 clamp(26px,3vw,38px)/1.12 var(--font-display); letter-spacing: -0.02em; color: #fff8ee; }
.scandi-gid-works__desc { font: 400 15.5px/1.6 var(--font-ui); color: rgba(246,241,231,0.8); }
.scandi-gid-works__more { margin-top: 8px; font: 700 14px/1 var(--font-ui); color: #f3d9a6; transition: transform .2s ease; }
.scandi-gid-works:hover .scandi-gid-works__more { transform: translateX(4px); }
@media (max-width: 1024px) { .scandi-gid-cards--4, .scandi-gid-cards--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
.scandi-gid-hero__grid { grid-template-columns: 1fr; gap: 30px; }
.scandi-gid-hero__media { aspect-ratio: 16/10; order: -1; }
#content .scandi-gid-hero__title { font-size: 32px; }
}
@media (max-width: 560px) { .scandi-gid-cards--4, .scandi-gid-cards--3 { grid-template-columns: 1fr; } .scandi-gid-hero__stats { gap: 20px; } }
@media (max-width: 768px) {
.scandi-form__field input,
.scandi-form__field textarea,
.scandi-form__field select,
.scandi-cat input,
.scandi-cat select,
.scandi-callpop input,
#content input[type="tel"],
#content input[type="text"],
#content input[type="email"],
#content textarea {
font-size: 16px !important;
}
}
.scandi-lb { position: fixed; inset: 0; z-index: 2000000; display: none; align-items: center; justify-content: center; }
.scandi-lb.is-open { display: flex; }
.scandi-lb__backdrop { position: absolute; inset: 0; background: rgba(10,7,4,0.93); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.scandi-lb__img { position: relative; z-index: 1; max-width: 92vw; max-height: 88vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 30px 90px rgba(0,0,0,0.6); }
.scandi-lb__close { position: absolute; top: 18px; right: 18px; z-index: 2; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; background: rgba(18,11,4,0.62); box-shadow: 0 4px 14px rgba(0,0,0,0.4); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.scandi-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 52px; height: 52px; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; background: rgba(18,11,4,0.62); box-shadow: 0 4px 14px rgba(0,0,0,0.4); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.scandi-lb__nav:hover, .scandi-lb__close:hover { background: linear-gradient(120deg,#f3d9a6,#cf9f4b); color: #14100d; }
.scandi-lb__nav--prev { left: 14px; }
.scandi-lb__nav--next { right: 14px; }
body.scandi-lb-open { overflow: hidden; }
@media (max-width: 600px) {
.scandi-lb__nav { width: 42px; height: 42px; font-size: 26px; }
.scandi-lb__close { width: 40px; height: 40px; font-size: 24px; top: 12px; right: 12px; }
.scandi-lb__img { max-width: 96vw; max-height: 82vh; }
.scandi-lb__nav--prev { left: 6px; }
.scandi-lb__nav--next { right: 6px; }
}
#wpfront-scroll-top-container {
width: 56px;
height: 56px;
border-radius: 50%;
background: linear-gradient(158deg, #241811, #1a120b 58%, #14100d);
border: 1px solid rgba(207,159,75,0.45);
box-shadow: 0 10px 26px rgba(20,16,13,0.42), inset 0 1px 0 rgba(243,217,166,0.14);
transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease;
-webkit-tap-highlight-color: transparent;
}
#wpfront-scroll-top-container:hover {
transform: translateY(-4px);
border-color: rgba(243,217,166,0.85);
box-shadow: 0 16px 34px rgba(20,16,13,0.5), 0 0 0 4px rgba(207,159,75,0.13), inset 0 1px 0 rgba(243,217,166,0.2);
}
#wpfront-scroll-top-container img,
#wpfront-scroll-top-container i,
#wpfront-scroll-top-container .text-holder {
display: none !important;
}
#wpfront-scroll-top-container::before {
content: "";
position: absolute;
inset: 0;
background: center no-repeat url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23edcb86'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2013.5%2012%208.5%2017%2013.5'/%3E%3Cpath%20d='M12%209%2012%2016'/%3E%3C/svg%3E");
background-size: 24px 24px;
pointer-events: none;
transition: transform .3s cubic-bezier(.2,.7,.2,1), filter .3s ease;
}
#wpfront-scroll-top-container:hover::before {
transform: translateY(-2px);
filter: brightness(1.15);
}
html body #scandi-widget .sw-notify { display: none !important; }
html body #scandi-widget .sw-trigger {
bottom: 26px !important; right: 20px !important;
width: 58px !important; height: 58px !important;
}
html body #scandi-widget .sw-panel { right: 20px !important; }
@media (max-width: 600px) {
html body #scandi-widget .sw-trigger {
width: 52px !important; height: 52px !important;
bottom: 14px !important; right: 12px !important;
}
}
@media (max-width: 768px) {
.scandi-seosec > .container,
.scandi-seosteps > .container {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin-inline: 0;
padding-inline: 16px;
}
#content .scandi-seosec > .container,
#content .scandi-seosteps > .container { padding-inline: 0; }
}
.top-block .bg-image .top-block__mobile { display: none; }
@media (max-width: 920px) {
.top-block .bg-image .top-block__mobile { display: block; }
.top-block .bg-image .top-block__desktop { display: none; }
}
.scandi-about__head { max-width: 760px; }
.scandi-about__eyebrow {
display: inline-block; font: 600 11px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase;
color: var(--c-gold-dark); padding: 7px 15px; border: 1px solid var(--c-cream-border);
border-radius: var(--r-pill); background: var(--c-cream-panel);
}
.scandi-about__title { font: 700 32px/1.16 var(--font-display); letter-spacing: -0.02em; color: var(--c-ink); margin: 16px 0 0; }
.scandi-about__lead  { font: 400 15.5px/1.6 var(--font-ui); color: var(--c-ink-2); margin: 14px 0 0; }
.scandi-about__team {
display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 22px; margin-top: 42px;
}
.scandi-teammate { display: flex; flex-direction: column; }
.scandi-teammate__photo {
position: relative; aspect-ratio: 3/4; border-radius: 16px; overflow: hidden;
background: var(--c-cream-panel); box-shadow: 0 12px 34px rgba(30, 19, 10, .09);
}
.scandi-teammate__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.scandi-teammate:hover .scandi-teammate__photo img { transform: scale(1.045); }
.scandi-teammate__body { padding: 14px 4px 0; }
.scandi-teammate__name { font: 700 15.5px/1.25 var(--font-display); color: var(--c-ink); letter-spacing: -0.01em; }
.scandi-teammate__role { font: 500 13px/1.4 var(--font-ui); color: var(--c-gold-dark); margin-top: 4px; }
@media (max-width: 768px) {
.scandi-about__team { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 28px; }
.scandi-about__title { font-size: 26px; }
.scandi-teammate__name { font-size: 14px; }
.scandi-teammate__role { font-size: 12px; }
}
#header .sk-hdr-soc .sk-soc { border-color: rgba(232, 192, 116, .55); color: #e8c074; }
#header .sk-hdr-soc .sk-soc:hover { border-color: #e8c074; color: #fff; background: rgba(232, 192, 116, .16); }
#header .slogan { color: #dcc9a6; border-left-color: rgba(232, 192, 116, .5); text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
#header .messengers a { border-color: rgba(232, 192, 116, .55) !important; color: #e8c074 !important; }
.scandi-kfilter__search { position: relative; display: inline-flex; align-items: center; flex: 1 1 260px; min-width: 200px; max-width: 400px; margin: 0; }
.scandi-kfilter__search-ic { position: absolute; left: 13px; width: 15px; height: 15px; color: var(--c-gold-dark); opacity: .8; pointer-events: none; }
.scandi-kfilter__search-input { width: 100%; height: 40px; padding: 0 34px 0 38px; border: 1px solid var(--c-cream-border); border-radius: 999px; background: rgba(255, 255, 255, .72); font: 400 14px var(--font-ui); color: var(--c-ink); transition: border-color .15s, box-shadow .15s, background .15s; }
.scandi-kfilter__search-input::placeholder { color: #a89e8c; }
.scandi-kfilter__search-input:focus { outline: none; background: #fff; border-color: var(--c-gold); box-shadow: 0 0 0 3px rgba(193, 154, 91, .12); }
.scandi-kfilter__search-clear { position: absolute; right: 8px; width: 22px; height: 22px; border: 0; background: none; font-size: 18px; line-height: 1; color: var(--c-ink-2); cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.scandi-kfilter__search-clear:hover { color: var(--c-ink); background: rgba(30, 19, 10, .06); }
@media (max-width: 600px) { .scandi-kfilter__search { flex-basis: 100%; max-width: none; order: 3; } }
.scandi-about > .container > .scandi-about__head { text-align: left; }
.scandi-about .scandi-about__teamwrap { padding-top: 0; }
.scandi-about .scandi-about__teamwrap.about-company { margin-top: 8px; }
html body .about-company .scandi-team__edu,
.about-company .scandi-team__edu {
font-family: var(--font-ui, 'Manrope'), sans-serif !important;
font-size: 12.5px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #6b6155 !important;
-webkit-text-fill-color: #6b6155 !important;
margin: 6px 0 0 !important;
}
@media (max-width: 480px) {
.our-works .scandi-works__head-main .scandi-works__nav { margin: 0 !important; }
.our-works .scandi-works__head-aside { padding-top: 12px !important; margin-top: 2px !important; }
.our-works .scandi-works__head-aside .scandi-works__lead,
.our-works .scandi-works__lead {
color: #453a29 !important; -webkit-text-fill-color: #453a29 !important;
font-size: 16px !important; font-weight: 500 !important;
}
html body section.mortgage-calling .mortgage-calling__inner,
html body section.mortgage-calling .scandi-mortgage__banks {
margin-left: -24px !important; margin-right: -24px !important;
width: calc(100% + 48px) !important; max-width: none !important; box-sizing: border-box !important;
}
html body section.mortgage-calling .scandi-mortgage__banks { padding-left: 16px !important; padding-right: 16px !important; }
html body section.mortgage-calling .mortgage-calling__preview,
html body section.mortgage-calling .mortgage-calling__image {
height: 220px !important; max-height: 220px !important; min-height: 0 !important;
}
html body .our-works .scandi-works__viewport,
html body section.our-works .scandi-works__viewport {
width: 100vw !important; max-width: 100vw !important;
margin-left: 50% !important; transform: translateX(-50%) !important;
border-radius: 0 !important;
}
html body .realty-tour .scandi-tour__media,
html body section.realty-tour .scandi-tour__media { height: 150px !important; min-height: 150px !important; }
html body .realty-tour .scandi-tour__body { padding: 20px 18px 22px !important; gap: 12px !important; }
html body .realty-tour .scandi-tour__title { font-size: 23px !important; line-height: 1.14 !important; }
html body .realty-tour .scandi-tour__lead { font-size: 14px !important; line-height: 1.42 !important; }
html body .realty-tour .scandi-tour__form { gap: 10px !important; margin-top: 4px !important; }
html body .realty-tour .scandi-tour__form input,
html body .realty-tour .scandi-tour__field input { padding-top: 12px !important; padding-bottom: 12px !important; }
html body .scandi-carr-btn,
html body .scandi-carr-wrap .scandi-carr-btn {
opacity: 0.92 !important; pointer-events: auto !important;
background: rgba(24,16,10,0.55) !important; border-color: rgba(255,255,255,0.55) !important;
}
}
body.scandi-canvas {
background-color: #f3ecdf;
background-image:
radial-gradient(circle, rgba(166, 124, 58, 0.11) 1px, transparent 1.5px),
radial-gradient(ellipse 72% 40% at 50% 0%, rgba(212, 173, 110, 0.10), transparent 70%),
linear-gradient(180deg, #f7f1e6 0%, #f1eadc 50%, #f3ecdf 100%);
background-size: 24px 24px, 100% 2200px, 100% 100%;
background-repeat: repeat, no-repeat, no-repeat;
}
body.scandi-canvas section.scandi-cat,
body.scandi-canvas #cbform-get-catalog,
body.scandi-canvas div#cbform-get-catalog,
body.scandi-canvas section#cbform-get-catalog,
body.scandi-canvas div.catalog,
body.scandi-canvas #catalog,
body.scandi-canvas section.mortgage-calling,
body.scandi-canvas div.about-company,
body.scandi-canvas #about-company,
body.scandi-canvas div.block-with-video,
body.scandi-canvas .block-with-video.block-padding,
body.scandi-canvas div.cert-container,
body.scandi-canvas .container.cert-container,
body.scandi-canvas section.our-works,
body.scandi-canvas .our-works.block-padding,
body.scandi-canvas section.realty-tour,
body.scandi-canvas .realty-tour,
body.scandi-canvas section.scandi-form,
body.scandi-canvas .block-text.block-padding {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
body.scandi-canvas .about-company::after,
body.scandi-canvas .cert-container::before,
body.scandi-canvas .cert-container::after,
body.scandi-canvas .about-company + .block-with-video::before,
body.scandi-canvas .cert-container + .our-works::before,
body.scandi-canvas .our-works::before {
display: none !important;
}
body.scandi-canvas #catalog::before,
body.scandi-canvas div.catalog::before {
display: none !important;
}
@media (min-width: 769px) {
body.scandi-canvas section.scandi-cat { padding-top: 44px !important; padding-bottom: 36px !important; }
body.scandi-canvas div.about-company.block-padding { padding-top: 84px !important; padding-bottom: 64px !important; }
body.scandi-canvas .container.cert-container { padding-top: 84px !important; padding-bottom: 84px !important; }
body.scandi-canvas section.mortgage-calling { padding-top: 76px !important; padding-bottom: 76px !important; }
body.scandi-canvas .our-works.block-padding { padding-top: 76px !important; padding-bottom: 56px !important; }
body.scandi-canvas .block-with-video { padding-top: 72px !important; padding-bottom: 72px !important; }
}
body.scandi-canvas {
background-image:
radial-gradient(circle, rgba(166, 124, 58, 0.11) 1px, transparent 1.5px),
radial-gradient(ellipse 72% 40% at 50% 0%, rgba(212, 173, 110, 0.10), transparent 70%),
radial-gradient(ellipse 95% 1500px at 12% 30%, rgba(193, 154, 91, 0.055), transparent 72%),
radial-gradient(ellipse 95% 1600px at 88% 62%, rgba(166, 124, 58, 0.05), transparent 72%),
linear-gradient(180deg, #f7f1e6 0%, #f1eadc 50%, #f3ecdf 100%);
background-size: 24px 24px, 100% 2200px, 100% 100%, 100% 100%, 100% 100%;
background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
body.scandi-canvas section.scandi-cat,
body.scandi-canvas section.build-stages,
body.scandi-canvas div.about-company,
body.scandi-canvas section.our-works,
body.scandi-canvas .our-works.block-padding,
body.scandi-canvas section.scandi-form {
position: relative;
z-index: 0;
}
body.scandi-canvas section.scandi-cat::before,
body.scandi-canvas section.build-stages::before,
body.scandi-canvas div.about-company::before,
body.scandi-canvas .our-works.block-padding::before,
body.scandi-canvas section.scandi-form::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
pointer-events: none !important;
display: block !important;
opacity: 1 !important;
filter: none !important;
background: radial-gradient(ellipse 120% 540px at 50% 0%, rgba(193, 154, 91, 0.085), transparent 72%) !important;
background-size: auto !important;
}
body.scandi-canvas div.catalog,
body.scandi-canvas section.mortgage-calling {
position: relative;
z-index: 0;
}
body.scandi-canvas div.catalog::before,
body.scandi-canvas #catalog::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
pointer-events: none !important;
display: block !important;
opacity: 1 !important;
filter: none !important;
background: radial-gradient(ellipse 130% 620px at 50% 100%, rgba(140, 102, 55, 0.06), transparent 74%) !important;
background-size: auto !important;
}
body.scandi-canvas section.mortgage-calling::after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background: radial-gradient(ellipse 130% 560px at 50% 100%, rgba(140, 102, 55, 0.055), transparent 74%);
}
body.scandi-canvas .mortgage-calling .mortgage-calling__inner.container-card,
body.scandi-canvas .scandi-works__viewport {
box-shadow:
0 26px 70px rgba(31, 22, 18, 0.17),
0 6px 18px rgba(31, 22, 18, 0.08),
0 0 110px rgba(193, 154, 91, 0.16) !important;
}
.scandi-photo-band {
position: relative;
width: 100%;
height: clamp(320px, 50vh, 540px);
overflow: hidden;
}
.scandi-photo-band img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 58%;
display: block;
}
.scandi-photo-band__tint {
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, #f2ebdd 0%, rgba(242, 235, 221, 0) 16%),
linear-gradient(0deg, #f2ebdd 0%, rgba(242, 235, 221, 0) 16%),
linear-gradient(160deg, rgba(31, 22, 18, 0.30) 0%, rgba(31, 22, 18, 0.10) 45%, rgba(193, 154, 91, 0.12) 100%);
}
.scandi-photo-band__caption {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0 24px;
width: 100%;
text-align: center;
font-family: 'Cormorant Garamond', 'Manrope', serif;
font-weight: 400;
font-style: italic;
font-size: clamp(26px, 3.4vw, 46px);
letter-spacing: 0.01em;
color: #fdf8ee;
-webkit-text-fill-color: #fdf8ee;
text-shadow: 0 2px 22px rgba(15, 10, 6, 0.55), 0 1px 3px rgba(15, 10, 6, 0.4);
}
.scandi-photo-band__caption::after {
content: '';
display: block;
width: 72px;
height: 1px;
margin: 18px auto 0;
background: linear-gradient(90deg, transparent, #d4ad6e, transparent);
}
@media (max-width: 768px) {
.scandi-photo-band { height: clamp(240px, 42vh, 340px); }
.scandi-photo-band__caption { font-size: 24px; }
}
body.scandi-canvas section.realty-tour {
position: relative;
z-index: 0;
}
body.scandi-canvas section.realty-tour::before {
content: '';
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-image:
linear-gradient(180deg, #f2ebdd 0%, rgba(242, 235, 221, 0) 20%),
linear-gradient(0deg, #f2ebdd 0%, rgba(242, 235, 221, 0) 20%),
linear-gradient(160deg, rgba(26, 19, 13, 0.34) 0%, rgba(26, 19, 13, 0.16) 55%, rgba(193, 154, 91, 0.14) 100%),
url('../assets/barnhaus-meadow.webp');
background-size: auto, auto, auto, cover;
background-position: center, center, center, center 62%;
background-repeat: no-repeat;
}
body.scandi-canvas section.scandi-form--contact {
position: relative;
z-index: 0;
}
body.scandi-canvas section.scandi-form--contact::before {
content: '';
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-image:
linear-gradient(180deg, #f2ebdd 0%, rgba(242, 235, 221, 0) 20%),
linear-gradient(0deg, #f3ecdf 0%, rgba(243, 236, 223, 0) 22%),
linear-gradient(200deg, rgba(26, 19, 13, 0.32) 0%, rgba(26, 19, 13, 0.14) 55%, rgba(193, 154, 91, 0.12) 100%),
url('../assets/barnhaus-hero-v2.webp');
background-size: auto, auto, auto, cover;
background-position: center, center, center, center 45%;
background-repeat: no-repeat;
}
body.scandi-canvas section.realty-tour .section-title,
body.scandi-canvas section.realty-tour h2:not(.scandi-tour__title),
body.scandi-canvas section.scandi-form--contact .scandi-form__title,
body.scandi-canvas section.scandi-form--contact .section-title {
color: #fdf8ee !important;
-webkit-text-fill-color: #fdf8ee !important;
text-shadow: 0 2px 18px rgba(15, 10, 6, 0.5);
}
body.scandi-canvas section.realty-tour .section-title,
body.scandi-canvas section.realty-tour h2:not(.scandi-tour__title),
body.scandi-canvas section.scandi-form--contact .scandi-form__title,
body.scandi-canvas section.scandi-form--contact .section-title {
color: #14100d !important;
-webkit-text-fill-color: #14100d !important;
text-shadow: none !important;
}
body.scandi-canvas section.scandi-form--contact::after {
content: '';
position: absolute;
inset: 0;
z-index: -2;
pointer-events: none;
background-image:
linear-gradient(180deg, #f2ebdd 0%, rgba(242, 235, 221, 0) 20%),
linear-gradient(0deg, #f3ecdf 0%, rgba(243, 236, 223, 0) 22%),
linear-gradient(200deg, rgba(26, 19, 13, 0.32) 0%, rgba(26, 19, 13, 0.14) 55%, rgba(193, 154, 91, 0.12) 100%),
url('../assets/barnhaus-hero-v2.webp');
background-size: auto, auto, auto, cover;
background-position: center, center, center, center 45%;
background-repeat: no-repeat;
}
body.scandi-canvas section.scandi-form--contact::before {
background: none !important;
}
body.scandi-canvas section.scandi-cat::after {
content: '';
position: absolute;
inset: 0;
z-index: -2;
pointer-events: none;
opacity: 0.55;
background-image:
linear-gradient(180deg, #f3ecdf 0%, rgba(243, 236, 223, 0) 30%),
linear-gradient(0deg, #f3ecdf 0%, rgba(243, 236, 223, 0) 30%),
linear-gradient(90deg, rgba(243, 236, 223, 0.55) 0%, rgba(243, 236, 223, 0.15) 40%, rgba(243, 236, 223, 0.55) 100%),
url('../assets/barnhaus-hero.webp');
background-size: auto, auto, auto, cover;
background-position: center, center, center, center 40%;
background-repeat: no-repeat;
}
body.scandi-canvas section.scandi-cat::after {
opacity: 0.42 !important;
background-position: center, center, center, center 72% !important;
background-image:
linear-gradient(180deg, #f3ecdf 0%, rgba(243, 236, 223, 0) 34%),
linear-gradient(0deg, #f3ecdf 0%, rgba(243, 236, 223, 0) 34%),
linear-gradient(90deg, rgba(243, 236, 223, 0.62) 0%, rgba(243, 236, 223, 0.22) 42%, rgba(243, 236, 223, 0.62) 100%),
url('../assets/barnhaus-hero.webp') !important;
background-size: auto, auto, auto, cover !important;
}
body.scandi-canvas section.scandi-form--contact::after {
content: none !important;
background: none !important;
}
body.scandi-canvas section.scandi-form--contact::before {
background: radial-gradient(ellipse 120% 540px at 50% 0%, rgba(193, 154, 91, 0.085), transparent 72%) !important;
}
@media (min-width: 481px) {
.adv-glass__grid { margin-top: -28px !important; }
}
body.scandi-canvas .scandi-flow {
position: relative;
z-index: 2;
height: 118px;
margin: -59px auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
pointer-events: none;
overflow: visible;
}
body.scandi-canvas .scandi-flow__line {
width: 1px;
height: 40px;
background: repeating-linear-gradient(180deg,
rgba(176,138,74,0.62) 0 4px, transparent 4px 9px);
-webkit-mask: linear-gradient(180deg, transparent 0%, #000 65%);
mask: linear-gradient(180deg, transparent 0%, #000 65%);
}
body.scandi-canvas .scandi-flow__line--tail {
height: 34px;
-webkit-mask: linear-gradient(180deg, #000 35%, transparent 100%);
mask: linear-gradient(180deg, #000 35%, transparent 100%);
}
body.scandi-canvas .scandi-flow__diamond {
width: 9px;
height: 9px;
margin: 8px 0;
transform: rotate(45deg);
background: linear-gradient(135deg, #e8c987 0%, #b08a4a 100%);
box-shadow: 0 0 11px rgba(203,163,96,0.55), 0 1px 2px rgba(60,40,15,0.25);
animation: scandiFlowPulse 3.6s ease-in-out infinite;
}
body.scandi-canvas .scandi-flow__chev {
width: 11px;
height: 11px;
margin-top: 2px;
border-right: 1.5px solid rgba(176,138,74,0.55);
border-bottom: 1.5px solid rgba(176,138,74,0.55);
transform: rotate(45deg);
animation: scandiFlowChev 3.6s ease-in-out infinite;
}
@keyframes scandiFlowPulse {
0%, 100% { box-shadow: 0 0 11px rgba(203,163,96,0.5),  0 1px 2px rgba(60,40,15,0.25); }
50%      { box-shadow: 0 0 16px rgba(203,163,96,0.85), 0 1px 2px rgba(60,40,15,0.25); }
}
@keyframes scandiFlowChev {
0%, 100% { opacity: 0.55; transform: translateY(0)    rotate(45deg); }
50%      { opacity: 0.9;  transform: translateY(2px)  rotate(45deg); }
}
@media (prefers-reduced-motion: reduce) {
body.scandi-canvas .scandi-flow__diamond,
body.scandi-canvas .scandi-flow__chev { animation: none; }
}
@media (max-width: 991px) {
body.scandi-canvas .scandi-flow { height: 44px; margin: -22px auto; }
body.scandi-canvas .scandi-flow__line { height: 14px; }
body.scandi-canvas .scandi-flow__line--tail { display: none; }
body.scandi-canvas .scandi-flow__diamond { margin: 4px 0; }
body.scandi-canvas .scandi-flow__chev { margin-top: 3px; }
}
.scandi-cta2{
--cta-cream-2:#faf6ec; --cta-cream-3:#f4ecdb;
--cta-ink:#241a12; --cta-ink-2:#17110a;
--cta-gold:#a67c3a; --cta-gold-2:#c19a5b; --cta-gold-3:#d4ad6e; --cta-gold-hi:#e8c987;
box-sizing:content-box; max-width:1200px; margin:0 auto; padding:clamp(32px,4.5vw,58px) clamp(16px,3vw,24px) 0;
display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,1.6vw,22px);
}
.scandi-cta2__panel--dark{ cursor:pointer; }
.scandi-cta2__panel[data-projectpop-open]:focus-visible{ outline:2px solid var(--cta-gold-3); outline-offset:3px; }
.scandi-form__field--file{ position:relative; cursor:pointer; }
.scandi-form__field--file input[type="file"]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.scandi-form__file-ui{
display:flex; align-items:center; gap:10px; width:100%;
padding:13px 16px; border-radius:12px;
border:1px dashed rgba(166,124,58,.5); background:rgba(166,124,58,.05);
color:#8a7a63; font-size:14px; line-height:1.3;
transition:border-color .25s, background .25s, color .25s;
}
.scandi-form__field--file:hover .scandi-form__file-ui{ border-color:rgba(166,124,58,.85); background:rgba(166,124,58,.09); color:#5f5140; }
.scandi-form__file-icon{ flex:0 0 auto; color:#a67c3a; }
.scandi-form__file-text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.scandi-form__field--file.has-file .scandi-form__file-ui{ border-style:solid; border-color:rgba(166,124,58,.85); color:#3d3428; background:rgba(166,124,58,.10); }
.scandi-cta2__panel{
position:relative; overflow:hidden; border-radius:24px; text-decoration:none; color:inherit;
display:flex; flex-direction:column;
transition:transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s, border-color .5s;
}
.scandi-cta2__panel--light{ border:1px solid rgba(166,124,58,.22); box-shadow:0 20px 48px -30px rgba(90,64,20,.5); }
.scandi-cta2__panel--light:hover{ transform:translateY(-5px); border-color:rgba(166,124,58,.5); box-shadow:0 34px 64px -34px rgba(90,64,20,.62); }
.scandi-cta2__panel--dark{ border:1px solid rgba(212,173,110,.26); box-shadow:0 24px 56px -30px rgba(0,0,0,.7); }
.scandi-cta2__panel--dark:hover{ transform:translateY(-5px); border-color:rgba(212,173,110,.55); box-shadow:0 38px 74px -32px rgba(0,0,0,.82); }
.scandi-cta2__media{ position:relative; height:clamp(148px,14vw,188px); overflow:hidden; }
.scandi-cta2__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 1s cubic-bezier(.22,1,.36,1); }
.scandi-cta2__panel:hover .scandi-cta2__media img{ transform:scale(1.045); }
.scandi-cta2__media::after{ content:''; position:absolute; left:0; right:0; bottom:-1px; height:56%; pointer-events:none; }
.scandi-cta2__panel--light .scandi-cta2__media::after{ background:linear-gradient(to bottom,transparent,var(--cta-cream-2)); }
.scandi-cta2__panel--dark .scandi-cta2__media::after{ background:linear-gradient(to bottom,transparent,var(--cta-ink)); }
.scandi-cta2__body{
position:relative; margin-top:-2px; flex:1; display:flex; flex-direction:column; align-items:flex-start;
padding:clamp(20px,2vw,28px) clamp(24px,2.4vw,34px) clamp(22px,2.2vw,30px);
}
.scandi-cta2__panel--light .scandi-cta2__body{ background:linear-gradient(180deg,var(--cta-cream-2),var(--cta-cream-3)); }
.scandi-cta2__panel--dark .scandi-cta2__body{ background:linear-gradient(180deg,var(--cta-ink),var(--cta-ink-2)); }
.scandi-cta2__eyebrow{
display:flex; align-items:center; gap:9px; font-size:12px; font-weight:600;
letter-spacing:.16em; text-transform:uppercase; color:var(--cta-gold); margin-bottom:14px;
}
.scandi-cta2__eyebrow::before{ content:''; width:24px; height:1px; background:linear-gradient(90deg,var(--cta-gold),transparent); }
.scandi-cta2__panel--dark .scandi-cta2__eyebrow{ color:var(--cta-gold-3); }
.scandi-cta2__title{
font-family:var(--font-display); font-weight:300; font-size:clamp(26px,2.6vw,37px);
line-height:1.04; letter-spacing:-.01em; color:var(--cta-ink); margin:0 0 10px; max-width:13ch;
-webkit-text-fill-color:var(--cta-ink);
}
.scandi-cta2__panel--dark .scandi-cta2__title{ color:#f4ead9; -webkit-text-fill-color:#f4ead9; }
.scandi-cta2__title i, .scandi-cta2__title em{
font-style:normal; font-weight:600;
background:linear-gradient(135deg,var(--cta-gold),var(--cta-gold-2));
-webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.scandi-cta2__panel--dark .scandi-cta2__title i, .scandi-cta2__panel--dark .scandi-cta2__title em{ background:linear-gradient(135deg,var(--cta-gold-hi),var(--cta-gold-2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.scandi-cta2__sub{ font-size:15px; line-height:1.6; color:#6b5f4e; max-width:36ch; margin:0 0 auto; }
.scandi-cta2__panel--dark .scandi-cta2__sub{ color:#c9bda8; }
.scandi-cta2__cta{
display:inline-flex; align-items:center; gap:10px; margin-top:20px; cursor:pointer;
background:linear-gradient(135deg,var(--cta-gold-3),var(--cta-gold-2)); color:#14100d;
-webkit-text-fill-color:#14100d; border:1px solid transparent;
border-radius:999px; padding:14px 26px; font-size:12px; font-weight:700;
letter-spacing:.11em; text-transform:uppercase; text-decoration:none;
box-shadow:0 8px 22px rgba(193,154,91,.34);
transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s, filter .35s, background .35s;
}
.scandi-cta2__cta .scandi-cta2__arw{ transition:transform .4s ease; }
.scandi-cta2__panel:hover .scandi-cta2__cta{ filter:brightness(1.06); box-shadow:0 14px 34px rgba(193,154,91,.5); }
.scandi-cta2__panel:hover .scandi-cta2__cta .scandi-cta2__arw{ transform:translateX(5px); }
.scandi-cta2__cta--ghost{ background:transparent; color:var(--cta-gold-3); -webkit-text-fill-color:var(--cta-gold-3); border:1px solid rgba(212,173,110,.55); box-shadow:none; }
.scandi-cta2__panel--dark:hover .scandi-cta2__cta--ghost{ background:rgba(212,173,110,.12); box-shadow:none; filter:none; }
@media (max-width:760px){ .scandi-cta2{ grid-template-columns:1fr; } }
.scandi-projectpop .scandi-callpop__dialog{ max-width:540px; }
.scandi-projectpop .scandi-form__fields{ display:flex !important; flex-direction:column !important; gap:12px !important; }
.scandi-projectpop .scandi-form__field{ width:100% !important; min-width:0 !important; margin:0 !important; }
.scandi-projectpop .scandi-form__field--textarea textarea{ width:100%; box-sizing:border-box; }
.scandi-projectpop .scandi-form__field input:not([type="file"]){ width:100%; box-sizing:border-box; }
.scandi-projectpop .scandi-form__field-icon{ display:none !important; }
.scandi-projectpop .scandi-form__field{ width:100% !important; max-width:100% !important; margin:0 0 0 0 !important; box-sizing:border-box; }
.scandi-projectpop .scandi-form__field input:not([type="file"]),
.scandi-projectpop .scandi-form__field textarea{ width:100% !important; box-sizing:border-box !important; padding-left:18px !important; padding-right:16px !important; }
.scandi-projectpop .scandi-form__field--file{ width:100% !important; }
.scandi-projectpop .scandi-form__file-ui{ width:100%; box-sizing:border-box; }
.scandi-projectpop .scandi-form__field{ padding-left:0 !important; padding-right:0 !important; }
.scandi-projectpop .scandi-form__file-ui{ padding-left:18px !important; }
.scandi-projectpop .scandi-form__field--textarea textarea{ min-height:78px; resize:vertical; padding-top:12px; }
@media (max-width: 991px) {
html body .our-works .scandi-works__viewport:not(#__x__),
html body .our-works .scandi-works__track:not(#__x__),
html body .our-works .scandi-works__slide:not(#__x__),
html body .our-works .scandi-works__slide.is-active:not(#__x__) {
height: auto !important;
min-height: 0 !important;
}
html body .our-works .scandi-works__media:not(#__x__) {
position: relative !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 4 / 3 !important;
background: #0e0a08 !important;
overflow: hidden !important;
}
html body .our-works .scandi-works__hero:not(#__x__) {
position: absolute !important;
inset: 0 !important;
height: 100% !important;
}
html body .our-works .scandi-works__media img:not(#__x__),
html body .our-works .scandi-works__hero img:not(#__x__) {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
}
.block-text .scandi-seo__rest em, .block-text .scandi-seo__rest i,
.block-text .scandi-seo__lead em, .block-text .scandi-seo__lead i,
.scandi-seo__rest em, .scandi-seo__rest i,
.scandi-seo__lead em, .scandi-seo__lead i {
font-style: normal;
font-weight: 600;
}
@media (max-width: 700px) {
.scandi-reviews__badge {
flex-wrap: wrap;
max-width: 100%;
box-sizing: border-box;
}
.scandi-reviews__rate { font-size: clamp(30px, 8vw, 38px); }
}
#discount-calculator .calculator-block--compact {
display: block;
padding: clamp(20px, 2.2vw, 32px) clamp(22px, 2.6vw, 40px) clamp(20px, 2.2vw, 30px);
}
#discount-calculator .calculator-block--compact .in--block { padding-bottom: 0; }
#discount-calculator .calculator-block--compact .calculator-block__manager-pic { display: none; }
#discount-calculator .scandi-calc__foot {
display: flex; align-items: center; justify-content: space-between;
gap: clamp(14px, 1.6vw, 22px); flex-wrap: wrap;
margin-top: clamp(12px, 1.4vw, 18px); padding-top: clamp(14px, 1.5vw, 18px);
border-top: 1px solid rgba(166, 124, 58, 0.18);
}
#discount-calculator .scandi-calc__mgr { display: flex; align-items: center; gap: 14px; flex: 1 1 240px; min-width: 0; }
#discount-calculator .scandi-calc__mgr-pic {
flex: 0 0 auto; width: 76px; height: 76px; border-radius: 50%; object-fit: cover;
object-position: 56% 10%;
border: 2px solid rgba(166, 124, 58, 0.35);
box-shadow: 0 10px 24px -14px rgba(90, 64, 20, 0.7);
}
#discount-calculator .scandi-calc__mgr-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#discount-calculator .scandi-calc__mgr-name { font-size: 15px; font-weight: 700; color: #241a10; }
#discount-calculator .scandi-calc__mgr-role { font-size: 12.5px; font-weight: 600; color: #a67c3a; }
#discount-calculator .scandi-calc__mgr-note { font-size: 12px; line-height: 1.4; color: #5f5140; }
#discount-calculator .scandi-calc__cta {
display: flex; align-items: center; gap: clamp(14px, 1.6vw, 22px); margin-left: auto; flex: 0 0 auto;
}
#discount-calculator .scandi-calc__cta .discount-calc__terms { font-size: 11.5px; line-height: 1.4; }
#discount-calculator .scandi-calc__cta .discount-calc__terms { margin: 0; }
#discount-calculator .calculator-block--compact .discount-calc__footer { display: none; }
@media (max-width: 860px) {
#discount-calculator .scandi-calc__foot { flex-direction: column; align-items: stretch; }
#discount-calculator .scandi-calc__mgr { flex: 0 0 auto; }
#discount-calculator .scandi-calc__cta { margin-left: 0; flex-direction: column; align-items: stretch; }
#discount-calculator .scandi-calc__cta .discount-calc__btn { width: 100%; }
#discount-calculator .scandi-calc__mgr-note { max-width: none; }
}
@media (max-width: 480px) {
#discount-calculator .scandi-calc__mgr-pic { width: 62px; height: 62px; }
}
:root {
--scandi-sec-title: clamp(26px, 2.6vw, 32px);
--scandi-sub-title: clamp(19px, 1.9vw, 22px);
}
html body .scandi-banks__title:not(#_):not(#_):not(#_):not(#_),
html body .scandi-mprog__title:not(#_):not(#_):not(#_):not(#_),
html body .scandi-mhouses__title:not(#_):not(#_):not(#_):not(#_),
html body .scandi-msteps__title:not(#_):not(#_):not(#_):not(#_),
html body:has(.scandi-banks) .scandi-faq__title:not(#_):not(#_):not(#_):not(#_),
html body:has(.scandi-banks) .scandi-certs__title:not(#_):not(#_):not(#_):not(#_),
html body:has(.scandi-banks) .scandi-reviews__title:not(#_):not(#_):not(#_):not(#_) {
font-size: var(--scandi-sec-title) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: -0.01em !important;
}
html body:has(.scandi-banks) .scandi-faq__q:not(#_):not(#_):not(#_) {
font-size: 16.5px !important;
line-height: 1.4 !important;
padding: 17px 22px !important;
}
html body:has(.scandi-banks) .scandi-faq__a-inner:not(#_):not(#_):not(#_) { font-size: 14.5px !important; line-height: 1.6 !important; }
@media (max-width: 640px) {
html body:has(.scandi-banks) .scandi-faq__q:not(#_):not(#_):not(#_) { font-size: 15.5px !important; padding: 15px 16px !important; }
}
.modal-parent.modal-success .in { text-align: center; }
.modal-parent.modal-success .success-icon { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a); position: relative; box-shadow: 0 12px 30px rgba(166, 124, 58, 0.35); }
.modal-parent.modal-success .success-icon svg { display: none; }
.modal-parent.modal-success .success-icon::after { content: ''; position: absolute; left: 22px; top: 25px; width: 27px; height: 14px; border-left: 4px solid #fffdf8; border-bottom: 4px solid #fffdf8; border-radius: 2px; transform: rotate(-45deg); }
#catalog .catalog-item .image, [data-catalog-items] .catalog-item .image { background-color: #e9dfcc; }
.scandi-mortgage__bank-top { display: flex; align-items: center; gap: 12px; min-width: 0; }
.scandi-mortgage__bank-mark { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; display: grid; place-items: center; font-family: var(--font-display, 'Manrope'), sans-serif; font-size: 20px; font-weight: 800; color: var(--bank-c, #d4ad6e) !important; -webkit-text-fill-color: var(--bank-c, #d4ad6e) !important; background: rgba(255, 255, 255, .06); border: 1.5px solid var(--bank-c, #d4ad6e); box-shadow: 0 0 22px -10px var(--bank-c, #d4ad6e); }
.scandi-mortgage__bank-mark--img { border: 1px solid rgba(255, 255, 255, .25); background: #fff; overflow: hidden; }
.scandi-mortgage__bank-mark--img img { width: 100%; height: 100%; object-fit: contain; padding: 6px; box-sizing: border-box; }
@media (max-width: 600px) {
.scandi-mortgage__bank { min-height: 0; padding: 22px 18px 20px; }
.scandi-mortgage__bank-header { margin-bottom: 14px; padding-bottom: 12px; }
}
.scandi-mortgage__capture { margin-top: 22px; display: grid; gap: 12px; max-width: 560px; }
.scandi-mortgage__capture-note { margin: 0; font-size: 13.5px; line-height: 1.55; color: rgba(255, 236, 205, .78) !important; -webkit-text-fill-color: rgba(255, 236, 205, .78) !important; }
.scandi-mortgage__capture-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.scandi-mortgage__capture-row input { width: 100%; box-sizing: border-box; padding: 13px 15px; border-radius: 12px; border: 1px solid rgba(212, 173, 110, .38); background: rgba(255, 255, 255, .06); font-family: var(--font-ui, 'Manrope'), sans-serif; font-size: 14px; color: #ffe9c4 !important; -webkit-text-fill-color: #ffe9c4 !important; outline: none; transition: border-color .2s; }
.scandi-mortgage__capture-row input::placeholder { color: rgba(255, 236, 205, .45); -webkit-text-fill-color: rgba(255, 236, 205, .45); }
.scandi-mortgage__capture-row input:focus { border-color: #d4ad6e; }
.scandi-mortgage__capture-btn { grid-column: 1 / -1; padding: 15px 24px; border: 0; border-radius: 999px; cursor: pointer; background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a); color: #1a120a !important; -webkit-text-fill-color: #1a120a !important; font-family: var(--font-ui, 'Manrope'), sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .04em; box-shadow: 0 12px 26px rgba(166, 124, 58, .30); transition: transform .2s, box-shadow .2s; }
.scandi-mortgage__capture-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166, 124, 58, .42); }
.scandi-mortgage__more { justify-self: start; font-size: 13px; font-weight: 600; color: #e7c88b !important; -webkit-text-fill-color: #e7c88b !important; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(231, 200, 139, .5); }
.scandi-mortgage__more:hover { text-decoration-color: #e7c88b; }
.scandi-hp-field { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 600px) { .scandi-mortgage__capture-row { grid-template-columns: 1fr; } }
.scandi-home-break--duo.scandi-home-break--wide { grid-column: 1 / -1; min-height: 440px; }
@media (max-width: 760px) { .scandi-home-break--duo.scandi-home-break--wide { min-height: 520px; } }
.scandi-card-ipo { display: flex; flex-direction: column; align-items: flex-end; order: 2; margin-left: auto; font-size: 12.5px !important; line-height: 1.15 !important; font-weight: 700 !important; color: #8a744e !important; -webkit-text-fill-color: #8a744e !important; letter-spacing: .01em; white-space: nowrap; text-align: right; }
.scandi-card-ipo small { font-size: 10px; font-weight: 600; color: #ab9770 !important; -webkit-text-fill-color: #ab9770 !important; letter-spacing: .04em; }
#catalog .catalog-item .info-price .card-arrow, [data-catalog-items] .catalog-item .info-price .card-arrow { order: 3; margin-left: 10px; }
#catalog .catalog-item:hover .scandi-card-ipo, [data-catalog-items] .catalog-item:hover .scandi-card-ipo { color: #e8c98c !important; -webkit-text-fill-color: #e8c98c !important; }
#catalog .catalog-item:hover .scandi-card-ipo small, [data-catalog-items] .catalog-item:hover .scandi-card-ipo small { color: rgba(235, 227, 216, .65) !important; -webkit-text-fill-color: rgba(235, 227, 216, .65) !important; }
@media (max-width: 430px) { .scandi-card-ipo { font-size: 11.5px !important; } }
.scandi-home-hero__ipo { display: block; margin-top: 6px; font-size: 13.5px; font-weight: 600; color: rgba(255, 236, 205, .82) !important; -webkit-text-fill-color: rgba(255, 236, 205, .82) !important; }
.scandi-house-ipo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; padding: 12px 16px; border: 1px solid rgba(193, 154, 91, .35); border-left: 3px solid #c19a5b; border-radius: 12px; background: linear-gradient(180deg, #fffdf8, #f8efdd); }
.scandi-house-ipo__k { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #a67c3a !important; -webkit-text-fill-color: #a67c3a !important; }
.scandi-house-ipo__v { font-size: 18px; font-weight: 800; color: #221709 !important; -webkit-text-fill-color: #221709 !important; }
.scandi-house-ipo__link { margin-left: auto; font-size: 12.5px; font-weight: 600; color: #8a5a1f !important; -webkit-text-fill-color: #8a5a1f !important; text-decoration: underline; text-underline-offset: 3px; }
.scandi-house-ipo__note { flex-basis: 100%; font-size: 10.5px; line-height: 1.4; color: #9b8763 !important; -webkit-text-fill-color: #9b8763 !important; }
.scandi-mortgage__trust { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.scandi-mortgage__trust-item { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(212, 173, 110, .32); background: rgba(255, 255, 255, .05); font-size: 12px; font-weight: 600; color: rgba(255, 236, 205, .85) !important; -webkit-text-fill-color: rgba(255, 236, 205, .85) !important; }
.scandi-mortgage__trust-item svg { width: 14px; height: 14px; stroke: #d4ad6e; fill: none; stroke-width: 2; flex: 0 0 14px; }
a.scandi-mortgage__trust-item:hover { border-color: #d4ad6e; }
.scandi-mortgage__capture { margin-top: 14px !important; gap: 9px !important; }
.scandi-mortgage__capture-note { font-size: 12.5px !important; line-height: 1.45 !important; }
.scandi-mortgage__capture-row { gap: 8px !important; }
.scandi-mortgage__capture-row input { padding: 10px 13px !important; font-size: 13.5px !important; }
.scandi-mortgage__capture-btn { padding: 12px 20px !important; font-size: 13.5px !important; }
.scandi-mortgage__more { font-size: 12.5px !important; }
.scandi-mortgage__trust { margin-top: 10px !important; gap: 7px !important; }
.scandi-mortgage__trust-item { padding: 6px 11px !important; font-size: 11px !important; }
.scandi-mortgage__note { margin-top: 10px !important; font-size: 11.5px !important; }
.scandi-zoom-fly__ipo { margin-top: 2px; font-size: 13px; font-weight: 600; letter-spacing: .01em; color: #8a744e !important; -webkit-text-fill-color: #8a744e !important; }
.scandi-mortgage__capture { margin-top: 12px !important; gap: 8px !important; max-width: none !important; }
.scandi-mortgage__capture-row { grid-template-columns: 1.15fr 1fr auto !important; gap: 8px !important; }
.scandi-mortgage__capture-btn { grid-column: auto !important; padding: 12px 22px !important; white-space: nowrap; }
.scandi-mortgage__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 10px; }
.scandi-mortgage__meta .scandi-mortgage__more { font-size: 12.5px !important; }
.scandi-mortgage__meta .scandi-mortgage__trust-item { padding: 5px 10px !important; font-size: 10.5px !important; }
.scandi-mortgage__meta .scandi-mortgage__trust-item svg { width: 12px; height: 12px; flex: 0 0 12px; }
@media (max-width: 860px) { .scandi-mortgage__capture-row { grid-template-columns: 1fr !important; } .scandi-mortgage__capture-btn { width: 100%; } }
.scandi-mortgage__capture-row { grid-template-columns: minmax(0, .95fr) minmax(158px, 1.1fr) auto !important; }
.scandi-mortgage__capture-row input[type="tel"] { letter-spacing: .015em; }
.scandi-mortgage__capture input.is-err { border-color: #ff6b5e !important; box-shadow: 0 0 0 3px rgba(255, 107, 94, .22) !important; animation: scandi-shake .3s ease 1; }
@keyframes scandi-shake { 0%, 100% { transform: translateX(0); } 30% { transform: translateX(-5px); } 60% { transform: translateX(5px); } }
.scandi-mortgage__capture-row { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.scandi-mortgage__capture-btn { grid-column: 1 / -1 !important; width: 100%; padding: 13px 22px !important; }
.mortgage-calling .scandi-mortgage__list { margin: 14px 0 0 !important; gap: 7px 20px !important; }
.mortgage-calling .scandi-mortgage__list li { font-size: 13px !important; line-height: 1.3 !important; padding-top: 1px; padding-bottom: 1px; }
.scandi-mortgage__capture-row input::placeholder { font-size: 13px; }
.catalog-item.kf-style-hidden { display: none !important; }
.scandi-kfilter__group--select { min-width: 0; }
.scandi-kfilter__select-wrap { position: relative; display: block; margin-top: 8px; max-width: 260px; }
.scandi-kfilter__select {
-webkit-appearance: none; appearance: none;
width: 100%; height: 42px; padding: 0 38px 0 16px;
font: 600 13.5px/42px var(--f-body, inherit); color: #2b1a08;
background: #fff; border: 1px solid rgba(166,124,58,.28); border-radius: 999px;
cursor: pointer; transition: border-color .2s, box-shadow .2s;
}
.scandi-kfilter__select:hover { border-color: rgba(166,124,58,.55); }
.scandi-kfilter__select:focus-visible { outline: none; border-color: #c19a5b; box-shadow: 0 0 0 3px rgba(193,154,91,.22); }
.scandi-kfilter__select-arw { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #a67c3a; font-size: 12px; }
.kfilter-styled .scandi-kfilter__select { border-color: #c19a5b; background: linear-gradient(180deg,#f6ead2,#efdcbb); }
@media (max-width: 768px) { .scandi-kfilter__select-wrap { max-width: none; } }
input[name="scandi_chk_2f"],
input[name="lastname"] {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
html body .catalog-item:not(#__x__) { position: relative; }
html body .catalog-item > .catalog-item__link:not(#__x__) {
position: absolute;
inset: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
background: transparent;
font-size: 0;
pointer-events: auto;
}
html body .catalog-item > .image:not(#__x__) { z-index: auto; }
html body .catalog-item > .desc:not(#__x__) { pointer-events: none; }
html body .catalog-item > .desc a:not(#__x__),
html body .catalog-item > .desc button:not(#__x__),
html body .catalog-item > .desc input:not(#__x__) { pointer-events: auto; }
html body .catalog-item__zoom:not(#__x__) {
position: absolute;
top: 14px;
left: 14px;
z-index: 4;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid rgba(212, 173, 110, 0.32);
border-radius: 50%;
background: rgba(20, 16, 13, 0.72);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
color: #d4ad6e;
cursor: pointer;
display: grid;
place-items: center;
opacity: 0;
transform: translateY(-6px);
transition: opacity 0.28s ease, transform 0.28s ease, background 0.2s ease, color 0.2s ease;
}
html body .catalog-item__zoom svg:not(#__x__) { width: 19px; height: 19px; display: block; }
html body .catalog-item:hover .catalog-item__zoom:not(#__x__),
html body .catalog-item:focus-within .catalog-item__zoom:not(#__x__) {
opacity: 1;
transform: none;
}
html body .catalog-item__zoom:hover:not(#__x__) {
background: rgba(20, 16, 13, 0.92);
color: #f0d9a8;
}
@media (max-width: 991px) {
html body .catalog-item__zoom:not(#__x__) { display: none; }
}
html body .catalog-item > .catalog-item__zoom:not(#__x__) { z-index: 6; }
html body .catalog-item .scandi-card-overlay:not(#__x__) {
height: auto;
min-height: 0;
padding: 14px 12px;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(180deg,
rgba(20, 16, 13, 0) 0%,
rgba(20, 16, 13, 0.62) 42%,
rgba(20, 16, 13, 0.88) 100%);
}
html body .catalog-item .scandi-card-overlay__btn--kp:not(#__x__) {
flex: 0 0 auto;
width: auto;
height: 42px;
padding: 0 20px;
gap: 9px;
border-radius: 999px;
border: 0;
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
color: #17110a;
-webkit-text-fill-color: #17110a;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.1em;
box-shadow: 0 10px 22px -10px rgba(20, 16, 13, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.28);
transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}
html body .catalog-item .scandi-card-overlay__btn--kp:not(#__x__)::after { display: none; }
html body .catalog-item .scandi-card-overlay__btn--kp:hover:not(#__x__) {
background: linear-gradient(135deg, #e6c68b 0%, #bd9049 100%);
color: #17110a;
-webkit-text-fill-color: #17110a;
transform: translateY(-1px);
box-shadow: 0 14px 26px -10px rgba(20, 16, 13, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}
html body .catalog-item .scandi-card-overlay__btn--kp svg:not(#__x__) {
width: 15px;
height: 15px;
flex: none;
display: block;
}
html body .catalog-item .desc .scandi-card-overlay:not(#__x__) {
position: static;
inset: auto;
transform: none;
opacity: 1;
pointer-events: auto;
height: auto;
min-height: 0;
padding: 14px 0 0;
margin: 0;
display: block;
background: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
border: 0;
box-shadow: none;
z-index: auto;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:not(#__x__) {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
flex: 0 0 auto;
height: 46px;
padding: 0 18px;
border: 0;
border-radius: 12px;
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
color: #17110a;
-webkit-text-fill-color: #17110a;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 10px 22px -12px rgba(20, 16, 13, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.3);
transition: background 0.25s ease, transform 0.18s ease, box-shadow 0.25s ease;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:not(#__x__)::after { display: none; }
html body .catalog-item .desc .scandi-card-overlay__btn--kp:hover:not(#__x__) {
background: linear-gradient(135deg, #e6c68b 0%, #bd9049 100%);
color: #17110a;
-webkit-text-fill-color: #17110a;
transform: translateY(-1px);
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:active:not(#__x__) { transform: translateY(0); }
html body .catalog-item .desc .scandi-card-overlay__btn--kp svg:not(#__x__) {
width: 16px;
height: 16px;
flex: none;
display: block;
}
@media (max-width: 991px) {
html body .catalog-item .image:not(#__x__) {
aspect-ratio: 546 / 384;
height: auto;
min-height: 0;
max-height: none;
}
html body .catalog-item .image img:not(#__x__),
html body .catalog-item .image video:not(#__x__) {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
}
@media (max-width: 991px) {
html body .catalog-item .image:not(#__x__):not(#__y__) {
aspect-ratio: 546 / 384 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price):not(#_c_) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 4px 16px;
margin: 0;
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price) .info-item:not(#_c_) {
margin: 0;
gap: 6px;
}
html body .catalog-item .desc:not(#_c_) { padding: 12px 16px 14px; }
html body .catalog-item .desc .title:not(#_c_) { padding-bottom: 9px; }
html body .catalog-item .desc .info-price:not(#_c_) { padding-top: 10px; }
html body .catalog-item .desc .scandi-card-overlay:not(#_c_) { padding-top: 12px; }
html body .catalog-item .desc .scandi-card-overlay__btn--kp:not(#_c_) {
height: 40px;
border-radius: 10px;
background: #8a6a35;
background-image: none;
color: #f7efe1;
-webkit-text-fill-color: #f7efe1;
font-size: 12px;
letter-spacing: 0.07em;
box-shadow: none;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:hover:not(#_c_) {
background: #a67c3a;
background-image: none;
color: #fff6e6;
-webkit-text-fill-color: #fff6e6;
transform: none;
box-shadow: 0 6px 16px -8px rgba(20, 16, 13, 0.7);
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp svg:not(#_c_) { width: 15px; height: 15px; }
html body .catalog-item .desc .scandi-specs-row:not(#_d_) {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 7px;
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price):not(#_d_) {
width: 100%;
gap: 3px 14px;
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price) .info-item:not(#_d_) {
flex: 0 0 auto;
width: auto;
max-width: none;
font-size: 12.5px;
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price) .info-item svg:not(#_d_) {
width: 14px;
height: 14px;
}
html body .catalog-item .desc .scandi-card-meta:not(#_d_) {
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: space-between;
gap: 10px;
width: 100%;
margin: 0;
}
html body .catalog-item .desc:not(#_e_) {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
column-gap: 12px;
row-gap: 0;
align-items: start;
}
html body .catalog-item .desc > .title:not(#_e_) {
grid-column: 1;
grid-row: 1;
padding-bottom: 0;
align-self: center;
border-bottom: 0;
text-align: left;
}
html body .catalog-item .desc > .info-price:not(#_e_) {
grid-column: 2;
grid-row: 1;
padding-top: 0;
border-top: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 0;
text-align: right;
}
html body .catalog-item .desc > .info-price .card-arrow:not(#_e_) { display: none; }
html body .catalog-item .desc > .scandi-specs-row:not(#_e_) {
grid-column: 1 / -1;
grid-row: 2;
padding-top: 11px;
margin-top: 11px;
border-top: 1px solid rgba(30, 19, 10, 0.1);
}
html body .catalog-item .desc > .scandi-card-overlay:not(#_e_) {
grid-column: 1 / -1;
grid-row: 3;
padding-top: 12px;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:not(#_f_) {
background: transparent;
background-image: none;
border: 1.5px solid rgba(138, 106, 53, 0.45);
color: #8a6a35;
-webkit-text-fill-color: #8a6a35;
box-shadow: none;
transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:hover:not(#_f_),
html body .catalog-item .desc .scandi-card-overlay__btn--kp:focus-visible:not(#_f_) {
background: #8a6a35;
background-image: none;
border-color: #8a6a35;
color: #f7efe1;
-webkit-text-fill-color: #f7efe1;
box-shadow: none;
transform: none;
}
html body .catalog-item:not(#_g_) {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: minmax(0, 1fr);
}
html body .catalog-item > .image:not(#_g_) { grid-row: 1; grid-column: 1; }
html body .catalog-item > .desc:not(#_g_) { grid-row: 2; grid-column: 1; }
html body .catalog-item > .catalog-item__zoom:not(#_g_) {
grid-row: 1;
grid-column: 1;
position: relative;
top: auto;
left: auto;
align-self: end;
justify-self: end;
margin: 0 14px 14px 0;
opacity: 1;
transform: none;
z-index: 6;
width: 40px;
height: 40px;
background: rgba(24, 17, 12, 0.58);
border: 1px solid rgba(255, 255, 255, 0.26);
color: #fff9ed;
}
html body .catalog-item > .catalog-item__zoom:hover:not(#_g_) {
background: rgba(24, 17, 12, 0.86);
color: #fff;
}
html body .catalog-item .image .catalog-item__chip:not(#_g_) {
position: absolute;
z-index: 3;
top: 14px;
left: 14px;
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 6px 11px;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 999px;
background: rgba(24, 17, 12, 0.62);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #fff9ed;
-webkit-text-fill-color: #fff9ed;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
line-height: 1;
}
html body .catalog-item .image .card-area-badge:not(#_g_) {
box-shadow: 0 6px 16px -8px rgba(20, 16, 13, 0.5);
filter: none;
}
html body .catalog-item .desc .title-code:not(#_g_) {
color: #1b140f;
-webkit-text-fill-color: #1b140f;
background: none;
background-image: none;
}
html body .catalog-item .desc > .title:not(#_g_)::after,
html body .catalog-item .desc > .title:not(#_g_)::before { display: none; }
html body .catalog-item .desc .info-price .catalog-item__perm:not(#_g_) {
display: block;
margin-top: 5px;
color: #8e662d;
-webkit-text-fill-color: #8e662d;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.02em;
white-space: nowrap;
}
html body .catalog-item .desc .scandi-card-meta:not(#_g_) { display: none; }
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price):not(#_g_) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
width: 100%;
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price) .info-item:not(#_g_) {
width: auto;
min-width: 0;
padding: 0 10px;
border-right: 1px solid rgba(27, 20, 15, 0.1);
font-size: 12.5px;
}
html body .catalog-item .desc .scandi-specs-row .info .info-item:first-child:not(#_g_) { padding-left: 0; }
html body .catalog-item .desc .scandi-specs-row .info .info-item:last-child:not(#_g_) { padding-right: 0; border-right: 0; }
html body .catalog-item .desc .scandi-specs-row .info .info-item svg:not(#_g_) {
color: #a4906c;
opacity: 1;
}
html body .catalog-item .desc .scandi-specs-row .info .info-item .info-num:not(#_g_) {
color: #1b140f;
-webkit-text-fill-color: #1b140f;
}
html body .catalog-item .desc .scandi-specs-row .info .info-item .info-unit:not(#_g_) {
color: #7d6f60;
-webkit-text-fill-color: #7d6f60;
}
html body .catalog-item .desc .scandi-card-ipo:not(#_g_) {
color: #6f6154;
-webkit-text-fill-color: #6f6154;
font-weight: 600;
}
html body .catalog-item .desc .scandi-card-ipo small:not(#_g_) {
color: #8e8071;
-webkit-text-fill-color: #8e8071;
}
html body .catalog-item .desc .scandi-card-overlay:not(#_g_) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding-top: 13px;
}
html body .catalog-item .desc .scandi-card-overlay__btn:not(#_g_) {
width: 100%;
height: 42px;
min-height: 42px;
padding: 0 10px;
gap: 7px;
border-radius: 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
box-shadow: none;
white-space: nowrap;
}
html body .catalog-item .desc .scandi-card-overlay__btn:not(#_g_)::after { display: none; }
html body .catalog-item .desc .scandi-card-overlay__btn--open:not(#_g_) {
background: #8a6a35;
background-image: none;
border: 1.5px solid #8a6a35;
color: #f7efe1;
-webkit-text-fill-color: #f7efe1;
}
html body .catalog-item .desc .scandi-card-overlay__btn--open:hover:not(#_g_) {
background: #a67c3a;
border-color: #a67c3a;
color: #fff6e6;
-webkit-text-fill-color: #fff6e6;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:not(#_g_) {
background: transparent;
background-image: none;
border: 1.5px solid rgba(138, 106, 53, 0.45);
color: #8a6a35;
-webkit-text-fill-color: #8a6a35;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:hover:not(#_g_) {
background: rgba(138, 106, 53, 0.1);
border-color: rgba(138, 106, 53, 0.7);
color: #7a5c2c;
-webkit-text-fill-color: #7a5c2c;
}
html body .catalog-item .desc .scandi-card-overlay__btn svg:not(#_g_) { width: 14px; height: 14px; }
@media (max-width: 420px) {
html body .catalog-item .desc .scandi-card-overlay__btn:not(#_g_) { font-size: 10px; letter-spacing: 0.03em; padding: 0 6px; }
}
html body .catalog-item .desc .scandi-specs-row .info:not(.info-price):not(#_h_) {
grid-template-columns: 1.45fr 1fr 0.78fr;
}
html body .catalog-item .desc .scandi-specs-row .info .info-item:not(#_h_) {
white-space: nowrap;
padding: 0 8px;
}
html body .catalog-item .desc .scandi-specs-row .info .info-item .info-val:not(#_h_) {
white-space: nowrap;
display: inline-flex;
align-items: baseline;
gap: 3px;
}
html body .catalog-item .desc .scandi-specs-row .info .info-item-size .info-num:not(#_h_) {
font-size: 12.5px;
letter-spacing: -0.01em;
}
html body .catalog-item .desc > .catalog-item__mortgage:not(#_i_) {
grid-column: 1 / -1;
grid-row: 3;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 40px;
margin-top: 12px;
padding: 9px 12px;
border: 1px solid rgba(164, 122, 58, 0.18);
border-radius: 10px;
background: rgba(255, 255, 255, 0.42);
}
html body .catalog-item .desc .catalog-item__mortgage-lbl:not(#_i_) {
color: #6f6154;
-webkit-text-fill-color: #6f6154;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.01em;
}
html body .catalog-item .desc .catalog-item__mortgage-val:not(#_i_) {
color: #8e662d;
-webkit-text-fill-color: #8e662d;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
html body .catalog-item .desc > .scandi-card-overlay:not(#_i_) { grid-row: 4; }
html body .catalog-item:hover:not(#_i_) {
background: linear-gradient(145deg, #fffdf8 0%, #f4ead8 100%);
border-color: rgba(164, 122, 58, 0.62);
}
html body .catalog-item:hover .desc .title-code:not(#_i_) {
background: none;
background-image: none;
color: #1b140f;
-webkit-text-fill-color: #1b140f;
}
html body .catalog-item:hover .desc .info-item:not(#_i_),
html body .catalog-item:hover .desc .info-item span:not(#_i_),
html body .catalog-item:hover .desc .info-item .b-title:not(#_i_) {
color: #1b140f;
-webkit-text-fill-color: #1b140f;
}
html body .catalog-item:hover .desc .info-item .info-unit:not(#_i_) {
color: #7d6f60;
-webkit-text-fill-color: #7d6f60;
}
html body .catalog-item:hover .desc .title:not(#_i_)::after { display: none; }
html body .catalog-item:hover:not(#_j_),
html body .catalog-item:focus-within:not(#_j_),
html body .catalog-item.is-touched:not(#_j_) {
background-image: linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 50%, rgba(228, 215, 188, 0.82) 100%) !important;
background-color: transparent !important;
border-color: rgba(166, 124, 58, 0.85) !important;
}
html body .catalog-item:hover .desc .info-price .b-title:not(#_j_),
html body .catalog-item:hover .desc .info-price .b-title b:not(#_j_),
html body .catalog-item:hover .desc .info-price .info-item span:not(#_j_),
html body .catalog-item:focus-within .desc .info-price .b-title:not(#_j_),
html body .catalog-item:focus-within .desc .info-price .b-title b:not(#_j_),
html body .catalog-item.is-touched .desc .info-price .b-title:not(#_j_),
html body .catalog-item.is-touched .desc .info-price .b-title b:not(#_j_),
html body .catalog-item.is-touched .desc .info-price .info-item span:not(#_j_) {
background-image: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
}
html body .catalog-item:hover .desc .title-code:not(#_j_),
html body .catalog-item:focus-within .desc .title-code:not(#_j_),
html body .catalog-item.is-touched .desc .title-code:not(#_j_) {
background: none !important;
background-image: none !important;
color: #1b140f !important;
-webkit-text-fill-color: #1b140f !important;
}
html body .catalog-item:hover .desc .scandi-specs-row .info-item:not(#_j_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item .info-num:not(#_j_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item:not(#_j_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item .info-num:not(#_j_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item:not(#_j_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item .info-num:not(#_j_) {
color: #1b140f !important;
-webkit-text-fill-color: #1b140f !important;
}
html body .catalog-item:hover .desc .scandi-specs-row .info-item .info-unit:not(#_j_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item .info-unit:not(#_j_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item .info-unit:not(#_j_) {
color: #7d6f60 !important;
-webkit-text-fill-color: #7d6f60 !important;
}
html body .catalog-item:hover .desc .catalog-item__perm:not(#_j_),
html body .catalog-item.is-touched .desc .catalog-item__perm:not(#_j_) { color: #8e662d !important; -webkit-text-fill-color: #8e662d !important; }
html body .catalog-item:hover .desc .catalog-item__mortgage-lbl:not(#_j_),
html body .catalog-item.is-touched .desc .catalog-item__mortgage-lbl:not(#_j_) { color: #6f6154 !important; -webkit-text-fill-color: #6f6154 !important; }
html body .catalog-item:hover .desc .catalog-item__mortgage-val:not(#_j_),
html body .catalog-item.is-touched .desc .catalog-item__mortgage-val:not(#_j_) { color: #8e662d !important; -webkit-text-fill-color: #8e662d !important; }
html body .catalog-item .desc .scandi-specs-row .info-item:not(#_k_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item:not(#_k_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item:not(#_k_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item:not(#_k_) {
color: #574a39 !important;
-webkit-text-fill-color: #574a39 !important;
font-weight: 500 !important;
text-shadow: none !important;
letter-spacing: normal !important;
}
html body .catalog-item .desc .scandi-specs-row .info-item .info-val:not(#_k_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item .info-val:not(#_k_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item .info-val:not(#_k_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item .info-val:not(#_k_) {
color: #574a39 !important;
-webkit-text-fill-color: #574a39 !important;
font-weight: 500 !important;
text-shadow: none !important;
}
html body .catalog-item .desc .scandi-specs-row .info-item .info-num:not(#_k_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item .info-num:not(#_k_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item .info-num:not(#_k_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item .info-num:not(#_k_) {
color: #1b140f !important;
-webkit-text-fill-color: #1b140f !important;
font-weight: 600 !important;
text-shadow: none !important;
}
html body .catalog-item .desc .scandi-specs-row .info-item .info-unit:not(#_k_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item .info-unit:not(#_k_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item .info-unit:not(#_k_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item .info-unit:not(#_k_) {
color: #7d6f60 !important;
-webkit-text-fill-color: #7d6f60 !important;
font-weight: 500 !important;
text-shadow: none !important;
}
html body .catalog-item .desc .scandi-specs-row .info-item svg:not(#_k_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item svg:not(#_k_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item svg:not(#_k_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item svg:not(#_k_) {
color: #a4906c !important;
-webkit-text-fill-color: #a4906c !important;
transform: none !important;
text-shadow: none !important;
filter: none !important;
}
html body .catalog-item .desc .scandi-specs-row .info-item svg path:not(#_k_),
html body .catalog-item:hover .desc .scandi-specs-row .info-item svg path:not(#_k_),
html body .catalog-item:focus-within .desc .scandi-specs-row .info-item svg path:not(#_k_),
html body .catalog-item.is-touched .desc .scandi-specs-row .info-item svg path:not(#_k_) {
color: #a4906c !important;
-webkit-text-fill-color: #a4906c !important;
text-shadow: none !important;
}
html body .catalog-item .desc .title-code:not(#_k_),
html body .catalog-item:hover .desc .title-code:not(#_k_),
html body .catalog-item:focus-within .desc .title-code:not(#_k_),
html body .catalog-item.is-touched .desc .title-code:not(#_k_) {
color: #1b140f !important;
-webkit-text-fill-color: #1b140f !important;
background: none !important;
background-image: none !important;
letter-spacing: 0.63px !important;
filter: none !important;
text-shadow: none !important;
}
html body .catalog-item .desc .info-price .info-item:not(#_k_),
html body .catalog-item:hover .desc .info-price .info-item:not(#_k_),
html body .catalog-item:focus-within .desc .info-price .info-item:not(#_k_),
html body .catalog-item.is-touched .desc .info-price .info-item:not(#_k_) {
background-image: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%) !important;
}
html body .catalog-item .desc .info-price .b-title:not(#_k_),
html body .catalog-item:hover .desc .info-price .b-title:not(#_k_),
html body .catalog-item:focus-within .desc .info-price .b-title:not(#_k_),
html body .catalog-item.is-touched .desc .info-price .b-title:not(#_k_) {
background-image: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
text-shadow: none !important;
filter: none !important;
}
html body .catalog-item .desc .catalog-item__perm:not(#_k_),
html body .catalog-item:hover .desc .catalog-item__perm:not(#_k_),
html body .catalog-item:focus-within .desc .catalog-item__perm:not(#_k_),
html body .catalog-item.is-touched .desc .catalog-item__perm:not(#_k_) {
color: #8e662d !important;
-webkit-text-fill-color: #8e662d !important;
text-shadow: none !important;
}
html body .catalog-item .desc .catalog-item__mortgage-lbl:not(#_k_),
html body .catalog-item:hover .desc .catalog-item__mortgage-lbl:not(#_k_),
html body .catalog-item:focus-within .desc .catalog-item__mortgage-lbl:not(#_k_),
html body .catalog-item.is-touched .desc .catalog-item__mortgage-lbl:not(#_k_) {
color: #6f6154 !important;
-webkit-text-fill-color: #6f6154 !important;
text-shadow: none !important;
}
html body .catalog-item .desc .catalog-item__mortgage-val:not(#_k_),
html body .catalog-item:hover .desc .catalog-item__mortgage-val:not(#_k_),
html body .catalog-item:focus-within .desc .catalog-item__mortgage-val:not(#_k_),
html body .catalog-item.is-touched .desc .catalog-item__mortgage-val:not(#_k_) {
color: #8e662d !important;
-webkit-text-fill-color: #8e662d !important;
text-shadow: none !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn--open:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn--open:hover:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn--open:focus-visible:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn--open:active:not(#_k_) {
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
background-image: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
border: 1px solid rgba(255, 230, 180, 0.4) !important;
color: #1a1410 !important;
-webkit-text-fill-color: #1a1410 !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn--kp:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn--kp:hover:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn--kp:focus-visible:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn--kp:active:not(#_k_) {
background: transparent !important;
background-image: none !important;
border: 1.5px solid rgba(138, 106, 53, 0.45) !important;
color: #8a6a35 !important;
-webkit-text-fill-color: #8a6a35 !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn:not(#_k_) {
transition: transform 0.18s ease, box-shadow 0.2s ease !important;
transform: translateY(0) !important;
box-shadow: none !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn:hover:not(#_k_),
html body .catalog-item .desc .scandi-card-overlay__btn:focus-visible:not(#_k_) {
transform: translateY(-3px) !important;
box-shadow: 0 9px 18px -8px rgba(20, 16, 13, 0.5) !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn:active:not(#_k_) {
transform: translateY(-1px) !important;
}
html body .catalog-item .desc .info-price .info-item:not(#_l_),
html body .catalog-item:hover .desc .info-price .info-item:not(#_l_),
html body .catalog-item:focus-within .desc .info-price .info-item:not(#_l_),
html body .catalog-item.is-touched .desc .info-price .info-item:not(#_l_) {
text-shadow: none !important;
filter: none !important;
}
html body .catalog-item .desc .info-price .b-title:not(#_l_),
html body .catalog-item:hover .desc .info-price .b-title:not(#_l_),
html body .catalog-item:focus-within .desc .info-price .b-title:not(#_l_),
html body .catalog-item.is-touched .desc .info-price .b-title:not(#_l_) {
text-shadow: none !important;
font-weight: 800 !important;
}
html body .catalog-item .desc .info-price .b-title b:not(#_l_),
html body .catalog-item:hover .desc .info-price .b-title b:not(#_l_),
html body .catalog-item:focus-within .desc .info-price .b-title b:not(#_l_),
html body .catalog-item.is-touched .desc .info-price .b-title b:not(#_l_) {
text-shadow: none !important;
font-weight: 800 !important;
}
html body .catalog-item .desc .info-price:not(#_l_),
html body .catalog-item:hover .desc .info-price:not(#_l_),
html body .catalog-item:focus-within .desc .info-price:not(#_l_),
html body .catalog-item.is-touched .desc .info-price:not(#_l_) {
text-shadow: none !important;
}
html body .catalog-item .image .card-area-badge:not(#_l_),
html body .catalog-item:hover .image .card-area-badge:not(#_l_),
html body .catalog-item:focus-within .image .card-area-badge:not(#_l_),
html body .catalog-item.is-touched .image .card-area-badge:not(#_l_) {
transform: none !important;
}
html body .catalog-item .desc .info-price:not(#_m_)::before { content: none !important; display: none !important; }
html body .catalog-item .desc .scandi-card-perm__from:not(#_m_) { display: none !important; }
html body .catalog-item .desc .scandi-card-overlay__btn:not(#_m_) {
transform: none !important;
will-change: auto !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn:hover:not(#_m_),
html body .catalog-item .desc .scandi-card-overlay__btn:focus-visible:not(#_m_) {
transform: translateY(-3px) !important;
}
@media (hover: none) {
html body .catalog-item:not(#_m_),
html body .catalog-item:hover:not(#_m_),
html body .catalog-item:focus-within:not(#_m_),
html body .catalog-item.is-touched:not(#_m_) {
transform: none !important;
}
html body .catalog-item:hover .image img:not(#_m_),
html body .catalog-item:focus-within .image img:not(#_m_),
html body .catalog-item.is-touched .image img:not(#_m_) {
transform: none !important;
filter: none !important;
}
html body .catalog-item .desc .scandi-card-overlay__btn:hover:not(#_m_),
html body .catalog-item .desc .scandi-card-overlay__btn:active:not(#_m_) {
transform: none !important;
box-shadow: none !important;
}
}
html body .catalog-item .desc .scandi-card-overlay__btn:not(#_n_),
html body .catalog-item .desc .scandi-card-overlay__btn:hover:not(#_n_),
html body .catalog-item .desc .scandi-card-overlay__btn:focus-visible:not(#_n_),
html body .catalog-item .desc .scandi-card-overlay__btn:active:not(#_n_),
html body .catalog-item .desc .scandi-card-overlay__btn .scandi-card-overlay__lbl:not(#_n_),
html body .catalog-item:hover .desc .scandi-card-overlay__btn:not(#_n_),
html body .catalog-item:hover .desc .scandi-card-overlay__btn .scandi-card-overlay__lbl:not(#_n_),
html body .catalog-item.is-touched .desc .scandi-card-overlay__btn:not(#_n_),
html body .catalog-item.is-touched .desc .scandi-card-overlay__btn .scandi-card-overlay__lbl:not(#_n_) {
text-shadow: none !important;
filter: none !important;
}
html body .scandi-drawer .scandi-drawer__panel:not(#_p_) {
padding-bottom: 104px !important;
scroll-padding-bottom: 104px !important;
}
html body .scandi-drawer .scandi-drawer__panel:not(#_q_) {
overflow: hidden !important;
padding-bottom: 0 !important;
scroll-padding-bottom: 0 !important;
}
html body .scandi-drawer .scandi-drawer__inner:not(#_q_) {
flex: 1 1 auto !important;
min-height: 0 !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px !important;
}
html body .scandi-drawer .scandi-drawer__footer:not(#_q_) {
flex: 0 0 auto;
padding: 12px 24px calc(14px + env(safe-area-inset-bottom, 0px));
border-top: 1px solid rgba(212, 173, 110, 0.16);
}
html body .scandi-drawer .scandi-drawer__footer .scandi-drawer__cta:not(#_q_) {
position: static !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
margin: 0 !important;
}
html body .in:has(> .scandi-hdr-call):not(#_x_) { position: relative; }
html body .scandi-hdr-call:not(#_x_):not(#_y_) { display: none; }
@media (max-width: 900px) {
html body .scandi-hdr-call:not(#_x_):not(#_y_) {
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -21px;
z-index: 60;
}
}
html body .scandi-hdr-call__btn:not(#_x_):not(#_y_) {
width: 42px;
height: 42px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1.5px solid rgba(212, 173, 110, .55);
background: rgba(26, 20, 16, .45);
color: #d4ad6e;
cursor: pointer;
transition: background .18s ease, border-color .18s ease, color .18s ease;
-webkit-tap-highlight-color: transparent;
}
html body .scandi-hdr-call__btn:not(#_x_) svg { width: 20px; height: 20px; display: block; }
html body .scandi-hdr-call.is-open .scandi-hdr-call__btn:not(#_x_):not(#_y_) {
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
border-color: rgba(255, 230, 180, .45);
color: #1a1410;
}
html body .scandi-hdr-call__menu:not(#_x_):not(#_y_) {
position: absolute;
top: calc(100% + 10px);
right: 0;
min-width: 236px;
padding: 6px;
background: #1e130a;
border: 1px solid rgba(212, 173, 110, .26);
border-radius: 14px;
box-shadow: 0 18px 44px rgba(20, 12, 4, .30);
}
html body .scandi-hdr-call__menu[hidden]:not(#_x_):not(#_y_) { display: none; }
html body .scandi-hdr-call__item:not(#_x_):not(#_y_) {
display: block;
padding: 9px 12px;
border-radius: 10px;
text-decoration: none;
border: 0;
}
html body .scandi-hdr-call__item + .scandi-hdr-call__item:not(#_x_) { margin-top: 2px; }
html body .scandi-hdr-call__item:active:not(#_x_) { background: rgba(212, 173, 110, .14); }
html body .scandi-hdr-call__city:not(#_x_):not(#_y_) {
display: block;
margin-bottom: 2px;
font-size: 11px;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
}
html body .scandi-hdr-call__num:not(#_x_):not(#_y_) {
display: block;
font-size: 17px;
line-height: 1.25;
font-weight: 700;
white-space: nowrap;
color: #f6ece0;
-webkit-text-fill-color: #f6ece0;
}
html body [data-catalog] .items .catalog-item .scandi-card-meta:not(#_x_):not(#_y_),
html body [data-catalog] .catalog-item .desc .scandi-card-meta:not(#_x_):not(#_y_) {
display: none !important;
}
html body [data-catalog] .catalog-item > .catalog-item__zoom:not(#_x_):not(#_y_),
html body #catalog .catalog-item > .catalog-item__zoom:not(#_x_):not(#_y_) {
position: absolute !important;
top: 12px !important;
right: 12px !important;
left: auto !important;
bottom: auto !important;
margin: 0 !important;
z-index: 6 !important;
}
@media (hover: hover) {
html body [data-catalog] .catalog-item > .catalog-item__zoom:not(#_x_):not(#_y_),
html body #catalog .catalog-item > .catalog-item__zoom:not(#_x_):not(#_y_) {
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
html body [data-catalog] .catalog-item:hover > .catalog-item__zoom:not(#_x_):not(#_y_),
html body [data-catalog] .catalog-item:focus-within > .catalog-item__zoom:not(#_x_):not(#_y_),
html body #catalog .catalog-item:hover > .catalog-item__zoom:not(#_x_):not(#_y_) {
opacity: 1;
pointer-events: auto;
}
html body [data-catalog] .catalog-item:hover .card-area-badge:not(#_x_):not(#_y_),
html body #catalog .catalog-item:hover .card-area-badge:not(#_x_):not(#_y_) {
opacity: 0;
transition: opacity .18s ease;
}
}
.scandi-reviews--native { --rv-gold: #a67c3a; --rv-ink: #1f1612; --rv-mute: #6b6055; }
.scandi-rv__head { max-width: 760px; margin: 0 auto 26px; text-align: center; }
.scandi-rv__eyebrow {
display: inline-block; margin-bottom: 12px;
font: 700 11px/1.2 "Manrope", sans-serif; letter-spacing: .22em;
text-transform: uppercase; color: var(--rv-gold); -webkit-text-fill-color: var(--rv-gold);
}
.scandi-rv__title {
margin: 0 0 18px; font: 700 32px/1.18 "Manrope", sans-serif;
color: var(--rv-ink); -webkit-text-fill-color: var(--rv-ink);
}
.scandi-rv__summary {
display: flex; align-items: center; justify-content: center; gap: 16px;
flex-wrap: wrap; text-align: left;
}
.scandi-rv__avg { display: inline-flex; align-items: center; gap: 10px; }
.scandi-rv__avg-num {
font: 700 40px/1 "Manrope", sans-serif; letter-spacing: -.02em;
color: var(--rv-gold); -webkit-text-fill-color: var(--rv-gold);
}
.scandi-rv__avg-stars { display: inline-flex; gap: 3px; color: #d4ad6e; }
.scandi-rv__avg-stars svg { width: 16px; height: 16px; display: block; }
.scandi-rv__summary-txt {
max-width: 420px; font: 400 14.5px/1.55 "Manrope", sans-serif; color: var(--rv-mute);
}
.scandi-rv__plats {
display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
max-width: 1200px; margin: 0 auto 22px;
}
.scandi-rv__plat {
display: inline-flex; align-items: baseline; gap: 8px;
padding: 10px 18px; border-radius: 999px; cursor: pointer;
border: 1px solid rgba(166, 124, 58, .26); background: transparent;
font-family: "Manrope", sans-serif;
transition: border-color .18s ease, background-color .18s ease;
}
.scandi-rv__plat:hover { border-color: rgba(166, 124, 58, .55); }
.scandi-rv__plat.is-on {
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
border-color: rgba(255, 230, 180, .45);
}
.scandi-rv__plat-name {
font-size: 13px; font-weight: 700; color: #4a4035; -webkit-text-fill-color: #4a4035;
}
.scandi-rv__plat-meta { font-size: 12px; font-weight: 500; color: #8e8578; -webkit-text-fill-color: #8e8578; }
.scandi-rv__plat-meta strong { font-weight: 700; color: var(--rv-gold); -webkit-text-fill-color: var(--rv-gold); }
.scandi-rv__plat.is-on .scandi-rv__plat-name,
.scandi-rv__plat.is-on .scandi-rv__plat-meta,
.scandi-rv__plat.is-on .scandi-rv__plat-meta strong {
color: #1a1410; -webkit-text-fill-color: #1a1410;
}
.scandi-rv__grid {
max-width: 1200px; margin: 0 auto;
column-count: 3; column-gap: 18px;
}
.scandi-rv__card.is-hidden { display: none !important; }
@media (min-width: 992px) {
.scandi-rv__card.is-extra { display: none; }
.scandi-rv__grid:not(.is-open) {
column-count: auto;
display: flex; flex-direction: row; gap: 18px; align-items: stretch;
}
.scandi-rv__grid:not(.is-open) .scandi-rv__card:not(.is-extra) {
flex: 1 1 0; min-width: 0; margin: 0;
display: flex; flex-direction: column;
}
.scandi-rv__grid:not(.is-open) .scandi-rv__card.is-extra { display: none; }
.scandi-rv__grid:not(.is-open) .scandi-rv__text { flex: 1 1 auto; }
.scandi-rv__grid.is-open .scandi-rv__card.is-extra:not(.is-hidden) { display: block; }
}
.scandi-rv__card {
display: block;
break-inside: avoid;
-webkit-column-break-inside: avoid;
margin: 0 0 18px;
padding: 20px 20px 18px;
background: linear-gradient(135deg, #fdf9ef 0%, #fbf6ec 58%, #f8efd9 100%);
border: 1px solid rgba(193, 154, 91, .26);
border-top: 1px solid rgba(212, 173, 110, .5);
border-radius: 14px;
box-shadow: 0 10px 24px rgba(120, 90, 50, .08);
}
.scandi-rv__top { display: flex; align-items: center; gap: 11px; margin-bottom: 10px; }
.scandi-rv__ava {
flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%;
display: grid; place-items: center;
background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
font: 700 13.5px/1 "Manrope", sans-serif; color: #1a1410; -webkit-text-fill-color: #1a1410;
}
.scandi-rv__who { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.scandi-rv__name {
font: 700 14.5px/1.2 "Manrope", sans-serif; color: var(--rv-ink); -webkit-text-fill-color: var(--rv-ink);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.scandi-rv__date { font: 400 11.5px/1.2 "Manrope", sans-serif; color: #9a9184; }
.scandi-rv__chip {
flex: 0 0 auto; align-self: flex-start;
padding: 4px 9px; border: 1px solid rgba(166, 124, 58, .3); border-radius: 999px;
font: 700 9.5px/1 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase;
color: #8a6a35; -webkit-text-fill-color: #8a6a35;
}
.scandi-rv__stars { display: inline-flex; gap: 2px; color: #d4ad6e; margin-bottom: 8px; }
.scandi-rv__stars svg { width: 13px; height: 13px; display: block; }
.scandi-rv__text {
margin: 0; font: 400 14.5px/1.62 "Manrope", sans-serif; color: #4a4035;
max-height: 250px; overflow: hidden;
}
.scandi-rv__card.is-long { cursor: pointer; }
.scandi-rv__card.is-long .scandi-rv__text {
-webkit-mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
}
.scandi-rv__card.is-long::after {
content: "Читать полностью";
display: block; margin-top: 10px;
font: 700 10px/1 "Manrope", sans-serif; letter-spacing: .1em; text-transform: uppercase;
color: var(--rv-gold); -webkit-text-fill-color: var(--rv-gold);
}
.scandi-rv__card.is-open .scandi-rv__text {
max-height: none; -webkit-mask-image: none; mask-image: none;
}
.scandi-rv__card.is-open::after { content: "Свернуть"; }
.scandi-rv__actions { text-align: center; margin-top: 8px; }
.scandi-rv__nav { display: none; }
.scandi-rv__arrow {
width: 44px; height: 44px; padding: 0; border-radius: 50%;
display: grid; place-items: center; cursor: pointer;
background: #1e130a; border: 1px solid rgba(212, 173, 110, .45);
color: #d4ad6e; -webkit-text-fill-color: #d4ad6e;
box-shadow: 0 6px 16px rgba(20, 12, 4, .18);
transition: opacity .18s ease, border-color .18s ease;
-webkit-tap-highlight-color: transparent;
}
.scandi-rv__arrow svg { width: 20px; height: 20px; display: block; }
.scandi-rv__arrow[disabled] {
background: transparent;
border-color: rgba(166, 124, 58, .22);
color: rgba(166, 124, 58, .34);
-webkit-text-fill-color: rgba(166, 124, 58, .34);
box-shadow: none;
cursor: default;
}
.scandi-rv__more {
min-height: 46px; padding: 0 26px; border-radius: 999px;
border: 1.5px solid rgba(166, 124, 58, .45); background: transparent;
font: 700 12px/1 "Manrope", sans-serif; letter-spacing: .1em; text-transform: uppercase;
color: #8a6a35; -webkit-text-fill-color: #8a6a35; cursor: pointer;
transition: border-color .18s ease, color .18s ease;
}
.scandi-rv__more:hover { border-color: var(--rv-gold); color: var(--rv-gold); -webkit-text-fill-color: var(--rv-gold); }
.scandi-rv__sources {
margin: 16px 0 0; font: 400 12.5px/1.5 "Manrope", sans-serif; color: #9a9184;
}
.scandi-rv__sources a {
color: #8a6a35; -webkit-text-fill-color: #8a6a35; text-decoration: none;
border-bottom: 1px solid rgba(166, 124, 58, .35);
}
.scandi-rv__sources a:hover { color: var(--rv-gold); -webkit-text-fill-color: var(--rv-gold); }
@media (max-width: 991px) {
.scandi-rv__grid {
column-count: auto;
display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;
overflow-x: auto; overscroll-behavior-x: contain;
scroll-snap-type: x mandatory; scroll-padding-left: 32px;
gap: 12px; margin: 0 -16px; padding: 4px 16px 14px 32px;
scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.scandi-rv__grid::-webkit-scrollbar { display: none; }
.scandi-rv__grid .scandi-rv__card,
.scandi-rv__grid .scandi-rv__card.is-extra {
display: flex; flex-direction: column;
flex: 0 0 82%; margin: 0; scroll-snap-align: start;
}
.scandi-rv__grid .scandi-rv__text { max-height: 150px; }
.scandi-rv__more { display: none; }
.scandi-rv__nav { display: flex; justify-content: center; gap: 10px; margin: 2px 0 4px; }
}
@media (max-width: 991px) and (min-width: 601px) {
.scandi-rv__grid .scandi-rv__card,
.scandi-rv__grid .scandi-rv__card.is-extra { flex: 0 0 46%; }
}
@media (max-width: 600px) {
.scandi-rv__title { font-size: 26px; }
.scandi-rv__summary { justify-content: flex-start; text-align: left; gap: 12px; }
.scandi-rv__avg-num { font-size: 34px; }
.scandi-rv__head { text-align: left; }
.scandi-rv__plats {
justify-content: flex-start; gap: 8px;
flex-wrap: nowrap; overflow-x: auto;
margin: 0 -16px 20px; padding: 2px 16px 6px;
scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.scandi-rv__plats::-webkit-scrollbar { display: none; }
.scandi-rv__plat { padding: 9px 14px; flex: 0 0 auto; }
.scandi-rv__card { padding: 16px 15px 15px; }
html body .scandi-reviews--native .in:not(#__x__):not(#__y__) { min-height: 0; }
}
html body .scandi-abt-video__el:not(#_x_):not(#_y_),
html body .scandi-video__player:not(#_x_):not(#_y_) {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
background: #14100d;
border-radius: 16px;
object-fit: cover;
}
html body .scandi-video:not(#_x_):not(#_y_) { width: 100%; justify-self: stretch; }
html body .scandi-video__frame:not(#_x_):not(#_y_) { width: 100%; min-width: min(560px, 100%); }
html body .adv-card:not(#_x_):not(#_y_) {
background-color: #faf5ea !important;
background-repeat: no-repeat !important;
background-size: calc(100% - 20px) 150px !important;
background-position: 10px 10px !important;
border: 1px solid rgba(193, 154, 91, .30) !important;
border-top: 1px solid rgba(212, 173, 110, .55) !important;
border-radius: 16px !important;
box-shadow: 0 12px 28px rgba(120, 90, 50, .10) !important;
}
html body .adv-card .adv-card__glare:not(#_x_),
html body .adv-card .adv-card__border-glow:not(#_x_),
html body .adv-card .adv-card__glow:not(#_x_) { display: none !important; }
html body .adv-card .adv-card__inner:not(#_x_):not(#_y_) {
background: transparent !important;
padding: 178px 18px 18px !important;
}
html body .adv-card .adv-card__top:not(#_x_):not(#_y_) {
background: transparent !important;
padding: 0 !important;
min-height: 0 !important;
}
html body .adv-card .adv-card__watermark:not(#_x_):not(#_y_) {
position: static !important;
opacity: 1 !important;
display: flex !important;
align-items: baseline !important;
gap: 6px !important;
margin: 0 0 10px !important;
transform: none !important;
}
html body .adv-card .adv-card__watermark-num:not(#_x_):not(#_y_) {
background: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
color: #a67c3a !important;
-webkit-text-fill-color: #a67c3a !important;
font-size: 44px !important;
line-height: 1 !important;
letter-spacing: -.02em !important;
}
html body .adv-card .adv-card__watermark-unit:not(#_x_):not(#_y_) {
color: #a67c3a !important;
-webkit-text-fill-color: #a67c3a !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: .08em !important;
}
html body .adv-card .adv-card__accent:not(#_x_):not(#_y_) { display: none !important; }
html body .adv-card .adv-card__bottom:not(#_x_):not(#_y_) { padding: 0 !important; background: transparent !important; }
html body .adv-card .adv-card__title:not(#_x_):not(#_y_) {
color: #1f1612 !important;
-webkit-text-fill-color: #1f1612 !important;
font-size: 12.5px !important;
letter-spacing: .04em !important;
margin-bottom: 8px !important;
}
html body .adv-card .adv-card__desc:not(#_x_):not(#_y_) {
color: #6b6055 !important;
-webkit-text-fill-color: #6b6055 !important;
font-size: 12.5px !important;
line-height: 1.55 !important;
}
html body .adv-glass__grid .adv-card::after,
html body .adv-card::after { content: none !important; }
html body .adv-card .adv-card__watermark:not(#_x_):not(#_y_) {
height: 48px !important;
align-items: flex-end !important;
}
html body .adv-card .adv-card__watermark-num:not(#_x_):not(#_y_) { line-height: 0.92 !important; }
html body .adv-card .adv-card__watermark-unit:not(#_x_):not(#_y_) { line-height: 1.5 !important; }
html body .adv-card .adv-card__inner:not(#_x_):not(#_y_) {
justify-content: flex-start !important;
}
html body .about-company .scandi-video__frame:not(#_x_):not(#_y_) {
box-shadow: 0 26px 60px -34px rgba(60, 42, 16, .55) !important;
border: 0 !important;
border-radius: 18px !important;
}
html body .about-company .scandi-video__frame::before { content: none !important; }
html body .about-company .scandi-video::after { content: none !important; }
html body.scandi-canvas .about-company .metaslider,
html body.scandi-canvas .about-company [id^="metaslider_"],
html body.scandi-canvas .about-company [class*="metaslider"] {
display: none !important;
}
html body .block-text .container:not(#_x_):not(#_y_) {
max-width: 1200px !important;
}
html body .scandi-bottom-form:not(#_x_) { display: block; }
html body .scandi-bottom-form > .cbform:not(#_x_) { margin-bottom: 0; }
footer .scandi-flegal {
display: grid;
grid-template-columns: 1.4fr 1fr 1.2fr;
column-gap: 64px;
row-gap: 28px;
align-items: start;
margin-top: 40px;
padding-top: 28px;
border-top: 1px solid rgba(193, 154, 91, 0.12);
}
footer .scandi-flegal .scandi-feye {
margin-bottom: 10px;
}
footer .scandi-flegal__text {
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.75;
color: #a89c8a;
letter-spacing: 0.01em;
}
footer .scandi-flegal__text a {
font-size: 12px;
line-height: 1.75;
color: #d8cfba;
-webkit-text-fill-color: #d8cfba;
text-decoration: none;
border-bottom: 1px solid rgba(193, 154, 91, 0.28);
transition: color 0.2s ease, border-color 0.2s ease;
}
footer .scandi-flegal__text a:hover {
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
border-color: #c19a5b;
}
footer .scandi-flegal__map {
display: inline-block;
margin-top: 10px;
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 12px;
font-weight: 500;
color: #c19a5b;
-webkit-text-fill-color: #c19a5b;
text-decoration: none;
border-bottom: 1px solid rgba(193, 154, 91, 0.4);
padding-bottom: 1px;
transition: color 0.2s ease, border-color 0.2s ease;
}
footer .scandi-flegal__map:hover {
color: #d4ad6e;
-webkit-text-fill-color: #d4ad6e;
border-color: #d4ad6e;
}
footer .scandi-fdisc {
margin-top: 24px;
font-family: var(--font-ui, 'Manrope'), sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 1.65;
color: #8a7f6e;
max-width: 900px;
}
footer .scandi-fdisc a {
font-size: 11px;
color: #8a7f6e;
-webkit-text-fill-color: #8a7f6e;
}
@media (max-width: 991px) {
footer .scandi-flegal {
grid-template-columns: 1fr 1fr;
column-gap: 32px;
row-gap: 24px;
}
}
@media (max-width: 600px) {
footer .scandi-flegal {
grid-template-columns: 1fr;
row-gap: 20px;
margin-top: 24px;
padding-top: 20px;
}
footer .scandi-fdisc {
margin-top: 18px;
font-size: 10px;
line-height: 1.6;
}
}
.scandi-home-hero__title:not(#_):not(#_) {
font-size: clamp(33px, 4.2vw, 54px) !important;
}
body.scandi-home .scandi-cat__title:not(#_),
body.scandi-home .scandi-feat__title:not(#_),
body.scandi-home .scandi-cta2-head__title:not(#_),
body.scandi-home .scandi-reels__title:not(#_),
body.scandi-home .scandi-mortgage__title:not(#_),
body.scandi-home .scandi-about__title:not(#_),
body.scandi-home .scandi-certs__title:not(#_),
body.scandi-home .scandi-works__title:not(#_),
body.scandi-home .scandi-geo__title:not(#_),
body.scandi-home .scandi-tour__title:not(#_),
body.scandi-home .scandi-rv__title:not(#_),
body.scandi-home .scandi-seo__title:not(#_),
body.scandi-home section.build-stages .section-title:not(#_) {
font-size: clamp(29px, 3.4vw, 42px) !important;
}
body.scandi-home .scandi-cat__form-title:not(#_),
body.scandi-home .scandi-cta2__title:not(#_),
body.scandi-home .scandi-video__title:not(#_),
body.scandi-home .scandi-team__title:not(#_) {
font-size: clamp(22px, 2.2vw, 28px) !important;
}
body.scandi-home .scandi-form__title:not(#_) {
font-size: clamp(24px, 2.6vw, 32px) !important;
}
body.scandi-home .scandi-seo__rest h2 { font-size: clamp(24px, 2.4vw, 30px) !important; }
body.scandi-home .scandi-seo__rest h3 { font-size: clamp(21px, 2.0vw, 26px) !important; }
body.scandi-home .scandi-seo__rest h4 { font-size: clamp(17px, 1.6vw, 20px) !important; }
section.build-stages .section-title:not(#_):not(#_),
.build-stages .section-title:not(#_):not(#_) {
font-family: var(--font-display, 'Manrope'), sans-serif !important;
font-weight: 300 !important;
}
.scandi-home-hero__lead:not(#_):not(#_),
.scandi-geo__lead:not(#_):not(#_) {
font-size: clamp(16px, 1.2vw, 17px) !important;
}
@media (max-width: 767px) {
.scandi-works__cta:not(#_),
.scandi-mortgage__bank-cta:not(#_),
.scandi-tour__cta:not(#_),
.scandi-form__cta:not(#_),
.scandi-cat__btn:not(#_),
.scandi-seo__toggle:not(#_),
.scandi-rv__more:not(#_) {
min-height: 48px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.scandi-live-reel__cta:not(#_) {
padding-top: 13.5px !important;
padding-bottom: 13.5px !important;
}
.scandi-mortgage__capture-btn:not(#_) {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.scandi-rv__plat:not(#_) {
min-height: 44px !important;
align-items: center !important;
box-sizing: border-box !important;
}
}
.scandi-mortgage__note:not(#_):not(#_) {
font-size: 13px !important;
color: #6c6356 !important;
-webkit-text-fill-color: #6c6356 !important;
}
.scandi-mortgage__bank-rate-label:not(#_):not(#_) {
font-size: 12px !important;
color: #a09785 !important;
-webkit-text-fill-color: #a09785 !important;
}
html body .scandi-works__dot:not(#_x_):not(#_y_) {
position: relative !important;
}
html body .scandi-works__dot:not(#_x_):not(#_y_)::after {
content: "" !important;
position: absolute !important;
top: -16px !important;
bottom: -16px !important;
left: 0 !important;
right: 0 !important;
}
html body .scandi-works__pdot:not(#_x_):not(#_y_) {
position: relative !important;
}
html body .scandi-works__pdot:not(#_x_):not(#_y_)::after {
content: "" !important;
position: absolute !important;
top: -16px !important;
bottom: -16px !important;
left: -2px !important;
right: -2px !important;
}
html body footer .scandi-fcontact__msg:not(#_x_):not(#_y_) {
position: relative !important;
}
html body footer .scandi-fcontact__msg:not(#_x_):not(#_y_)::after {
content: "" !important;
position: absolute !important;
inset: -3px !important;
}
html body footer .right .top .menu li a:not(#_x_):not(#_y_) {
position: relative !important;
}
html body footer .right .top .menu li a:not(#_x_):not(#_y_)::after {
content: "" !important;
position: absolute !important;
top: -5px !important;
bottom: -5px !important;
left: 0 !important;
right: 0 !important;
}
html body .scandi-rv__sources a:not(#_x_):not(#_y_) {
position: relative !important;
}
html body .scandi-rv__sources a:not(#_x_):not(#_y_)::after {
content: "" !important;
position: absolute !important;
top: -8px !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
}
html body footer .scandi-flegal__text a:not(#_x_):not(#_y_),
html body footer a.privacy-policy:not(#_x_):not(#_y_),
html body .scandi-plan-card__cta:not(#_x_):not(#_y_),
html body .scandi-house-ipo__link:not(#_x_):not(#_y_),
html body .scandi-mortgage__more:not(#_x_):not(#_y_),
html body .scandi-drawer__phone:not(#_x_):not(#_y_) {
position: relative !important;
}
html body footer .scandi-flegal__text a:not(#_x_):not(#_y_)::after,
html body footer a.privacy-policy:not(#_x_):not(#_y_)::after,
html body .scandi-plan-card__cta:not(#_x_):not(#_y_)::after,
html body .scandi-house-ipo__link:not(#_x_):not(#_y_)::after,
html body .scandi-mortgage__more:not(#_x_):not(#_y_)::after,
html body .scandi-drawer__phone:not(#_x_):not(#_y_)::after {
content: "" !important;
position: absolute !important;
top: -6px !important;
bottom: -2px !important;
left: 0 !important;
right: 0 !important;
}
html body section.realty-tour .scandi-tour__lead:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: #5a4d3a !important;
-webkit-text-fill-color: #5a4d3a !important;
}
html body section.realty-tour .scandi-tour__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: #686055 !important;
-webkit-text-fill-color: #686055 !important;
}
html body .scandi-works__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-rv__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-certs__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-video__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-geo__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-about__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-seo__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-seosec__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-portf-works__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-abt-eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-contacts__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-req__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-banks__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-faq__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-mhouses__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-mprog__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-msteps__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-why__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-bprice__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-demo__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-gid-hero__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-notes-hero__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-kproj-hero__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .tag-eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-mx-eyebrow:not(.scandi-mx-eyebrow--dark):not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-team__role:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-quotes__author:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-contacts__connect-label:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-abt-inline:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-abt-step__n:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-abt-press__outlet:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .cash-discount__label:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-portf-index__summary-count:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-form__media-pill:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-mortgage__banks-eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: #785728 !important;
-webkit-text-fill-color: #785728 !important;
}
html body .scandi-mhouses__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .cash-discount__total-heading:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-contacts__fact-label:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-mx-sub:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-office__place:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-demo__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-bprice__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-msteps__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .discount-calc__terms:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-hero-form-card__price-k:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-hero-form-card__price-note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-hero-form-card__spec-k:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-house-ipo__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-portf-index__meta:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-reels__lead:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body #discount-calculator .c-name:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_),
html body #discount-calculator dt:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_) {
color: #746754 !important;
-webkit-text-fill-color: #746754 !important;
}
html body .scandi-rv__date:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-rv__plat:not(.is-on) .scandi-rv__plat-meta:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_),
html body .scandi-certs__counter:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-certs__den:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-quotes__counter:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-team__counter:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-home-hero__price-label:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: #686055 !important;
-webkit-text-fill-color: #686055 !important;
}
html body .scandi-works__included-title:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-works__palette-label:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-fcontact__hours:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-subfooter .scandi-subfooter__copy:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_),
html body .scandi-mortgage__note:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: #8d8271 !important;
-webkit-text-fill-color: #8d8271 !important;
}
html body .scandi-form__privacy:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: rgba(31, 22, 18, .68) !important;
-webkit-text-fill-color: rgba(31, 22, 18, .68) !important;
}
html body .scandi-mx-band__legal:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
color: rgba(246, 241, 231, .55) !important;
-webkit-text-fill-color: rgba(246, 241, 231, .55) !important;
}
html body .scandi-notes-card__tag:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-office__map-pin:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_),
html body .scandi-office__map:hover .scandi-office__map-pin:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_),
html body .scandi-mhouse__badge:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
-webkit-text-fill-color: #14100d !important;
}
html body .scandi-cat__form-sub b:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_):not(#_c8_) {
background: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
color: #785728 !important;
-webkit-text-fill-color: #785728 !important;
}
html body .scandi-cta2__panel--light .scandi-cta2__eyebrow:not(#_c1_):not(#_c2_):not(#_c3_):not(#_c4_):not(#_c5_):not(#_c6_):not(#_c7_) {
color: #785728 !important;
-webkit-text-fill-color: #785728 !important;
}
html body .scandi-certs__card:not(#_p1_):not(#_p2_),
html body .ph-img[role="button"]:not(#_p1_):not(#_p2_),
html body .scandi-plan-card__image:not(#_p1_):not(#_p2_),
html body .scandi-plan-card__cta:not(#_p1_):not(#_p2_) {
cursor: pointer !important;
}
html body li.menu-item-has-children > a[role="button"]:not(#_p1_):not(#_p2_) {
cursor: pointer !important;
}