@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/kd-projects-20260917-r1/assets/inter-0.woff2") format("woff2"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/kd-projects-20260917-r1/assets/inter-1.woff2") format("woff2"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url("/kd-projects-20260917-r1/assets/inter-2.woff2") format("woff2"); }
@font-face { font-family: Literary; font-style: normal; font-weight: 400; font-display: swap; src: url("/kd-projects-20260917-r1/assets/literary-0.woff2") format("woff2"); }
@font-face { font-family: Literary; font-style: normal; font-weight: 500; font-display: swap; src: url("/kd-projects-20260917-r1/assets/literary-1.woff2") format("woff2"); }
:root { --bg: #303030; --paper: #f4f0e7; --muted: #cac7bf; --accent: #d0b48b; --line: #ffffff24; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0px; background: var(--bg); color: var(--paper); font-family: Inter, Arial, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
button, button:hover { border-radius: 0px; }
button:focus-visible, a:focus-visible, .hero:focus-visible { outline: rgb(233, 198, 148) solid 2px; outline-offset: 5px; }
svg { width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 1.4; flex-shrink: 0; }
.sprite { display: none; }
[hidden] { display: none !important; }
.skip-link { position: absolute; left: 12px; top: -90px; z-index: 100; background: var(--paper); color: rgb(34, 34, 34); padding: 15px; }
.skip-link:focus { top: 12px; }
.site-header { height: 100px; padding: 0px 4.5%; display: flex; justify-content: space-between; align-items: center; gap: 24px; background: rgb(39, 40, 39); border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; flex-direction: column; gap: 7px; flex-shrink: 0; }
.brand-name { font-family: Literary, Georgia, serif; font-weight: 500; font-size: 34px; line-height: 1; letter-spacing: -1.8px; }
.brand-name > span { color: var(--accent); }
.brand-name i { font: 10px Arial; letter-spacing: 0px; vertical-align: top; display: inline-block; margin: 2px 0px 0px 6px; }
.brand-caption { font-size: 7px; letter-spacing: 2.2px; color: rgb(199, 198, 189); }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; margin-right: auto; color: rgb(213, 212, 206); font-size: 12px; }
.desktop-nav a { padding: 12px 0px; transition: color 0.2s; }
.desktop-nav a:hover { color: var(--accent); }
.header-contact { display: flex; align-items: center; gap: 27px; }
.phone { font-size: 15px; letter-spacing: 0.2px; white-space: nowrap; line-height: 1.4; }
.phone span { display: block; color: rgb(170, 169, 159); font-size: 9px; letter-spacing: 0px; margin-top: 3px; }
.messengers { display: flex; align-items: center; gap: 9px; }
.messenger { border: 1px solid rgba(255, 255, 255, 0.208); width: 40px; height: 40px; display: grid; place-items: center; background: none; color: var(--paper); transition: background 0.2s, transform 0.2s; border-radius: 50% !important; }
.messenger:hover { background: rgba(255, 255, 255, 0.09); transform: translateY(-2px); }
.messenger svg { width: 18px; height: 18px; }
.max-letter { font-size: 20px; font-weight: 800; border: 2px solid; border-radius: 50% 50% 50% 6px; line-height: 17px; height: 22px; width: 22px; text-align: center; font-family: Arial; letter-spacing: -3px; padding-right: 2px; }
.menu-toggle { display: none; }
.mobile-nav { background: rgb(39, 40, 39); border-bottom: 1px solid var(--line); padding: 10px 24px 24px; }
.mobile-nav a { display: block; padding: 13px 0px; border-bottom: 1px solid var(--line); }
.hero { position: relative; outline-offset: -4px !important; }
.slides { position: relative; height: clamp(550px, -265px + 100svh, 760px); }
.slide { position: relative; height: 100%; overflow: hidden; }
.hero-picture { position: absolute; inset: 0px; display: block; }
.hero-picture img { width: 100%; height: 100%; object-fit: cover; object-position: center 52%; display: block; }
.image-shade { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(16, 22, 20, 0.91) 0%, rgba(16, 22, 20, 0.78) 29%, rgba(16, 22, 20, 0.22) 58%, rgba(16, 22, 20, 0.02) 100%), linear-gradient(0deg, rgba(15, 19, 17, 0.65), transparent 28%); }
.hero-content { position: relative; z-index: 1; padding: 45px 4.5%; width: 65%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.eyebrow { font-size: 9px; letter-spacing: 2.2px; font-weight: 500; color: rgb(224, 209, 186); display: flex; align-items: center; gap: 10px; margin: 0px 0px 22px; }
.eyebrow > span { width: 21px; height: 1px; background: var(--accent); }
h1, .hero h2 { font: 400 clamp(44px, 4.25vw, 74px) / 1.07 Literary, Georgia, serif; letter-spacing: -1.5px; margin: 0px 0px 19px; color: rgb(245, 241, 233); }
.hero-lead { font-size: 16px; line-height: 1.6; letter-spacing: 0.05px; margin: 0px 0px 11px; color: rgb(237, 236, 228); }
.hero-detail { font-size: 11px; color: rgb(212, 210, 201); line-height: 1.65; margin: 0px 0px 26px; }
.mobile-break { display: none; }
.primary { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 52px; padding: 15px 22px; background: rgb(209, 181, 140); color: rgb(35, 41, 35); border: 1px solid rgb(209, 181, 140); font-size: 12px; font-weight: 600; letter-spacing: 0.05px; transition: background 0.18s, transform 0.18s; }
.primary svg { width: 22px; height: 22px; }
.primary:hover { background: rgb(228, 204, 170); border-color: rgb(228, 204, 170); transform: translateY(-2px); }
.image-caption { position: absolute; right: 4.5%; bottom: 27px; z-index: 1; text-align: right; display: flex; flex-direction: column; gap: 9px; color: rgb(238, 233, 223); }
.image-caption > span { font-size: 9px; letter-spacing: 1.8px; }
.image-caption small { font-size: 9px; color: rgb(213, 213, 204); background: rgba(23, 34, 26, 0.72); padding: 5px 7px; align-self: end; }
.slide.is-entering .hero-content { animation: 0.45s ease 0s 1 normal both running reveal; }
.slide.is-entering .hero-picture { animation: 0.6s ease 0s 1 normal both running fade; }
@keyframes reveal { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fade { 
  0% { opacity: 0.6; }
  100% { opacity: 1; }
}
.hero-bottom { height: 81px; background: rgb(36, 40, 36); display: flex; align-items: stretch; justify-content: space-between; padding: 0px 4.5%; border-bottom: 1px solid var(--line); gap: 30px; }
.slide-tabs { display: flex; gap: 36px; }
.slide-tab { display: flex; align-items: center; gap: 13px; position: relative; background: none; border: 0px; color: rgb(170, 175, 166); font-size: 12px; padding: 0px 0px 2px; text-align: left; line-height: 1.4; }
.slide-tab::before { content: ""; height: 2px; position: absolute; top: 0px; width: 100%; background: transparent; }
.slide-tab.selected { color: rgb(243, 237, 225); }
.slide-tab.selected::before { background: rgb(209, 181, 140); }
.tab-number { font-size: 10px; color: rgb(154, 159, 148); }
.selected .tab-number { color: var(--accent); }
.slide-arrows { display: flex; align-items: center; gap: 10px; }
.slide-count { font-size: 11px; display: flex; gap: 13px; color: rgb(141, 147, 136); margin-right: 19px; font-variant-numeric: tabular-nums; }
.slide-count b { color: rgb(228, 220, 205); font-weight: 400; }
.slide-count i { font-style: normal; color: rgb(105, 112, 101); }
.round-arrow { width: 39px; height: 39px; border: 1px solid rgba(255, 255, 255, 0.208); background: none; color: var(--paper); display: grid; place-items: center; border-radius: 50% !important; }
.round-arrow:hover { background: rgba(255, 255, 255, 0.086); border-color: rgb(189, 171, 144); }
.round-arrow svg { width: 20px; }
.round-arrow.prev svg { transform: rotate(180deg); }
.confidence-strip { min-height: 81px; display: flex; align-items: center; gap: 35px; margin: 0px 4.5%; border-bottom: 1px solid var(--line); font-size: 10px; color: rgb(219, 216, 207); }
.confidence-strip > span { display: flex; align-items: center; gap: 10px; }
.confidence-strip i { font: italic 10px Georgia; color: rgb(183, 160, 129); }
.confidence-strip > a { margin-left: auto; display: flex; align-items: center; gap: 15px; color: rgb(203, 196, 182); font-size: 10px; }
.confidence-strip > a > span { font-size: 20px; }
.projects { padding: 56px 4.5% 40px; }
.projects-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.section-label { font-size: 9px; letter-spacing: 2px; color: rgb(199, 181, 153); margin: 0px 0px 14px; }
.projects h2 { font: 400 clamp(28px, 3vw, 45px) / 1.2 Literary, Georgia, serif; letter-spacing: -0.5px; margin: 0px; }
.text-link { display: flex; align-items: center; gap: 30px; font-size: 11px; border-bottom: 1px solid rgb(168, 153, 122); padding-bottom: 10px; white-space: nowrap; }
.text-link svg { width: 20px; }
.project-transition { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-bottom: 1px solid var(--line); padding: 25px 0px 32px; }
.project-transition p { font-size: 12px; line-height: 1.7; color: rgb(203, 200, 191); margin: 0px; }
.project-links { display: flex; gap: 22px; font-size: 10px; color: rgb(221, 203, 174); }
.project-links a:hover { text-decoration: underline; }
.prototype-note { font-size: 9px; line-height: 1.6; color: rgb(181, 179, 170); margin: 18px 0px 0px; }
dialog { background: rgb(48, 50, 46); color: var(--paper); border: 1px solid rgb(104, 100, 81); padding: 48px; max-width: 520px; width: calc(100% - 40px); box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 150px; }
dialog::backdrop { background: rgba(16, 22, 17, 0.8); backdrop-filter: blur(5px); }
.close-dialog { position: absolute; right: 15px; top: 12px; width: 36px; height: 36px; background: none; color: rgb(232, 228, 216); border: 0px; font-size: 29px; }
.close-dialog:hover { background: rgba(255, 255, 255, 0.07); }
dialog h2 { font: 400 36px / 1.1 Literary, Georgia, serif; margin: 20px 0px; }
#chosen-material { font-size: 11px; line-height: 1.7; color: rgb(214, 189, 150); }
.dialog-intro { font-size: 13px; line-height: 1.7; color: rgb(212, 208, 197); margin-bottom: 28px; }
.dialog-phone { display: block; text-align: center; padding: 22px 0px 15px; font-size: 12px; }
.dialog-note { display: block; color: rgb(182, 183, 172); font-size: 9px; line-height: 1.6; text-align: center; }
@media (min-width: 1700px) {
  .hero-content { padding-left: max(4.5%, -800px + 50vw); }
  .site-header { padding-left: max(4.5%, -800px + 50vw); padding-right: max(4.5%, -800px + 50vw); }
}
@media (max-width: 1150px) {
  .desktop-nav { gap: 18px; font-size: 10px; }
  .header-contact { gap: 16px; }
  .phone { font-size: 13px; }
  .brand-name { font-size: 31px; }
  .hero-content { width: 72%; }
  .confidence-strip { gap: 20px; font-size: 9px; }
  .image-caption > span { font-size: 8px; }
  .image-caption { right: 3.5%; }
}
@media (max-width: 900px) {
  .desktop-nav { display: none; }
  .site-header { height: 85px; }
  .menu-toggle { width: 36px; height: 40px; display: flex; flex-direction: column; justify-content: center; gap: 6px; background: none; color: var(--paper); border: 0px; align-items: center; }
  .menu-toggle span { height: 1px; background: currentcolor; width: 22px; }
  .slides { height: 600px; }
  .hero-content { width: 86%; }
  h1, .hero h2 { font-size: 52px; }
  .hero-picture img { object-position: 61% center; }
  .confidence-strip { flex-wrap: wrap; gap: 15px; padding: 23px 0px; min-height: 88px; }
  .confidence-strip > a { display: none; }
  .slide-tabs { gap: 23px; }
  .slide-tab { font-size: 11px; }
  .slide-count { display: none; }
  .hero-bottom { gap: 16px; }
  .projects-heading { align-items: start; }
  .projects h2 { max-width: 430px; }
  .project-links { flex-direction: column; gap: 15px; }
}
@media (max-width: 700px) {
  .site-header { height: 77px; padding: 0px 22px; gap: 8px; }
  .brand-name { font-size: 29px; letter-spacing: -1.5px; }
  .brand-caption { font-size: 5.5px; letter-spacing: 1.4px; }
  .brand { gap: 6px; }
  .header-contact { gap: 10px; }
  .phone { display: none; }
  .messengers { gap: 7px; }
  .messenger { width: 34px; height: 34px; }
  .messenger svg { width: 15px; height: 15px; }
  .max-letter { font-size: 17px; height: 20px; width: 20px; line-height: 15px; }
  .menu-toggle { width: 27px; height: 40px; }
  .menu-toggle span { width: 19px; }
  .slides { height: clamp(585px, -176px + 100svh, 690px); }
  .slide { background: rgb(23, 35, 28); }
  .hero-picture { inset: 0px; }
  .hero-picture img { object-position: 66% center; }
  .image-shade { background: linear-gradient(rgba(17, 27, 21, 0.96) 0%, rgba(17, 27, 21, 0.85) 23%, rgba(17, 27, 21, 0.2) 53%, rgba(17, 27, 21, 0.03) 70%, rgba(17, 27, 21, 0.8) 100%); }
  .hero-content { justify-content: flex-start; width: 100%; padding: 28px 24px 0px; height: auto; }
  .eyebrow { font-size: 7px; letter-spacing: 1.65px; gap: 7px; margin-bottom: 17px; }
  .eyebrow > span { width: 15px; }
  h1, .hero h2 { font-size: clamp(32px, 9vw, 42px); line-height: 1.06; letter-spacing: -0.7px; margin-bottom: 14px; }
  .hero-lead { font-size: 12px; line-height: 1.55; margin-bottom: 0px; }
  .hero-detail { display: none; }
  .hero-content .primary { position: absolute; top: calc(-104px + clamp(585px, -176px + 100svh, 690px)); left: 24px; right: 24px; min-height: 49px; padding: 13px 19px; font-size: 11px; max-width: 400px; }
  .image-caption { left: 24px; right: 24px; bottom: 18px; display: block; text-align: left; }
  .image-caption > span { display: none; }
  .image-caption small { font-size: 8px; background: rgba(21, 34, 28, 0.73); padding: 4px 6px; display: inline-block; }
  .hero-bottom { height: 83px; padding: 0px 24px; gap: 0px; }
  .slide-tabs { gap: 25px; width: 100%; justify-content: space-between; }
  .slide-tab { font-size: 10px; gap: 9px; max-width: 57%; }
  .slide-tab span:last-child { max-width: 130px; }
  .tab-number { font-size: 9px; }
  .slide-arrows { display: none; }
  .confidence-strip { margin: 0px 24px; gap: 12px 25px; padding: 22px 0px; min-height: 94px; font-size: 9px; }
  .confidence-strip > span { gap: 7px; }
  .confidence-strip > span:nth-child(3) { flex-basis: 100%; }
  .confidence-strip i { font-size: 9px; }
  .projects { padding: 37px 24px 30px; }
  .projects-heading { display: block; }
  .section-label { font-size: 8px; letter-spacing: 1.7px; margin-bottom: 13px; }
  .projects h2 { font-size: 30px; line-height: 1.14; }
  .text-link { margin-top: 25px; display: inline-flex; font-size: 11px; gap: 36px; }
  .project-transition { align-items: start; flex-direction: column; padding-top: 22px; gap: 25px; }
  .project-transition p { font-size: 11px; }
  .project-links { flex-direction: row; gap: 26px; font-size: 10px; }
  .prototype-note { font-size: 8px; }
  dialog { padding: 38px 25px 30px; }
  dialog h2 { font-size: 31px; }
  .dialog-intro { font-size: 12px; }
}
@media (max-width: 360px) {
  .site-header { padding: 0px 17px; }
  .brand-name { font-size: 26px; }
  .brand-caption { font-size: 5px; }
  .header-contact { gap: 7px; }
  .messengers { gap: 5px; }
  .messenger { width: 31px; height: 31px; }
  .hero-content { padding: 26px 18px 0px; }
  .hero-content .primary { left: 18px; right: 18px; }
  h1, .hero h2 { font-size: 31px; }
  .hero-bottom { padding: 0px 18px; }
  .slide-tabs { gap: 14px; }
  .slide-tab { font-size: 9px; }
  .image-caption { left: 18px; right: 18px; }
  .eyebrow { font-size: 6.5px; letter-spacing: 1.3px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
:root { --accent: #c63637; --red: #b21e23; }
.site-header { height: 100px; position: absolute; inset: 0px 0px auto; z-index: 5; background: rgba(250, 248, 242, 0.84); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.61); padding: 0px 3.5%; gap: 28px; color: rgb(44, 45, 42); }
.brand { display: flex; flex-shrink: 0; }
.brand img { width: 123px; height: 68px; object-fit: contain; }
.desktop-nav { gap: 23px; font-size: 11px; margin: 0px auto; color: rgb(57, 58, 53); white-space: nowrap; }
.desktop-nav a { position: relative; padding: 39px 0px; }
.desktop-nav a:hover { color: var(--red); }
.desktop-nav a::after { content: ""; position: absolute; bottom: 26px; left: 0px; right: 0px; height: 1px; background: var(--red); transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; }
.desktop-nav a:hover::after { transform: scaleX(1); }
.header-contact { gap: 15px; }
.phone { font-size: 13px; font-weight: 600; }
.phone span { font-size: 8px; color: rgb(101, 99, 92); font-weight: 400; }
.messenger { border-color: rgba(72, 68, 59, 0.22); color: rgb(178, 30, 35); background: rgba(255, 255, 255, 0.157); width: 35px; height: 35px; }
.messenger img { width: 22px; height: 22px; }
.messenger:hover { background: rgba(255, 255, 255, 0.62); }
.telegram { color: rgb(50, 62, 69); }
.slides { height: clamp(620px, -160px + 100svh, 870px); }
.hero-content { padding-top: 150px; padding-bottom: 68px; width: 62%; }
h1, .hero h2 { font-size: clamp(42px, 4.35vw, 73px); line-height: 1.12; }
.eyebrow { margin-bottom: 22px; color: rgb(222, 208, 187); }
.eyebrow > span { background: rgb(200, 69, 67); }
.primary { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); color: rgb(255, 244, 238); }
.primary:hover { background: rgb(198, 41, 47); border-color: rgb(198, 41, 47); }
.hero-lead { font-size: 14px; }
.image-shade { background: linear-gradient(90deg, rgba(28, 31, 29, 0.94) 0%, rgba(28, 31, 29, 0.88) 26%, rgba(28, 31, 29, 0.45) 42%, rgba(28, 31, 29, 0.03) 65%), linear-gradient(0deg, rgba(26, 30, 26, 0.8), transparent 30%); }
.hero-picture img { object-position: center 55%; }
.hero-bottom { background: rgb(41, 42, 40); }
.slide-tab.selected::before { background: rgb(190, 48, 52); }
.selected .tab-number { color: rgb(231, 149, 146); }
.image-caption small { background: rgba(36, 42, 36, 0.75); }
.confidence-strip { font-size: 10px; }
.confidence-strip i { color: rgb(207, 170, 161); }
.section-label { color: rgb(203, 184, 163); }
.text-link { border-color: rgb(191, 88, 85); }
.project-links { color: rgb(222, 210, 192); }
.menu-toggle { color: rgb(51, 51, 51); }
.mobile-nav { position: absolute; top: 100px; left: 0px; right: 0px; z-index: 6; background: rgb(240, 238, 230); color: rgb(51, 51, 51); border-color: rgb(204, 204, 204); }
.mobile-nav a { border-bottom: 1px solid rgba(187, 183, 173, 0.36); }
.mobile-nav a:hover { color: rgb(178, 30, 35); }
#slide-glulam .hero-picture img { filter: brightness(0.75) saturate(0.72); }
@media (max-width: 1300px) {
  .site-header { gap: 20px; padding: 0px 3%; }
  .desktop-nav { gap: 15px; font-size: 10px; }
  .brand img { width: 108px; }
  .phone { font-size: 12px; }
  .header-contact { gap: 10px; }
  .messengers { gap: 5px; }
}
@media (max-width: 1100px) {
  .desktop-nav { display: none; }
  .menu-toggle { width: 36px; height: 40px; display: flex; flex-direction: column; justify-content: center; gap: 6px; background: none; border: 0px; align-items: center; }
  .menu-toggle span { height: 1px; background: currentcolor; width: 22px; }
  .site-header { height: 88px; padding: 0px 4.5%; }
  .mobile-nav { top: 88px; }
  .brand img { width: 118px; height: 64px; }
  .header-contact { gap: 18px; }
  .phone { font-size: 14px; }
  .hero-content { width: 80%; }
  .hero-picture img { object-position: 57% center; }
}
@media (max-width: 700px) {
  .site-header { height: 81px; padding: 0px 20px; gap: 15px; background: rgba(246, 243, 235, 0.855); }
  .brand img { width: 104px; height: 61px; }
  .header-contact { gap: 12px; }
  .messengers { gap: 9px; }
  .messenger { width: 35px; height: 35px; }
  .menu-toggle { width: 27px; }
  .menu-toggle span { width: 21px; }
  .mobile-nav { top: 81px; }
  .slides { height: clamp(660px, -83px + 100svh, 810px); }
  .hero-content { padding: 115px 24px 0px; width: 100%; justify-content: start; height: auto; }
  .eyebrow { font-size: 7px; letter-spacing: 1.45px; margin-bottom: 16px; }
  h1, .hero h2 { font-size: clamp(33px, 10vw, 42px); line-height: 1.12; margin-bottom: 16px; letter-spacing: -0.7px; }
  .hero-lead { font-size: 11px; line-height: 1.65; }
  .hero-detail { display: block; font-size: 9px; margin-top: 12px; line-height: 1.5; }
  .mobile-break { display: none; }
  .hero-content .primary { top: calc(-103px + clamp(660px, -83px + 100svh, 810px)); min-height: 49px; }
  .hero-picture { top: 230px; bottom: 28px; }
  .hero-picture img { object-fit: cover; object-position: 62% center; }
  .image-shade { background: linear-gradient(rgba(41, 47, 43, 0.84) 0px, rgb(41, 47, 43) 12%, rgb(41, 47, 43) 27%, rgba(41, 47, 43, 0.82) 38%, rgba(41, 47, 43, 0.06) 57%, rgba(41, 47, 43, 0.05) 72%, rgba(41, 47, 43, 0.75) 91%, rgb(41, 47, 43) 100%); }
  .slide { background: rgb(41, 47, 43); }
  .image-caption { bottom: 17px; }
  .image-caption small { font-size: 8px; }
  .hero-bottom { padding: 0px 24px; }
  .slide-tabs { gap: 25px; }
  .slide-tab { font-size: 10px; }
  .slide-tab span:last-child { max-width: 140px; }
  .confidence-strip { font-size: 9px; }
  .slide-count { display: none; }
}
@media (max-width: 360px) {
  .site-header { padding: 0px 16px; }
  .hero-content { padding-left: 18px; padding-right: 18px; }
  .hero-content .primary { left: 18px; right: 18px; }
  .brand img { width: 98px; }
  .header-contact { gap: 8px; }
  .messengers { gap: 6px; }
  h1, .hero h2 { font-size: 33px; }
  .hero-bottom { padding: 0px 18px; }
  .slide-tab { font-size: 9px; }
}
.mobile-phone { display: none; }
@media (max-width: 700px) {
  .mobile-phone { display: grid; }
  .site-header .header-contact { gap: 9px; }
  .site-header .messengers { gap: 7px; }
}
h1 { font-size: clamp(43px, 3.75vw, 64px); }
@media (max-width: 700px) {
  h1 { font-size: clamp(29px, 8.4vw, 35px); line-height: 1.1; }
  .hero-content { padding-top: 111px; }
  .hero-detail { margin-top: 9px; }
  #slide-log .hero-picture { top: 240px; }
  #slide-log .hero-picture img { object-position: 50% center; }
}
#slide-glulam .hero-picture img { filter: none; }
@media (min-width: 701px) {
  #slide-log .hero-picture { left: 19%; }
  #slide-log .hero-picture img { object-position: center 53%; }
  #slide-log .image-shade { background: linear-gradient(90deg, rgb(41, 46, 43) 0%, rgb(41, 46, 43) 18%, rgba(41, 46, 43, 0.95) 28%, rgba(41, 46, 43, 0.62) 42%, rgba(41, 46, 43, 0.02) 67%), linear-gradient(0deg, rgba(41, 46, 43, 0.6), transparent 30%); }
}
@media (max-width: 700px) {
  #slide-log .hero-picture { top: 290px; bottom: 106px; }
  #slide-log .hero-picture img { object-fit: cover; object-position: 50% center; }
  #slide-log .image-shade { background: linear-gradient(rgba(41, 47, 43, 0.84) 0px, rgb(41, 47, 43) 13%, rgb(41, 47, 43) 32%, rgba(41, 47, 43, 0.792) 40%, rgba(41, 47, 43, 0.03) 56%, rgba(41, 47, 43, 0.03) 68%, rgba(41, 47, 43, 0.75) 88%, rgb(41, 47, 43) 100%); }
}
@media (min-width: 1301px) {
  .desktop-nav { font-size: 12px; gap: 23px; }
}
@media (min-width: 1101px) and (max-width: 1300px) {
  .desktop-nav { font-size: 11px; gap: 15px; }
}
@media (max-width: 700px) {
  #slide-log .hero-picture { mask-image: linear-gradient(transparent, rgb(0, 0, 0) 18%, rgb(0, 0, 0) 82%, transparent); }
}
.combined h1 { font-size: clamp(43px, 4.4vw, 72px); }
.combined .slide-tabs { width: 100%; justify-content: space-between; }
.combined .slide-tab { color: rgb(231, 221, 208); cursor: default; opacity: 1; }
.combined .hero-picture { left: 0px !important; }
.combined .hero-picture img { object-position: center center !important; }
.combined .image-shade { background: linear-gradient(90deg, rgba(40, 45, 43, 0.87) 0%, rgba(40, 45, 43, 0.8) 23%, rgba(40, 45, 43, 0.44) 40%, rgba(40, 45, 43, 0) 65%), linear-gradient(0deg, rgba(40, 45, 43, 0.5), transparent 25%) !important; }
@media (max-width: 700px) {
  .combined h1 { font-size: 40px; }
  .combined .hero-picture { top: 280px !important; bottom: 104px !important; }
  .combined .image-shade { background: linear-gradient(rgba(48, 54, 48, 0.867) 0%, rgb(48, 54, 48) 11%, rgb(48, 54, 48) 29%, rgba(48, 54, 48, 0.84) 38%, rgba(48, 54, 48, 0) 53%, rgba(48, 54, 48, 0) 72%, rgba(48, 54, 48, 0.86) 88%, rgb(48, 54, 48) 100%) !important; }
  .combined .slide { background: rgb(48, 54, 48); }
  .combined .hero-picture img { object-position: 52% center !important; }
}
@media (min-width: 701px) {
  .combined .hero-picture { top: 32px; }
  .combined .hero-picture img { object-position: center top !important; }
}
.technology-card { position: absolute; right: 4.5%; bottom: 31px; z-index: 2; display: grid; grid-template-columns: 1fr 142px; width: 400px; min-height: 170px; padding: 9px; text-align: left; border: 1px solid rgba(237, 229, 214, 0.34); background: rgba(38, 42, 37, 0.91); backdrop-filter: blur(10px); color: var(--paper); box-shadow: rgba(0, 0, 0, 0.133) 0px 8px 40px; transition: border-color 0.2s, transform 0.2s; border-radius: 7px !important; }
.technology-card:hover { border-color: rgb(233, 225, 209); transform: translateY(-3px); }
.technology-card-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 12px 15px 9px 10px; }
.technology-card-kicker { font-size: 7px; letter-spacing: 1.5px; color: rgb(198, 185, 164); margin-bottom: 12px; }
.technology-card strong { font-size: 16px; line-height: 1.35; font-weight: 500; max-width: 214px; }
.technology-card-action { display: flex; gap: 12px; align-items: center; font-size: 11px; margin-top: 17px; color: rgb(241, 232, 217); }
.technology-card-action svg { width: 19px; height: 19px; }
.technology-card img { width: 100%; height: 100%; min-height: 151px; object-fit: cover; object-position: center center; border-radius: 4px; }
.card-layout .image-caption { left: 4.5%; right: auto; bottom: 24px; text-align: left; }
.card-layout .image-caption > span { display: none; }
.card-layout .image-caption small { align-self: start; }
.card-layout .slides { height: clamp(640px, -81px + 100svh, 880px); }
.card-layout .hero-content { padding-bottom: 125px; }
.card-layout .hero-picture { left: 0px; }
.card-layout .hero-picture img { object-position: center 45%; }
.card-layout .technology-card:focus-visible { outline-color: rgb(255, 255, 255); }
@media (max-width: 900px) and (min-width: 701px) {
  .technology-card { width: 340px; grid-template-columns: 1fr 115px; min-height: 150px; }
  .technology-card strong { font-size: 14px; }
  .technology-card img { min-height: 137px; }
  .technology-card-kicker { font-size: 6px; }
}
@media (max-width: 700px) {
  .card-layout .slides { height: 725px; }
  .card-layout .hero-content { padding-top: 112px; padding-bottom: 0px; }
  .card-layout .hero-content .primary { top: 626px; }
  .card-layout .hero-picture { top: 265px; bottom: 87px; }
  .card-layout #slide-log .hero-picture { top: 285px; bottom: 88px; }
  .card-layout .image-caption { left: 24px; bottom: 20px; }
  .card-layout .technology-card { position: relative; right: auto; bottom: auto; margin: 0px 24px 25px; width: calc(100% - 48px); min-height: 143px; grid-template-columns: 1fr 118px; background: rgb(41, 45, 40); border-color: rgba(123, 119, 107, 0.4); box-shadow: none; }
  .technology-card-copy { padding: 10px 10px 6px; }
  .technology-card-kicker { font-size: 6px; letter-spacing: 1.2px; margin-bottom: 9px; }
  .technology-card strong { font-size: 13px; }
  .technology-card img { min-height: 123px; }
  .technology-card-action { font-size: 10px; margin-top: 13px; }
  .card-layout { background: rgb(41, 47, 43); }
  .card-layout .image-shade { background: linear-gradient(rgba(41, 47, 43, 0.84) 0%, rgb(41, 47, 43) 14%, rgb(41, 47, 43) 26%, rgba(41, 47, 43, 0.8) 39%, rgba(41, 47, 43, 0) 55%, rgba(41, 47, 43, 0.04) 70%, rgba(41, 47, 43, 0.86) 88%, rgb(41, 47, 43) 100%) !important; }
}
@media (max-width: 360px) {
  .card-layout .technology-card { margin: 0px 18px 22px; width: calc(100% - 36px); grid-template-columns: 1fr 105px; }
  .technology-card strong { font-size: 12px; }
  .technology-card-copy { padding-left: 8px; }
}
.material-choice { position: absolute; left: 4.5%; top: 145px; z-index: 3; display: grid; grid-template-columns: 1.3fr 1fr; gap: 8px; width: min(560px, 70%); }
.material-option { min-height: 54px; padding: 12px 18px; border: 1px solid rgba(243, 238, 230, 0.36); background: rgba(34, 40, 36, 0.79); color: rgb(238, 234, 225); font-size: 15px; line-height: 1.35; transition: background 0.2s, border-color 0.2s; }
.material-option:hover { background: rgb(59, 64, 57); border-color: rgba(243, 238, 230, 0.7); }
.material-option[aria-pressed="true"] { border-color: rgb(236, 230, 220); background: rgb(241, 236, 226); color: rgb(48, 47, 43); box-shadow: rgb(178, 30, 35) 0px -3px inset; font-weight: 600; }
.card-layout .slides { height: clamp(720px, -190px + 100svh, 900px); }
.card-layout .hero-content { padding-top: 228px; padding-bottom: 114px; justify-content: center; }
.card-layout .eyebrow { display: none; }
.card-layout .hero-lead { font-size: 16px; }
.card-layout .hero-detail { font-size: 13px; }
.card-layout .hero-content .primary { font-size: 14px; min-height: 54px; }
.card-layout .technology-card { width: 540px; grid-template-columns: 1fr 54%; min-height: 202px; bottom: 28px; background: rgba(37, 42, 38, 0.93); border-color: rgba(225, 218, 204, 0.396); border-radius: 3px !important; }
.card-layout .technology-card-copy { padding: 12px 14px 9px 12px; }
.card-layout .technology-card-kicker { font-size: 11px; letter-spacing: 1.1px; color: rgb(214, 203, 188); margin-bottom: 12px; }
.card-layout .technology-card strong { font-size: 19px; font-weight: 500; line-height: 1.3; overflow-wrap: normal; max-width: none; }
.card-layout .technology-card-action { font-size: 13px; margin-top: 18px; gap: 10px; }
.card-layout .technology-card img { min-height: 0px; height: auto; aspect-ratio: 16 / 10; align-self: center; object-fit: cover; border-radius: 1px; }
.card-layout .image-caption small { font-size: 11px; }
@media (min-width: 701px) {
  .card-layout .slides { height: clamp(720px, 54vw, 900px); background: rgb(41, 50, 45); }
  .card-layout .hero-picture { inset: 0px; background: rgb(41, 50, 45); }
  .card-layout .hero-picture img { object-fit: contain; object-position: center bottom; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 7%, rgb(0, 0, 0) 93%, transparent); }
}
.benefits-band { background: rgb(238, 234, 226); color: rgb(48, 47, 42); border-top: 3px solid rgb(178, 30, 35); border-bottom: 1px solid rgba(255, 255, 255, 0.333); padding: 35px 4.5% 39px; }
.benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); max-width: 1680px; margin: 0px auto; }
.benefit { display: block; padding: 0px 27px; border-left: 1px solid rgba(57, 55, 46, 0.16); }
.benefit:first-child { padding-left: 0px; border-left: 0px; }
.benefit:last-child { padding-right: 0px; }
.benefit-label { font-size: 11px; letter-spacing: 1.7px; font-weight: 600; color: rgb(161, 28, 34); display: block; margin-bottom: 13px; }
.benefit h2 { font: 500 clamp(20px, 1.75vw, 29px) / 1.23 Literary, Georgia, serif; letter-spacing: -0.25px; margin: 0px 0px 12px; }
.benefit h2 span { color: rgb(161, 28, 34); }
.benefit p { font-size: 14px; line-height: 1.65; color: rgb(85, 83, 76); margin: 0px; }
.benefit:hover h2 { color: rgb(161, 28, 34); }
.benefit:focus-visible { outline-color: rgb(161, 28, 34); outline-offset: 9px; }
@media (min-width: 1700px) {
  .material-choice { left: max(4.5%, -800px + 50vw); }
}
@media (max-width: 1100px) {
  .material-choice { top: 124px; width: 560px; max-width: 75%; }
  .card-layout .hero-content { padding-top: 205px; padding-bottom: 146px; }
  .card-layout .technology-card { width: 405px; grid-template-columns: 1.3fr 154px; }
  .card-layout .technology-card strong { font-size: 17px; }
  .benefit { padding: 0px 18px; }
  .benefit p { font-size: 13px; }
}
@media (max-width: 900px) {
  .benefits-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 27px 0px; }
  .benefit { padding: 0px 24px; }
  .benefit:nth-child(2n+1) { padding-left: 0px; border-left: 0px; }
  .benefit:nth-child(2n) { padding-right: 0px; }
  .benefit h2 { font-size: 26px; }
  .benefit p { font-size: 14px; }
  .card-layout .technology-card { width: 370px; grid-template-columns: 1.3fr 140px; }
  .card-layout .hero-content { padding-bottom: 170px; }
}
@media (max-width: 700px) {
  .material-choice { top: 101px; left: 24px; width: calc(100% - 48px); max-width: none; gap: 7px; grid-template-columns: 1.3fr 1fr; }
  .material-option { font-size: 14px; min-height: 55px; padding: 9px 8px; }
  .card-layout .slides { height: 720px; }
  .card-layout .hero-content { padding: 180px 24px 0px; height: auto; justify-content: flex-start; }
  .card-layout h1, .card-layout h2 { margin-bottom: 14px; }
  .card-layout .hero-lead { font-size: 14px; line-height: 1.6; }
  .card-layout .hero-detail { display: none; }
  .card-layout .hero-picture, .card-layout #slide-log .hero-picture { top: 340px; bottom: 115px; left: 0px; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 87%, transparent); }
  .card-layout .hero-picture img, .card-layout #slide-log .hero-picture img { object-fit: contain; object-position: center center; }
  .card-layout .image-shade { background: linear-gradient(rgb(41, 47, 43) 0%, rgb(41, 47, 43) 40%, rgba(41, 47, 43, 0) 52%, rgba(41, 47, 43, 0) 76%, rgb(41, 47, 43) 88%) !important; }
  .card-layout .hero-content .primary { top: 621px; font-size: 13px; min-height: 54px; left: 24px; right: 24px; }
  .card-layout .image-caption { left: 24px; bottom: 18px; }
  .card-layout .image-caption small { font-size: 10px; }
  .card-layout .technology-card { position: relative; bottom: auto; right: auto; grid-template-columns: 1fr 48%; width: calc(100% - 48px); min-height: 158px; margin: 0px 24px 26px; padding: 8px; background: rgb(36, 42, 37); border-color: rgba(225, 218, 204, 0.396); }
  .card-layout .technology-card-copy { padding: 9px 9px 6px; }
  .card-layout .technology-card-kicker { font-size: 10px; letter-spacing: 0.75px; margin-bottom: 10px; }
  .card-layout .technology-card strong { font-size: 16px; line-height: 1.35; }
  .card-layout .technology-card-action { font-size: 12px; margin-top: 14px; }
  .card-layout .technology-card img { min-height: 0px; aspect-ratio: 4 / 3; }
  .benefits-band { padding: 29px 24px 32px; }
  .benefits-grid { gap: 25px 0px; }
  .benefit { padding: 0px 15px; }
  .benefit-label { font-size: 9px; letter-spacing: 1px; margin-bottom: 11px; }
  .benefit h2 { font-size: 23px; line-height: 1.2; margin-bottom: 10px; }
  .benefit p { font-size: 12px; line-height: 1.65; }
  .benefit p br { display: none; }
}
@media (max-width: 360px) {
  .material-choice { left: 18px; width: calc(100% - 36px); grid-template-columns: 1.4fr 1fr; gap: 6px; }
  .material-option { font-size: 13px; padding: 9px 6px; }
  .card-layout .hero-content { padding-left: 18px; padding-right: 18px; }
  .card-layout .hero-lead { font-size: 13px; }
  .card-layout .hero-content .primary { left: 18px; right: 18px; font-size: 12px; }
  .card-layout .technology-card { margin: 0px 18px 24px; width: calc(100% - 36px); grid-template-columns: 1fr 46%; }
  .card-layout .technology-card strong { font-size: 14px; }
  .card-layout .technology-card-kicker { font-size: 9px; }
  .card-layout .technology-card-action { font-size: 11px; }
  .benefits-band { padding-left: 18px; padding-right: 18px; }
  .benefit { padding: 0px 12px; }
  .benefit h2 { font-size: 21px; }
  .benefit p { font-size: 12px; }
}
:root { --bg: #3b3b3b; --paper: #f5f1e9; --muted: #d6d2ca; --accent: #b21e23; --red: #b21e23; }
.site-header { background: rgba(245, 242, 236, 0.9); color: rgb(52, 52, 52); }
.desktop-nav { color: rgb(56, 55, 53); }
.hero-bottom { background: rgb(53, 53, 53); }
.slide, .card-layout { background: rgb(54, 54, 54); }
.card-layout .material-option { background: rgba(52, 52, 52, 0.91); border-color: rgba(234, 228, 218, 0.4); color: rgb(242, 238, 230); }
.card-layout .material-option:hover { background: rgb(71, 71, 71); }
.card-layout .material-option[aria-pressed="true"] { background: rgb(237, 233, 227); color: rgb(51, 51, 51); border-color: rgb(237, 233, 227); box-shadow: rgb(178, 30, 35) 0px -3px inset; }
.card-layout .technology-card { background: rgba(52, 52, 52, 0.93); border-color: rgba(229, 222, 211, 0.42); }
.card-layout .technology-card-kicker { color: rgb(222, 216, 206); }
.card-layout .technology-card-action { color: rgb(245, 239, 229); }
.primary:hover { background: rgb(148, 27, 35); border-color: rgb(148, 27, 35); }
.benefits-band { background: rgb(237, 233, 227); color: rgb(52, 51, 48); }
.benefit-label, .benefit h2 span, .benefit:hover h2 { color: rgb(178, 30, 35); }
.benefit p { color: rgb(85, 83, 79); }
.projects .section-label { color: rgb(222, 212, 199); }
.project-transition p, .project-links { color: rgb(222, 218, 210); }
.prototype-note { color: rgb(197, 193, 184); }
.image-caption small { background: rgba(54, 54, 54, 0.79); }
dialog { background: rgb(57, 57, 57); border-color: rgb(130, 120, 112); }
.mobile-nav { background: rgb(237, 233, 227); color: rgb(52, 52, 52); }
@media (min-width: 701px) {
  .card-layout .slides, .card-layout .hero-picture { background: rgb(54, 54, 54); }
  .card-layout .image-shade, .card-layout #slide-log .image-shade { background: linear-gradient(90deg, rgb(54, 54, 54) 0%, rgba(54, 54, 54, 0.98) 17%, rgba(54, 54, 54, 0.82) 28%, rgba(54, 54, 54, 0.52) 43%, rgba(54, 54, 54, 0.02) 65%), linear-gradient(0deg, rgba(54, 54, 54, 0.55), transparent 26%); }
}
@media (max-width: 700px) {
  .card-layout .technology-card { background: rgb(52, 52, 52); }
  .card-layout .image-shade, .card-layout #slide-log .image-shade { background: linear-gradient(rgb(54, 54, 54) 0%, rgb(54, 54, 54) 40%, rgba(54, 54, 54, 0) 52%, rgba(54, 54, 54, 0) 76%, rgb(54, 54, 54) 88%) !important; }
}
:root { --house-zoom: 1.4; --header-height: 126px; }
.site-header { height: var(--header-height); padding: 0px 3%; gap: 20px; background: rgba(245, 242, 236, 0.64); backdrop-filter: blur(2px); border-bottom: 1px solid rgba(255, 255, 255, 0.333); color: rgb(41, 40, 39); }
.site-header .brand img { width: 172px; height: 96px; }
.desktop-nav { display: flex; gap: 18px; font-size: 16px; line-height: 1.35; color: rgb(40, 39, 37); }
.desktop-nav a { padding: 48px 0px; }
.desktop-nav a::after { bottom: 30px; }
.site-header .phone { font-size: 15px; }
.site-header .phone span { font-size: 10px; color: rgb(73, 71, 67); }
.site-header .header-contact { gap: 14px; }
.site-header .messenger { background: rgba(245, 242, 236, 0.2); border-color: rgba(64, 59, 52, 0.24); width: 38px; height: 38px; }
.site-header .messenger img { width: 24px; height: 24px; }
.site-header .messenger svg { width: 19px; height: 19px; }
.mobile-nav { top: var(--header-height); }
.mobile-nav a { font-size: 18px; }
.material-choice { top: 158px; }
.card-layout .hero-content { padding-top: 242px; }
.card-layout .technology-card { width: 652px; grid-template-columns: minmax(0px, 1fr) 392px; min-height: 264px; }
.card-layout .technology-card-copy { min-width: 0px; }
.card-layout .technology-card strong { hyphens: manual; }
.card-layout .technology-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
@media (min-width: 701px) {
  .card-layout .hero-picture, .card-layout #slide-log .hero-picture { inset: 0px; background: none; overflow: hidden; }
  .card-layout .hero-picture img { mask-image: none; object-fit: cover; object-position: center bottom; }
  .card-layout #slide-log .hero-picture img { object-fit: contain; transform: translateY(calc(-1 * clamp(64px,6vw,100px))) scale(var(--house-zoom)); transform-origin: 50% 70%; }
  .card-layout .image-shade, .card-layout #slide-log .image-shade { top: var(--header-height); }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .site-header { gap: 16px; padding: 0px 2.6%; }
  .site-header .brand img { width: 160px; height: 88px; }
  .desktop-nav { font-size: 15px; gap: 12px; }
  .site-header .header-contact { gap: 10px; }
  .site-header .phone { font-size: 14px; }
  .site-header .messengers { gap: 6px; }
}
@media (max-width: 1199px) {
  :root { --header-height: 112px; }
  .site-header .brand img { width: 158px; height: 86px; }
  .desktop-nav { display: none; }
  .menu-toggle { width: 36px; height: 42px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; background: none; border: 0px; color: rgb(41, 40, 39); }
  .menu-toggle span { height: 1px; width: 24px; background: currentcolor; }
  .material-choice { top: 139px; }
  .card-layout .hero-content { padding-top: 221px; }
  .card-layout .technology-card { width: 467px; grid-template-columns: minmax(0px, 1fr) 216px; min-height: 206px; }
}
@media (max-width: 900px) {
  .card-layout .technology-card { width: 426px; grid-template-columns: minmax(0px, 1fr) 196px; }
}
@media (max-width: 700px) {
  :root { --header-height: 102px; }
  .site-header { padding: 0px 20px; gap: 12px; background: rgba(245, 242, 236, 0.64); }
  .site-header .brand img { width: 136px; height: 77px; }
  .site-header .header-contact { gap: 8px; }
  .site-header .messenger { width: 35px; height: 35px; }
  .site-header .messengers { gap: 6px; }
  .site-header .menu-toggle { width: 25px; }
  .site-header .menu-toggle span { width: 21px; }
  .material-choice { top: 124px; }
  .card-layout .slides { height: 778px; }
  .card-layout .hero-content { padding-top: 202px; }
  .card-layout .slide::before { content: ""; position: absolute; inset: 0px 0px auto; height: 380px; background-image: linear-gradient(transparent 0%, rgba(54, 54, 54, 0.333) 65%, rgb(54, 54, 54) 100%), url("/kd-home-v25-20260911//kd-projects-20260917-r1/assets/responsive-v1/log-framed-480.webp"); background-size: 100% 100%, auto 300%; background-position: center center, center top; background-repeat: no-repeat; }
  .card-layout .hero-picture, .card-layout #slide-log .hero-picture { top: 373px; bottom: 117px; overflow: hidden; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 90%, transparent); }
  .card-layout .hero-picture img, .card-layout #slide-log .hero-picture img { transform: scale(var(--house-zoom)); transform-origin: center center; mask-image: none; }
  .card-layout #slide-log .hero-picture img { transform: translateY(-22px) scale(var(--house-zoom)); }
  .card-layout .image-shade, .card-layout #slide-log .image-shade { top: 102px; background: linear-gradient(rgba(54, 54, 54, 0.72) 0%, rgb(54, 54, 54) 13%, rgb(54, 54, 54) 33%, rgba(54, 54, 54, 0) 51%, rgba(54, 54, 54, 0) 77%, rgb(54, 54, 54) 91%) !important; }
  .card-layout .hero-content .primary { top: 679px; }
  .card-layout .technology-card { width: calc(100% - 48px); grid-template-columns: minmax(0px, 1fr) 67.2%; min-height: 180px; }
  .card-layout .technology-card-copy { padding: 9px 7px 6px; }
  .card-layout .technology-card strong { font-size: 15px; }
  .card-layout .technology-card-kicker { font-size: 9px; line-height: 1.45; letter-spacing: 0.3px; }
  .card-layout .technology-card-action { font-size: 11px; gap: 5px; line-height: 1.45; }
  .card-layout .technology-card-action svg { width: 16px; height: 16px; }
  .card-layout .technology-card img { aspect-ratio: 4 / 3; }
}
@media (max-width: 360px) {
  .site-header { padding: 0px 15px; gap: 8px; }
  .site-header .brand img { width: 116px; height: 72px; }
  .site-header .header-contact { gap: 6px; }
  .site-header .messengers { gap: 5px; }
  .card-layout .technology-card { width: calc(100% - 36px); grid-template-columns: minmax(0px, 1fr) 64.4%; }
  .card-layout .technology-card strong { font-size: 14px; }
  .card-layout .technology-card-copy { padding-left: 6px; padding-right: 6px; }
}
:root { --header-height: 190px; }
.site-header { display: grid; grid-template: "brand note contacts" 116px "nav nav nav" 64px / 200px minmax(0px, 1fr) auto; gap: 0px 44px; align-items: center; padding: 0px 4.5% 10px; background: linear-gradient(rgba(17, 27, 35, 0.66) 0%, rgba(17, 27, 35, 0.42) 70%, rgba(17, 27, 35, 0) 100%); border: 0px; backdrop-filter: none; color: rgb(255, 255, 255); }
.site-header .brand { grid-area: brand; width: 200px; height: 116px; display: flex; align-items: center; justify-content: center; background: rgb(178, 30, 35); align-self: start; }
.site-header .brand img { width: 174px; height: 94px; }
.header-brand-note { grid-area: note; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; letter-spacing: 1.4px; line-height: 1.6; text-transform: uppercase; margin: 0px; max-width: 300px; }
.header-brand-note span { display: block; }
.site-header .header-contact { grid-area: contacts; gap: 23px; }
.site-header .phone { font-size: 19px; font-weight: 500; color: rgb(255, 255, 255); }
.site-header .phone span { font-size: 11px; font-weight: 400; letter-spacing: 0.1px; color: rgb(228, 230, 226); }
.site-header .messenger { color: rgb(255, 255, 255); background: rgba(24, 32, 39, 0.15); border-color: rgba(255, 255, 255, 0.533); width: 40px; height: 40px; }
.site-header .messenger:hover { background: rgba(255, 255, 255, 0.15); }
.site-header .max { background: rgba(255, 255, 255, 0.92); }
.site-header .messengers { gap: 11px; }
.site-header .desktop-nav { grid-area: nav; display: flex; width: 100%; justify-content: space-between; gap: 18px; margin: 0px; font-size: 16px; color: rgb(255, 255, 255); }
.site-header .desktop-nav a { padding: 18px 0px; white-space: nowrap; text-shadow: rgba(0, 0, 0, 0.533) 0px 1px 6px; }
.site-header .desktop-nav a:hover { color: rgb(255, 255, 255); }
.site-header .desktop-nav a::after { bottom: 9px; background: rgb(255, 255, 255); }
.site-header .menu-toggle { display: none; color: rgb(255, 255, 255); }
.single-view .hero-content { padding-top: 230px; }
.single-view .technology-card-copy { justify-content: center; gap: 0px; }
.single-view .technology-card strong { font-size: 23px; line-height: 1.3; }
.single-view .technology-card-action { margin-top: 22px; }
.single-view .hero-lead { margin-bottom: 25px; }
@media (min-width: 1700px) {
  .site-header { padding-left: max(4.5%, -840px + 50vw); padding-right: max(4.5%, -840px + 50vw); }
}
@media (min-width: 901px) and (max-width: 1199px) {
  :root { --header-height: 174px; }
  .site-header { grid-template-columns: 168px minmax(0px, 1fr) auto; grid-template-rows: 106px 58px; column-gap: 25px; }
  .site-header .brand { width: 168px; height: 106px; }
  .site-header .brand img { width: 150px; height: 84px; }
  .header-brand-note { font-size: 11px; letter-spacing: 1px; }
  .site-header .phone { font-size: 16px; }
  .site-header .header-contact { gap: 14px; }
  .site-header .desktop-nav { font-size: 14px; gap: 12px; }
  .single-view .hero-content { padding-top: 210px; }
  .single-view .technology-card strong { font-size: 20px; }
}
@media (max-width: 900px) {
  :root { --header-height: 112px; }
  .site-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0px 4.5%; height: 112px; }
  .site-header .brand { width: 164px; height: 104px; }
  .site-header .brand img { width: 145px; height: 82px; }
  .header-brand-note { display: none; }
  .site-header .desktop-nav { display: none; }
  .site-header .menu-toggle { display: flex; }
  .single-view .hero-content { padding-top: 155px; }
  .single-view .technology-card strong { font-size: 19px; }
}
@media (max-width: 700px) {
  :root { --header-height: 108px; }
  .site-header { height: 108px; padding: 0px 20px; gap: 12px; }
  .site-header .brand { width: 136px; height: 96px; }
  .site-header .brand img { width: 120px; height: 78px; }
  .site-header .header-contact { gap: 8px; }
  .site-header .messenger { width: 35px; height: 35px; }
  .site-header .messengers { gap: 6px; }
  .single-view .slides { height: 710px; }
  .single-view .hero-content { padding-top: 139px; }
  .single-view .hero-picture, .single-view #slide-log .hero-picture { top: 305px; bottom: 117px; }
  .single-view .hero-content .primary { top: 611px; }
  .single-view .hero-lead { margin-bottom: 0px; }
  .single-view .image-shade, .single-view #slide-log .image-shade { top: 108px; background: linear-gradient(rgba(54, 54, 54, 0.8) 0%, rgb(54, 54, 54) 15%, rgb(54, 54, 54) 27%, rgba(54, 54, 54, 0) 46%, rgba(54, 54, 54, 0) 75%, rgb(54, 54, 54) 89%) !important; }
  .single-view .technology-card strong { font-size: 15px; line-height: 1.35; }
  .single-view .technology-card-action { margin-top: 15px; }
}
@media (max-width: 360px) {
  .site-header { padding: 0px 15px; gap: 8px; }
  .site-header .brand { width: 114px; height: 90px; }
  .site-header .brand img { width: 102px; height: 70px; }
  .site-header .header-contact { gap: 6px; }
  .site-header .messengers { gap: 5px; }
  .single-view .technology-card strong { font-size: 14px; }
}
@media (min-width: 901px) {
  :root { --header-height: 150px; }
  .site-header { height: 150px; grid-template: "brand note contacts" 48px "brand nav nav" 68px / 200px minmax(0px, 1fr) auto; gap: 0px 36px; padding-bottom: 34px; background: linear-gradient(rgba(17, 24, 32, 0.74) 0%, rgba(17, 24, 32, 0.65) 76%, rgba(17, 24, 32, 0) 100%); }
  .site-header .brand { align-self: start; }
  .header-brand-note { max-width: none; white-space: nowrap; font-size: 15px; line-height: 1.4; letter-spacing: 0.15px; text-transform: none; }
  .header-brand-note span { display: inline; }
  .site-header .header-contact { align-self: center; gap: 18px; }
  .site-header .phone { font-size: 18px; }
  .site-header .desktop-nav { align-self: end; gap: 16px; font-size: 16px; }
  .site-header .desktop-nav a { padding: 10px 0px 0px; line-height: 22px; }
  .site-header .desktop-nav a::after { bottom: 3px; }
  .single-view #slide-log .hero-picture { background-image: url("/kd-home-v25-20260911//kd-projects-20260917-r1/assets/responsive-v1/log-framed-1586.webp"); background-size: cover; background-position: center bottom; }
  .single-view #slide-log .hero-picture img { transform: translateY(calc(-1 * clamp(64px,6vw,100px) - 38px)) scale(var(--house-zoom)); }
}
@media (min-width: 901px) and (max-width: 1199px) {
  :root { --header-height: 140px; }
  .site-header { height: 140px; grid-template-columns: 168px minmax(0px, 1fr) auto; grid-template-rows: 46px 60px; column-gap: 25px; padding-bottom: 34px; }
  .header-brand-note { font-size: 12px; letter-spacing: 0px; }
  .site-header .header-contact { gap: 12px; }
  .site-header .phone { font-size: 15px; }
  .site-header .phone span { font-size: 10px; }
  .site-header .desktop-nav { font-size: 14px; gap: 10px; }
}
.single-view .technology-card-copy { justify-content: flex-start; padding: 24px 14px 22px 12px; }
.single-view .technology-card strong { margin-bottom: 20px; }
.single-view .technology-card-action { margin-top: auto; min-height: 48px; width: 100%; padding: 12px 14px; justify-content: space-between; gap: 12px; background: rgb(255, 255, 255); color: rgb(178, 30, 35); border: 1px solid rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 1.4; transition: background 0.2s, color 0.2s; }
.single-view .technology-card:hover .technology-card-action { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); color: rgb(255, 255, 255); }
@media (min-width: 701px) and (max-width: 900px) {
  .single-view #slide-log .hero-picture { background-image: url("/kd-home-v25-20260911//kd-projects-20260917-r1/assets/responsive-v1/log-framed-1586.webp"); background-size: cover; background-position: center bottom; }
  .single-view #slide-log .hero-picture img { transform: translateY(calc(-1 * clamp(64px,6vw,100px) - 38px)) scale(var(--house-zoom)); }
  .single-view .technology-card-copy { padding: 18px 11px 16px 10px; }
  .single-view .technology-card-action { font-size: 13px; padding: 11px 12px; gap: 7px; }
}
@media (max-width: 700px) {
  .site-header { background: linear-gradient(rgba(17, 24, 32, 0.74) 0%, rgba(17, 24, 32, 0.6) 75%, rgba(17, 24, 32, 0) 100%); }
  .single-view #slide-log .hero-picture img { transform: translateY(-38px) scale(var(--house-zoom)); }
  .single-view .technology-card-copy { padding: 8px 6px; }
  .single-view .technology-card strong { margin-bottom: 14px; }
  .single-view .technology-card-action { min-height: 48px; padding: 8px; font-size: 11px; gap: 4px; }
  .single-view .technology-card-action svg { width: 12px; height: 12px; }
}
@media (max-width: 700px) {
  .hero.single-view { padding: 132px 16px 24px; background: rgb(54, 54, 54); }
  .hero.single-view::before { content: ""; position: absolute; inset: 0px 0px auto; height: 240px; background: linear-gradient(rgba(17, 24, 32, 0.4), rgb(54, 54, 54)), url("/kd-home-v25-20260911//kd-projects-20260917-r1/assets/responsive-v1/log-framed-480.webp") center top / cover no-repeat; pointer-events: none; }
  .single-view .slides { display: grid; grid-template-columns: minmax(0px, 1fr); grid-auto-rows: 1fr; gap: 20px; height: auto; background: none; }
  .single-view .slide { display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-rows: 112px 52px auto 78px; height: auto; background: rgb(56, 56, 56); border: 1px solid rgba(255, 255, 255, 0.16); overflow: hidden; padding: 0px; }
  .single-view .slide::before, .single-view .image-shade, .single-view #slide-log .image-shade { display: none; }
  .single-view .hero-content { display: contents; }
  .single-view h1, .single-view h2 { grid-area: 1 / 1; align-self: center; width: auto; margin: 0px; padding: 14px 18px 4px; font-size: 28px; line-height: 1.08; letter-spacing: -0.5px; }
  .single-view .hero-lead { grid-area: 2 / 1; margin: 0px; padding: 0px 18px; font-size: 13px; line-height: 1.5; }
  .single-view .hero-detail { display: none; }
  .single-view .hero-picture, .single-view #slide-log .hero-picture { position: relative; inset: auto; grid-area: 3 / 1; width: 100%; height: auto; aspect-ratio: 16 / 10; background: none; overflow: hidden; mask-image: none; }
  .single-view .hero-picture img, .single-view #slide-log .hero-picture img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: none; mask-image: none; }
  .single-view .hero-content .primary { position: static; inset: auto; grid-area: 4 / 1; align-self: center; width: calc(100% - 36px); max-width: none; min-height: 50px; margin: 0px 18px; padding: 13px 17px; font-size: 14px; background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(178, 30, 35); }
  .single-view .hero-content .primary:hover { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); color: rgb(255, 255, 255); transform: none; }
  .single-view .image-caption { left: 10px; right: auto; bottom: 88px; text-align: left; }
  .single-view .image-caption small { font-size: 9px; background: rgba(37, 37, 37, 0.9); padding: 4px 6px; }
  .single-view .technology-card { display: none; }
}
.benefit { display: flex; flex-direction: column; align-items: flex-start; }
.benefit p { margin-bottom: 18px; }
.benefit-action { display: flex; align-items: center; gap: 10px; margin-top: auto; color: rgb(178, 30, 35); font-size: 12px; font-weight: 600; line-height: 1.5; }
.benefit-action svg { width: 18px; height: 18px; }
.benefit:hover .benefit-action { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) {
  .benefit-action { font-size: 11px; gap: 6px; }
  .benefit-action svg { width: 15px; height: 15px; }
}
.site-header { background: linear-gradient(rgba(17, 24, 32, 0.82) 0%, rgba(17, 24, 32, 0.72) 76%, rgba(17, 24, 32, 0) 100%); }
@media (min-width: 1200px) {
  .header-brand-note { font-size: 20px; line-height: 1.25; }
  .site-header .phone { font-size: 24px; line-height: 1.2; }
  .single-view .technology-card strong { font-size: 25px; line-height: 1.2; }
}
@media (min-width: 901px) and (max-width: 1199px) {
  .header-brand-note { font-size: clamp(14px, 1.5vw, 18px); line-height: 1.25; }
  .site-header .phone { font-size: 18px; line-height: 1.2; }
  .single-view .technology-card strong { font-size: 22px; line-height: 1.2; }
  .single-view .technology-card-copy { padding-top: 18px; padding-bottom: 16px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .site-header .phone { font-size: 22px; line-height: 1.2; }
  .single-view .technology-card strong { font-size: 21px; line-height: 1.2; }
}
@media (min-width: 701px) {
  .site-header .phone { position: relative; top: calc(16.6457px); }
  .header-brand-note { position: relative; top: calc(8.64567px); }
  .single-view .technology-card-action { position: relative; top: -12px; }
  .single-view .image-shade, .single-view #slide-log .image-shade { mask-image: linear-gradient(transparent, rgb(0, 0, 0) clamp(72px, 8vw, 130px)); }
}
@media (max-width: 700px) {
  .single-view #slide-glulam h2 { font-size: 29px; }
}
@media (min-width: 701px) {
  :root { --page-gutter: max(4.5vw,calc((100vw - 1680px)/2)); }
  .site-header, .benefits-band, .projects { padding-left: var(--page-gutter); padding-right: var(--page-gutter); }
  .single-view .hero-content { padding-left: var(--page-gutter); }
  .single-view .technology-card { right: var(--page-gutter); }
  .single-view .image-caption { left: var(--page-gutter); }
}
@media (max-width: 700px) {
  .site-header, .benefits-band, .projects { padding-left: 16px; padding-right: 16px; }
}
.benefits-band { padding-top: 16px; padding-bottom: 20px; }
@media (max-width: 700px) {
  .benefits-band { padding-top: 10px; padding-bottom: 13px; }
}
html { scroll-padding-top: 96px; }
.site-header { position: fixed; inset: 0px 0px auto; z-index: 20; transition: background-color 0.18s, box-shadow 0.18s; }
.site-header .brand-emblem { display: none; stroke: none; flex-shrink: 0; }
.site-header.is-compact { display: flex; align-items: center; justify-content: space-between; height: 72px; min-height: 72px; gap: clamp(14px, 1.5vw, 26px); padding-top: 0px; padding-bottom: 0px; background: rgb(41, 41, 41); border-bottom: 1px solid rgba(255, 255, 255, 0.125); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; }
.site-header.is-compact .header-brand-note, .site-header.is-compact .brand-full, .site-header.is-compact .phone span { display: none; }
.site-header.is-compact .brand { width: 64px; height: 48px; min-width: 64px; align-self: center; background: rgb(178, 30, 35); }
.site-header.is-compact .brand-emblem { display: block; width: 44px; height: 36px; }
.site-header.is-compact .desktop-nav { display: flex; align-items: center; align-self: center; flex: 1 1 0%; min-width: 0px; width: auto; gap: clamp(10px, 1vw, 18px); font-size: 16px; line-height: 1.25; margin: 0px; }
.site-header.is-compact .desktop-nav a { padding: 12px 0px; line-height: 1.25; text-shadow: none; }
.site-header.is-compact .desktop-nav a::after { bottom: 6px; }
.site-header.is-compact .header-contact { align-self: center; flex-shrink: 0; gap: 16px; }
.site-header.is-compact .phone { display: block; position: static; font-size: 18px; line-height: 1.2; letter-spacing: 0px; white-space: nowrap; }
.site-header.is-compact .mobile-phone { display: none; }
.site-header.is-compact .messengers { gap: 8px; }
.site-header.is-compact .messenger { width: 36px; height: 36px; }
.site-header.is-compact .messenger img { width: 22px; height: 22px; }
.site-header.is-compact .messenger svg { width: 18px; height: 18px; }
.site-header.is-compact .menu-toggle { display: none; }
.mobile-nav { position: fixed; top: 150px; left: 0px; right: 0px; z-index: 19; max-height: calc(100dvh - 150px); overflow-y: auto; overscroll-behavior: contain; background: rgb(41, 41, 41); color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.19); padding: 8px var(--page-gutter,16px) 20px; }
.mobile-nav a { border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.mobile-nav a:hover { color: rgb(243, 182, 183); }
.site-header.is-compact + .mobile-nav { top: 72px; max-height: calc(100dvh - 72px); }
@media (min-width: 901px) and (max-width: 1199px) {
  .mobile-nav { top: 140px; max-height: calc(100dvh - 140px); }
}
@media (max-width: 1199px) {
  .site-header.is-compact .desktop-nav { display: none; }
  .site-header.is-compact .menu-toggle { display: flex; width: 36px; height: 40px; }
}
@media (max-width: 900px) {
  .mobile-nav { top: 112px; max-height: calc(100dvh - 112px); }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 84px; }
  .mobile-nav { top: 108px; max-height: calc(100dvh - 108px); }
  .site-header.is-compact { height: 64px; min-height: 64px; gap: 10px; padding-left: 16px; padding-right: 16px; }
  .site-header.is-compact .brand { width: 48px; min-width: 48px; height: 42px; }
  .site-header.is-compact .brand-emblem { width: 36px; height: 30px; }
  .site-header.is-compact .header-contact { gap: 8px; }
  .site-header.is-compact .phone { font-size: 13px; }
  .site-header.is-compact .messengers { gap: 6px; }
  .site-header.is-compact .messenger { width: 32px; height: 32px; }
  .site-header.is-compact .messenger img { width: 20px; height: 20px; }
  .site-header.is-compact .messenger svg { width: 16px; height: 16px; }
  .site-header.is-compact .menu-toggle { width: 28px; height: 36px; }
  .site-header.is-compact .menu-toggle span { width: 21px; }
  .site-header.is-compact + .mobile-nav { top: 64px; max-height: calc(100dvh - 64px); }
}
@media (max-width: 360px) {
  .site-header.is-compact { gap: 8px; }
  .site-header.is-compact .brand { width: 42px; min-width: 42px; height: 40px; }
  .site-header.is-compact .brand-emblem { width: 32px; height: 28px; }
  .site-header.is-compact .phone { font-size: 12px; }
  .site-header.is-compact .header-contact { gap: 6px; }
  .site-header.is-compact .messengers { gap: 5px; }
  .site-header.is-compact .messenger { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header { transition: none; }
}
@media (max-width: 700px) {
  .hero.single-view .image-caption { display: none; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .site-header.is-compact { padding-left: 24px; padding-right: 24px; gap: 12px; }
  .site-header.is-compact .desktop-nav { gap: 8px; }
  .site-header.is-compact .header-contact { gap: 12px; }
}
.nav-group { position: relative; min-width: 0px; }
.nav-parent { font: inherit; color: inherit; cursor: pointer; background: transparent; border: 0px; text-align: left; }
.site-header .desktop-nav .nav-parent { display: block; position: relative; padding: 18px 0px; line-height: 1.35; white-space: nowrap; text-shadow: rgba(0, 0, 0, 0.533) 0px 1px 6px; }
.site-header .desktop-nav .nav-parent::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 9px; height: 1px; background: currentcolor; transform: scaleX(0); transform-origin: left center; transition: transform 0.18s; }
.site-header .desktop-nav .nav-parent:hover::after, .site-header .desktop-nav .nav-parent[aria-expanded="true"]::after { transform: scaleX(1); }
.site-header .desktop-nav .nav-chevron { display: none; }
.site-header .desktop-nav .nav-submenu { position: absolute; left: 0px; top: 100%; z-index: 2; width: max-content; min-width: 270px; max-width: min(510px, -32px + 100vw); margin: 0px; padding: 0px; background: rgb(48, 48, 48); border: 1px solid rgb(140, 137, 131); box-shadow: rgba(0, 0, 0, 0.267) 0px 12px 24px; text-align: left; }
.site-header .desktop-nav .nav-group .nav-submenu a { display: block; position: relative; width: auto; margin: 0px; padding: 15px 18px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.22); border-image: none; color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: 1.2px; text-transform: uppercase; white-space: normal; text-shadow: none; }
.site-header .desktop-nav .nav-group .nav-submenu a:last-child { border-bottom: 0px; }
.site-header .desktop-nav .nav-group .nav-submenu a::after { content: none; }
.site-header .desktop-nav .nav-group .nav-submenu a:hover, .site-header .desktop-nav .nav-group .nav-submenu a:focus-visible { background: rgb(69, 67, 65); color: rgb(255, 255, 255); outline-offset: -4px; }
.site-header .desktop-nav .nav-group .nav-submenu a:first-child { font-size: 12px; letter-spacing: 0.5px; color: rgb(215, 205, 193); }
.site-header.is-compact .desktop-nav .nav-parent { padding: 12px 0px; line-height: 1.25; text-shadow: none; }
.site-header.is-compact .desktop-nav .nav-parent::after { bottom: 6px; }
.mobile-nav .nav-group { border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.mobile-nav .nav-parent { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 48px; padding: 13px 0px; font-size: 16px; line-height: 1.4; }
.mobile-nav .nav-chevron { display: block; width: 16px; height: 16px; transition: transform 0.18s; fill: none; stroke: currentcolor; stroke-width: 1.5; }
.mobile-nav .nav-parent[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); }
.mobile-nav .nav-submenu { position: static; width: 100%; padding: 0px 0px 8px 14px; border-left: 2px solid rgb(178, 30, 35); margin: 0px 0px 12px; box-sizing: border-box; }
.mobile-nav .nav-submenu a { padding: 12px 8px 12px 0px; font-size: 14px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.mobile-nav .nav-submenu a:last-child { border-bottom: 0px; }
.mobile-nav .nav-submenu a:first-child { color: rgb(215, 205, 193); }
@media (min-width: 1200px) {
  .site-header:not(.is-compact) .desktop-nav .nav-parent { padding: 10px 0px 0px; line-height: 22px; }
  .site-header:not(.is-compact) .desktop-nav .nav-parent::after { bottom: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-chevron, .site-header .desktop-nav .nav-parent::after { transition: none; }
}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.project-showcase { background: rgb(48, 48, 48); padding-top: 54px; padding-bottom: 64px; }
.project-intro { max-width: 930px; }
.project-showcase .project-intro h2 { font-size: clamp(32px, 3.3vw, 48px); line-height: 1.15; }
.project-intro p { font-size: 16px; line-height: 1.75; color: rgb(216, 213, 206); margin: 20px 0px 0px; max-width: 850px; }
.project-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 30px 0px 24px; }
.project-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.project-filters button { padding: 12px 17px; min-height: 44px; border: 1px solid rgba(255, 255, 255, 0.208); background: transparent; color: rgb(232, 228, 221); font-size: 13px; }
.project-filters button:hover { border-color: rgba(255, 255, 255, 0.61); }
.project-filters button[aria-pressed="true"] { background: rgb(238, 234, 227); border-color: rgb(238, 234, 227); color: rgb(146, 32, 38); box-shadow: rgb(178, 30, 35) 0px -2px inset; }
#favorite-count { margin-left: 5px; font-variant-numeric: tabular-nums; }
.project-total { font-size: 12px; color: rgb(204, 198, 188); white-space: nowrap; }
.project-carousel { position: relative; min-width: 0px; }
.project-viewport { overflow: auto hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; scroll-behavior: smooth; }
.project-viewport::-webkit-scrollbar { display: none; }
.project-viewport:focus-visible { outline: rgb(233, 198, 148) solid 2px; outline-offset: 6px; }
.project-track { display: flex; gap: 24px; align-items: stretch; }
.project-card { flex: 0 0 calc(33.3333% - 16px); min-width: 0px; background: rgb(57, 57, 57); border: 1px solid rgba(255, 255, 255, 0.16); scroll-snap-align: start; scroll-snap-stop: always; display: flex; flex-direction: column; }
.project-photo { position: relative; aspect-ratio: 5 / 3; overflow: hidden; background: rgb(38, 43, 37); }
.project-photo > a { display: block; width: 100%; height: 100%; }
.project-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.project-photo > a:hover img { transform: scale(1.025); }
.project-favorite, .project-favorite:hover { position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; display: grid; place-items: center; background: rgba(249, 247, 241, 0.96); color: rgb(134, 35, 43); border: 0px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.133) 0px 2px 15px; }
.project-favorite svg { width: 21px; height: 21px; stroke-width: 1.7; }
.project-favorite[aria-pressed="true"] svg { fill: rgb(178, 30, 35); stroke: rgb(178, 30, 35); }
.project-card-body { padding: 21px 21px 15px; display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; }
.project-material { font-size: 11px; letter-spacing: 0.6px; text-transform: uppercase; color: rgb(213, 202, 190); margin: 0px 0px 9px; line-height: 1.5; }
.project-card h3 { font: 400 clamp(25px, 2.1vw, 32px) / 1.2 Literary, Georgia, serif; margin: 0px 0px 22px; color: rgb(250, 244, 234); }
.project-specs { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; margin: 0px 0px 23px; }
.project-specs dt { font-size: 11px; color: rgb(201, 197, 189); line-height: 1.6; }
.project-specs dd { margin: 4px 0px 0px; font-size: 17px; white-space: nowrap; }
.project-price { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-top: auto; padding-bottom: 21px; }
.project-price span { font-size: 11px; color: rgb(201, 197, 189); line-height: 1.5; max-width: 85px; }
.project-price strong { font-size: clamp(19px, 1.5vw, 24px); font-weight: 500; line-height: 1.2; white-space: nowrap; }
.project-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid rgba(255, 255, 255, 0.145); padding-top: 10px; }
.compare-choice { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 12px; cursor: pointer; }
.compare-choice input { width: 18px; height: 18px; margin: 0px; accent-color: rgb(178, 30, 35); cursor: pointer; }
.compare-choice input:focus-visible { outline: rgb(233, 198, 148) solid 2px; outline-offset: 4px; }
.project-detail-link { display: inline-flex; align-items: center; justify-content: end; gap: 9px; font-size: 12px; min-height: 44px; font-weight: 500; }
.project-detail-link svg { width: 19px; height: 19px; }
.project-detail-link:hover { color: rgb(245, 185, 182); }
.project-arrow { position: absolute; top: calc((100vw - var(--page-gutter,4.5vw)*2 - 48px)/3 * .3 - 24px); width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.35); background: rgb(238, 234, 227); color: rgb(145, 33, 41); box-shadow: rgba(0, 0, 0, 0.133) 0px 2px 15px; z-index: 2; }
.project-prev { left: -20px; }
.project-next { right: -20px; }
.project-prev svg { transform: rotate(180deg); }
.project-arrow:hover { background: rgb(255, 255, 255); }
.project-arrow:disabled { opacity: 0.32; cursor: default; }
.project-slider-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 56px; margin-top: 10px; }
.project-range { font-size: 12px; color: rgb(212, 207, 198); min-width: 72px; font-variant-numeric: tabular-nums; }
.project-dots { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.project-dots button { border: 0px; background: none; display: grid; place-items: center; width: 28px; height: 44px; padding: 0px; }
.project-dots button::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: rgb(119, 119, 115); }
.project-dots button[aria-current="true"]::before { width: 20px; border-radius: 8px; background: rgb(225, 216, 203); }
.project-autoplay { display: flex; gap: 9px; align-items: center; background: none; border: 1px solid rgba(255, 255, 255, 0.26); color: rgb(238, 232, 223); padding: 10px 13px; min-height: 44px; font-size: 12px; }
.project-autoplay span { font-size: 16px; width: 14px; text-align: center; }
.project-notice { font-size: 13px; line-height: 1.5; color: rgb(244, 198, 189); margin: 0px; min-height: 0px; }
.project-notice:not(:empty) { margin: 8px 0px 18px; }
.project-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid rgba(255, 255, 255, 0.145); padding-top: 22px; }
.project-bottom p { font-size: 12px; line-height: 1.7; color: rgb(198, 194, 185); max-width: 610px; margin: 0px; }
.project-catalog-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 12px 0px; border-bottom: 1px solid rgb(199, 81, 82); font-size: 14px; white-space: nowrap; }
.project-empty { padding: 50px 20px; text-align: center; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.145); }
.project-empty h3 { font: 400 30px / 1.2 Literary, Georgia, serif; margin: 0px 0px 15px; }
.project-empty p { color: rgb(212, 207, 198); line-height: 1.7; }
.project-reset { padding: 13px 20px; border: 1px solid rgb(228, 217, 202); color: rgb(247, 240, 229); background: none; margin-top: 10px; }
.comparison-tray { position: fixed; z-index: 8; bottom: 22px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 7px; background: rgb(167, 25, 36); color: white; padding: 7px 22px 7px 7px; border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 36px; max-width: calc(100% - 32px); }
.comparison-tray > button, .comparison-tray > button:hover { flex-shrink: 0; display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.13); color: white; }
.comparison-tray > a { display: flex; align-items: center; gap: 20px; white-space: nowrap; min-height: 44px; font-size: 15px; font-weight: 500; padding-left: 8px; }
body.has-comparison { padding-bottom: 90px; }
.comparison-page { background: rgb(54, 54, 54); }
.comparison-page .site-header { position: relative; background: rgb(41, 44, 43); }
.comparison-main { padding: 28px var(--page-gutter,4.5vw) 70px; }
.comparison-breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; font-size: 12px; color: rgb(204, 198, 189); line-height: 1.6; margin-bottom: 36px; }
.comparison-breadcrumbs a:hover { text-decoration: underline; }
.comparison-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.comparison-heading h1 { font: 400 clamp(36px, 3.4vw, 54px) / 1.1 Literary, Georgia, serif; margin: 0px; color: rgb(245, 240, 231); letter-spacing: -0.6px; }
.comparison-actions { display: flex; align-items: center; justify-content: flex-end; gap: 22px; flex-wrap: wrap; }
#compare-capacity { font-size: 12px; color: rgb(206, 199, 189); }
.comparison-add { display: inline-flex; align-items: center; gap: 13px; background: rgb(238, 234, 227); color: rgb(146, 35, 43); padding: 12px 20px; font-size: 14px; min-height: 48px; }
.comparison-add > span { font-size: 25px; line-height: 1; }
.comparison-clear { display: flex; gap: 9px; align-items: center; border: 0px; background: transparent; color: rgb(237, 230, 220); min-height: 48px; font-size: 13px; }
.compare-guidance { font-size: 14px; line-height: 1.7; color: rgb(214, 206, 194); margin: 20px 0px 26px; }
.comparison-scroll { overflow: auto; overscroll-behavior-x: contain; scrollbar-color: rgb(149, 135, 123) rgb(52, 52, 52); padding-bottom: 14px; }
.comparison-scroll:focus-visible { outline: rgb(233, 198, 148) solid 2px; outline-offset: 5px; }
.comparison-table { border-collapse: separate; border-spacing: 0px; table-layout: fixed; width: 100%; max-width: calc(160px + var(--compare-columns)*420px); min-width: calc(160px + var(--compare-columns)*260px); color: rgb(52, 51, 48); }
.comparison-table col:first-child { width: 160px; }
.comparison-table th, .comparison-table td { text-align: left; vertical-align: top; font-weight: 400; }
.comparison-table thead th { padding: 0px 0px 0px 18px; vertical-align: bottom; }
.comparison-table thead th:first-child { padding: 0px 12px 24px 0px; font-size: 12px; color: rgb(207, 199, 189); line-height: 1.7; }
.compare-house { background: rgb(238, 234, 227); position: relative; margin-bottom: 24px; }
.compare-house > a:first-child { display: block; }
.compare-house img { width: 100%; aspect-ratio: 5 / 3; display: block; object-fit: cover; }
.compare-remove, .compare-remove:hover { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 50%; color: rgb(151, 37, 45); background: rgba(255, 249, 241, 0.937); }
.compare-house-copy { padding: 18px; }
.compare-house-copy h2 { font: 400 29px / 1.2 Literary, Georgia, serif; margin: 0px 0px 8px; color: rgb(49, 49, 46); }
.compare-house-copy p { font-size: 11px; color: rgb(103, 96, 89); margin: 0px 0px 13px; line-height: 1.6; }
.compare-house-copy strong { display: block; font-size: 21px; font-weight: 500; margin-bottom: 14px; color: rgb(142, 32, 41); }
.compare-house-copy .project-detail-link { justify-content: space-between; width: 100%; border-top: 1px solid rgb(202, 194, 183); padding-top: 9px; color: rgb(132, 34, 42); }
.comparison-table tbody th { position: sticky; left: 0px; z-index: 1; background: rgb(54, 54, 54); color: rgb(231, 223, 213); font-size: 13px; padding: 21px 12px 21px 0px; line-height: 1.5; border-top: 1px solid rgba(255, 255, 255, 0.133); }
.comparison-table td { background: padding-box rgb(233, 228, 220); border-left: 18px solid rgb(54, 54, 54); border-top: 1px solid rgb(208, 200, 188); padding: 21px 18px; line-height: 1.5; font-size: 15px; }
.comparison-table tbody tr:nth-child(2n) td { background-color: rgb(241, 237, 231); }
.comparison-table .compare-price-row td { color: rgb(146, 35, 43); font-weight: 600; }
.comparison-empty { max-width: 850px; padding: 50px 32px; margin-top: 16px; border: 1px solid rgba(255, 255, 255, 0.19); background: rgba(255, 255, 255, 0.02); }
.comparison-empty h2 { font: 400 34px / 1.15 Literary, Georgia, serif; margin: 0px 0px 18px; }
.comparison-empty p { color: rgb(209, 201, 190); line-height: 1.7; max-width: 580px; margin: 0px 0px 25px; }
.comparison-footnote { font-size: 12px; line-height: 1.7; color: rgb(200, 192, 181); max-width: 740px; margin-top: 24px; }
@media (max-width: 1200px) {
  .project-card-body { padding: 17px 16px 12px; }
  .project-price { gap: 8px; }
  .project-card-footer { gap: 6px; }
  .project-detail-link { gap: 5px; font-size: 11px; }
  .compare-choice { font-size: 11px; gap: 6px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .project-card { flex-basis: calc(50% - 12px); }
  .project-arrow { top: calc((100vw - var(--page-gutter)*2 - 24px)/2 * .3 - 24px); }
  .project-price strong { font-size: 23px; }
  .project-detail-link, .compare-choice { font-size: 12px; }
}
@media (max-width: 700px) {
  .project-showcase { padding-top: 35px; padding-bottom: 38px; }
  .project-showcase .project-intro h2 { font-size: 33px; }
  .project-intro p { font-size: 14px; line-height: 1.7; margin-top: 15px; }
  .project-toolbar { margin: 24px 0px 20px; display: block; }
  .project-filters { gap: 7px; }
  .project-filters button { padding: 10px 11px; font-size: 12px; }
  .project-total { display: block; margin-top: 15px; }
  .project-track { gap: 16px; }
  .project-card { flex-basis: 100%; }
  .project-card h3 { font-size: 29px; margin-bottom: 20px; }
  .project-card-body { padding: 19px 18px 13px; }
  .project-material { font-size: 10px; }
  .project-specs dd { font-size: 18px; }
  .project-price strong { font-size: 23px; }
  .project-detail-link, .compare-choice { font-size: 12px; }
  .project-arrow { top: calc(-31.6px + 30vw); width: 44px; height: 44px; }
  .project-prev { left: -8px; }
  .project-next { right: -8px; }
  .project-slider-footer { gap: 6px; }
  .project-dots button { width: 23px; }
  .project-range { min-width: 44px; }
  .project-autoplay { padding: 8px; font-size: 11px; gap: 5px; }
  .project-bottom { display: block; padding-top: 17px; }
  .project-bottom p { font-size: 12px; }
  .project-catalog-link { margin-top: 14px; }
  .comparison-tray { bottom: 14px; padding-right: 16px; }
  .comparison-tray > a { font-size: 13px; gap: 14px; }
  .comparison-main { padding: 24px 16px 42px; }
  .comparison-breadcrumbs { margin-bottom: 27px; font-size: 11px; }
  .comparison-heading h1 { font-size: 36px; }
  .comparison-actions { justify-content: start; gap: 10px 18px; width: 100%; }
  #compare-capacity { width: 100%; }
  .comparison-add { font-size: 13px; padding: 10px 15px; }
  .comparison-clear { font-size: 12px; }
  .compare-guidance { font-size: 13px; margin: 18px 0px 22px; }
  .comparison-table { min-width: calc(118px + var(--compare-columns)*245px); }
  .comparison-table col:first-child { width: 118px; }
  .comparison-table thead th { padding-left: 12px; }
  .comparison-table tbody th { font-size: 12px; }
  .comparison-table td { border-left-width: 12px; padding: 18px 14px; font-size: 14px; }
  .compare-house-copy { padding: 15px; }
  .compare-house-copy h2 { font-size: 27px; }
  .comparison-empty { padding: 30px 20px; }
  .comparison-empty h2 { font-size: 30px; }
  .comparison-empty p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .project-viewport { scroll-behavior: auto; }
  .project-photo img { transition: none; }
}
.project-card-body { padding: 15px 18px 9px; }
.project-material { margin-bottom: 5px; }
.project-card h3 { margin-bottom: 13px; }
.project-specs { margin-bottom: 14px; }
.project-price { padding-bottom: 12px; }
.project-card-footer { padding-top: 4px; }
.project-card-footer > a:only-child { width: 100%; justify-content: space-between; }
.project-all-top { background: rgb(178, 30, 35); color: rgb(255, 255, 255); border: 1px solid rgb(178, 30, 35); padding: 15px 23px; min-height: 54px; font-size: 18px; font-weight: 600; gap: 28px; flex-shrink: 0; }
.project-all-top:hover { background: rgb(198, 41, 47); border-color: rgb(198, 41, 47); }
.project-toolbar-home { justify-content: space-between; margin: 50px 0px 24px; }
.projects .project-toolbar-home h2 { font-size: clamp(30px, 2.6vw, 40px); line-height: 1.15; }
.home-project-intro { max-width: none; width: 100%; text-align: center; }
.project-showcase .home-project-intro h2 { font-size: clamp(34px, 3.2vw, 50px); line-height: 1.18; }
.home-project-intro p { max-width: none; font-size: 20px; line-height: 1.7; margin-top: 24px; text-align: left; text-indent: 1.5em; text-align-last: auto; word-spacing: normal; }
@media (min-width: 1600px) {
  .home-project-intro .intro-final-line { display: block; text-indent: 0px; }
}
.project-catalog-page .site-header { position: relative; background: rgb(41, 44, 43); }
.catalog-main > .comparison-breadcrumbs { padding: 26px var(--page-gutter,4.5vw) 0; margin-bottom: 0px; }
.project-catalog-page .project-showcase { padding-top: 30px; }
.project-catalog-page .project-intro h1 { font: 400 clamp(32px, 3.3vw, 48px) / 1.15 Literary, Georgia, serif; letter-spacing: -0.5px; margin: 0px; }
.project-catalog-page .project-viewport { overflow: visible; scroll-snap-type: none; }
.project-catalog-page .project-track { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.project-catalog-page .project-arrow, .project-catalog-page .project-slider-footer { display: none; }
.project-catalog-page .project-bottom { margin-top: 30px; }
.project-static .project-viewport { overflow: visible; scroll-snap-type: none; }
.project-static .project-track { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 28px; }
.project-static .project-bottom { margin-top: 25px; }
.project-reference .project-track { gap: 26px 18px; }
.project-reference .project-bottom p { max-width: none; }
.project-reference .project-card { background: rgb(48, 48, 48); }
.project-reference .project-photo { aspect-ratio: 2 / 1; }
.project-reference .project-photo img { object-position: center center; }
.project-reference .project-material { position: absolute; left: 12px; top: 12px; margin: 0px; padding: 6px 9px; background: rgba(36, 36, 36, 0.85); color: rgb(255, 255, 255); font-size: 12px; letter-spacing: 0.2px; text-transform: none; pointer-events: none; }
.project-reference .project-card-body { padding: 14px 16px 10px; gap: 8px; flex: 1 1 0%; }
.project-summary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 8px 14px; }
.project-reference .project-summary h3 { flex: 1 1 175px; font-size: 23px; line-height: 1.2; letter-spacing: 0.3px; text-transform: uppercase; margin: 0px; }
.project-reference .project-summary h3 span { white-space: nowrap; }
.project-reference .project-summary h3 a:hover { color: rgb(245, 185, 182); }
.project-reference .project-price { margin: 0px 0px 0px auto; padding: 0px; display: flex; flex-direction: column; align-items: end; gap: 4px; flex: 0 0 auto; }
.project-reference .project-price strong { background: rgb(178, 30, 35); color: rgb(255, 255, 255); padding: 6px 12px; font-size: 19px; font-weight: 500; letter-spacing: 0.4px; line-height: 1.15; }
.project-reference .project-price span { font-size: 12px; max-width: none; line-height: 1.4; }
.project-facts-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }
.project-facts { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0px; margin: 0px; }
.project-facts li { border: 1px solid rgb(183, 183, 183); padding: 5px 7px; font-size: 12px; line-height: 1.3; white-space: nowrap; }
.project-reference .project-favorite, .project-reference .project-favorite:hover { position: static; flex: 0 0 40px; width: 40px; height: 40px; background: transparent; color: rgb(255, 255, 255); box-shadow: none; border: 0px; border-radius: 0px; padding: 8px; }
.project-reference .project-favorite svg { width: 24px; height: 24px; }
.project-reference .project-favorite[aria-pressed="true"] svg { fill: rgb(241, 165, 168); stroke: rgb(241, 165, 168); }
@media (max-width: 700px) {
  .project-reference .project-summary h3 { font-size: 22px; flex-basis: 155px; }
  .project-reference .project-card-body { padding: 13px 14px 9px; }
  .project-reference .project-price strong { font-size: 18px; }
  .project-reference .project-material { font-size: 12px; left: 10px; top: 10px; }
  .project-reference .project-photo { aspect-ratio: 1.8 / 1; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .project-catalog-page .project-track { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .home-project-intro p { font-size: 18px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .project-static .project-track { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 700px) {
  .project-card-body { padding: 14px 16px 8px; }
  .project-card h3 { margin-bottom: 12px; }
  .project-toolbar { display: flex; flex-wrap: wrap; gap: 16px; }
  .project-filters { flex-basis: 100%; }
  .project-all-top { margin: 0px 0px 0px auto; padding: 13px 19px; min-height: 50px; font-size: 16px; }
  .project-catalog-page .project-track { grid-template-columns: minmax(0px, 1fr); row-gap: 24px; }
  .catalog-main > .comparison-breadcrumbs { padding: 22px 16px 0px; }
  .project-showcase .home-project-intro h2 { font-size: 31px; line-height: 1.18; }
  .home-project-intro p { font-size: 16px; line-height: 1.65; margin-top: 20px; text-align: left; }
  .project-static .project-track { grid-template-columns: minmax(0px, 1fr); row-gap: 22px; }
  .projects .project-toolbar-home h2 { font-size: 30px; }
}
.contact-widget { position: fixed; right: 22px; bottom: 24px; z-index: 7; display: flex; flex-direction: column; align-items: end; gap: 10px; }
.contact-options { display: flex; flex-direction: column; align-items: end; gap: 10px; }
.contact-action, .contact-toggle, .back-to-top, .contact-action:hover, .contact-toggle:hover, .back-to-top:hover { display: grid; place-items: center; position: relative; width: 52px; height: 52px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.48); border-radius: 50%; background: rgb(169, 32, 41); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 18px; }
.contact-action:hover, .contact-toggle:hover, .back-to-top:hover { background: rgb(197, 42, 50); }
.contact-action img { width: 27px; height: 27px; }
.contact-action svg, .contact-toggle svg, .back-to-top svg { width: 23px; height: 23px; stroke-width: 1.7; }
.contact-label { position: absolute; right: 63px; white-space: nowrap; color: rgb(51, 51, 51); background: rgb(245, 238, 230); border: 1px solid rgb(209, 197, 183); padding: 7px 11px; font-size: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 3px 13px; }
.contact-cross { display: none; font: 30px / 1 Arial; }
.contact-toggle[aria-expanded="true"] .contact-cross { display: block; }
.contact-toggle[aria-expanded="true"] .contact-chat { display: none; }
.back-to-top svg { transform: rotate(-90deg); }
body.has-comparison .contact-widget { bottom: 105px; }
#callback-dialog { max-width: 450px; background: rgb(246, 241, 233); color: rgb(51, 48, 45); padding: 44px 32px 27px; border: 1px solid rgb(211, 197, 181); border-radius: 17px; }
#callback-dialog .close-dialog { color: rgb(102, 94, 84); right: 11px; top: 9px; }
#callback-dialog h2 { font: 400 37px / 1.15 Literary, Georgia, serif; margin: 0px 0px 18px; text-align: center; }
.callback-intro { font-size: 16px; line-height: 1.65; text-align: center; color: rgb(95, 87, 78); margin: 0px 0px 14px; }
.callback-demo { font-size: 12px; line-height: 1.55; text-align: center; color: rgb(127, 59, 59); background: rgb(238, 226, 216); padding: 8px 12px; margin-bottom: 23px; }
.callback-phone-label { display: block; font-size: 14px; margin-bottom: 8px; font-weight: 500; }
#callback-phone { width: 100%; padding: 14px 15px; min-height: 51px; background: rgb(255, 255, 255); border: 1px solid rgb(184, 170, 154); border-radius: 6px; font: 16px Inter, Arial, sans-serif; color: rgb(51, 51, 51); }
#callback-phone:focus { outline: rgb(178, 30, 35) solid 2px; outline-offset: 2px; }
#callback-help { font-size: 12px; color: rgb(111, 101, 91); margin: 8px 0px 17px; }
.callback-consent { display: flex; align-items: start; gap: 10px; font-size: 14px; line-height: 1.6; margin-bottom: 20px; cursor: pointer; color: rgb(94, 86, 77); }
.callback-consent input { width: 18px; height: 18px; margin: 2px 0px 0px; accent-color: rgb(178, 30, 35); flex-shrink: 0; }
.callback-consent a { color: rgb(156, 32, 43); text-decoration: underline; text-underline-offset: 3px; }
.callback-submit { width: 100%; min-height: 51px; padding: 13px 20px; background: rgb(178, 30, 35); border: 1px solid rgb(178, 30, 35); color: rgb(255, 255, 255); font-weight: 600; }
.callback-submit:disabled { background: rgb(197, 188, 177); border-color: rgb(197, 188, 177); color: rgb(96, 89, 80); cursor: default; }
.callback-result { font-size: 13px; line-height: 1.6; padding: 12px; background: rgb(226, 232, 221); color: rgb(51, 73, 50); margin: 16px 0px 0px; }
.callback-direct { display: block; text-align: center; font-size: 12px; line-height: 1.6; color: rgb(118, 45, 50); margin-top: 21px; }
.site-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px 30px; padding: 25px var(--page-gutter,4.5vw); border-top: 1px solid rgba(255, 255, 255, 0.15); background: rgb(43, 43, 43); color: rgb(198, 190, 179); font-size: 12px; line-height: 1.7; }
.site-footer a:hover { text-decoration: underline; }
.site-footer.footer-full { display: block; background: rgb(48, 48, 48); color: rgb(240, 234, 226); padding: 60px var(--page-gutter,4.5vw) 28px; font-size: 14px; }
.footer-main { display: grid; grid-template-columns: 0.95fr 2fr 0.95fr; gap: 55px; padding-bottom: 52px; }
.footer-brand img { display: block; width: 230px; height: auto; max-width: 100%; }
.footer-brand p { font: 400 31px / 1.17 Literary, Georgia, serif; margin: 26px 0px 0px; }
.footer-phone { font-size: 31px; line-height: 1.3; white-space: nowrap; }
.footer-socials { display: flex; align-items: center; gap: 10px; margin: 22px 0px 24px; }
.footer-socials a { display: grid; place-items: center; width: 40px; height: 40px; }
.footer-socials img { display: block; width: 36px; height: 36px; object-fit: contain; }
.footer-contact-line { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-bottom: 28px; }
.footer-contact-line .footer-phone { font-size: clamp(27px, 1.7vw, 31px); }
.footer-contact-line .footer-socials { margin: 0px 0px 0px auto; gap: 8px; }
@media (max-width: 700px) {
  .footer-contact-line { gap: 17px; margin-bottom: 25px; }
  .footer-contact-line .footer-phone { font-size: 29px; }
  .footer-contact-line .footer-socials { margin-left: 0px; }
}
.footer-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }
.footer-addresses h3 { font: 500 12px / 1.5 Inter, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1.2px; color: rgb(181, 171, 160); margin: 0px 0px 8px; }
.footer-addresses p { font-size: 14px; line-height: 1.7; margin: 0px 0px 24px; }
.footer-addresses a { font-size: 14px; text-decoration: underline; overflow-wrap: anywhere; }
.footer-nav { display: flex; flex-direction: column; justify-content: end; align-items: start; gap: 16px; padding-bottom: 24px; }
.footer-nav a { font-size: 14px; line-height: 1.7; min-height: 32px; }
.footer-legal { border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 26px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 30px; color: rgb(206, 200, 192); font-size: 12px; }
.footer-legal p { margin: 0px; line-height: 1.8; }
.footer-legal a { font-size: 12px; line-height: 1.8; align-self: end; text-decoration: underline; }
.site-footer.footer-inviting { background: rgb(52, 52, 52); color: rgb(244, 240, 231); border-top: 3px solid rgb(178, 30, 35); }
.footer-invitation { display: flex; justify-content: space-between; align-items: center; gap: 36px; padding-bottom: 38px; margin-bottom: 45px; border-bottom: 1px solid rgba(255, 255, 255, 0.19); }
.footer-invitation > div { max-width: 870px; }
.footer-invitation h2 { font: 400 clamp(31px, 2.8vw, 44px) / 1.18 Literary, Georgia, serif; letter-spacing: -0.5px; margin: 0px 0px 14px; }
.footer-invitation p { font-size: 17px; line-height: 1.65; color: rgb(212, 206, 196); margin: 0px; max-width: 740px; }
.footer-invitation .story-button { flex-shrink: 0; }
.footer-invitation .story-button:hover { text-decoration: none; }
.footer-inviting .footer-phone { color: rgb(255, 255, 255); }
.footer-inviting .footer-addresses h3 { color: rgb(209, 186, 170); }
.footer-inviting .footer-legal { border-color: rgba(255, 255, 255, 0.19); color: rgb(206, 200, 192); }
.footer-inviting .footer-legal { display: block; padding-top: 26px; }
.footer-notes { display: flex; align-items: baseline; justify-content: space-between; gap: 16px 24px; padding-bottom: 0px; }
.footer-notes > p { min-width: 0px; }
.footer-notes > a { display: inline-block; flex-shrink: 0; align-self: baseline; margin-top: 0px; white-space: nowrap; }
@media (max-width: 1100px) {
  .footer-notes { flex-direction: column; gap: 12px; }
  .footer-notes > a { white-space: normal; }
}
@media (max-width: 900px) {
  .footer-invitation { align-items: start; flex-direction: column; gap: 24px; }
}
@media (max-width: 700px) {
  .footer-invitation { padding-bottom: 30px; margin-bottom: 32px; }
  .footer-invitation h2 { font-size: 31px; }
  .footer-invitation p { font-size: 16px; }
  .footer-invitation .story-button { width: 100%; max-width: 340px; }
}
@media (max-width: 1100px) {
  .footer-main { grid-template-columns: 1fr 2fr; gap: 34px; }
  .footer-nav { grid-column: 1 / -1; flex-flow: wrap; gap: 16px 32px; padding: 0px; }
  .footer-brand p { font-size: 27px; }
}
@media (max-width: 700px) {
  .site-footer.footer-full { padding: 38px 16px 90px; }
  .footer-main { grid-template-columns: 1fr; gap: 30px; padding-bottom: 30px; }
  .footer-brand { display: flex; align-items: center; gap: 22px; }
  .footer-brand > a { width: 143px; flex-shrink: 0; }
  .footer-brand p { font-size: 22px; margin: 0px; }
  .footer-phone { font-size: 29px; }
  .footer-socials { margin: 18px 0px 25px; }
  .footer-addresses { gap: 22px; }
  .footer-addresses p, .footer-addresses a { font-size: 13px; }
  .footer-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 22px; }
  .footer-nav a { font-size: 13px; }
  .footer-legal { display: block; }
  .footer-legal > a { display: inline-block; margin-top: 17px; }
}
@media (max-width: 700px) {
  .contact-widget { right: 14px; bottom: 18px; gap: 9px; }
  .contact-options { gap: 9px; }
  .contact-action, .contact-toggle, .back-to-top { width: 48px; height: 48px; }
  .contact-label { right: 59px; }
  .site-footer { padding: 24px 76px 24px 16px; display: flex; flex-direction: column; gap: 12px; }
  #callback-dialog { padding: 41px 23px 24px; }
  #callback-dialog h2 { font-size: 34px; }
  .callback-intro { font-size: 16px; }
}
.story-section { padding: 64px var(--page-gutter,4.5vw); }
.story-section h2 { font: 400 clamp(34px, 3vw, 46px) / 1.16 Literary, Georgia, serif; letter-spacing: -0.6px; margin: 0px; }
.story-kicker { font-size: 12px; letter-spacing: 1.6px; line-height: 1.6; margin: 0px 0px 15px; color: rgb(209, 186, 170); }
.story-lead { font-size: 16px; line-height: 1.75; color: rgb(212, 206, 196); margin: 22px 0px 0px; max-width: 850px; }
.story-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.story-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; background: rgb(178, 30, 35); color: white; font-size: 14px; font-weight: 600; padding: 16px 23px; min-height: 53px; white-space: nowrap; }
.story-button:hover { background: rgb(198, 41, 47); }
.story-link { display: inline-flex; align-items: center; gap: 26px; min-height: 48px; border-bottom: 1px solid rgb(201, 81, 82); font-size: 14px; white-space: nowrap; }
.production-section { background: rgb(53, 53, 53); color: rgb(244, 240, 231); border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.production-layout { display: grid; grid-template-columns: 1fr 1.08fr; gap: 60px; align-items: center; }
.story-section.production-section { position: relative; overflow: hidden; padding-top: 32px; padding-bottom: 32px; }
.production-layout.production-three { position: relative; z-index: 1; grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 2.85fr); gap: clamp(22px, 1.8vw, 30px); }
.production-three .production-copy { min-width: 0px; padding-bottom: 44px; }
.production-three .production-copy .story-kicker { font-size: 11px; letter-spacing: 1.3px; margin-bottom: 12px; }
.production-three .production-copy h2 { font-size: clamp(24px, 1.6vw, 30px); letter-spacing: -0.3px; line-height: 1.2; }
.production-three .production-woods { margin: 20px 0px 24px; gap: 10px; }
.production-three .production-woods li { font-size: clamp(17px, 1.15vw, 21px); gap: 11px; line-height: 1.35; }
.production-three .production-woods li::before { font-size: 18px; }
.production-three .production-copy .story-button { width: 100%; max-width: 310px; gap: 12px; padding: 14px 15px; font-size: 12px; white-space: normal; }
.production-media { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.85fr); column-gap: clamp(18px, 1.6vw, 28px); min-width: 0px; align-items: stretch; }
.production-process { position: relative; grid-area: 1 / 1; min-width: 0px; min-height: 0px; }
.production-process-stack { position: absolute; inset: 0px; display: grid; grid-template-rows: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.production-process img { display: block; width: 100%; height: 100%; min-height: 0px; object-fit: cover; border: 1px solid rgba(216, 208, 192, 0.333); }
.production-process img:last-child { border-color: rgb(178, 30, 35); }
.production-media .production-video { grid-area: 1 / 2; align-self: start; }
.production-media .production-video-player { aspect-ratio: 833 / 470; }
.production-media .production-video-external { grid-area: 2 / 2; }
.production-branch { position: absolute; left: -90px; bottom: -42px; width: 245px; height: auto; transform: scaleX(-1); pointer-events: none; opacity: 0.8; z-index: 0; }
@media (min-width: 701px) and (max-width: 1199px) {
  .production-layout.production-three { grid-template-columns: minmax(0px, 1fr); gap: 26px; }
  .production-three .production-copy { padding-bottom: 0px; }
  .production-three .production-copy h2 { font-size: 28px; }
  .production-three .production-woods { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; margin: 20px 0px; }
  .production-three .production-woods li { font-size: 21px; }
  .production-branch { left: -110px; }
}
@media (max-width: 700px) {
  .story-section.production-section { padding-top: 28px; padding-bottom: 28px; }
  .production-layout.production-three { grid-template-columns: minmax(0px, 1fr); gap: 24px; }
  .production-three .production-copy { padding-bottom: 0px; }
  .production-three .production-copy h2 { font-size: 27px; }
  .production-three .production-woods li { font-size: 20px; }
  .production-media { grid-template-columns: minmax(0px, 1fr); row-gap: 12px; }
  .production-process { grid-area: 1 / 1; }
  .production-process-stack { position: static; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: auto; gap: 12px; }
  .production-process img { height: auto; aspect-ratio: 16 / 10; }
  .production-media .production-video { grid-area: 2 / 1; }
  .production-media .production-video-external { grid-area: 3 / 1; }
  .production-branch { width: 185px; left: -100px; bottom: -30px; opacity: 0.65; }
}
.production-copy .story-kicker { color: rgb(216, 207, 197); }
.production-copy h2 { text-transform: uppercase; }
.production-woods { list-style: none; margin: 32px 0px 36px; padding: 0px; display: grid; gap: 16px; }
.production-woods li { display: flex; align-items: center; gap: 18px; font: 400 clamp(23px, 2.1vw, 33px) / 1.25 Literary, Georgia, serif; }
.production-woods li::before { content: "✓"; color: rgb(211, 51, 58); font: 600 22px / 1 Inter, Arial, sans-serif; flex-shrink: 0; }
.production-video { min-width: 0px; align-self: center; }
.production-video-cover { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.208); background: rgb(36, 36, 36); color: rgb(255, 255, 255); }
.production-video-cover > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.production-video-cover.reference-cover { aspect-ratio: 833 / 470; border: 0px; }
.production-video-cover.reference-cover > img { position: absolute; max-width: none; width: 227.251%; height: auto; left: -114.286%; top: 50%; transform: translateY(-50%); }
.production-video-cover.reference-cover:hover { outline: rgb(209, 186, 170) solid 1px; outline-offset: 3px; }
.production-video-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 74px; height: 74px; background: rgb(178, 30, 35); border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; }
.production-video-play svg { width: 33px; height: 33px; margin-left: 3px; }
.production-video-cover:hover .production-video-play { background: rgb(205, 44, 51); }
.production-video-caption { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 22px 16px 15px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.733)); font-size: 14px; text-align: left; }
.production-video-player { aspect-ratio: 16 / 9; background: rgb(17, 17, 17); }
.production-video-player iframe { display: block; width: 100%; height: 100%; border: 0px; }
.production-video-external { display: flex; align-items: center; justify-content: end; gap: 14px; min-height: 44px; font-size: 13px; color: rgb(230, 210, 202); }
.production-steps { list-style: none; margin: 28px 0px 30px; padding: 0px; }
.production-steps li { display: flex; gap: 20px; padding: 15px 0px; border-top: 1px solid rgb(206, 199, 190); }
.production-steps li > span { font-size: 12px; color: rgb(155, 39, 48); margin-top: 4px; font-variant-numeric: tabular-nums; }
.production-steps h3 { font-size: 15px; font-weight: 600; margin: 0px 0px 7px; }
.production-steps p { font-size: 16px; line-height: 1.6; color: rgb(98, 93, 85); margin: 0px; }
.production-photos { position: relative; margin: 0px 20px 35px 0px; }
.production-image-main { display: block; width: 100%; height: auto; aspect-ratio: 1.3 / 1; object-fit: cover; object-position: center center; }
.production-image-detail { position: absolute; right: -22px; bottom: -35px; width: 48%; height: auto; aspect-ratio: 1.6 / 1; object-fit: cover; border: 8px solid rgb(53, 53, 53); box-shadow: rgba(0, 0, 0, 0.133) 0px 15px 36px; }
.built-section { background: rgb(52, 52, 52); }
.built-section > .story-lead { margin-bottom: 28px; }
.built-section > .story-lead { max-width: 1260px; font-size: 18px; line-height: 1.7; }
.built-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.built-card { border-bottom: 1px solid rgba(255, 255, 255, 0.19); padding-bottom: 20px; }
.built-card > img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.built-card > div { padding: 22px 0px 0px; }
.built-card .story-kicker { font-size: 12px; letter-spacing: 1px; margin-bottom: 10px; }
.built-card h3 { font: 400 clamp(25px, 2.1vw, 32px) / 1.2 Literary, Georgia, serif; margin: 0px 0px 16px; }
.story-read { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 40px; font-size: 14px; }
.built-card:hover .story-read, .story-article:hover .story-read { color: rgb(241, 181, 177); }
.reviews-section { background: rgb(234, 229, 220); color: rgb(51, 50, 47); border-top: 3px solid rgb(174, 36, 44); }
.reviews-section .story-kicker { color: rgb(155, 40, 48); }
.reviews-section .story-lead { color: rgb(94, 89, 82); margin-bottom: 30px; }
.reviews-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; }
.review-card { display: block; min-width: 0px; background: rgb(247, 243, 236); border: 1px solid rgb(211, 203, 192); }
.review-picture { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: rgb(52, 53, 53); }
.review-picture > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.review-play { display: grid; place-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: rgb(173, 34, 44); background: rgba(255, 248, 239, 0.93); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px; }
.review-play svg { width: 26px; height: 26px; margin-left: 2px; }
.review-card:hover .review-play { background: rgb(178, 30, 35); color: white; }
.review-copy { padding: 16px; }
.review-copy h3 { font: 500 15px / 1.5 Inter, Arial, sans-serif; margin: 0px; min-height: 45px; }
.review-copy > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: rgb(149, 36, 44); margin-top: 12px; min-height: 28px; }
.review-copy svg { width: 19px; height: 19px; }
.blog-section { background: rgb(48, 48, 48); }
.built-gallery { position: relative; margin-top: 28px; }
.built-viewport { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.built-viewport::-webkit-scrollbar { display: none; }
.built-viewport:focus-visible { outline: rgb(233, 198, 148) solid 2px; outline-offset: 5px; }
.built-slider .built-grid { display: flex; gap: 18px; }
.built-slider .built-card { display: block; flex: 0 0 calc(33.3333% - 12px); min-width: 0px; scroll-snap-align: start; border: 1px solid rgba(255, 255, 255, 0.208); padding: 0px; background: rgb(48, 48, 48); }
.built-slider .built-photo { position: relative; padding: 0px; aspect-ratio: 2 / 1; }
.built-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.built-material { position: absolute; left: 12px; top: 12px; color: white; background: rgb(178, 30, 35); padding: 8px 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; }
.built-tags { position: absolute; left: 12px; top: 12px; right: 12px; display: flex; flex-wrap: wrap; gap: 7px; }
.built-tags .built-material { position: static; }
.built-photo-erker img { object-position: center top; }
.built-slider .built-copy { padding: 16px; }
.built-slider .built-card h3 { font-size: 22px; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.4px; margin: 0px 0px 13px; }
.built-slider .built-card h3 span { white-space: nowrap; }
.built-facts { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; color: rgb(238, 231, 223); }
.built-facts span:first-child { border: 1px solid rgb(196, 192, 186); padding: 5px 9px; white-space: nowrap; }
.built-arrow { position: absolute; top: calc((100vw - var(--page-gutter,4.5vw)*2 - 36px)/12 - 25px); width: 50px; height: 50px; display: grid; place-items: center; background: rgb(232, 229, 223); color: rgb(162, 30, 41); border: 1px solid rgb(189, 182, 170); padding: 0px; }
.built-prev { left: -18px; }
.built-next { right: -18px; }
.built-prev svg { transform: rotate(180deg); }
.built-arrow:hover { background: rgb(255, 255, 255); }
.built-arrow:disabled { opacity: 0.45; cursor: default; }
@media (min-width: 701px) and (max-width: 1000px) {
  .built-slider .built-card { flex-basis: calc(50% - 9px); }
  .built-arrow { top: calc((100vw - var(--page-gutter,4.5vw)*2 - 18px)/8 - 25px); }
}
@media (max-width: 700px) {
  .built-slider .built-card { flex-basis: 100%; }
  .built-slider .built-grid { gap: 16px; }
  .built-slider .built-card h3 { font-size: 21px; }
  .built-material { font-size: 12px; left: 10px; top: 10px; }
  .built-arrow { top: calc(-30px + 25vw); width: 44px; height: 44px; }
  .built-prev { left: 0px; }
  .built-next { right: 0px; }
}
.reviews-ribbon { background: rgb(48, 48, 48); color: rgb(244, 240, 231); border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.reviews-ribbon .story-kicker { color: rgb(209, 186, 170); }
.review-heading { text-align: center; margin-bottom: 42px; }
.review-layout { display: grid; grid-template-columns: minmax(0px, 1fr) 170px; gap: 32px; align-items: start; }
.review-carousel { min-width: 0px; }
.reviews-viewport { overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.reviews-viewport::-webkit-scrollbar { display: none; }
.reviews-viewport:focus-visible { outline: rgb(233, 198, 148) solid 2px; outline-offset: 5px; }
.reviews-ribbon .reviews-grid { display: flex; gap: 26px; }
.reviews-ribbon .review-card { flex: 0 0 154px; border: 0px; background: transparent; scroll-snap-align: start; }
.reviews-ribbon .review-picture { aspect-ratio: 3 / 4; border-radius: 13px; }
.reviews-ribbon .review-picture > img { object-fit: cover; object-position: center center; }
.reviews-ribbon .review-play { width: 35px; height: 35px; top: auto; bottom: 8px; transform: translateX(-50%); background: rgb(178, 30, 35); color: white; }
.reviews-ribbon .review-play svg { width: 20px; height: 20px; }
.reviews-ribbon .review-copy { padding: 13px 0px 0px; }
.reviews-ribbon .review-copy h3 { font: 500 16px / 1.25 Literary, Georgia, serif; letter-spacing: 0.35px; min-height: 60px; }
.reviews-ribbon .review-copy > span { font-size: 12px; color: rgb(215, 200, 186); margin-top: 8px; }
.review-more > p { text-transform: uppercase; font-size: 12px; letter-spacing: 1.1px; line-height: 1.6; margin: 0px 0px 16px; }
.review-more > a { display: flex; align-items: center; gap: 9px; font-size: 14px; min-height: 44px; }
.review-vk { display: grid; place-items: center; border-radius: 50%; width: 32px; height: 32px; flex-shrink: 0; background: rgb(255, 255, 255); color: rgb(51, 51, 51); font: bold 12px / 1 Arial, sans-serif; }
.review-more svg { width: 19px; height: 19px; }
.review-controls { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 23px; }
.review-controls button { height: 44px; min-width: 44px; border: 1px solid rgba(255, 255, 255, 0.286); background: transparent; color: rgb(244, 240, 231); padding: 9px 12px; display: grid; place-items: center; font-size: 13px; }
.review-controls button:hover { border-color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.043); }
#reviews-prev svg { transform: rotate(180deg); }
#reviews-pause { min-width: 112px; }
@media (max-width: 900px) {
  .review-layout { grid-template-columns: minmax(0px, 1fr); }
  .review-more { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 18px; }
  .review-more > p { margin: 0px; }
  .reviews-ribbon .reviews-grid { gap: 20px; }
}
@media (max-width: 700px) {
  .review-heading { margin-bottom: 27px; text-align: left; }
  .reviews-ribbon .reviews-grid { gap: 16px; }
  .reviews-ribbon .review-card { flex-basis: 145px; }
  .review-layout { gap: 23px; }
  .review-controls { margin-top: 18px; }
}
.story-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 26px; margin-top: 30px; }
.story-article { display: flex; flex-direction: column; min-width: 0px; border: 1px solid rgba(255, 255, 255, 0.145); background: rgb(55, 55, 55); }
.story-article > img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.story-article > div { padding: 24px; display: flex; flex-direction: column; flex: 1 1 0%; }
.story-article .story-kicker { font-size: 12px; letter-spacing: 1.2px; margin-bottom: 13px; }
.story-article h3 { font: 400 clamp(23px, 1.8vw, 29px) / 1.23 Literary, Georgia, serif; margin: 0px 0px 16px; }
.story-article > div > p:not(.story-kicker) { font-size: 16px; line-height: 1.65; color: rgb(208, 201, 190); margin: 0px 0px 20px; }
.story-article .story-read { margin-top: auto; border-top: 1px solid rgba(255, 255, 255, 0.145); padding-top: 15px; }
.story-section.blog-section { padding-top: 28px; padding-bottom: 28px; }
.blog-section .story-heading h2 { font-size: clamp(30px, 2.6vw, 40px); }
.blog-section .story-heading .story-kicker { margin-bottom: 8px; }
.story-blog-grid.blog-director-layout { grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.9fr); gap: 20px; align-items: stretch; margin-top: 20px; }
.blog-director { position: relative; display: block; align-self: stretch; min-width: 0px; overflow: hidden; background: rgb(41, 41, 41); }
.blog-director > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.blog-director::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.063) 20%, rgba(0, 0, 0, 0.125) 45%, rgba(0, 0, 0, 0.69) 100%); pointer-events: none; }
.blog-director-copy { position: absolute; z-index: 1; left: clamp(22px, 2.2vw, 34px); right: 22px; bottom: 22px; color: rgb(255, 255, 255); }
.blog-director h3 { font: 400 clamp(28px, 2.2vw, 38px) / 1.15 Literary, Georgia, serif; text-transform: uppercase; margin: 0px 0px 18px; }
.blog-director-name { font: 500 clamp(19px, 1.45vw, 24px) / 1.3 Literary, Georgia, serif; color: rgb(255, 106, 99); margin: 0px 0px 9px; }
.blog-director-role { font-size: 12px; letter-spacing: 1.2px; line-height: 1.5; text-transform: uppercase; margin: 0px; color: rgb(232, 222, 210); }
.blog-director-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 230px; margin-top: 14px; font-size: 14px; min-height: 34px; border-bottom: 1px solid rgba(255, 255, 255, 0.376); }
.blog-director:hover .blog-director-link { border-color: rgb(255, 255, 255); }
.blog-four { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; min-width: 0px; }
.blog-four .blog-tile { overflow: visible; border: 0px; background: transparent; }
.blog-four .blog-tile > img { width: 100%; height: auto; aspect-ratio: 75 / 46; object-fit: cover; object-position: center center; flex-shrink: 0; border: 1px solid rgba(255, 255, 255, 0.208); }
.blog-four .blog-tile > div { padding: 12px 0px 18px; min-height: 64px; flex: 0 0 auto; flex-direction: row; align-items: start; gap: 12px; }
.blog-four .blog-tile h3 { flex: 1 1 0%; font: 400 clamp(17px, 1.05vw, 19px) / 1.25 Literary, Georgia, serif; margin: 0px; min-height: 0px; }
.blog-four .blog-tile > div > svg { width: 18px; height: 18px; margin-top: 3px; flex-shrink: 0; color: rgb(233, 216, 196); }
.blog-four .blog-tile:hover h3 { color: rgb(241, 181, 177); }
@media (max-width: 1100px) {
  .story-blog-grid.blog-director-layout { gap: 16px; }
  .blog-four { gap: 12px; }
  .blog-four .blog-tile h3 { font-size: 17px; }
  .blog-director-copy { left: 20px; right: 20px; bottom: 20px; }
  .blog-director h3 { font-size: 29px; margin-bottom: 16px; }
}
@media (max-width: 900px) {
  .story-blog-grid.blog-director-layout { grid-template-columns: minmax(0px, 1fr); gap: 16px; }
  .blog-director { width: 100%; min-height: 250px; }
  .blog-director > img { left: auto; right: 0px; width: 48%; object-position: center 25%; }
  .blog-director::after { background: linear-gradient(90deg, rgb(41, 41, 41) 0%, rgb(41, 41, 41) 48%, rgba(41, 41, 41, 0.52) 62%, transparent 82%); }
  .blog-director-copy { position: relative; left: auto; right: auto; bottom: auto; width: 55%; padding: 22px; }
  .blog-director h3 { font-size: 32px; }
}
@media (max-width: 700px) {
  .story-section.blog-section { padding-top: 24px; padding-bottom: 24px; }
  .blog-four { gap: 12px; }
  .blog-four .blog-tile h3 { font-size: 17px; line-height: 1.3; }
  .blog-four .blog-tile > div { gap: 6px; }
  .blog-four .blog-tile > div > svg { width: 17px; height: 17px; }
  .blog-director-copy { padding: 18px; }
  .blog-director h3 { font-size: 26px; }
  .blog-director-name { font-size: 18px; }
  .blog-director-role { font-size: 12px; letter-spacing: 0.6px; }
  .blog-director-link { gap: 8px; }
  .built-section > .story-lead { font-size: 16px; }
}
@supports (grid-template-rows:subgrid) {
  .story-blog-grid.blog-director-layout { grid-template-rows: repeat(2, auto minmax(64px, 1fr)); row-gap: 8px; }
  .blog-director { grid-area: 1 / 1 / span 3; }
  .blog-four { grid-area: 1 / 2 / span 4; grid-template-rows: subgrid; row-gap: 8px; }
  .blog-four .blog-tile { display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 8px; }
  .blog-four .blog-tile > img { align-self: start; }
  .blog-four .blog-tile > div { padding: 4px 0px 18px; }
  @media (max-width: 900px) {
  .story-blog-grid.blog-director-layout { grid-template-rows: auto auto; row-gap: 16px; }
  .blog-director { grid-area: 1 / 1; }
  .blog-four { grid-area: 2 / 1; grid-template-rows: repeat(2, auto minmax(64px, 1fr)); }
}
}
@media (max-width: 1200px) {
  .production-layout { gap: 32px; }
  .reviews-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .story-article > div { padding: 19px; }
}
@media (max-width: 900px) {
  .production-layout { grid-template-columns: 1fr; gap: 36px; }
  .production-photos { max-width: 720px; }
  .production-image-main { aspect-ratio: 16 / 9; }
  .reviews-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .story-blog-grid { gap: 16px; }
  .story-article > div { padding: 16px; }
  .story-heading { align-items: start; }
}
@media (max-width: 700px) {
  .story-section { padding: 38px 16px; }
  .story-section h2 { font-size: 32px; }
  .story-kicker { font-size: 12px; letter-spacing: 1.4px; margin-bottom: 12px; }
  .story-lead { font-size: 16px; line-height: 1.7; margin-top: 17px; }
  .story-heading { flex-wrap: wrap; gap: 18px; }
  .story-button { font-size: 13px; padding: 14px 18px; min-height: 49px; gap: 24px; }
  .story-link { font-size: 13px; gap: 22px; }
  .production-layout { gap: 32px; }
  .production-steps { margin: 23px 0px; }
  .production-steps h3 { font-size: 14px; }
  .production-steps p { font-size: 12px; }
  .production-steps li { gap: 14px; }
  .production-photos { margin-right: 12px; margin-bottom: 22px; }
  .production-image-detail { right: -12px; bottom: -22px; border-width: 5px; }
  .built-grid { grid-template-columns: 1fr; gap: 26px; }
  .built-card > div { padding-top: 17px; }
  .built-card h3 { font-size: 27px; }
  .built-card .story-kicker { font-size: 12px; }
  .reviews-grid { gap: 13px; }
  .review-play { width: 40px; height: 40px; }
  .review-play svg { width: 22px; height: 22px; }
  .review-copy { padding: 12px; }
  .review-copy h3 { font-size: 14px; min-height: 59px; }
  .review-copy > span { font-size: 12px; margin-top: 8px; gap: 5px; }
  .story-blog-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 24px; }
  .story-article > div { padding: 20px; }
  .story-article h3 { font-size: 27px; }
}
#kd-native-form-source[hidden] { display: none !important; }
#callback-dialog { width: calc(100% - 32px); max-width: 590px; max-height: calc(100dvh - 32px); overflow: auto; }
#callback-dialog .kd-site-form { color: rgb(51, 48, 45); font: 400 16px / 1.5 Inter, Arial, sans-serif; }
#callback-dialog .kd-site-form .kd-form-fields { grid-template-columns: minmax(0px, 1fr) !important; }
#callback-dialog .kd-site-form .form-floating { display: flex; flex-direction: column; gap: 7px; }
#callback-dialog .kd-site-form .form-floating > label { position: static; order: -1; display: block; transform: none; opacity: 1; padding: 0px; color: rgb(80, 74, 68); font-size: 14px; white-space: normal; pointer-events: auto; }
#callback-dialog .kd-site-form .form-control { display: block; min-height: 49px; height: auto; border: 1px solid rgb(184, 170, 154); border-radius: 5px; background: rgb(255, 255, 255); font: 400 16px / 1.5 Inter, Arial, sans-serif; color: rgb(51, 48, 45); padding: 12px 14px !important; }
#callback-dialog .kd-site-form .form-control:focus { outline: rgb(178, 30, 35) solid 2px; outline-offset: 2px; }
#callback-dialog .kd-site-form .is-invalid { border-color: rgb(178, 30, 35); }
#callback-dialog .kd-site-form .kd-form-actions { grid-template-columns: minmax(0px, 1fr); gap: 15px; }
#callback-dialog .kd-site-form .col-politics { grid-row: 1; }
#callback-dialog .kd-site-form .col-submit { grid-row: 2; }
#callback-dialog .kd-site-form .form-check { display: flex; align-items: flex-start; gap: 10px; padding: 0px; }
#callback-dialog .kd-site-form .form-check-input { position: static; float: none; margin: 3px 0px 0px; appearance: auto; width: 18px; height: 18px; flex: 0 0 18px; accent-color: rgb(178, 30, 35); }
#callback-dialog .kd-site-form .block-form-politics { color: rgb(80, 74, 68); font: 400 14px / 1.55 Inter, Arial, sans-serif; letter-spacing: 0px; }
#callback-dialog .kd-site-form .block-form-politics a { color: rgb(153, 36, 42); text-decoration: underline; text-underline-offset: 2px; }
#callback-dialog .kd-site-form .kd-policy-link { display: block; margin: 9px 0px 0px 28px; }
#callback-dialog .kd-site-form .btn-submit { border: 1px solid rgb(178, 30, 35); min-height: 51px; padding: 12px 20px; background: rgb(178, 30, 35); color: rgb(255, 255, 255); font: 600 16px / 1.4 Inter, Arial, sans-serif; }
#callback-dialog .kd-site-form .btn-submit:disabled { opacity: 0.65; cursor: wait; }
#callback-dialog .kd-site-form .block-form-result-center { display: grid; gap: 8px; padding: 18px; background: rgb(231, 238, 223); color: rgb(45, 67, 41); }
#callback-dialog .kd-site-form .kd-form-error { padding: 10px; border: 1px solid rgb(178, 30, 35); background: rgb(247, 229, 228); }
#callback-dialog .kd-site-form [hidden] { display: none !important; }
#kd-cookie-notice { position: fixed; left: 18px; bottom: 18px; z-index: 8; display: flex; align-items: center; gap: 20px; width: min(610px, 100% - 100px); padding: 17px 20px; border: 1px solid rgb(178, 30, 35); background: rgb(48, 48, 48); box-shadow: rgba(0, 0, 0, 0.267) 0px 6px 24px; color: rgb(255, 255, 255); font: 400 13px / 1.5 Inter, Arial, sans-serif; }
#kd-cookie-notice[hidden] { display: none !important; }
#kd-cookie-notice p { margin: 0px; }
#kd-cookie-notice a { color: inherit; text-decoration: underline; }
#kd-cookie-notice button { flex-shrink: 0; border: 0px; background: rgb(178, 30, 35); color: rgb(255, 255, 255); padding: 12px 16px; font: 600 13px / 1.4 Inter, Arial, sans-serif; }
@media (max-width: 700px) {
  #kd-cookie-notice { left: 12px; bottom: 12px; flex-direction: column; align-items: flex-start; gap: 12px; width: calc(100% - 84px); padding: 14px; }
  #callback-dialog { padding: 40px 21px 22px; }
  #callback-dialog h2 { font-size: 31px; }
}
#kd-cookie-notice .kd-cookie-actions { display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; }
#kd-cookie-notice [data-cookie-reject] { background: transparent; border: 1px solid rgba(255, 255, 255, 0.44); padding: 11px 15px; }
@media (max-width: 700px) {
  #kd-cookie-notice .kd-cookie-actions { flex-flow: wrap; }
}
@media (min-width: 701px) {
  .hero.single-view #slide-glulam { display: none; }
}
.footer-invitation .home-footer-messengers { display: grid; gap: 12px; width: 330px; max-width: 100%; flex-shrink: 0; margin-left: auto; }
.home-footer-messenger { display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 14px 16px; box-sizing: border-box; border: 1px solid rgb(208, 180, 139); color: rgb(255, 255, 255); font: 600 14px / 1.4 Inter, Arial, sans-serif; text-decoration: none !important; }
.home-footer-messenger-max { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); }
.home-footer-messenger > img, .home-footer-messenger > svg { flex: 0 0 22px; width: 22px; height: 22px; fill: currentcolor; }
.home-footer-messenger > span { margin-left: auto; font-size: 24px; line-height: 1; }
.home-footer-messenger:hover { filter: brightness(1.12); }
.home-footer-messenger:focus-visible { outline: rgb(226, 194, 140) solid 3px; outline-offset: 4px; }
@media (max-width: 1000px) {
  .footer-invitation .home-footer-messengers { margin-left: 0px; }
}
@media (max-width: 600px) {
  .footer-invitation .home-footer-messengers { width: 100%; }
}
.footer-invitation .home-footer-messengers { grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 540px; align-items: stretch; }
.footer-invitation > div:first-child { min-width: 0px; }
.home-footer-messenger { min-width: 0px; min-height: 56px; white-space: nowrap; }
@media (max-width: 600px) {
  .footer-invitation .home-footer-messengers { grid-template-columns: 1fr; width: 100%; }
}
.kd-site-form { width: 100%; min-width: 0px; }
.kd-site-form [hidden] { display: none !important; }
.kd-site-form .kd-form-error { margin-bottom: 16px; color: rgb(178, 30, 35); font-size: 15px; line-height: 1.5; }
.kd-site-form .kd-form-grid { display: grid; gap: 16px; min-width: 0px; }
.kd-site-form .kd-form-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; width: 100%; min-width: 0px; display: grid !important; height: auto !important; }
.kd-site-form .kd-field-text { grid-column: 1 / -1; }
.kd-site-form .block-form-center:not([hidden]) { display: block !important; width: 100%; }
.kd-site-form .block-form-group { margin: 0px; padding: 0px; min-width: 0px; width: 100%; }
.kd-site-form .kd-form-secondary { min-width: 0px; }
.kd-site-form .form-control, .kd-site-form .form-select { font-size: 16px; width: 100% !important; min-width: 0px !important; max-width: 100% !important; }
.kd-site-form .form-control { background-color: rgb(230, 230, 230); color: rgb(41, 41, 41); border-radius: 0px; }
.kd-site-form textarea.form-control { min-height: 112px; resize: vertical; }
.kd-site-form .form-control[type="file"] { padding: 12px; font-size: 14px; }
.kd-site-form .form-input-file small { display: block; margin-top: 5px; font-size: 12px; }
.kd-site-form .kd-form-actions { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: start; gap: 16px; margin-top: 16px; }
.kd-site-form .kd-form-actions > .col-submit, .kd-site-form .kd-form-actions > .col-politics { min-width: 0px; padding: 0px; width: 100% !important; max-width: 100% !important; }
.kd-site-form .btn-submit { min-height: 58px; padding: 16px 24px; display: flex; justify-content: center; align-items: center; background: rgb(178, 30, 35); color: rgb(255, 255, 255); width: 100% !important; min-width: 0px !important; }
.kd-site-form .btn-submit, .kd-site-form .btn-submit span { overflow-wrap: normal; word-break: normal; white-space: nowrap !important; }
.kd-site-form .block-form-politics { font-size: 14px; line-height: 1.45; overflow-wrap: break-word; }
.kd-site-form .block-form-politics a { color: rgb(178, 30, 35); text-decoration: underline; }
.kd-site-form .block-form-politics .form-check { padding-left: 30px; margin: 0px; }
.kd-site-form .block-form-politics .form-check-input { float: left; margin-left: -30px; margin-top: 3px; }
.kd-site-form .kd-policy-link { display: block; margin-top: 10px; }
.kd-site-form .kd-split-grid { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }
.kd-site-form .kd-split-grid .kd-form-fields { grid-template-columns: minmax(0px, 1fr); }
.kd-site-form.kd-layout-sidebar .kd-form-fields, .kd-site-form.kd-layout-modal_element .kd-form-fields, .kd-site-form.kd-layout-element_callme .kd-form-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.kd-site-form.kd-layout-sidebar .kd-form-actions { grid-template-columns: minmax(0px, 1fr); }
.kd-site-form.kd-layout-sidebar .col-politics { grid-row: 1; }
.kd-site-form.kd-layout-sidebar .col-submit { grid-row: 2; }
.kd-site-form.kd-layout-sidebar .block-form-politics, .kd-site-form.kd-layout-sidebar .form-check-label { color: rgb(245, 245, 245); }
.kd-site-form.kd-layout-sidebar .block-form-politics a { color: inherit; }
.kd-site-form .block-form-result:not([hidden]) { padding: 24px; background: rgb(255, 255, 255); color: rgb(41, 41, 41); position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
.kd-site-form .block-form-result-center { position: static; display: grid; gap: 10px; text-align: center; color: rgb(41, 41, 41) !important; }
@media (max-width: 991.98px) {
  .kd-site-form .kd-form-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .kd-site-form .kd-split-grid { grid-template-columns: minmax(0px, 1fr); }
  .kd-site-form .kd-split-grid .kd-form-fields { grid-template-columns: minmax(0px, 1fr); }
}
@media (max-width: 767.98px) {
  .kd-site-form .kd-form-actions { grid-template-columns: minmax(0px, 1fr); }
  .kd-site-form .kd-form-actions > .col-politics { grid-row: 1; }
  .kd-site-form .kd-form-actions > .col-submit { grid-row: 2; }
}
@media (max-width: 575.98px) {
  .kd-site-form .kd-form-fields, .kd-site-form.kd-layout-sidebar .kd-form-fields, .kd-site-form.kd-layout-modal_element .kd-form-fields, .kd-site-form.kd-layout-element_callme .kd-form-fields { grid-template-columns: minmax(0px, 1fr); }
}
.kd-site-form.kd-layout-discuss .kd-form-actions { grid-template-columns: minmax(0px, 1fr); }
.kd-site-form.kd-layout-discuss .kd-form-actions > .col-submit { grid-row: 2; justify-self: center; margin: 0px; max-width: 320px !important; }
.kd-site-form.kd-layout-discuss .kd-form-actions > .col-politics { grid-row: 1; margin: 0px; }
.kd-site-form.kd-layout-discuss .kd-policy-link { margin-left: 30px; }
.kd-estimate-modal [hidden] { display: none !important; }
.kd-estimate-modal[data-kd-view="channels"] .modal-dialog { max-width: 420px; margin-left: auto; margin-right: auto; }
.kd-estimate-modal .modal-content { background: rgb(255, 255, 255); color: rgb(41, 41, 41); border-radius: 16px; }
.kd-estimate-modal .modal-header { padding: 28px 52px 22px 28px; }
.kd-estimate-modal .modal-title { width: 100%; color: rgb(41, 41, 41); font-size: 23px; font-weight: 500; line-height: 1.3; letter-spacing: 0px; text-transform: none; text-align: center; }
.kd-estimate-modal .modal-header .btn-close { top: 12px; right: 12px; bottom: auto; width: 20px; height: 20px; padding: 8px; box-sizing: content-box; background-size: 16px; }
.kd-estimate-modal .modal-body { padding: 0px 28px 28px; background: none; }
.kd-estimate-modal .modal-footer { display: none; }
.kd-estimate-modal .kd-estimate-channels { display: grid; gap: 16px; }
.kd-estimate-modal .kd-estimate-channel { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 50px; padding: 12px 20px; border: 1px solid rgb(178, 30, 35); border-radius: 28px; background: rgb(255, 255, 255); color: rgb(178, 30, 35); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 18px; line-height: 1.3; text-decoration: none; cursor: pointer; }
.kd-estimate-modal .kd-estimate-channel:hover { background: rgb(178, 30, 35); color: rgb(255, 255, 255); }
.kd-estimate-modal .kd-estimate-channel:focus-visible, .kd-estimate-modal .kd-estimate-back:focus-visible { outline: rgb(178, 30, 35) solid 2px; outline-offset: 3px; }
.kd-estimate-modal .kd-estimate-policy { color: rgb(102, 102, 102); font-size: 12px; line-height: 1.5; text-align: center; text-decoration: underline; }
.kd-estimate-modal .kd-estimate-back { display: block; margin: 0px 0px 24px; padding: 8px 0px; border: 0px; background: transparent; color: rgb(178, 30, 35); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; cursor: pointer; }
@media (max-width: 575.98px) {
  .kd-estimate-modal .modal-dialog { width: calc(100% - 24px); margin: 12px auto; }
  .kd-estimate-modal .modal-header { padding-left: 20px; }
  .kd-estimate-modal .modal-body { padding-left: 20px; padding-right: 20px; }
  .kd-estimate-modal .modal-title { font-size: 21px; }
}
.footer-invitation .home-footer-messengers { display: grid; gap: 12px; width: 330px; max-width: 100%; flex-shrink: 0; margin-left: auto; }
.home-footer-messenger { display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 14px 16px; box-sizing: border-box; border: 1px solid rgb(208, 180, 139); color: rgb(255, 255, 255); font: 600 14px / 1.4 Inter, Arial, sans-serif; text-decoration: none !important; }
.home-footer-messenger-max { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); }
.home-footer-messenger > img, .home-footer-messenger > svg { flex: 0 0 22px; width: 22px; height: 22px; fill: currentcolor; }
.home-footer-messenger > span { margin-left: auto; font-size: 24px; line-height: 1; }
.home-footer-messenger:hover { filter: brightness(1.12); }
.home-footer-messenger:focus-visible { outline: rgb(226, 194, 140) solid 3px; outline-offset: 4px; }
@media (max-width: 1000px) {
  .footer-invitation .home-footer-messengers { margin-left: 0px; }
}
@media (max-width: 600px) {
  .footer-invitation .home-footer-messengers { width: 100%; }
}
.site-footer.footer-full.footer-inviting { --invitation-gutter: var(--page-gutter,4.5vw); padding-top: 0px; border-top: 0px; }
.footer-invitation { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 32px; margin: 0 calc(-1 * var(--invitation-gutter)) 52px; padding: 56px var(--invitation-gutter); background: rgb(244, 240, 231); color: rgb(48, 48, 48); border-top: 2px solid rgb(178, 30, 35); border-bottom: 0px; }
.footer-invitation h2 { color: rgb(48, 48, 48); }
.footer-invitation p { color: rgb(80, 80, 76); }
.footer-invitation .home-footer-messengers { display: flex; flex-flow: row; align-items: center; gap: 12px; justify-content: flex-start; margin: 0px; }
.footer-invitation .home-footer-messenger { display: flex; align-items: center; min-width: 0px; height: 56px; min-height: 56px; width: 264px; max-width: none; box-sizing: border-box; }
.footer-invitation .home-footer-messenger-max { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); color: rgb(255, 255, 255); }
.footer-invitation .home-footer-messenger-telegram { background: transparent; border-color: rgb(48, 48, 48); color: rgb(48, 48, 48); }
.footer-invitation .home-footer-messenger:hover { filter: none; }
.footer-invitation .home-footer-messenger-max:hover { background: rgb(153, 25, 30); border-color: rgb(153, 25, 30); }
.footer-invitation .home-footer-messenger-telegram:hover { background: rgb(48, 48, 48); color: rgb(244, 240, 231); }
.footer-invitation .home-footer-messenger:focus-visible { outline: rgb(178, 30, 35) solid 2px; outline-offset: 4px; }
@media (max-width: 1100px) {
  .footer-invitation { grid-template-columns: minmax(0px, 1fr); gap: 24px; }
  .footer-invitation .home-footer-messengers { justify-self: start; }
}
@media (max-width: 700px) {
  .site-footer.footer-full.footer-inviting { --invitation-gutter: 16px; }
  .footer-invitation { padding-block: 38px; margin-bottom: 38px; }
  .footer-invitation .home-footer-messengers { width: 100%; gap: 10px; margin: 0px; }
  .footer-invitation .home-footer-messenger { flex: 1 1 0%; width: auto; padding: 12px 9px; gap: 7px; font-size: 11px; height: 56px; min-height: 56px; }
  .footer-invitation .home-footer-messenger img, .footer-invitation .home-footer-messenger svg { width: 18px; height: 18px; flex: 0 0 18px; }
  .footer-invitation .home-footer-messenger span { font-size: 15px; }
}
@media (max-width: 400px) {
  .footer-invitation .home-footer-messenger span { display: none; }
}
@media (max-width: 700px) {
  .footer-invitation .home-footer-messenger { white-space: normal; line-height: 1.35; text-align: left; }
}
.footer-invitation > div:first-child { min-width: 0px; }
.footer-invitation .home-footer-messengers { width: 540px; max-width: 100%; }
.footer-invitation { scroll-margin-top: 90px; }
.footer-main > * { min-width: 0px; }
.footer-brand p { min-width: 0px; }
.footer-cookie-settings { display: inline-block; margin-top: 12px; color: inherit; text-decoration: underline; }
@media (max-width: 700px) {
  .footer-invitation .home-footer-messengers { width: 100%; }
  .footer-invitation { scroll-margin-top: 84px; }
}
@media (max-width: 700px) {
  .footer-main { grid-template-columns: minmax(0px, 1fr); }
  .footer-addresses, .footer-nav { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .footer-contact-line .footer-phone { font-size: clamp(23px, 7vw, 29px); }
}
@media (max-width: 380px) {
  .blog-four { grid-template-columns: minmax(0px, 1fr); }
  .m-hero h1 { font-size: 28px; }
  .footer-brand { gap: 16px; }
  .footer-brand > a { width: 120px; }
  .footer-brand p { font-size: 20px; }
}
.site-header .desktop-nav .nav-parent { display: inline-flex; align-items: center; gap: 4px; }
.site-header .desktop-nav .nav-chevron { display: block; width: 12px; height: 12px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.5; transition: transform 0.15s; }
.site-header .desktop-nav .nav-parent[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); }
@media (min-width: 1200px) and (max-width: 1399px) {
  .site-header.is-compact .desktop-nav { font-size: 14px; gap: 8px; }
}
.skandi-page { --sk-gutter: max(4.5vw,calc((100vw - 1680px)/2)); background: rgb(48, 48, 48); color: rgb(244, 240, 231); font-size: 16px; line-height: 1.7; }
.skandi-page .site-header { background: rgb(41, 41, 41); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.skandi-page .mobile-nav { position: fixed; top: var(--sk-head-height,150px); left: 0px; right: 0px; z-index: 19; max-height: calc(100dvh - var(--sk-head-height,150px)); overflow-y: auto; }
.skandi-page button { font-family: Inter, Arial, sans-serif; }
.sk-main { padding-top: 150px; }
.sk-wrap { padding-left: var(--sk-gutter); padding-right: var(--sk-gutter); }
.sk-overview { padding-top: 48px; }
.sk-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 34px; }
.sk-kicker { color: rgb(208, 180, 139); text-transform: uppercase; letter-spacing: 1.7px; font-size: 11px; font-weight: 500; line-height: 1.8; margin: 0px 0px 16px; }
.sk-heading h1 { font: 400 clamp(48px, 4.1vw, 72px) / 1.08 Literary, Georgia, serif; letter-spacing: -1.1px; margin: 0px; }
.sk-intro { margin: 0px 0px 3px; color: rgb(202, 199, 191); line-height: 1.75; font-size: 16px; }
.sk-hero-grid { display: grid; grid-template-columns: minmax(0px, 2.25fr) minmax(285px, 1fr); gap: 32px; align-items: stretch; }
.sk-gallery { min-width: 0px; display: flex; flex-direction: column; }
.sk-photo { display: block; position: relative; flex: 1 1 0%; min-height: 340px; width: 100%; padding: 0px; background: rgb(36, 36, 36); border: 0px; color: rgb(255, 255, 255); text-align: left; overflow: hidden; }
.sk-photo > img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; position: absolute; inset: 0px; }
.sk-zoom-label { position: absolute; left: 20px; bottom: 18px; background: rgba(36, 36, 36, 0.78); padding: 7px 12px; font-size: 12px; letter-spacing: 0.1px; }
.sk-gallery-bottom { display: flex; align-items: center; gap: 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); min-height: 64px; }
.sk-gallery-bottom > span { font-size: 12px; letter-spacing: 1.5px; color: rgb(208, 180, 139); }
.sk-gallery-bottom p { font-size: 13px; color: rgb(202, 199, 191); margin: 0px; flex: 1 1 0%; }
.sk-gallery-bottom > div { display: flex; gap: 2px; }
.sk-gallery-bottom button { width: 44px; height: 44px; border: 0px; background: none; color: rgb(244, 240, 231); font-size: 24px; }
.sk-gallery-bottom button:hover { color: rgb(208, 180, 139); }
.sk-summary { border-top: 2px solid rgb(178, 30, 35); background: rgb(55, 55, 53); padding: 26px 28px; min-width: 0px; }
.sk-summary .sk-kicker { margin-bottom: 12px; }
.sk-facts { margin: 0px; }
.sk-facts > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.sk-facts dt { color: rgb(202, 199, 191); font-size: 14px; }
.sk-facts dd { font-size: 20px; margin: 0px; line-height: 1.3; }
.sk-facts dd small { font-size: 14px; color: rgb(202, 199, 191); }
.sk-summary-price { padding: 23px 0px; }
.sk-summary-price > span { display: block; color: rgb(202, 199, 191); font-size: 12px; line-height: 1.5; }
.sk-summary-price strong { display: block; font: 400 clamp(29px, 2.65vw, 43px) / 1.2 Literary, Georgia, serif; white-space: nowrap; margin: 7px 0px; }
.sk-summary-price strong small { font-size: 0.75em; }
.sk-summary-price a { font-size: 12px; color: rgb(208, 180, 139); text-decoration: underline; text-underline-offset: 5px; }
.sk-primary { display: flex; gap: 16px; align-items: center; justify-content: space-between; border: 1px solid rgb(178, 30, 35); min-height: 56px; width: 100%; padding: 15px 20px; background: rgb(178, 30, 35); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left; transition: background 0.2s; }
.sk-primary:hover { background: rgb(152, 25, 30); }
.sk-primary span { font-size: 22px; font-weight: 400; flex: 0 0 auto; }
.sk-fine { color: rgb(202, 199, 191); font-size: 12px; line-height: 1.6; margin: 13px 0px 0px; text-align: center; }
.sk-project-nav { display: flex; flex-wrap: wrap; gap: 12px 38px; padding: 26px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); font-size: 14px; }
.sk-project-nav a:hover { color: rgb(208, 180, 139); }
.sk-section { padding-top: 64px; padding-bottom: 64px; scroll-margin-top: 96px; }
.sk-section + .sk-section { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.sk-section h2 { font: 400 clamp(34px, 3vw, 46px) / 1.16 Literary, Georgia, serif; letter-spacing: -0.6px; margin: 0px; }
.sk-section h3 { font: 400 clamp(27px, 2.4vw, 34px) / 1.2 Literary, Georgia, serif; letter-spacing: -0.25px; margin: 0px 0px 20px; }
.sk-section-head { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 32px; }
.sk-section-head p:not(.sk-kicker) { font-size: 16px; line-height: 1.75; color: rgb(202, 199, 191); margin: 0px; }
.sk-tabs { display: flex; gap: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); margin-bottom: 26px; }
.sk-tabs button { border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; padding: 12px 2px; color: rgb(202, 199, 191); background: none; min-height: 48px; font-size: 15px; }
.sk-tabs button[aria-selected="true"] { color: rgb(244, 240, 231); border-bottom-color: rgb(178, 30, 35); }
.sk-plan-layout { display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr); gap: 48px; align-items: center; }
.sk-plan-image { border: 0px; padding: 0px; background: rgb(255, 255, 255); width: 100%; position: relative; }
.sk-plan-image img { width: 100%; height: auto; max-height: 640px; object-fit: contain; display: block; }
.sk-plan-image > span { display: block; background: rgb(244, 240, 231); color: rgb(48, 48, 48); text-align: left; padding: 15px 22px; font-size: 13px; }
.sk-plan-notes p:not(.sk-kicker) { color: rgb(202, 199, 191); }
.sk-rooms { margin: 26px 0px; }
.sk-rooms > div { display: flex; gap: 18px; justify-content: space-between; padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); font-size: 15px; }
.sk-rooms dd { margin: 0px; color: rgb(208, 180, 139); white-space: nowrap; }
.sk-text-link { display: inline-flex; align-items: center; gap: 24px; font-size: 14px; color: rgb(208, 180, 139); border-bottom: 1px solid rgba(208, 180, 139, 0.376); padding-bottom: 8px; line-height: 1.6; }
.sk-text-link:hover { color: rgb(244, 240, 231); }
.sk-facades { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; }
.sk-facades button, .sk-section-image { padding: 0px; background: rgb(255, 255, 255); border: 0px; width: 100%; }
.sk-facades img, .sk-section-image img { display: block; width: 100%; height: auto; object-fit: contain; max-height: 650px; }
.sk-about { display: grid; grid-template-columns: 1fr 1.35fr; gap: 70px; align-items: start; }
.sk-about p:not(.sk-kicker) { color: rgb(202, 199, 191); font-size: 16px; line-height: 1.8; margin: 0px 0px 20px; }
.sk-diameter { display: flex; align-items: center; gap: 30px; margin: 0px 0px 30px; }
.sk-diameter > span { color: rgb(202, 199, 191); font-size: 14px; }
.sk-diameter > div { display: flex; gap: 10px; }
.sk-diameter button { font-size: 14px; padding: 10px 18px; min-height: 44px; color: rgb(244, 240, 231); background: none; border: 1px solid rgba(255, 255, 255, 0.25); }
.sk-diameter button[aria-pressed="true"] { border-color: rgb(208, 180, 139); background: rgba(208, 180, 139, 0.082); color: rgb(208, 180, 139); }
.sk-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; align-items: start; }
.sk-package { min-width: 0px; background: rgb(55, 55, 53); border-top: 1px solid rgb(208, 180, 139); padding: 28px; }
.sk-package h3 { font-size: 30px; line-height: 1.25; }
.sk-package:nth-child(2) { border-top: 2px solid rgb(178, 30, 35); }
.sk-package-price { font: 400 clamp(27px, 2.3vw, 38px) / 1.2 Literary, Georgia, serif; margin: 20px 0px; color: rgb(244, 240, 231); white-space: nowrap; }
.sk-package-details { margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.14); padding-top: 10px; }
.sk-package-details > summary { font-size: 14px; padding: 12px 0px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 15px; }
.sk-package-details > summary::-webkit-details-marker { display: none; }
.sk-detail { border-top: 1px solid rgba(255, 255, 255, 0.14); }
.sk-detail > summary { font-size: 13px; line-height: 1.65; color: rgb(208, 180, 139); padding: 14px 0px; cursor: pointer; overflow-wrap: anywhere; }
.sk-detail > div { font-size: 13px; color: rgb(202, 199, 191); line-height: 1.7; padding-bottom: 16px; }
.sk-detail ul { padding-left: 18px; margin: 8px 0px; }
.sk-detail li { margin: 6px 0px; }
.sk-detail .sechenie_2 { display: none; }
.sk-main[data-diameter="240"] .sechenie_1 { display: none; }
.sk-main[data-diameter="240"] .sechenie_2 { display: block; }
.sk-price-note { font-size: 13px; line-height: 1.75; color: rgb(202, 199, 191); max-width: 940px; margin: 24px 0px; }
.sk-package-actions { display: flex; justify-content: space-between; gap: 24px; align-items: center; flex-wrap: wrap; }
.sk-pdf-download { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; padding: 15px 21px; border: 1px solid rgb(208, 180, 139); color: rgb(244, 240, 231); font-size: 14px; min-height: 56px; }
.sk-pdf-download:hover { background: rgba(208, 180, 139, 0.082); }
.sk-pdf-download span { font-size: 21px; }
.sk-interior-photo { padding: 0px; border: 0px; width: 100%; background: rgb(36, 36, 36); display: block; }
.sk-interior-photo img { display: block; width: 100%; max-height: 620px; object-fit: cover; object-position: center center; }
.sk-consult { border-top: 3px solid rgb(178, 30, 35); background: rgb(55, 55, 53); padding: 40px; display: grid; grid-template-columns: minmax(230px, 0.8fr) minmax(0px, 1.55fr); gap: 54px; align-items: start; }
.sk-manager > img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 4.6; object-fit: cover; object-position: 50% 28%; }
.sk-manager > div { padding-top: 24px; }
.sk-manager h3 { margin-bottom: 7px; }
.sk-manager p:not(.sk-kicker) { font-size: 14px; color: rgb(202, 199, 191); margin: 0px; }
.sk-consult-content > p:not(.sk-kicker) { color: rgb(202, 199, 191); max-width: 640px; font-size: 16px; line-height: 1.75; }
.sk-project-context { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); font-size: 13px !important; color: rgb(208, 180, 139) !important; }
.sk-messengers { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0px; }
.sk-msg { min-width: 0px; min-height: 56px; display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 1px solid rgb(208, 180, 139); font-size: 13px; font-weight: 600; line-height: 1.4; }
.sk-msg img, .sk-msg svg { width: 22px; height: 22px; flex: 0 0 auto; }
.sk-msg svg { fill: currentcolor; stroke: none; }
.sk-msg > span { margin-left: auto; font-size: 21px; flex: 0 0 auto; }
.sk-msg-max { background: rgb(178, 30, 35); border-color: rgb(178, 30, 35); color: rgb(255, 255, 255); }
.sk-msg-tg { background: none; color: rgb(244, 240, 231); }
.sk-msg:hover { filter: brightness(1.1); }
.sk-form-disclosure { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 28px; padding-top: 16px; }
.sk-form-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; font-size: 15px; color: rgb(244, 240, 231); }
.sk-form-disclosure > summary::-webkit-details-marker { display: none; }
.sk-form-disclosure > summary span { color: rgb(208, 180, 139); font-size: 23px; }
.sk-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 22px 0px; }
.sk-fields label { display: block; min-width: 0px; font-size: 12px; color: rgb(202, 199, 191); }
.sk-wide { grid-column: 1 / -1; }
.sk-fields input:not([type="checkbox"]), .sk-fields textarea { display: block; width: 100%; margin-top: 6px; border: 1px solid rgba(255, 255, 255, 0.24); background: rgb(48, 48, 48); color: rgb(244, 240, 231); border-radius: 0px; font: 400 16px / 1.5 Inter, Arial, sans-serif; padding: 11px 12px; min-height: 48px; }
.sk-fields textarea { resize: vertical; }
.sk-fields input::placeholder, .sk-fields textarea::placeholder { color: rgb(168, 165, 158); }
.sk-file input { font-size: 12px !important; border-style: dashed !important; }
.sk-file small { display: block; margin-top: 5px; font-size: 11px; }
.sk-consent { display: flex; align-items: start; gap: 11px; font-size: 12px; line-height: 1.7; color: rgb(202, 199, 191); }
.sk-consent input { width: 18px; height: 18px; margin: 3px 0px 0px; flex: 0 0 auto; accent-color: rgb(178, 30, 35); }
.sk-consent a, .sk-policy { color: rgb(208, 180, 139); text-decoration: underline; text-underline-offset: 3px; }
.sk-policy { display: inline-block; font-size: 11px; margin: 8px 0px 22px; }
.sk-inquiry .sk-primary { width: auto; }
#sk-form-status { font-size: 13px; color: rgb(208, 180, 139); }
.sk-related { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px; }
.sk-related img { display: block; width: 100%; height: auto; aspect-ratio: 1.792 / 1; object-fit: cover; }
.sk-related > a > span { display: flex; align-items: center; gap: 25px; font: 400 30px / 1.3 Literary, Georgia, serif; padding: 16px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.sk-related small { font: 400 14px Inter, Arial, sans-serif; color: rgb(202, 199, 191); }
.sk-related b { margin-left: auto; font: 400 24px Inter, Arial, sans-serif; color: rgb(208, 180, 139); }
.sk-image-dialog { padding: 0px; border: 1px solid rgba(255, 255, 255, 0.208); background: rgb(41, 41, 41); color: rgb(244, 240, 231); max-width: 95vw; max-height: 94dvh; width: min(1240px, 95vw); overflow: auto; }
.sk-image-dialog::backdrop { background: rgba(17, 17, 17, 0.867); backdrop-filter: blur(3px); }
.sk-image-dialog > img { display: block; max-width: 100%; width: auto; height: auto; max-height: 80dvh; object-fit: contain; margin: auto; }
.sk-image-dialog > p { margin: 0px; padding: 13px 20px; color: rgb(202, 199, 191); font-size: 13px; }
.sk-dialog-close { position: sticky; top: 0px; float: right; width: 44px; height: 44px; background: rgb(41, 41, 41); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.44); z-index: 2; font-size: 29px; }
.sk-cookie { position: fixed; bottom: 20px; left: 20px; right: 20px; max-width: 610px; z-index: 60; background: rgb(244, 240, 231); color: rgb(48, 48, 48); padding: 20px 24px; box-shadow: rgba(0, 0, 0, 0.333) 0px 6px 28px; border-top: 2px solid rgb(178, 30, 35); }
.sk-cookie p { font-size: 13px; line-height: 1.65; margin: 0px 0px 16px; }
.sk-cookie a { text-decoration: underline; }
.sk-cookie > div { display: flex; gap: 10px; }
.sk-cookie button { padding: 10px 18px; background: rgb(178, 30, 35); border: 1px solid rgb(178, 30, 35); color: rgb(255, 255, 255); font-size: 13px; }
.sk-cookie button + button { background: none; color: rgb(48, 48, 48); border-color: rgb(48, 48, 48); }
.skandi-page .footer-cookie-settings { background: none; border: 0px; padding: 0px; font-size: 12px; color: inherit; }
@media (max-width: 1199px) {
  .sk-main { padding-top: 140px; }
  .sk-heading { align-items: start; }
  .sk-intro { max-width: 320px; }
  .sk-hero-grid { gap: 22px; grid-template-columns: minmax(0px, 1.5fr) minmax(280px, 1fr); }
  .sk-summary { padding: 24px; }
  .sk-photo > img { object-position: 50% center; }
  .sk-plan-layout { gap: 30px; grid-template-columns: 1.15fr 1fr; }
  .sk-consult { gap: 30px; padding: 30px; }
  .sk-package { padding: 22px; }
  .sk-package h3 { font-size: 27px; }
  .sk-package-grid { gap: 16px; }
  .sk-messengers { grid-template-columns: 1fr; }
  .sk-about { gap: 40px; }
}
@media (max-width: 900px) {
  .sk-main { padding-top: 112px; }
  .sk-heading { display: block; }
  .sk-heading .sk-intro { margin-top: 20px; max-width: 100%; }
  .sk-intro br { display: none; }
  .sk-hero-grid { grid-template-columns: 1fr; }
  .sk-photo { aspect-ratio: 16 / 9; min-height: 0px; }
  .sk-photo > img { min-height: 0px; }
  .sk-summary { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; }
  .sk-summary > .sk-kicker { grid-column: 1 / -1; }
  .sk-facts { grid-row: 2 / 5; }
  .sk-summary-price { padding-top: 0px; }
  .sk-summary .sk-primary { align-self: center; }
  .sk-section-head { align-items: start; }
  .sk-section-head > p br { display: none; }
  .sk-plan-layout { grid-template-columns: 1fr; }
  .sk-plan-notes h3 br { display: none; }
  .sk-about { grid-template-columns: 1fr; gap: 26px; }
  .sk-package-grid { grid-template-columns: 1fr; }
  .sk-package { padding: 28px; }
  .sk-package h3 { margin: 0px; }
  .sk-package-price { font-size: 36px; }
  .sk-consult { grid-template-columns: 230px minmax(0px, 1fr); gap: 25px; padding: 25px; }
  .sk-consult h2 { font-size: 35px; }
  .sk-fields { grid-template-columns: 1fr; }
  .sk-consult .sk-kicker { font-size: 10px; }
  .sk-section-head { flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .skandi-page { --sk-gutter: 16px; }
  .sk-main { padding-top: 108px; }
  .sk-overview { padding-top: 32px; }
  .sk-heading { margin-bottom: 25px; }
  .sk-heading h1 { font-size: 46px; }
  .sk-kicker { font-size: 10px; letter-spacing: 1.5px; margin-bottom: 12px; }
  .sk-intro { font-size: 15px; }
  .sk-hero-grid { gap: 24px; }
  .sk-zoom-label { left: 10px; bottom: 10px; font-size: 11px; padding: 5px 8px; }
  .sk-gallery-bottom { gap: 14px; min-height: 56px; }
  .sk-gallery-bottom p { font-size: 11px; }
  .sk-gallery-bottom > span { font-size: 10px; }
  .sk-summary { display: block; padding: 24px; }
  .sk-summary .sk-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 25px; }
  .sk-facts > div { align-items: start; flex-direction: column; gap: 3px; justify-content: start; padding: 10px 0px; }
  .sk-facts > div:last-child { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
  .sk-facts dt { font-size: 12px; }
  .sk-facts dd { font-size: 21px; }
  .sk-summary-price { padding: 24px 0px; }
  .sk-summary-price strong { font-size: 39px; }
  .sk-primary { font-size: 14px; padding: 14px 16px; }
  .sk-project-nav { gap: 12px 24px; padding: 24px 0px; font-size: 13px; }
  .sk-section { padding-top: 38px; padding-bottom: 38px; scroll-margin-top: 85px; }
  .sk-section h2 { font-size: 32px; }
  .sk-section-head { display: block; margin-bottom: 25px; }
  .sk-section-head > p { margin-top: 18px !important; font-size: 15px !important; }
  .sk-section-head > .sk-text-link { margin-top: 20px; }
  .sk-tabs { gap: 22px; }
  .sk-tabs button { font-size: 14px; }
  .sk-plan-layout { gap: 26px; }
  .sk-plan-image > span { font-size: 12px; }
  .sk-plan-notes h3 { font-size: 28px; }
  .sk-rooms > div { font-size: 14px; }
  .sk-facades { grid-template-columns: 1fr; gap: 16px; }
  .sk-diameter { align-items: start; flex-direction: column; gap: 12px; }
  .sk-package { padding: 24px; }
  .sk-package h3 { font-size: 30px; }
  .sk-package-actions { align-items: stretch; }
  .sk-pdf-download { width: 100%; font-size: 13px; gap: 15px; }
  .sk-consult { grid-template-columns: 1fr; padding: 22px; gap: 30px; }
  .sk-manager { display: grid; grid-template-columns: 110px minmax(0px, 1fr); gap: 18px; align-items: center; }
  .sk-manager > img { width: 110px; aspect-ratio: 1 / 1; object-fit: cover; }
  .sk-manager > div { padding: 0px; }
  .sk-manager h3 { font-size: 25px; margin-bottom: 8px; }
  .sk-manager .sk-kicker { font-size: 8px; letter-spacing: 1.1px; margin-bottom: 8px; }
  .sk-manager p:not(.sk-kicker) { font-size: 12px; }
  .sk-consult h2 br { display: none; }
  .sk-messengers { grid-template-columns: 1fr; }
  .sk-msg { min-height: 56px; font-size: 13px; }
  .sk-consult-content > p:not(.sk-kicker) { font-size: 15px; }
  .sk-related { grid-template-columns: 1fr; gap: 28px; }
  .sk-related > a > span { font-size: 28px; }
  .sk-price-note { font-size: 12px; }
  .sk-cookie { bottom: 12px; left: 12px; right: 12px; padding: 18px; }
  .sk-fine br { display: none; }
}
@media (max-width: 360px) {
  .sk-heading h1 { font-size: 42px; }
  .sk-summary { padding: 20px; }
  .sk-summary-price strong { font-size: 35px; }
  .sk-consult { padding: 18px; }
  .sk-manager { grid-template-columns: 85px minmax(0px, 1fr); gap: 13px; }
  .sk-manager > img { width: 85px; }
  .sk-manager h3 { font-size: 23px; }
  .sk-consult h2 { font-size: 30px; }
  .sk-package { padding: 20px; }
  .sk-package-price { font-size: 33px; }
  .sk-tabs { gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sk-primary { transition: none; }
}
@media print {
  .site-header, .mobile-nav, .site-footer, .sk-cookie, .sk-primary, .sk-messengers, .sk-form-disclosure, .sk-project-nav, .sk-image-dialog { display: none !important; }
  .sk-main { padding: 0px; }
  .skandi-page { background: rgb(255, 255, 255); color: rgb(34, 34, 34); }
  .sk-section { break-inside: avoid; }
  .sk-wrap { padding-left: 0px; padding-right: 0px; }
  .sk-section p, .sk-intro { color: rgb(51, 51, 51) !important; }
}
.sk-price-heading { text-align: center; max-width: 850px; margin: 0px auto 36px; }
.sk-price-heading h2 { font-size: clamp(42px, 4.2vw, 62px); line-height: 1.12; letter-spacing: -0.7px; }
.sk-price-heading > p:last-child { color: rgb(202, 199, 191); font-size: 16px; line-height: 1.75; margin: 20px 0px 0px; }
#packages .sk-diameter { justify-content: center; margin-bottom: 34px; }
.sk-compare { width: 100%; border-collapse: collapse; table-layout: fixed; border: 0px; background: rgb(52, 52, 50); }
.sk-compare col.sk-compare-label { width: 31%; }
.sk-compare col:not(.sk-compare-label) { width: 23%; }
.sk-compare th, .sk-compare td { padding: 19px 24px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.07); border-image: none; text-align: left; vertical-align: middle; font-size: 14px; line-height: 1.6; }
.sk-compare thead th { padding-top: 28px; padding-bottom: 28px; border-top: 1px solid rgba(208, 180, 139, 0.376); border-bottom: 2px solid rgb(178, 30, 35); background: rgb(57, 57, 54); font-weight: 400; vertical-align: top; }
.sk-compare tbody th { font-weight: 400; color: rgb(222, 219, 211); }
.sk-compare tbody tr:nth-child(2n) { background: rgba(255, 255, 255, 0.016); }
.sk-compare tbody tr:hover { background: rgba(255, 255, 255, 0.035); }
.sk-compare-help { display: block; font-size: 13px; color: rgb(202, 199, 191); line-height: 1.8; }
.sk-compare .sk-kicker { display: block; margin-bottom: 9px; }
.sk-compare-name { display: block; font-size: 16px; font-weight: 500; color: rgb(244, 240, 231); min-height: 52px; }
.sk-compare-price { display: block; font: 400 clamp(25px, 2.25vw, 38px) / 1.2 Literary, Georgia, serif; color: rgb(244, 240, 231); white-space: nowrap; margin-top: 12px; }
.sk-value { display: inline-flex; gap: 9px; align-items: baseline; }
.sk-value-included { color: rgb(231, 214, 185); }
.sk-value-included > span:first-child { font-size: 16px; color: rgb(208, 180, 139); }
.sk-value-excluded { color: rgb(188, 185, 178); }
.sk-value-excluded > span { color: rgb(139, 137, 130); }
.sk-value-separate { color: rgb(208, 180, 139); }
.sk-value-detail { color: rgb(238, 234, 225); }
.sk-sr-only { width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.sk-all-details { margin-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.sk-all-details > summary { display: flex; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; padding: 20px 0px; font-size: 16px; color: rgb(244, 240, 231); gap: 20px; }
.sk-all-details > summary::-webkit-details-marker { display: none; }
.sk-all-details > summary span { font-size: 24px; color: rgb(208, 180, 139); line-height: 1; }
.sk-all-details[open] > summary span { transform: rotate(45deg); }
.sk-all-details .sk-package-grid { padding-bottom: 24px; }
.sk-all-details .sk-package { border-top: 1px solid rgba(255, 255, 255, 0.14); }
.sk-all-details .sk-package h3 { font-size: 26px; }
.sk-all-details .sk-package-price { font-size: 30px; }
.sk-all-details .sk-detail > summary { overflow-wrap: normal; hyphens: none; }
.sk-mobile-compare { display: none; }
@media (max-width: 1100px) {
  .sk-compare th, .sk-compare td { padding: 16px; }
  .sk-compare-name { font-size: 15px; }
  .sk-compare-price { font-size: 28px; }
  .sk-compare col.sk-compare-label { width: 28%; }
  .sk-compare col:not(.sk-compare-label) { width: 24%; }
}
@media (max-width: 760px) {
  .sk-price-heading { margin-bottom: 28px; }
  .sk-price-heading h2 { font-size: 40px; }
  .sk-price-heading > p:last-child { font-size: 15px; margin-top: 16px; }
  .sk-price-heading .sk-kicker { font-size: 9px; }
  #packages .sk-diameter { align-items: center; gap: 12px; flex-direction: column; margin-bottom: 26px; }
  .sk-desktop-compare { display: none; }
  .sk-mobile-compare { display: block; }
  .sk-package-tabs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
  .sk-package-tabs button { background: none; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; color: rgb(202, 199, 191); padding: 13px 9px; line-height: 1.5; font-size: 13px; min-height: 66px; }
  .sk-package-tabs button[aria-selected="true"] { background: rgba(255, 255, 255, 0.02); color: rgb(244, 240, 231); border-bottom-color: rgb(178, 30, 35); }
  .sk-mobile-compare [role="tabpanel"] { background: rgb(52, 52, 50); }
  .sk-mobile-price { padding: 26px 20px; border-bottom: 1px solid rgba(208, 180, 139, 0.25); }
  .sk-mobile-price > span { display: block; font-size: 15px; color: rgb(202, 199, 191); margin-bottom: 10px; }
  .sk-mobile-price strong { font: 400 39px / 1.2 Literary, Georgia, serif; white-space: nowrap; }
  .sk-mobile-compare dl { margin: 0px; }
  .sk-mobile-compare dl > div { display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: 14px; padding: 17px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); align-items: start; }
  .sk-mobile-compare dl > div:nth-child(2n) { background: rgba(255, 255, 255, 0.016); }
  .sk-mobile-compare dt { font-size: 13px; line-height: 1.65; color: rgb(202, 199, 191); }
  .sk-mobile-compare dd { margin: 0px; font-size: 13px; line-height: 1.65; }
  .sk-mobile-compare .sk-value { gap: 6px; }
  .sk-all-details > summary { font-size: 14px; }
  .sk-price-note { line-height: 1.8; }
}
@media (max-width: 360px) {
  .sk-price-heading h2 { font-size: 36px; }
  .sk-package-tabs button { padding: 12px 5px; font-size: 12px; }
  .sk-mobile-compare dl > div { padding: 15px 14px; gap: 10px; }
  .sk-mobile-price { padding: 23px 16px; }
  .sk-mobile-price strong { font-size: 36px; }
  .sk-mobile-compare dt, .sk-mobile-compare dd { font-size: 12px; }
}
.sk-exact-compare thead th { width: 33.333%; padding: 30px; text-align: center; }
.sk-exact-compare .sk-compare-name { min-height: 0px; }
.sk-exact-compare .sk-compare-price { margin-top: 15px; }
.sk-exact-compare td { width: 33.333%; padding: 0px; vertical-align: top; }
.sk-exact-compare td + td { border-left: 1px solid rgba(255, 255, 255, 0.047); }
.sk-original-item { padding: 0px 26px; }
.sk-original-item > summary { list-style: none; display: flex; align-items: start; gap: 16px; justify-content: space-between; padding: 20px 0px; cursor: pointer; font-size: 15px; line-height: 1.65; color: rgb(244, 240, 231); font-weight: 500; hyphens: none; overflow-wrap: normal; }
.sk-original-item > summary::-webkit-details-marker { display: none; }
.sk-original-static { padding-top: 20px; padding-bottom: 20px; font-size: 15px; line-height: 1.65; font-weight: 500; }
.sk-item-chevron { color: rgb(208, 180, 139); font-size: 21px; font-weight: 400; flex: 0 0 auto; line-height: 1.2; margin-top: 3px; }
.sk-original-item[open] .sk-item-chevron { transform: rotate(45deg); }
.sk-original-description { color: rgb(202, 199, 191); font-size: 14px; line-height: 1.85; font-weight: 400; hyphens: none; padding-bottom: 24px; }
.sk-original-description:empty { display: none; }
.sk-original-description ul { margin: 0px 0px 15px; padding-left: 18px; }
.sk-original-description li { padding-left: 2px; margin: 0px 0px 9px; }
.sk-original-description li::marker { color: rgb(208, 180, 139); }
.sk-original-description b { color: rgb(244, 240, 231); font-weight: 500; }
.sk-original-description .sechenie_2 { display: none; }
.sk-main[data-diameter="240"] .sk-original-description .sechenie_2 { display: block; }
.sk-description-toolbar { display: flex; justify-content: flex-end; margin-bottom: 20px; }
.sk-description-toolbar button { display: flex; align-items: center; gap: 22px; background: none; color: rgb(208, 180, 139); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(208, 180, 139, 0.333); border-image: none; padding: 10px 0px; font-size: 14px; min-height: 44px; }
.sk-description-toolbar span { font-size: 20px; }
@media (max-width: 1100px) {
  .sk-original-item { padding-left: 18px; padding-right: 18px; }
  .sk-original-item > summary, .sk-original-static { font-size: 14px; }
  .sk-original-description { font-size: 13px; }
  .sk-exact-compare thead th { padding: 24px 16px; }
}
@media (max-width: 760px) {
  .sk-mobile-compare .sk-original-item { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .sk-mobile-compare .sk-original-item:nth-child(2n+1) { background: rgba(255, 255, 255, 0.016); }
  .sk-original-item > summary { font-size: 15px; padding: 19px 0px; }
  .sk-original-static { font-size: 15px; padding-top: 19px; padding-bottom: 19px; }
  .sk-original-description { font-size: 14px; line-height: 1.85; }
  .sk-description-toolbar { justify-content: center; }
}
@media (max-width: 360px) {
  .sk-mobile-compare .sk-original-item { padding-left: 16px; padding-right: 16px; }
  .sk-original-item > summary, .sk-original-static { font-size: 14px; }
}
.sk-page-title { padding-top: 42px; padding-bottom: 40px; }
.sk-page-title h1 { max-width: 1450px; margin: 0px; font: 400 clamp(36px, 3.3vw, 58px) / 1.16 Literary, Georgia, serif; letter-spacing: -0.55px; }
.sk-project-layout { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(300px, 360px); gap: 40px; align-items: start; padding-bottom: 60px; }
.sk-project-body { min-width: 0px; }
.sk-project-body > .sk-section { padding-left: 0px; padding-right: 0px; }
.sk-original-overview { padding: 0px; }
.sk-original-overview .sk-gallery { display: block; }
.sk-original-overview .sk-photo { aspect-ratio: 1.792 / 1; min-height: 0px; }
.sk-original-overview .sk-photo > img { position: static; width: 100%; height: 100%; min-height: 0px; object-fit: cover; }
.sk-original-overview .sk-gallery-bottom { min-height: 54px; }
.sk-thumbnails { display: flex; gap: 12px; margin-top: 15px; }
.sk-thumbnails button { padding: 0px; border: 1px solid transparent; background: none; width: 120px; max-width: calc(50% - 6px); }
.sk-thumbnails button[aria-pressed="true"] { border-color: rgb(208, 180, 139); }
.sk-thumbnails img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.sk-project-nav { gap: 12px 25px; font-size: 13px; justify-content: space-between; }
.sk-summary.sk-original-sidebar { display: block; position: sticky; top: calc(var(--sk-head-height,80px) + 22px); padding: 28px; background: rgb(244, 240, 231); color: rgb(48, 48, 48); border-top: 3px solid rgb(178, 30, 35); max-height: calc(100dvh - var(--sk-head-height,80px) - 44px); overflow-y: auto; scrollbar-width: thin; }
.sk-original-sidebar .sk-kicker { color: rgb(163, 27, 33); text-align: center; font-size: 10px; margin: 0px 0px 14px; }
.sk-sidebar-title { font: 400 35px / 1.2 Literary, Georgia, serif; margin: 0px 0px 25px; text-align: center; }
.sk-original-sidebar .sk-facts { display: block; }
.sk-original-sidebar .sk-facts > div { display: flex; flex-direction: row; align-items: center; padding: 11px 0px; border-color: rgba(48, 48, 48, 0.15); }
.sk-original-sidebar .sk-facts dt, .sk-original-sidebar .sk-facts dd small { color: rgb(98, 95, 89); font-size: 13px; }
.sk-original-sidebar .sk-facts dd { color: rgb(163, 27, 33); font-size: 19px; }
.sk-original-sidebar .sk-summary-price { text-align: center; padding: 25px 0px 23px; }
.sk-original-sidebar .sk-summary-price > span { color: rgb(98, 95, 89); font-size: 12px; }
.sk-original-sidebar .sk-summary-price strong { font-size: 38px; color: rgb(163, 27, 33); margin: 10px 0px 3px; }
.sk-original-sidebar .sk-summary-price a { display: block; color: rgb(107, 87, 58); margin-top: 11px; font-size: 12px; }
.sk-old-price { font-size: 14px; color: rgb(118, 113, 106); }
.sk-original-sidebar .sk-fine { color: rgb(98, 95, 89); font-size: 11px; }
.sk-original-sidebar .sk-primary { color: white; font-size: 13px; min-height: 64px; justify-content: center; gap: 12px; text-align: center; padding: 13px 14px; }
.sk-sidebar-cta span { font-size: 18px; }
.sk-project-body .sk-plan-layout { display: block; }
.sk-project-body .sk-plan-image img { max-height: 700px; }
.sk-project-body .sk-plan-image { width: 100%; }
.sk-plan-adaptation { padding: 30px 0px 0px; }
.sk-plan-adaptation h3 { font-size: 30px; line-height: 1.35; margin: 0px 0px 20px; }
.sk-plan-adaptation h3 span { color: rgb(208, 180, 139); }
.sk-plan-adaptation ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 32px; list-style: none; padding: 0px; margin: 0px; color: rgb(202, 199, 191); font-size: 15px; }
.sk-plan-adaptation li { padding-left: 17px; position: relative; }
.sk-plan-adaptation li::before { content: "—"; position: absolute; left: 0px; color: rgb(208, 180, 139); }
.sk-project-body .sk-price-heading h2 { font-size: clamp(40px, 3.6vw, 56px); }
.sk-project-body .sk-price-heading > .sk-kicker { display: none; }
.sk-project-body .sk-price-heading > p:last-child { display: none; }
.sk-project-body .sk-price-heading { margin-bottom: 30px; }
.sk-project-body .sk-exact-compare thead th { padding: 24px 16px; }
.sk-project-body .sk-compare-price { font-size: 30px; }
.sk-project-body .sk-compare-name { font-size: 15px; }
.sk-project-body .sk-original-item { padding-left: 18px; padding-right: 18px; }
.sk-project-body .sk-original-item > summary { font-size: 14px; }
.sk-project-body .sk-original-description { font-size: 13px; line-height: 1.85; }
.sk-project-body .sk-package-actions { margin-top: 25px; }
.sk-project-body .sk-consult { grid-template-columns: minmax(170px, 0.8fr) minmax(0px, 1.7fr); gap: 28px; padding: 28px; }
.sk-project-body .sk-consult h2 { font-size: 37px; }
.sk-project-body .sk-messengers { grid-template-columns: 1fr; }
.sk-project-body .sk-fields { grid-template-columns: 1fr 1fr; }
.sk-original-about { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 20px; align-items: stretch; }
.sk-editorial { min-width: 0px; display: flex; flex-direction: column; background: rgb(55, 55, 53); border-top: 1px solid rgba(208, 180, 139, 0.4); }
.sk-editorial-copy { padding: 24px; flex: 1 1 0%; }
.sk-editorial-copy h2 { font-size: 28px; line-height: 1.2; margin: 0px 0px 17px; }
.sk-editorial-copy p { font-size: 14px; line-height: 1.8; color: rgb(202, 199, 191); margin: 0px; }
.sk-editorial-image { border: 0px; padding: 0px; background: rgb(255, 255, 255); display: block; width: 100%; }
.sk-editorial-image img { display: block; width: 100%; height: auto; object-fit: cover; }
.sk-editorial-1 .sk-editorial-image img { aspect-ratio: 1.43 / 1; }
.sk-editorial-2 .sk-editorial-image img { aspect-ratio: 1 / 1; }
.sk-editorial-3 .sk-editorial-image img { aspect-ratio: 1 / 1; object-fit: contain; }
.sk-editorial-2 .sk-editorial-image { order: 0; }
.sk-editorial-2 .sk-editorial-copy { order: 1; }
#finishes > h2 { margin-bottom: 28px; }
#finishes .sk-interior-photo img { max-height: 600px; }
.sk-mortgage-calculator { background: rgb(55, 55, 53); border-top: 2px solid rgb(208, 180, 139); padding: 34px; }
.sk-mortgage-calculator h2 { font-size: 36px; margin: 0px 0px 30px; }
.sk-mortgage-calculator .calc_subtitle { display: flex; gap: 8px; flex-wrap: wrap; color: rgb(244, 240, 231); font-size: 15px; line-height: 1.65; }
.sk-mortgage-calculator .calc_white_text { color: rgb(202, 199, 191); }
.sk-mortgage-calculator .calc_input_block { margin: 15px 0px 28px; }
.sk-mortgage-calculator input[type="range"] { display: block; width: 100%; height: 22px; accent-color: rgb(178, 30, 35); cursor: pointer; }
.sk-mortgage-calculator .calc_summ_block { border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 24px; }
.sk-mortgage-calculator .calc_summ_title { font-size: 14px; color: rgb(202, 199, 191); }
.sk-mortgage-calculator .calc_summ_value { font: 400 43px / 1.25 Literary, Georgia, serif; margin-top: 10px; color: rgb(208, 180, 139); }
.sk-mortgage-info { margin-top: 36px; padding-top: 34px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.sk-mortgage-info h2 { font-size: 38px; margin: 0px 0px 20px; }
.sk-banks { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; margin: 28px 0px; }
.sk-banks a { background: rgb(255, 255, 255); height: 66px; display: flex; align-items: center; justify-content: center; padding: 10px 15px; }
.sk-banks img { display: block; object-fit: contain; max-height: 100%; max-width: 100%; }
.sk-mortgage-copy p { font-size: 14px; color: rgb(202, 199, 191); line-height: 1.85; margin: 20px 0px; }
.sk-mortgage-copy strong { color: rgb(244, 240, 231); font-weight: 500; }
.sk-original-trust > div { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.sk-original-trust h3, .sk-original-trust h4 { font: 400 28px / 1.3 Literary, Georgia, serif; color: rgb(208, 180, 139); margin: 0px 0px 18px; }
.sk-original-trust p { font-size: 14px; line-height: 1.85; color: rgb(202, 199, 191); margin: 0px 0px 20px; }
.sk-original-trust > div > div + div { border-left: 1px solid rgba(255, 255, 255, 0.14); padding-left: 35px; }
.sk-related-facts { font-size: 12px; color: rgb(202, 199, 191); line-height: 1.7; margin: 16px 0px 8px; }
.sk-related-cost { font: 400 30px / 1.3 Literary, Georgia, serif; margin: 0px; color: rgb(208, 180, 139); }
.sk-related-cost del { font: 400 13px Inter, Arial, sans-serif; color: rgb(170, 166, 158); margin-left: 12px; white-space: nowrap; }
.sk-original-reviews .sk-primary { width: min(100%, 280px); margin: 28px 0px; }
.sk-original-reviews > p { color: rgb(202, 199, 191); font-size: 13px; }
.sk-review-links { display: flex; gap: 30px; color: rgb(208, 180, 139); font-size: 14px; }
.sk-more h2 { font-size: 34px; margin-bottom: 25px; }
.sk-more > div { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.sk-more a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 65px; padding: 16px; border: 1px solid rgba(208, 180, 139, 0.44); font-size: 12px; font-weight: 500; line-height: 1.6; }
.sk-more a span { color: rgb(208, 180, 139); font-size: 21px; }
@media (min-width: 1200px) and (max-width: 1450px) {
  .sk-project-layout { grid-template-columns: minmax(0px, 1fr) 300px; gap: 28px; }
  .sk-summary.sk-original-sidebar { padding: 23px; }
  .sk-sidebar-title { font-size: 31px; }
  .sk-original-sidebar .sk-summary-price strong { font-size: 34px; }
  .sk-project-body .sk-compare-price { font-size: 26px; }
  .sk-project-body .sk-original-item { padding-left: 14px; padding-right: 14px; }
  .sk-project-body .sk-consult { grid-template-columns: 170px minmax(0px, 1fr); padding: 24px; gap: 22px; }
  .sk-project-body .sk-consult h2 { font-size: 33px; }
  .sk-editorial-copy { padding: 17px; }
  .sk-editorial-copy h2 { font-size: 26px; }
  .sk-editorial-copy p { font-size: 13px; }
  .sk-original-about { gap: 14px; }
}
@media (max-width: 1199px) {
  .sk-project-layout { display: flex; flex-direction: column; gap: 0px; }
  .sk-project-body { display: contents; }
  .sk-project-body > .sk-section { width: 100%; order: 2; }
  .sk-original-overview { width: 100%; order: 0; }
  .sk-summary.sk-original-sidebar { width: 100%; order: 1; position: static; max-height: none; margin: 32px 0px 0px; padding: 28px 32px; }
  .sk-original-sidebar .sk-sidebar-title { font-size: 38px; }
  .sk-original-sidebar .sk-facts { max-width: 560px; margin: auto; }
  .sk-original-sidebar .sk-summary-price strong { font-size: 40px; }
  .sk-original-sidebar .sk-primary { max-width: 420px; margin: 0px auto; }
  .sk-original-about { grid-template-columns: 1.3fr 1fr 1fr; }
  .sk-page-title h1 { font-size: 42px; }
  .sk-page-title { padding-top: 34px; padding-bottom: 32px; }
}
@media (max-width: 850px) {
  .sk-original-about { grid-template-columns: 1fr; }
  .sk-editorial { display: grid; grid-template-columns: 1.1fr 1fr; }
  .sk-editorial-2 { grid-template-columns: 1fr 1.1fr; }
  .sk-editorial-image img, .sk-editorial-1 .sk-editorial-image img, .sk-editorial-2 .sk-editorial-image img, .sk-editorial-3 .sk-editorial-image img { height: 100%; aspect-ratio: auto; }
  .sk-editorial-copy h2 { font-size: 30px; }
  .sk-editorial-copy p { font-size: 14px; }
  .sk-project-body .sk-consult { grid-template-columns: 180px minmax(0px, 1fr); padding: 25px; gap: 25px; }
  .sk-project-body .sk-consult h2 { font-size: 34px; }
  .sk-project-body .sk-fields { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .sk-page-title { padding-top: 28px; padding-bottom: 28px; }
  .sk-page-title h1 { font-size: 32px; line-height: 1.2; letter-spacing: -0.25px; }
  .sk-project-layout { padding-bottom: 30px; }
  .sk-original-overview .sk-photo { aspect-ratio: 1.792 / 1; }
  .sk-original-overview .sk-gallery-bottom p { font-size: 11px; }
  .sk-project-nav { justify-content: start; gap: 13px 22px; }
  .sk-summary.sk-original-sidebar { padding: 25px 23px; margin-top: 26px; }
  .sk-original-sidebar .sk-sidebar-title { font-size: 34px; }
  .sk-original-sidebar .sk-facts > div:last-child { flex-direction: row; }
  .sk-plan-adaptation h3 { font-size: 27px; }
  .sk-plan-adaptation ul { grid-template-columns: 1fr; gap: 10px; font-size: 14px; }
  .sk-project-body .sk-price-heading h2 { font-size: 39px; }
  .sk-project-body .sk-consult { grid-template-columns: 1fr; padding: 22px; gap: 26px; }
  .sk-project-body .sk-consult h2 { font-size: 32px; }
  .sk-project-body .sk-manager { grid-template-columns: 100px minmax(0px, 1fr); }
  .sk-project-body .sk-manager > img { width: 100px; }
  .sk-editorial { display: flex; }
  .sk-editorial-copy { padding: 23px; }
  .sk-editorial-image img, .sk-editorial-1 .sk-editorial-image img, .sk-editorial-2 .sk-editorial-image img, .sk-editorial-3 .sk-editorial-image img { height: auto; aspect-ratio: 1.43 / 1; }
  .sk-editorial-3 .sk-editorial-image img { aspect-ratio: 1 / 1; object-fit: contain; }
  .sk-mortgage-calculator { padding: 24px 20px; }
  .sk-mortgage-calculator h2 { font-size: 31px; }
  .sk-mortgage-calculator .calc_subtitle { font-size: 14px; }
  .sk-mortgage-calculator .calc_summ_value { font-size: 38px; }
  .sk-mortgage-info h2 { font-size: 33px; }
  .sk-banks { grid-template-columns: 1fr 1fr; }
  .sk-original-trust > div { grid-template-columns: 1fr; gap: 25px; }
  .sk-original-trust > div > div + div { border: 0px; padding: 0px; }
  .sk-more > div { grid-template-columns: 1fr; }
  .sk-more a { font-size: 13px; min-height: 56px; }
  .sk-project-body .sk-original-description { font-size: 14px; }
  .sk-project-body .sk-original-item > summary { font-size: 15px; }
  .sk-related-cost { font-size: 29px; }
}
@media (max-width: 360px) {
  .sk-page-title h1 { font-size: 29px; }
  .sk-project-body .sk-price-heading h2 { font-size: 35px; }
  .sk-summary.sk-original-sidebar { padding: 23px 20px; }
  .sk-original-sidebar .sk-sidebar-title { font-size: 31px; }
  .sk-original-sidebar .sk-summary-price strong { font-size: 36px; }
  .sk-project-body .sk-consult { padding: 18px; }
  .sk-project-body .sk-manager { grid-template-columns: 85px minmax(0px, 1fr); }
  .sk-project-body .sk-manager > img { width: 85px; }
  .sk-project-body .sk-consult h2 { font-size: 30px; }
  .sk-project-body .sk-original-item > summary { font-size: 14px; }
}
.skandi-page .kd-gutter { padding-inline: 4.5%; }
.skandi-page .kd-top { position: relative; isolation: isolate; background: rgb(39, 44, 41); }
.skandi-page .kd-top::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(rgba(24, 35, 41, 0.533), rgba(48, 48, 48, 0.7)), url("/kd-projects-20260917-r1/assets/log-hero-1200.webp") center 38% / cover; clip-path: inset(0px); }
.skandi-page .kd-header { display: grid; grid-template-columns: 128px minmax(0px, 1fr) auto; grid-template-rows: auto auto; gap: 18px 25px; padding-block: 0px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); align-items: center; position: relative; z-index: 4; }
.skandi-page .kd-logo { grid-row: 1 / 3; align-self: start; background: rgb(178, 30, 35); padding: 8px; display: block; width: 128px; height: 83px; }
.skandi-page .kd-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.skandi-page .kd-tagline { font-size: 14px; margin: 18px 0px 0px; align-self: start; font-weight: 500; }
.skandi-page .kd-header-contact { display: flex; gap: 8px; align-items: center; padding-top: 12px; }
.skandi-page .kd-phone { display: block; font-size: 18px; white-space: nowrap; line-height: 1.3; margin-right: 6px; }
.skandi-page .kd-phone small { display: block; font-size: 10px; margin-top: 5px; color: rgb(227, 223, 214); }
.skandi-page .kd-round { width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 50%; display: grid; place-items: center; background: rgba(48, 48, 48, 0.4); padding: 8px; flex-shrink: 0; }
.skandi-page .kd-round img { width: 24px; height: 24px; }
.skandi-page .kd-round svg { width: 17px; height: 17px; }
.skandi-page .kd-nav { grid-column: 2 / 4; display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: 12px; }
.skandi-page .kd-nav > details { position: relative; }
.skandi-page .kd-nav summary { list-style: none; display: flex; align-items: center; gap: 4px; }
.skandi-page .kd-nav summary svg { width: 12px; height: 12px; }
.skandi-page .kd-nav summary::-webkit-details-marker { display: none; }
.skandi-page .kd-submenu { position: absolute; z-index: 8; top: calc(100% + 12px); left: 0px; width: 275px; padding: 7px; background: rgb(48, 48, 48); border: 1px solid rgba(255, 255, 255, 0.29); box-shadow: rgba(0, 0, 0, 0.333) 0px 12px 25px; }
.skandi-page .kd-submenu a { display: block; padding: 11px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.125); font-size: 12px; }
.skandi-page .kd-submenu a:last-child { border-bottom: 0px; }
.skandi-page .kd-submenu a:hover { background: rgb(178, 30, 35); }
.skandi-page .kd-menu-toggle { display: none; background: none; border: 0px; padding: 8px; }
@media (max-width: 850px) {
  .skandi-page .kd-header { grid-template-columns: 108px 1fr auto; gap: 12px 18px; }
  .skandi-page .kd-logo { width: 108px; height: 75px; }
  .skandi-page .kd-tagline { font-size: 12px; }
  .skandi-page .kd-phone { font-size: 15px; }
  .skandi-page .kd-nav { font-size: 10px; gap: 8px; }
}
@media (max-width: 700px) {
  .skandi-page .kd-gutter { padding-inline: 16px; }
  .skandi-page .kd-header { grid-template-columns: 95px 1fr; grid-template-rows: 1fr; min-height: 86px; padding-bottom: 12px; gap: 12px; }
  .skandi-page .kd-logo { width: 95px; height: 66px; grid-row: 1; align-self: start; }
  .skandi-page .kd-tagline { display: none; }
  .skandi-page .kd-header-contact { justify-content: flex-end; gap: 7px; padding-top: 0px; }
  .skandi-page .kd-phone { display: none; }
  .skandi-page .kd-round { width: 34px; height: 34px; }
  .skandi-page .kd-menu-toggle { display: block; }
  .skandi-page .kd-nav { display: none; grid-column: 1 / -1; flex-direction: column; align-items: stretch; gap: 0px; background: rgb(48, 48, 48); padding: 5px 12px; }
  .skandi-page .kd-nav.kd-menu-open { display: flex; }
  .skandi-page .kd-nav > a, .skandi-page .kd-nav > details { padding: 12px 0px; font-size: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .skandi-page .kd-submenu { position: static; width: 100%; border: 0px; box-shadow: none; padding: 8px 0px 0px; }
}
@media (pointer: coarse) {
  .skandi-page .kd-round { width: 44px; height: 44px; }
}
.skandi-page .kd-sticky-shell { position: sticky; top: 0px; height: 0px; z-index: 40; }
.skandi-page .kd-sticky-bar { position: absolute; top: 0px; left: 0px; right: 0px; display: flex; align-items: center; gap: 22px; min-height: 72px; background: rgb(41, 41, 41); border-bottom: 1px solid rgba(255, 255, 255, 0.145); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; }
.skandi-page .kd-sticky-logo { width: 64px; height: 48px; display: grid; place-items: center; background: rgb(178, 30, 35); flex-shrink: 0; }
.skandi-page .kd-sticky-logo img { width: 44px; height: 36px; display: block; }
.skandi-page .kd-sticky-nav { display: flex; flex: 1 1 0%; gap: 16px; align-items: center; justify-content: space-between; min-width: 0px; grid-column: auto; padding: 0px; margin: 0px; font-size: 16px; }
.skandi-page .kd-sticky-nav > a, .skandi-page .kd-sticky-nav summary { white-space: nowrap; font-size: inherit; }
.skandi-page .kd-sticky-phone { font-size: 18px; font-weight: 500; white-space: nowrap; }
.skandi-page .kd-sticky-socials { display: flex; gap: 8px; flex-shrink: 0; }
.skandi-page .kd-sticky-socials .kd-round { width: 36px; height: 36px; min-width: 36px; }
.skandi-page .kd-sticky-toggle { display: none; border: 0px; background: none; padding: 10px; color: rgb(255, 255, 255); }
@media (max-width: 1399px) {
  .skandi-page .kd-sticky-bar { gap: 14px; }
  .skandi-page .kd-sticky-nav { gap: 9px; font-size: 14px; }
  .skandi-page .kd-sticky-phone { font-size: 16px; }
}
@media (max-width: 1199px) {
  .skandi-page .kd-sticky-bar { min-height: 64px; gap: 12px; }
  .skandi-page .kd-sticky-nav { display: none; }
  .skandi-page .kd-sticky-logo { width: 48px; height: 42px; }
  .skandi-page .kd-sticky-logo img { width: 36px; height: 30px; }
  .skandi-page .kd-sticky-phone { margin-left: auto; font-size: 16px; }
  .skandi-page .kd-sticky-toggle { display: block; min-width: 44px; min-height: 44px; }
  .skandi-page .kd-sticky-nav.kd-menu-open { display: flex; flex-direction: column; align-items: stretch; position: absolute; left: 0px; right: 0px; top: 64px; background: rgb(41, 41, 41); padding: 14px 5% 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.208); gap: 0px; }
  .skandi-page .kd-sticky-nav > a, .skandi-page .kd-sticky-nav summary { padding: 12px 0px; font-size: 16px; }
  .skandi-page .kd-sticky-nav .kd-submenu { position: static; box-shadow: none; width: auto; margin: 0px 0px 10px; }
}
@media (max-width: 420px) {
  .skandi-page .kd-sticky-bar { padding-left: 12px; padding-right: 12px; gap: 6px; }
  .skandi-page .kd-sticky-phone { font-size: 13px; }
  .skandi-page .kd-sticky-socials { gap: 5px; }
  .skandi-page .kd-sticky-socials .kd-round { width: 30px; min-width: 30px; height: 30px; }
  .skandi-page .kd-sticky-logo { width: 42px; }
}
@media (min-width: 701px) {
  .skandi-page .kd-gutter { padding-inline: max(4.5%, 50% - 840px); }
}
@media (min-width: 1101px) {
  .skandi-page .kd-header { grid-template-columns: 200px minmax(0px, 1fr) auto; gap: 25px 35px; }
  .skandi-page .kd-logo { width: 200px; height: 116px; }
  .skandi-page .kd-tagline { font-size: 20px; }
  .skandi-page .kd-phone { font-size: 26px; }
  .skandi-page .kd-nav { font-size: 16px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .skandi-page .kd-sticky-bar .kd-nav { font-size: 14px; }
}
.skandi-page .kd-submenu { width: max-content; min-width: 270px; max-width: min(510px, -32px + 100vw); margin: 0px; padding: 0px; background: rgb(48, 48, 48); border: 1px solid rgb(140, 137, 131); box-shadow: rgba(0, 0, 0, 0.267) 0px 12px 24px; text-align: left; }
.skandi-page .kd-submenu a { display: block; width: auto; margin: 0px; padding: 15px 18px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.22); border-image: none; color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: 1.2px; text-transform: uppercase; white-space: normal; text-shadow: none; }
.skandi-page .kd-submenu a:last-child { border-bottom: 0px; }
.skandi-page .kd-submenu a:hover, .skandi-page .kd-submenu a:focus-visible { background: rgb(69, 67, 65); color: rgb(255, 255, 255); outline-offset: -4px; }
@media (max-width: 700px) {
  .skandi-page .kd-nav .kd-submenu { position: static; width: 100%; min-width: 0px; max-width: 100%; padding: 0px 0px 8px 14px; margin: 0px 0px 12px; border-width: 0px 0px 0px 2px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(178, 30, 35); border-image: none; box-shadow: none; }
  .skandi-page .kd-nav .kd-submenu a { padding: 12px 8px 12px 0px; font-size: 14px; overflow-wrap: anywhere; }
}
@media (max-width: 1199px) {
  .skandi-page .kd-sticky-nav .kd-submenu { position: static; width: 100%; min-width: 0px; max-width: 100%; padding: 0px 0px 8px 14px; margin: 0px 0px 12px; border-width: 0px 0px 0px 2px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(178, 30, 35); border-image: none; box-shadow: none; }
  .skandi-page .kd-sticky-nav .kd-submenu a { padding: 12px 8px 12px 0px; font-size: 14px; overflow-wrap: anywhere; }
}
@media (max-width: 700px) {
  .skandi-page .kd-top::before { background-image: linear-gradient(rgba(24, 35, 41, 0.533), rgba(48, 48, 48, 0.7)), url("/kd-projects-20260917-r1/assets/log-hero-800.webp"); }
}
.skandi-page .kd-logo { padding: 0px; display: flex; align-items: center; justify-content: center; width: 200px; height: 116px; }
.skandi-page .kd-logo img { width: 174px; height: 94px; }
@media (min-width: 901px) and (max-width: 1199px) {
  .skandi-page .kd-header { grid-template-columns: 168px minmax(0px, 1fr) auto; }
  .skandi-page .kd-logo { width: 168px; height: 106px; }
  .skandi-page .kd-logo img { width: 150px; height: 84px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .skandi-page .kd-header { grid-template-columns: 164px minmax(0px, 1fr) auto; }
  .skandi-page .kd-logo { width: 164px; height: 104px; }
  .skandi-page .kd-logo img { width: 145px; height: 82px; }
}
@media (max-width: 700px) {
  .skandi-page .kd-header { grid-template-columns: 136px minmax(0px, 1fr); gap: 12px; }
  .skandi-page .kd-logo { width: 136px; height: 96px; }
  .skandi-page .kd-logo img { width: 120px; height: 78px; }
}
@media (max-width: 360px) {
  .skandi-page .kd-header { grid-template-columns: 114px minmax(0px, 1fr); gap: 8px; }
  .skandi-page .kd-logo { width: 114px; height: 90px; }
  .skandi-page .kd-logo img { width: 102px; height: 70px; }
  .skandi-page .kd-sticky-logo { width: 42px; height: 40px; }
  .skandi-page .kd-sticky-logo img { width: 32px; height: 28px; }
}
.skandi-page { --sk-header-gradient: linear-gradient(180deg,#18232980 0px,#252b2980 72px,#2b302db8 128px,#303030eb 184px,#303030 232px,#303030 100%); }
.skandi-page .kd-top { color: rgb(255, 255, 255); background: rgb(48, 48, 48); }
.skandi-page .kd-top::before { background-image: var(--sk-header-gradient),url('/kd-projects-20260917-r1/assets/log-hero-1200.webp'); pointer-events: none; }
.skandi-page .kd-header { grid-template-columns: 200px minmax(0px, 1fr) auto; gap: 18px 34px; padding-bottom: 18px; border-bottom: 0px; }
.skandi-page .kd-tagline { font-size: 20px; line-height: 1.5; margin-bottom: 0px; }
.skandi-page .kd-nav { font-size: 16px; line-height: 1.5; }
.skandi-page .kd-phone { font-size: 27px; }
.skandi-page .kd-phone small { font-size: 10px; }
.skandi-page .kd-gutter { padding-inline: var(--sk-gutter); }
.skandi-page .kd-header svg, .skandi-page .kd-sticky-bar svg { display: block; }
.skandi-page .kd-round svg { fill: currentcolor; stroke: none; }
.skandi-page .kd-menu-toggle svg, .skandi-page .kd-sticky-toggle svg { width: 24px; height: 24px; }
.skandi-page .kd-submenu { top: 100%; padding-top: 12px; max-width: calc(-32px + 100vw); }
.skandi-page .kd-submenu a { font-size: 13px; line-height: 1.55; }
.skandi-page .kd-nav details[open] > summary { color: rgb(208, 180, 139); }
.skandi-page .kd-nav details[open] > summary svg { transform: rotate(180deg); }
.skandi-page .kd-sticky-nav { font-size: 16px; }
.skandi-page .kd-sticky-shell { z-index: 45; }
.skandi-page .kd-sticky-nav.kd-menu-open { max-height: calc(100dvh - 64px); overflow-y: auto; }
.sk-main { padding-top: 0px; }
.sk-page-title { padding-top: 26px; padding-bottom: 28px; }
.skandi-page .kd-top > .sk-page-title { position: relative; background: transparent; border: 0px; }
.sk-page-title h1 { max-width: 1680px; color: rgb(255, 255, 255); font: 400 clamp(32px, 4.25vw, 62px) / 1.15 Literary, Georgia, serif; letter-spacing: -0.45px; text-shadow: rgba(0, 0, 0, 0.6) 0px 3px 18px; white-space: normal; }
.sk-project-layout { display: grid; grid-template-columns: clamp(185px, 13.5vw, 260px) minmax(0px, 1fr) clamp(320px, 23.5vw, 440px); gap: 0px; width: 100%; max-width: none; margin-inline: 0px; padding: 0px 0px 64px; align-items: start; }
.sk-left-nav { grid-area: 1 / 1; position: sticky; top: var(--sk-head-height,0px); display: flex; flex-direction: column; align-items: stretch; gap: 0px; padding: 0px; border: 0px; max-height: calc(100dvh - var(--sk-head-height,0px)); overflow-y: auto; }
.sk-left-nav > a { min-height: 56px; padding: 18px clamp(18px, 1.55vw, 30px); border-top: 1px solid rgba(255, 255, 255, 0.145); color: rgb(244, 240, 231); text-transform: uppercase; letter-spacing: 1.35px; font-size: 11px; font-weight: 600; line-height: 1.55; white-space: normal; hyphens: none; word-break: normal; overflow-wrap: normal; }
.sk-left-nav > a:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.145); display: flex; align-items: center; gap: 12px; padding-block: 24px; color: rgb(208, 180, 139); }
.sk-left-nav > a:hover, .sk-left-nav > a[aria-current] { background: rgb(55, 55, 53); color: rgb(208, 180, 139); border-left: 2px solid rgb(178, 30, 35); padding-left: calc(-2px + clamp(18px, 1.55vw, 30px)); }
.sk-project-body { grid-area: 1 / 2; display: block; min-width: 0px; padding-inline: 0px; }
.sk-project-body > .sk-section { padding-left: clamp(22px, 2.1vw, 40px); padding-right: clamp(22px, 2.1vw, 40px); }
.sk-original-overview { padding: 0px; }
.sk-original-overview .sk-photo { aspect-ratio: 1.792 / 1; }
.sk-gallery-bottom, .sk-thumbnails { margin-inline: 24px; }
.sk-photo-nav { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; padding: 20px 0px 0px; margin: 20px 24px 0px; border-top: 1px solid rgba(255, 255, 255, 0.145); }
.sk-photo-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, 0.15); color: rgb(244, 240, 231); font-size: 11px; font-weight: 500; letter-spacing: 1.35px; line-height: 1.5; text-transform: uppercase; text-align: center; transition: border-color 0.2s, background 0.2s; }
.sk-photo-nav a:hover, .sk-photo-nav a:focus-visible { border-color: rgb(208, 180, 139); background: rgb(55, 55, 53); }
.sk-summary.sk-original-sidebar { grid-area: 1 / 3; top: var(--sk-head-height,0px); margin: 0px; width: 100%; padding: 36px clamp(22px, 2.1vw, 40px); border-top: 2px solid rgb(178, 30, 35); max-height: calc(100dvh - var(--sk-head-height,0px)); min-width: 0px; }
.sk-original-sidebar .sk-sidebar-title { font-size: clamp(31px, 2.3vw, 43px); margin: 0px 0px 34px; }
.sk-original-sidebar .sk-kicker { font-size: 11px; margin-bottom: 18px; }
.sk-original-sidebar .sk-facts { border-top: 1px solid rgba(123, 125, 120, 0.4); }
.sk-original-sidebar .sk-facts > div { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; padding: 0px; border-bottom: 1px solid rgba(123, 125, 120, 0.4); min-height: 50px; }
.sk-original-sidebar .sk-facts dt { display: flex; align-items: center; gap: 8px; min-width: 0px; padding: 7px 8px 7px 0px; color: rgb(116, 119, 113); font-size: 13px; line-height: 1.45; }
.sk-original-sidebar .sk-facts dt img { display: block; width: 34px; height: 34px; object-fit: contain; flex: 0 0 34px; }
.sk-original-sidebar .sk-facts dd { display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(123, 125, 120, 0.4); padding: 8px; color: rgb(178, 30, 35); font-size: 18px; line-height: 1.5; text-align: center; white-space: nowrap; }
.sk-original-sidebar .sk-summary-price strong { font-size: clamp(34px, 2.7vw, 46px); }
.sk-section { scroll-margin-top: 92px; }
.sk-plan-adaptation { margin-top: 28px; padding: 28px; background: rgb(55, 55, 53); border-left: 2px solid rgb(178, 30, 35); }
.sk-plan-adaptation .sk-kicker { margin: 0px 0px 12px; font-size: 10px; }
.sk-plan-adaptation h3 { font-size: clamp(27px, 2vw, 35px); line-height: 1.25; margin-bottom: 18px; }
.sk-adaptation-copy { color: rgb(202, 199, 191); font-size: 15px; line-height: 1.85; margin: 0px; }
.sk-plan-adaptation ul { margin-top: 24px; font-size: 13px; gap: 13px 24px; }
.sk-plan-adaptation li { padding-left: 23px; }
.sk-plan-adaptation li::before { content: "✓"; color: rgb(178, 30, 35); font-weight: 700; }
.sk-project-body .sk-compare-price { font-size: clamp(24px, 2.15vw, 34px); }
.sk-project-body .sk-price-heading h2 { font-size: clamp(36px, 3vw, 54px); }
.sk-project-body .sk-exact-compare thead th { padding: 20px 16px; }
.sk-project-body .sk-exact-compare .sk-compare-price { margin-top: 8px; }
.sk-project-body .sk-original-item { padding-inline: 18px; }
.sk-project-body .sk-original-item > summary { padding: 11px 0px; min-height: 46px; align-items: center; gap: 10px; line-height: 1.5; }
.sk-project-body .sk-original-static { padding-block: 11px; line-height: 1.5; }
.sk-project-body .sk-original-description { padding-bottom: 16px; line-height: 1.65; }
.sk-project-body .sk-original-description ul { margin-bottom: 8px; }
.sk-project-body .sk-original-description li { margin-bottom: 4px; }
.sk-project-body .sk-description-toolbar { margin-bottom: 12px; }
.sk-project-body .sk-consult { background: rgb(244, 240, 231); color: rgb(48, 48, 48); border-top: 2px solid rgb(178, 30, 35); }
.sk-project-body .sk-consult h2, .sk-project-body .sk-consult h3 { color: rgb(48, 48, 48); }
.sk-project-body .sk-consult .sk-kicker { color: rgb(178, 30, 35); }
.sk-project-body .sk-manager p:not(.sk-kicker), .sk-project-body .sk-consult-content > p:not(.sk-kicker) { color: rgb(80, 80, 76); }
.sk-project-body .sk-consult .sk-project-context { color: rgb(80, 80, 76) !important; border-bottom-color: rgba(48, 48, 48, 0.15); }
.sk-project-body .sk-consult .sk-messengers { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); margin-bottom: 0px; }
.sk-project-body .sk-consult .sk-msg-tg { color: rgb(48, 48, 48); border-color: rgb(48, 48, 48); }
.sk-project-body .sk-consult .sk-msg-tg:hover { background: rgba(48, 48, 48, 0.04); }
.sk-original-about { grid-template-columns: 2.3fr 1fr 1fr; }
.sk-editorial { background: rgb(244, 240, 231); border: 0px; border-radius: 16px; overflow: hidden; }
.sk-editorial-copy { padding: 20px; }
.sk-editorial-copy h2 { font: 400 24px / 1.2 Inter, Arial, sans-serif; color: rgb(116, 119, 113); margin-bottom: 16px; }
.sk-editorial-copy p { color: rgb(116, 119, 113); line-height: 1.5; }
.sk-editorial-image { background: rgb(244, 240, 231); }
@media (min-width: 1200px) and (max-width: 1450px) {
  .skandi-page .kd-header { gap: 18px 25px; }
  .skandi-page .kd-tagline { font-size: 17px; }
  .skandi-page .kd-phone { font-size: 23px; }
  .skandi-page .kd-nav { font-size: 14px; }
  .sk-project-body .sk-consult { grid-template-columns: 1fr; }
  .sk-project-body .sk-manager { display: grid; grid-template-columns: 110px 1fr; gap: 20px; }
  .sk-project-body .sk-manager > img { width: 110px; }
  .sk-project-body .sk-manager > div { padding-top: 8px; }
  .sk-project-body .sk-original-about { grid-template-columns: 1fr; }
  .sk-editorial { display: grid; grid-template-columns: 1fr 1fr; }
  .sk-editorial-image img { height: 100%; object-fit: cover; }
  .sk-project-body .sk-compare-name { font-size: 13px; }
  .sk-project-body .sk-original-item { padding-inline: 12px; }
  .sk-project-body .sk-original-item > summary { font-size: 13px; }
}
@media (max-width: 1199px) {
  .skandi-page .kd-header { grid-template-columns: 168px minmax(0px, 1fr) auto; gap: 16px 24px; }
  .skandi-page .kd-tagline { font-size: 16px; }
  .skandi-page .kd-phone { font-size: 21px; }
  .skandi-page .kd-nav { font-size: 13px; }
  .sk-project-layout { display: flex; flex-direction: column; padding-inline: var(--sk-gutter); gap: 0px; }
  .sk-project-body { display: contents; }
  .sk-left-nav { position: static; order: 0; display: flex; flex-flow: wrap; max-height: none; overflow: visible; width: 100%; gap: 0px; border-block: 1px solid rgba(255, 255, 255, 0.145); margin-bottom: 24px; }
  .sk-left-nav > a { font-size: 11px; padding: 14px 16px; min-height: 44px; border: 0px; }
  .sk-left-nav > a:last-child { padding: 14px 16px; border: 0px; }
  .sk-left-nav > a:hover, .sk-left-nav > a[aria-current] { padding-left: 16px; border-left: 0px; }
  .sk-original-overview { order: 1; width: 100%; }
  .sk-summary.sk-original-sidebar { order: 2; position: static; max-height: none; margin-top: 26px; padding: 30px; width: 100%; }
  .sk-project-body > .sk-section { order: 3; width: 100%; padding-inline: 0px; }
  .sk-gallery-bottom, .sk-thumbnails { margin-inline: 0px; }
  .sk-original-sidebar .sk-facts { max-width: 560px; margin: auto; }
  .sk-original-sidebar .sk-sidebar-title { font-size: 38px; margin-bottom: 24px; }
  .sk-original-sidebar .sk-primary { max-width: 440px; margin-inline: auto; }
}
@media (max-width: 900px) {
  .skandi-page .kd-header { grid-template-columns: 164px minmax(0px, 1fr) auto; gap: 16px 20px; }
  .skandi-page .kd-tagline { font-size: 14px; }
  .skandi-page .kd-phone { font-size: 18px; }
  .skandi-page .kd-nav { font-size: 12px; }
}
@media (max-width: 850px) {
  .sk-original-about { grid-template-columns: 1fr; }
}
@media (max-width: 1199px) {
  .sk-left-nav { display: none; }
  .sk-photo-nav { margin-inline: 0px; }
}
@media (max-width: 700px) {
  .skandi-page .kd-header { grid-template-columns: 136px minmax(0px, 1fr); gap: 12px; padding-bottom: 12px; }
  .skandi-page .kd-logo { width: 136px; height: 96px; }
  .skandi-page .kd-logo img { width: 120px; height: 78px; }
  .skandi-page .kd-header-contact { flex-wrap: wrap; gap: 8px; }
  .skandi-page .kd-header-contact .kd-phone { display: block; flex-basis: 100%; margin: 8px 0px 0px; text-align: right; font-size: clamp(12px, 3.5vw, 18px); }
  .skandi-page .kd-phone small { display: none; }
  .skandi-page .kd-header-contact .kd-round { width: 34px; height: 34px; }
  .skandi-page .kd-menu-toggle { min-height: 40px; min-width: 36px; padding: 6px; color: rgb(255, 255, 255); }
  .skandi-page .kd-tagline { display: none; }
  .skandi-page .kd-nav { font-size: 15px; }
  .skandi-page .kd-submenu { padding-top: 8px; }
  .skandi-page .kd-top::before { background-image: var(--sk-header-gradient),url('/kd-projects-20260917-r1/assets/log-hero-800.webp'); }
  .sk-page-title { padding-top: 24px; padding-bottom: 24px; }
  .sk-page-title h1 { font-size: 30px; line-height: 1.22; }
  .sk-project-layout { padding-bottom: 32px; }
  .sk-left-nav { margin-bottom: 18px; gap: 2px 12px; }
  .sk-left-nav > a, .sk-left-nav > a:last-child { font-size: 10px; padding: 12px 0px; letter-spacing: 0.8px; }
  .sk-left-nav > a:hover, .sk-left-nav > a[aria-current] { padding-left: 0px; }
  .sk-left-nav > a:last-child { flex-basis: 100%; min-height: 40px; }
  .sk-summary.sk-original-sidebar { padding: 28px 23px; }
  .sk-original-sidebar .sk-sidebar-title { font-size: 35px; }
  .sk-original-sidebar .sk-summary-price strong { font-size: 40px; }
  .sk-project-body .sk-price-heading h2 { font-size: 39px; }
  .sk-photo-nav { gap: 10px; margin-top: 18px; padding-top: 18px; }
  .sk-photo-nav a { font-size: 10px; letter-spacing: 0.85px; padding: 11px 12px; min-height: 46px; }
  .sk-plan-adaptation { padding: 23px 20px; }
  .sk-adaptation-copy { font-size: 14px; line-height: 1.8; }
}
@media (max-width: 360px) {
  .skandi-page .kd-header { grid-template-columns: 114px minmax(0px, 1fr); gap: 8px; }
  .skandi-page .kd-logo { width: 114px; height: 90px; }
  .skandi-page .kd-logo img { width: 102px; height: 70px; }
  .skandi-page .kd-header-contact { gap: 6px; }
  .sk-page-title h1 { font-size: 28px; }
  .sk-original-sidebar .sk-sidebar-title { font-size: 31px; }
  .sk-original-sidebar .sk-summary-price strong { font-size: 36px; }
  .sk-project-body .sk-price-heading h2 { font-size: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { transition: none !important; }
}
#mortgage { container-type: inline-size; }
.sk-finance-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.08fr); gap: 20px; align-items: stretch; }
#mortgage .sk-mortgage-calculator { min-width: 0px; background: rgb(244, 240, 231); color: rgb(48, 48, 48); padding: 30px; border-top: 2px solid rgb(178, 30, 35); }
#mortgage .sk-mortgage-calculator > .sk-kicker { color: rgb(178, 30, 35); font-size: 10px; margin: 0px 0px 14px; }
#mortgage h2 { font: 400 clamp(30px, 2.3vw, 38px) / 1.15 Literary, Georgia, serif; margin: 0px 0px 28px; letter-spacing: -0.35px; }
#mortgage .sk-mortgage-calculator h2 { color: rgb(48, 48, 48); }
#mortgage .sk-calc-field + .sk-calc-field { margin-top: 22px; }
#mortgage .calc_subtitle { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 14px; color: rgb(48, 48, 48); line-height: 1.45; }
#mortgage .calc_white_text { color: rgb(99, 99, 92); font-size: 12px; }
#mortgage .sk-calc-value { color: rgb(48, 48, 48); font-size: 19px; font-weight: 500; white-space: nowrap; }
#mortgage .calc_input_block { margin: 9px 0px 0px; }
#mortgage input[type="range"] { appearance: none; width: 100%; height: 28px; margin: 0px; background: transparent; cursor: pointer; --range-progress: 0%; }
#mortgage input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: linear-gradient(to right,#b21e23 var(--range-progress),#30303024 var(--range-progress)); }
#mortgage input[type="range"]::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; margin-top: -7px; border-radius: 50%; background: rgb(178, 30, 35); border: 3px solid rgb(244, 240, 231); box-shadow: rgb(178, 30, 35) 0px 0px 0px 1px; }
#mortgage input[type="range"]:focus-visible { outline: rgb(178, 30, 35) solid 2px; outline-offset: 5px; }
#mortgage .calc_summ_block { border-top: 1px solid rgba(48, 48, 48, 0.15); margin-top: 28px; padding-top: 24px; }
#mortgage .calc_summ_title { font-size: 12px; color: rgb(99, 99, 92); }
#mortgage .calc_summ_value { font: 400 clamp(38px, 3.3vw, 52px) / 1.15 Literary, Georgia, serif; color: rgb(178, 30, 35); margin-top: 9px; white-space: nowrap; }
#mortgage .sk-mortgage-info { min-width: 0px; display: flex; flex-direction: column; margin: 0px; padding: 30px; background: rgb(55, 55, 53); border-width: 2px 1px 1px; border-style: solid; border-color: rgb(208, 180, 139) rgba(208, 180, 139, 0.333) rgba(208, 180, 139, 0.333); border-image: none; }
#mortgage .sk-mortgage-info > .sk-kicker { font-size: 10px; margin: 0px 0px 14px; color: rgb(208, 180, 139); }
#mortgage .sk-mortgage-info h2 { color: rgb(244, 240, 231); margin-bottom: 24px; }
#mortgage .sk-banks { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin: 0px 0px 20px; }
#mortgage .sk-banks a { height: 60px; padding: 12px 18px; }
#mortgage .sk-mortgage-copy { margin-bottom: 24px; }
#mortgage .sk-mortgage-copy p { font-size: 13px; line-height: 1.7; margin: 0px 0px 16px; }
#mortgage .sk-mortgage-copy p:first-child { font-size: 15px; color: rgb(244, 240, 231); font-weight: 500; }
#mortgage .sk-mortgage-copy p:last-child { border-left: 2px solid rgb(208, 180, 139); background: rgba(255, 255, 255, 0.016); padding: 14px 16px; margin: 0px; }
#mortgage .sk-mortgage-link { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 52px; padding: 13px 16px; margin-top: auto; border: 1px solid rgb(208, 180, 139); color: rgb(244, 240, 231); font-size: 13px; }
#mortgage .sk-mortgage-link span { font-size: 22px; color: rgb(208, 180, 139); }
#mortgage .sk-mortgage-link:hover { background: rgba(208, 180, 139, 0.08); }
@container (max-width: 740px) {
  .sk-finance-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .sk-finance-grid { grid-template-columns: 1fr; }
  #mortgage .sk-mortgage-calculator, #mortgage .sk-mortgage-info { padding: 24px 20px; }
  #mortgage h2 { font-size: 32px; }
}
#mortgage .sk-calc-note { color: rgb(99, 99, 92); font-size: 12px; line-height: 1.6; margin: -12px 0px 24px; }
#mortgage input[type="range"]:disabled { opacity: 0.4; cursor: default; }
.sk-production-story { container-type: inline-size; }
.sk-production-heading { margin-bottom: 20px; }
.sk-production-heading > .sk-kicker { margin-bottom: 14px; color: rgb(208, 180, 139); }
.sk-production-heading h2 { font-size: clamp(34px, 3vw, 48px); line-height: 1.15; margin: 0px; }
.sk-production-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.1fr); gap: 20px; align-items: stretch; }
.sk-production-factory { display: flex; flex-direction: column; background: rgb(244, 240, 231); color: rgb(48, 48, 48); padding: 22px; border-top: 2px solid rgb(178, 30, 35); }
.sk-production-factory > svg { width: 46px; height: 46px; color: rgb(178, 30, 35); margin-bottom: 25px; }
.sk-production-grid h3 { font: 400 clamp(28px, 2vw, 32px) / 1.2 Literary, Georgia, serif; margin: 0px 0px 14px; color: inherit; }
.sk-production-grid p { font-size: 14px; line-height: 1.65; margin: 0px 0px 14px; }
.sk-production-factory > p { color: rgb(80, 80, 76); }
.sk-production-address { border-top: 1px solid rgba(48, 48, 48, 0.14); padding-top: 14px; margin: 2px 0px 18px; }
.sk-production-address > span { display: block; color: rgb(116, 119, 113); font-size: 11px; margin-bottom: 8px; }
.sk-production-address strong { font-size: 14px; font-weight: 500; line-height: 1.6; }
.sk-production-link { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 0px; border: 1px solid rgb(48, 48, 48); padding: 14px 16px; min-height: 52px; font-size: 12px; }
.sk-production-link > span { font-size: 22px; }
.sk-production-link:hover { background: rgba(48, 48, 48, 0.04); }
.sk-production-right { display: flex; flex-direction: column; gap: 12px; }
.sk-production-regions { background: rgb(55, 55, 53); border: 1px solid rgba(208, 180, 139, 0.333); padding: 22px; color: rgb(244, 240, 231); flex: 1 1 0%; }
.sk-production-regions > .sk-kicker { font-size: 10px; color: rgb(208, 180, 139); margin-bottom: 14px; }
.sk-production-regions > p:not(.sk-kicker) { color: rgb(202, 199, 191); }
.sk-region-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0px; margin: 0px 0px 14px; }
.sk-region-list li { border: 1px solid rgba(208, 180, 139, 0.267); padding: 5px 8px; color: rgb(231, 214, 185); font-size: 11px; line-height: 1.5; }
.sk-production-regions > .sk-delivery { border-top: 1px solid rgba(255, 255, 255, 0.125); padding-top: 12px; margin: 0px; font-size: 13px; }
.sk-production-experience { padding: 16px 22px; border: 1px solid rgba(208, 180, 139, 0.333); }
.sk-production-experience > div { display: flex; align-items: center; gap: 22px; }
.sk-production-experience strong { font: 400 48px / 1 Literary, Georgia, serif; color: rgb(208, 180, 139); }
.sk-production-experience div > span { font-size: 13px; line-height: 1.7; color: rgb(202, 199, 191); }
.sk-production-experience > a { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; padding-top: 10px; color: rgb(244, 240, 231); }
.sk-production-experience > a > span { font-size: 22px; color: rgb(208, 180, 139); }
@container (max-width: 700px) {
  .sk-production-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .sk-production-grid { grid-template-columns: 1fr; }
  .sk-production-factory, .sk-production-regions { padding: 20px; }
  .sk-production-experience { padding: 16px 20px; }
  .sk-production-heading h2 { font-size: 34px; }
  .sk-production-heading h2 br { display: none; }
}
.sk-item-heading { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.sk-item-brief { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; font-size: 11px; line-height: 1.5; font-weight: 400; }
.sk-item-status { white-space: nowrap; font-weight: 500; color: rgb(231, 214, 185); }
.sk-item-status-excluded { color: rgb(169, 169, 162); }
.sk-item-status-partial { color: rgb(228, 193, 151); }
.sk-item-status > span { margin-right: 2px; }
.sk-item-note { color: rgb(191, 189, 181); }
.sk-project-body .sk-original-item > summary { padding-block: 9px; align-items: center; }
.sk-project-body .sk-original-static { padding-block: 9px; }
.sk-project-body .sk-description-toolbar { justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.sk-description-toolbar > p { font-size: 11px; color: rgb(191, 189, 181); line-height: 1.6; margin: 0px; }
.sk-project-body .sk-consult { grid-template-columns: 200px minmax(0px, 1fr); padding: 24px; gap: 28px; align-items: center; }
.sk-project-body .sk-manager { display: block; }
.sk-project-body .sk-manager > img { width: 100%; max-width: 200px; aspect-ratio: 1 / 1; height: auto; object-position: 50% 28%; }
.sk-project-body .sk-manager > div { padding-top: 14px; }
.sk-project-body .sk-manager .sk-kicker { font-size: 9px; margin-bottom: 8px; }
.sk-project-body .sk-manager h3 { font-size: 28px; margin-bottom: 5px; }
.sk-project-body .sk-manager p:not(.sk-kicker) { font-size: 12px; line-height: 1.5; }
.sk-project-body .sk-consult-content > .sk-kicker { font-size: 9px; margin: 0px 0px 12px; }
.sk-project-body .sk-consult h2 { font-size: clamp(30px, 2.6vw, 39px); line-height: 1.15; margin: 0px 0px 14px; }
.sk-project-body .sk-consult-content > p:not(.sk-kicker) { font-size: 14px; line-height: 1.7; margin: 0px 0px 12px; }
.sk-project-body .sk-consult-content > .sk-project-context { padding: 8px 0px; margin: 0px; font-size: 12px !important; }
.sk-project-body .sk-consult .sk-messengers { margin: 16px 0px 0px; }
#mortgage .sk-mortgage-copy p:last-child { background: transparent; border-left: 4px solid rgb(178, 30, 35); color: rgb(222, 219, 212); padding: 18px 20px; font-size: 14px; line-height: 1.75; }
#mortgage .sk-mortgage-copy p:last-child > strong { display: block; color: rgb(244, 240, 231); font-size: 15px; font-weight: 600; margin-bottom: 7px; }
@media (max-width: 760px) {
  .sk-project-body .sk-consult { grid-template-columns: 1fr; padding: 22px; gap: 22px; }
  .sk-project-body .sk-manager { display: grid; grid-template-columns: 88px minmax(0px, 1fr); gap: 16px; align-items: center; }
  .sk-project-body .sk-manager > img { width: 88px; }
  .sk-project-body .sk-manager > div { padding: 0px; }
  .sk-project-body .sk-manager h3 { font-size: 26px; }
  .sk-project-body .sk-consult h2 { font-size: 32px; }
}
.sk-reviews-heading { text-align: center; margin-bottom: 32px; }
.sk-reviews-heading > .sk-kicker { color: rgb(208, 180, 139); margin-bottom: 14px; }
.sk-reviews-heading h2 { font-size: clamp(34px, 3vw, 46px); line-height: 1.15; margin: 0px; }
.sk-review-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; }
.sk-video-review { display: flex; flex-direction: column; min-width: 0px; color: rgb(244, 240, 231); }
.sk-review-picture { position: relative; overflow: hidden; border-radius: 12px; background: rgb(55, 55, 53); }
.sk-review-picture > img { display: block; width: 100%; height: 205px; object-fit: cover; object-position: center center; }
.sk-review-play { position: absolute; bottom: 13px; left: 50%; transform: translateX(-50%); display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgb(178, 30, 35); color: rgb(255, 255, 255); }
.sk-review-play > svg { width: 22px; height: 22px; }
.sk-video-review h3 { font: 400 22px / 1.25 Literary, Georgia, serif; margin: 15px 0px 22px; }
.sk-video-review:hover .sk-review-play { background: rgb(209, 41, 48); }
.sk-reviews-action { display: flex; justify-content: center; margin-top: 30px; }
.sk-reviews-action .sk-primary { font-size: 12px; min-height: 54px; }
@media (min-width: 1200px) and (max-width: 1450px) {
  .sk-review-grid { gap: 14px; }
  .sk-video-review h3 { font-size: 20px; }
}
@media (max-width: 700px) {
  .sk-review-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 16px; }
  .sk-video-review h3 { font-size: 21px; margin-bottom: 14px; }
  .sk-reviews-heading h2 { font-size: 34px; }
  .sk-reviews-action .sk-primary { width: 100%; font-size: 11px; }
}
.sk-production-photo { display: block; margin: -22px -22px 18px; overflow: hidden; }
.sk-production-photo > img { display: block; width: 100%; height: clamp(180px, 15vw, 220px); object-fit: cover; object-position: center 70%; }
.sk-trust-facts { list-style: none; margin: 0px 0px 16px; padding: 0px; display: grid; gap: 10px; }
.sk-trust-facts > li { position: relative; padding-left: 24px; }
.sk-trust-facts > li::before { content: "✓"; position: absolute; left: 0px; top: 1px; color: rgb(208, 180, 139); font-size: 15px; }
.sk-trust-facts strong { display: block; font-size: 14px; line-height: 1.5; font-weight: 500; color: rgb(244, 240, 231); margin-bottom: 4px; }
.sk-trust-facts span { display: block; color: rgb(202, 199, 191); font-size: 13px; line-height: 1.55; }
.sk-production-regions > .sk-regions-label { border-top: 1px solid rgba(255, 255, 255, 0.125); padding-top: 14px; margin-bottom: 10px; font-size: 12px; color: rgb(208, 180, 139); }
@media (max-width: 760px) {
  .sk-production-photo { margin: -20px -20px 16px; }
  .sk-production-photo > img { height: auto; aspect-ratio: 16 / 9; }
}
.sk-catalog-related { gap: 24px; }
.sk-related-card { min-width: 0px; }
.sk-related-image { position: relative; display: block; overflow: hidden; }
.sk-related-image > img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
.sk-related-material { position: absolute; top: 10px; left: 10px; background: rgb(178, 30, 35); color: rgb(255, 255, 255); padding: 7px 9px; font-size: 10px; font-weight: 500; line-height: 1.4; text-transform: uppercase; max-width: calc(100% - 20px); }
.sk-related-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-top: 13px; }
.sk-related-heading h3 { font: 400 clamp(23px, 1.7vw, 29px) / 1.2 Literary, Georgia, serif; text-transform: uppercase; margin: 0px; color: rgb(244, 240, 231); }
.sk-related-prices { flex: 0 0 auto; text-align: right; }
.sk-related-prices strong { display: inline-block; background: rgb(178, 30, 35); color: rgb(255, 255, 255); font-size: clamp(16px, 1.25vw, 23px); line-height: 1.3; font-weight: 500; padding: 5px 9px; white-space: nowrap; }
.sk-related-prices del { display: block; margin-top: 6px; color: rgb(182, 179, 171); font-size: 11px; line-height: 1.5; }
.sk-related-bottom { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 15px; }
.sk-related-specs { display: flex; gap: 6px; flex-wrap: wrap; padding: 0px; margin: 0px; list-style: none; }
.sk-related-specs li { border: 1px solid rgba(255, 255, 255, 0.44); padding: 4px 6px; font-size: 10px; line-height: 1.5; text-transform: uppercase; color: rgb(244, 240, 231); }
.sk-related-tools { display: flex; align-items: center; gap: 7px; }
.sk-related-favorite { display: grid; place-items: center; width: 42px; height: 42px; background: none; border: 0px; color: rgb(236, 74, 82); }
.sk-related-favorite svg { width: 25px; height: 25px; fill: none; stroke: currentcolor; stroke-width: 1.8; }
.sk-related-favorite[aria-pressed="true"] svg { fill: currentcolor; }
@media (max-width: 760px) {
  .sk-related-heading h3 { font-size: 24px; }
  .sk-related-prices strong { font-size: 19px; }
  .sk-related-bottom { gap: 12px; }
  .sk-comparison-dialog { padding: 24px 16px; }
  .sk-comparison-dialog h2 { font-size: 28px; }
  .sk-comparison-dialog table { font-size: 11px; }
  .sk-comparison-dialog th, .sk-comparison-dialog td { padding: 10px 5px; }
}
.sk-custom-project { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); align-items: center; gap: 28px; margin-top: 36px; padding: 28px; background: rgb(55, 55, 53); border-width: 2px 1px 1px; border-style: solid; border-color: rgb(178, 30, 35) rgba(255, 255, 255, 0.125) rgba(255, 255, 255, 0.125); border-image: none; }
.sk-custom-project h3 { font: 400 clamp(27px, 2.3vw, 36px) / 1.2 Literary, Georgia, serif; color: rgb(244, 240, 231); margin: 0px 0px 12px; }
.sk-custom-project p { font-size: 14px; line-height: 1.7; color: rgb(202, 199, 191); margin: 0px; }
.sk-custom-project .sk-messengers { grid-template-columns: repeat(2, minmax(0px, 1fr)); margin: 0px; }
.sk-custom-project .sk-msg { font-size: 12px; padding-inline: 12px; gap: 8px; }
@container (max-width: 1000px) {
  .sk-custom-project { grid-template-columns: 1fr; }
  .sk-custom-project .sk-messengers { max-width: 560px; }
}
@media (max-width: 760px) {
  .sk-custom-project { grid-template-columns: 1fr; padding: 22px; gap: 20px; }
  .sk-custom-project .sk-messengers { grid-template-columns: 1fr; width: 100%; max-width: none; }
}
@media (max-width: 700px) {
  .sk-review-picture > img { height: 193px; }
}
.sk-project-body .sk-exact-compare { border: 1px solid rgba(255, 255, 255, 0.25); background: rgb(48, 48, 48); }
.sk-project-body .sk-exact-compare thead th { padding: 16px; border: 1px solid rgba(255, 255, 255, 0.25); text-align: center; background: rgb(48, 48, 48); }
.sk-project-body .sk-exact-compare .sk-compare-name { font: 600 18px / 1.35 Inter, Arial, sans-serif; }
.sk-project-body .sk-exact-compare .sk-compare-price { font: 400 21px / 1.4 Inter, Arial, sans-serif; margin-top: 4px; }
.sk-project-body .sk-exact-compare [data-package-brief] td { padding: 14px 16px 20px; border: 1px solid rgba(255, 255, 255, 0.25); vertical-align: top; }
.sk-project-body .sk-exact-compare [data-package-brief] tr:hover { background: none; }
.sk-compact-list { list-style: none; margin: 0px; padding: 0px; }
.sk-compact-list li { display: flex; align-items: baseline; gap: 8px; margin: 0px; padding: 0px; font-size: 14px; line-height: 1.65; color: rgb(244, 240, 231); }
.sk-compact-mark { flex: 0 0 17px; width: 17px; text-align: center; color: rgb(198, 35, 43); font-size: 20px; line-height: 1; font-weight: 700; }
.sk-compact-partial .sk-compact-mark { color: rgb(208, 180, 139); font-size: 16px; }
.sk-mobile-compare .sk-compact-list { padding: 16px 18px 20px; }
.sk-project-body .sk-compact-toolbar { flex-direction: column; justify-content: center; gap: 12px; padding: 18px 12px 0px; margin: 0px; text-align: center; }
.sk-project-body .sk-compact-toolbar button { justify-content: center; min-width: 280px; min-height: 52px; background: rgb(178, 30, 35); border: 1px solid rgb(178, 30, 35); color: rgb(255, 255, 255); padding: 14px 22px; font-size: 12px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; }
.sk-project-body .sk-compact-toolbar button:hover { background: rgb(194, 34, 40); }
.sk-project-body [data-package-brief][hidden], .sk-project-body [data-package-full][hidden] { display: none !important; }
@media (max-width: 700px) {
  .sk-project-body .sk-compact-toolbar button { width: 100%; min-width: 0px; }
  .sk-compact-list li { font-size: 14px; line-height: 1.7; }
}
.sk-full-item-heading { margin-bottom: 10px; }
.sk-project-body .sk-exact-compare [data-package-full] td { padding: 0px; vertical-align: top; border: 1px solid rgba(255, 255, 255, 0.086); }
.sk-project-body [data-package-full] .sk-original-item { padding: 10px 14px; font-size: 13px; line-height: 1.5; }
.sk-project-body [data-package-full] .sk-full-item-heading { margin-bottom: 6px; }
.sk-project-body [data-package-full] .sk-original-title { font-size: 13px; line-height: 1.45; font-weight: 600; }
.sk-project-body [data-package-full] .sk-item-heading { gap: 3px; }
.sk-project-body [data-package-full] .sk-item-note { display: none; }
.sk-project-body [data-package-full] .sk-original-description { font-size: 13px; line-height: 1.55; padding: 0px; }
.sk-project-body [data-package-full] .sk-original-description ul { margin: 0px 0px 6px; padding-left: 16px; }
.sk-project-body [data-package-full] .sk-original-description li { margin-bottom: 3px; }
.sk-project-body [data-package-full] .sk-original-description ul:last-child, .sk-project-body [data-package-full] .sk-original-description li:last-child { margin-bottom: 0px; }
.sk-project-body .sk-exact-compare td.sk-package-cell-excluded, .sk-mobile-compare [data-item-status="excluded"] { background: rgba(255, 255, 255, 0.02); }
.sk-project-body [data-item-status="excluded"] .sk-original-title { color: rgb(213, 210, 203); }
.sk-project-body [data-item-status="excluded"] .sk-original-description { color: rgb(188, 186, 180); }
.sk-project-body [data-item-status="excluded"] .sk-item-status-excluded { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.133); border-radius: 4px; padding: 1px 6px; background: rgba(255, 255, 255, 0.03); color: rgb(199, 197, 192); font-size: 10px; line-height: 1.5; }
.sk-floating-actions { position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom,0px)); z-index: 90; display: flex; flex-direction: column; gap: 8px; }
.sk-floating-actions[hidden] { display: none; }
.sk-floating-button { display: grid; place-items: center; width: 52px; height: 52px; min-height: 52px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.396); border-radius: 50%; background: rgb(178, 30, 35); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 14px; cursor: pointer; }
.sk-floating-button svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sk-floating-button:hover { background: rgb(198, 37, 43); }
.sk-floating-button:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px; }
@media (max-width: 760px) {
  .sk-floating-actions { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom,0px)); }
  .sk-floating-button { width: 48px; height: 48px; min-height: 48px; }
  .skandi-page:has(.sk-cookie:not([hidden])) .sk-floating-actions { visibility: hidden; }
}
@media print {
  .sk-floating-actions { display: none !important; }
}
.sk-compact-list .sk-compact-excluded { color: rgb(188, 186, 180); }
.sk-compact-excluded .sk-compact-mark { color: rgb(208, 180, 139); font-size: 18px; font-weight: 500; }
.sk-production-factory > .sk-production-photo { position: relative; flex: 1 0 clamp(180px, 15vw, 220px); min-height: 180px; }
.sk-production-factory > .sk-production-photo > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 70%; }
.sk-production-experience > .sk-experience-geography { margin: 12px 0px 0px; font-size: 13px; line-height: 1.6; color: rgb(202, 199, 191); }
@container (max-width: 700px) {
  .sk-production-factory > .sk-production-photo { flex: 0 0 auto; min-height: 0px; }
  .sk-production-factory > .sk-production-photo > img { position: static; height: auto; aspect-ratio: 16 / 9; }
}
@media (max-width: 760px) {
  .sk-production-factory > .sk-production-photo { flex: 0 0 auto; min-height: 0px; }
  .sk-production-factory > .sk-production-photo > img { position: static; height: auto; aspect-ratio: 16 / 9; }
}
.sk-main > .sk-final-invitation { width: calc(100% - var(--sk-gutter) - var(--sk-gutter)); max-width: 1440px; margin: 0px auto; padding: 98px 28px; grid-template-columns: minmax(0px, 1fr) minmax(430px, 540px); gap: 36px; border-width: 2px 1px 1px; border-style: solid; border-color: rgb(178, 30, 35) rgba(255, 255, 255, 0.125) rgba(255, 255, 255, 0.125); border-image: none; }
.sk-final-invitation h2 { font: 400 clamp(28px, 2.3vw, 36px) / 1.2 Literary, Georgia, serif; color: rgb(244, 240, 231); margin: 0px 0px 8px; }
.sk-final-invitation p { max-width: 900px; line-height: 1.6; }
.sk-final-invitation .sk-messengers { width: 100%; max-width: none; }
.sk-project-layout { padding-bottom: 32px; }
@media (max-width: 1100px) {
  .sk-main > .sk-final-invitation { grid-template-columns: 1fr; gap: 18px; }
  .sk-final-invitation .sk-messengers { max-width: 560px; }
}
@media (max-width: 760px) {
  .sk-main > .sk-final-invitation { padding-inline: 16px; }
  .sk-final-invitation .sk-messengers { max-width: none; }
}
.sk-static-reviews { container-type: inline-size; }
.sk-review-grid { grid-template-columns: repeat(6, 154px); gap: 26px; justify-content: center; }
.sk-review-picture { border-radius: 13px; }
.sk-review-picture > img { height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: center center; }
.sk-review-play { width: 35px; height: 35px; bottom: 8px; }
.sk-review-play > svg { width: 20px; height: 20px; }
.sk-video-review h3 { font: 500 16px / 1.25 Literary, Georgia, serif; letter-spacing: 0.35px; min-height: 60px; margin: 14px 0px 0px; }
.sk-reviews-action { justify-content: center; margin-top: 26px; }
.sk-reviews-action .sk-primary { width: auto; max-width: 100%; min-width: 320px; min-height: 52px; justify-content: center; gap: 18px; padding: 14px 24px; text-align: center; font-size: 12px; }
@container (max-width: 1053px) {
  .sk-review-grid { grid-template-columns: repeat(3, 154px); gap: 24px 26px; }
}
@container (max-width: 513px) {
  .sk-review-grid { grid-template-columns: repeat(2, minmax(0px, 154px)); gap: 24px 20px; }
}
@media (max-width: 700px) {
  .sk-review-grid { grid-template-columns: repeat(2, minmax(0px, 145px)); gap: 24px 16px; }
  .sk-review-picture > img { height: auto; aspect-ratio: 3 / 4; }
  .sk-video-review h3 { font-size: 16px; margin-bottom: 12px; }
  .sk-reviews-action .sk-primary { width: auto; min-width: 0px; max-width: 100%; padding-inline: 20px; }
}
.sk-main { font-family: Inter, Arial, sans-serif; }
.sk-project-body .sk-section-head h2, .sk-production-heading h2, .sk-reviews-heading h2 { font-family: Literary, Georgia, serif; font-weight: 400; line-height: 1.16; letter-spacing: -0.6px; }
.sk-project-body .sk-consult-content > p:not(.sk-kicker), .sk-plan-adaptation > p, .sk-editorial-copy p, .sk-production-factory > p, .sk-final-invitation p { font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.7; }
.sk-editorial-copy p { color: rgb(98, 95, 89); }
.sk-project-body .sk-consult-content > .sk-kicker { font-size: 11px; line-height: 1.5; }
.sk-trust-facts strong { font-size: 15px; line-height: 1.5; }
.sk-trust-facts span, .sk-production-regions > .sk-delivery, .sk-production-experience > .sk-experience-geography { font-size: 14px; line-height: 1.65; }
.sk-production-address > span { font-size: 12px; }
.sk-production-address strong { font-size: 16px; line-height: 1.5; }
.sk-production-link, .sk-production-experience > a { font-size: 14px; }
#mortgage .sk-mortgage-copy p { font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.7; color: rgb(222, 219, 212); }
#mortgage .sk-mortgage-copy p:first-child { font-size: 17px; line-height: 1.5; color: rgb(244, 240, 231); font-weight: 600; }
#mortgage .sk-mortgage-copy p:last-child { font-size: 16px; line-height: 1.7; padding: 16px 18px; }
#mortgage .sk-mortgage-copy p:last-child > strong { font-size: 17px; line-height: 1.5; }
#mortgage .calc_white_text, #mortgage .calc_summ_title, #mortgage .sk-calc-note { font-size: 16px; line-height: 1.5; color: rgb(98, 95, 89); }
#mortgage .sk-calc-value { font-size: 20px; }
#mortgage .sk-mortgage-link { font-size: 14px; }
#project-summary .sk-summary-price > span { font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; color: rgb(80, 80, 76); letter-spacing: 0px; text-transform: none; }
#packages .sk-price-heading { padding: 20px 18px 16px; margin-bottom: 24px; background: rgb(55, 55, 53); border: 1px solid rgba(255, 255, 255, 0.07); text-align: center; }
#packages .sk-price-heading::after { content: ""; display: block; width: 72px; height: 3px; margin: 16px auto 0px; background: rgb(178, 30, 35); }
#packages .sk-price-heading h2 { margin: 0px; color: rgb(244, 240, 231); }
.sk-main h2[tabindex="-1"]:focus, .sk-main h3[tabindex="-1"]:focus { outline: none; }
@media (max-width: 700px) {
  #packages .sk-price-heading { padding: 17px 12px 14px; }
  #packages .sk-price-heading::after { margin-top: 12px; }
}
.skandi-page .site-footer.footer-full.footer-inviting { margin-top: 36px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.125); background: rgb(41, 41, 41); }
.sk-project-body .sk-compact-toolbar button { font-size: 16px; line-height: 1.4; min-height: 58px; min-width: 320px; padding: 16px 28px; text-transform: none; letter-spacing: 0px; }
@media (max-width: 700px) {
  .skandi-page .site-footer.footer-full.footer-inviting { margin-top: 28px; padding-top: 32px; }
  .sk-project-body .sk-compact-toolbar button { min-width: 0px; width: 100%; padding-inline: 18px; }
}
#packages .sk-exact-compare { background: rgb(58, 58, 54); border-color: rgba(208, 180, 139, 0.25); }
#packages .sk-exact-compare thead th { background: rgb(68, 67, 62); border-color: rgba(208, 180, 139, 0.25); color: rgb(244, 240, 231); }
#packages .sk-exact-compare [data-package-brief] td, #packages .sk-exact-compare [data-package-full] td { background: rgb(58, 58, 54); border-color: rgba(208, 180, 139, 0.2); }
#packages .sk-exact-compare td.sk-package-cell-excluded { background: rgb(66, 65, 60); }
#packages .sk-mobile-compare [role="tabpanel"] { background: rgb(58, 58, 54); }
#packages .sk-mobile-price, #packages .sk-package-tabs { background: rgb(68, 67, 62); border-color: rgba(208, 180, 139, 0.25); }
#packages .sk-package-tabs button[aria-selected="true"] { background: rgb(76, 74, 67); }
#packages .sk-mobile-compare .sk-original-item { background: transparent; border-color: rgba(208, 180, 139, 0.2); }
#packages .sk-mobile-compare .sk-original-item[data-item-status="excluded"] { background: rgb(66, 65, 60); }
#packages .sk-package-legend { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 28px; margin: 0px 0px 6px; padding: 4px 0px; font-size: 16px; line-height: 1.5; font-weight: 500; }
#packages .sk-package-legend > span { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; line-height: 1.5; white-space: nowrap; }
#packages .sk-package-legend > span > span { display: inline-block; min-width: 20px; font-size: 21px; font-weight: 600; line-height: 1; text-align: center; }
#packages .sk-legend-included { color: rgb(238, 119, 126); }
#packages .sk-legend-partial, #packages .sk-legend-excluded { color: rgb(208, 180, 139); }
@media (max-width: 400px) {
  #packages .sk-package-legend { gap: 10px 18px; }
}
#packages .sk-package-action-row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr); gap: 16px; width: 100%; max-width: 800px; margin-inline: auto; align-items: stretch; }
#packages .sk-package-action-row > button, #packages .sk-package-action-row > .sk-pdf-download { display: flex; align-items: center; justify-content: center; gap: 18px; min-width: 0px; width: 100%; min-height: 58px; margin: 0px; padding: 16px 22px; font-size: 16px; line-height: 1.4; text-align: center; }
#packages .sk-package-action-row span { flex: 0 0 auto; }
@media (max-width: 600px) {
  #packages .sk-package-action-row { grid-template-columns: 1fr; gap: 12px; }
}
#project-summary .sk-summary-price { display: flex; flex-direction: column; align-items: center; text-align: center; }
#project-summary .sk-summary-price > span { order: 0; }
#project-summary .sk-summary-price > .sk-old-price { display: block; order: 1; margin: 10px 0px 0px; font-family: Inter, Arial, sans-serif; font-size: 18px; line-height: 1.4; color: rgb(118, 113, 106); text-decoration-thickness: 1px; }
#project-summary .sk-summary-price > strong { order: 2; margin-top: 3px; }
#project-summary .sk-summary-price > a { order: 3; }
#project-summary .sk-summary-price > a { display: flex; align-items: center; justify-content: center; max-width: 100%; font-size: 18px; line-height: 1.45; font-weight: 500; min-height: 36px; margin-top: 6px; text-underline-offset: 5px; }
#about-project .sk-editorial-copy p { font-size: 15px; line-height: 1.65; }
#about-project .sk-editorial-copy h2 { font-size: 22px; line-height: 1.25; }
#mortgage .sk-advantage-icon { display: inline-block; width: 22px; height: 22px; margin-right: 6px; vertical-align: -4px; color: rgb(208, 180, 139); fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sk-photo img { object-fit: contain; }
.sk-plan-image img { object-fit: contain; }
.sk-pdf-status { font: 14px / 1.5 Inter, sans-serif; color: rgb(208, 180, 139); text-align: center; }
.sk-summary-price > span { display: inline; }
.sk-summary-price > span > span { display: inline; }
.sk-original-about:empty { display: none; }
.sk-left-nav { overflow-x: hidden; }
.sk-left-nav > a { min-width: 0px; overflow-wrap: anywhere; }
.sk-left-nav > a:last-child span { flex: 0 0 auto; }
.sk-project-body .sk-package-action-row { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; max-width: 880px; margin-inline: auto; gap: 16px; }
.sk-project-body .sk-package-action-row > button { width: 100%; min-width: 0px; min-height: 64px; margin: 0px; justify-content: center; text-align: center; }
.sk-project-body .sk-package-action-row > button.sk-pdf-download { background: rgb(48, 48, 48); border: 1px solid rgb(208, 180, 139); color: rgb(244, 240, 231); }
.sk-project-body .sk-package-action-row > button.sk-pdf-download:hover { background: rgb(65, 64, 59); }
@media (max-width: 600px) {
  .sk-project-body .sk-package-action-row { grid-template-columns: 1fr; gap: 12px; }
}
#about-project .sk-editorial-copy { color: rgb(87, 85, 79); font: 15px / 1.7 Inter, Arial, sans-serif; }
#about-project .sk-editorial-copy :is(p, div, span, li) { color: inherit; font-size: inherit; line-height: inherit; }
#about-project .sk-editorial-copy h2 { color: rgb(98, 95, 89); }
#about-project .sk-original-about { align-items: start; }
#about-project .sk-editorial { height: auto; min-height: 0px; }
#about-project .sk-editorial-copy { padding: 18px; line-height: 1.55; }
#about-project .sk-editorial-image img { max-height: 260px; width: 100%; object-fit: contain; }
@media (min-width: 1101px) {
  #about-project .sk-original-about { grid-template-columns: 1.6fr 1fr 1fr; gap: 18px; }
}
@media (max-width: 700px) {
  #about-project .sk-editorial { display: flex; flex-direction: column; }
  #about-project .sk-editorial-copy { padding: 18px; }
  #about-project .sk-editorial-image { width: 100%; }
  #about-project .sk-editorial-image img { height: auto; max-height: 250px; }
}
#packages .sk-package-action-row { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
#packages .sk-package-action-row > button { min-height: 64px; }
#about-project .sk-editorial { display: flex; flex-direction: column; min-width: 0px; }
#about-project .sk-editorial-copy, #about-project .sk-editorial-image { width: 100%; min-width: 0px; }
@media (max-width: 600px) {
  #packages .sk-package-action-row { grid-template-columns: 1fr; }
}
#about-project .sk-original-about { align-items: stretch; }
#about-project .sk-editorial { height: 100%; }
#about-project .sk-editorial-image { display: block; padding: 0px; margin: 0px; border: 0px; line-height: 0; overflow: hidden; flex: 0 0 auto; background: rgb(244, 240, 231); }
#about-project .sk-editorial-image img { display: block; width: 100%; height: 260px; max-height: none; aspect-ratio: auto; object-fit: cover; margin: 0px; border: 0px; }
#about-project .sk-editorial-1 .sk-editorial-image, #about-project .sk-editorial-3 .sk-editorial-image { margin-top: auto; }
#about-project .sk-editorial-3 .sk-editorial-image { background: rgb(255, 255, 255); }
#about-project .sk-editorial-3 .sk-editorial-image img { object-fit: contain; background: rgb(255, 255, 255); }
@media (max-width: 700px) {
  #about-project .sk-editorial { height: auto; }
  #about-project .sk-editorial-image img { height: auto; max-height: none; aspect-ratio: 1.6 / 1; object-fit: cover; }
  #about-project .sk-editorial-3 .sk-editorial-image img { aspect-ratio: auto; max-height: 320px; object-fit: contain; }
}
/* KD_FINISHES_GRID_20260918: lead image full width, remaining images in pairs. */
#finishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
#finishes>h2{grid-column:1/-1;margin-bottom:4px}
#finishes>.sk-interior-photo{min-width:0}
#finishes>.sk-interior-photo:first-of-type{grid-column:1/-1}
#finishes>.sk-interior-photo:not(:first-of-type){aspect-ratio:4/3;overflow:hidden}
#finishes>.sk-interior-photo:not(:first-of-type) img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
@media(max-width:700px){#finishes{gap:12px}#finishes>h2{margin-bottom:16px}}

/* KD_COOKIE_NOTICE_20260918: shared project consent banner. */
.sk-cookie{position:fixed;left:20px;bottom:20px;right:auto;width:calc(100% - 40px);max-width:640px;display:grid;grid-template-columns:minmax(0,1fr) 102px;gap:24px;align-items:center;padding:18px 20px;background:#303030;color:#f4f0e7;border:1px solid #b21e23;box-shadow:0 8px 30px #0003;z-index:350}
.sk-cookie p{margin:0;font-size:13px;font-weight:600;line-height:1.5;color:inherit}
.sk-cookie p a{color:inherit;text-decoration:underline}
.sk-cookie>div{display:grid;grid-template-columns:1fr;gap:8px;margin:0}
.sk-cookie button{width:100%;min-height:42px;margin:0;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.3;border:1px solid #b21e23;background:#b21e23;color:#fff}
.sk-cookie button[data-cookie-choice="rejected"]{border-color:#888;background:transparent;color:#f4f0e7}
@media(max-width:600px){.sk-cookie{left:12px;bottom:12px;width:calc(100% - 24px);padding:16px;grid-template-columns:1fr;gap:14px}.sk-cookie>div{grid-template-columns:1fr 1fr}}