:root { --navy-900: #0b2538;
--navy-800: #0d2c42;
--navy-700: #123c5a;
--steel: #205574;
--accent: #ff6b00;
--accent-2: #e65100;
--white: #ffffff;
--paper: #f5f8fa; --ink: #12283a; --ink-soft: #4a5a68; --ink-faint: #8595a2; --line: #dbe4ea; --line-strong: #c2cfd8;
--on-dark: #ffffff;
--on-dark-soft: rgba(255, 255, 255, 0.72);
--on-dark-faint: rgba(255, 255, 255, 0.45);
--shadow-sm: 0 1px 2px rgba(11, 37, 56, 0.06), 0 1px 3px rgba(11, 37, 56, 0.10);
--shadow-md: 0 6px 16px rgba(11, 37, 56, 0.10), 0 2px 6px rgba(11, 37, 56, 0.06);
--shadow-lg: 0 18px 40px rgba(11, 37, 56, 0.18), 0 6px 14px rgba(11, 37, 56, 0.10); --font-head: 'Montserrat', 'Arial', sans-serif;
--font-body: 'Inter', 'Segoe UI', 'Arial', sans-serif; --space-1: 4px;
--space-2: 8px;
--space-3: 16px;
--space-4: 24px;
--space-5: 40px;
--space-6: 64px;
--radius: 8px;
--radius-lg: 14px; --container: 1200px;
--header-h: 72px;
--topbar-h: 40px;
--actionbar-h: 64px; --ease: cubic-bezier(0.22, 1, 0.36, 1);
--fast: 0.15s;
--mid: 0.25s;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
color: var(--ink);
background: var(--white);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(--steel);
text-decoration: none;
transition: color var(--fast) var(--ease);
}
a:hover {
color: var(--accent-2);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-head);
font-weight: 700;
line-height: 1.15;
margin: 0 0 var(--space-3);
color: var(--navy-800);
letter-spacing: -0.01em;
}
p {
margin: 0 0 var(--space-3);
}
ul,
ol {
margin: 0;
padding: 0;
}
button {
font-family: inherit;
cursor: pointer;
} [hidden] {
display: none !important;
} :focus-visible {
outline: 3px solid var(--accent);
outline-offset: 2px;
} .icomstroy-container {
width: 100%;
max-width: var(--container);
margin: 0 auto;
padding: 0 var(--space-4);
} .icomstroy-btn {
--btn-bg: var(--steel);
--btn-fg: var(--white);
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
min-height: 48px; padding: 0 var(--space-4);
border: 2px solid transparent;
border-radius: var(--radius);
background: var(--btn-bg);
color: var(--btn-fg);
font-family: var(--font-head);
font-weight: 600;
font-size: 15px;
line-height: 1;
letter-spacing: 0.01em;
text-align: center;
white-space: nowrap;
transition: background var(--fast) var(--ease),
color var(--fast) var(--ease),
border-color var(--fast) var(--ease),
transform var(--fast) var(--ease),
box-shadow var(--fast) var(--ease);
}
.icomstroy-btn:hover {
color: var(--btn-fg);
transform: translateY(-1px);
box-shadow: var(--shadow-md);
}
.icomstroy-btn:active {
transform: translateY(0);
box-shadow: var(--shadow-sm);
}
.icomstroy-btn--accent {
--btn-bg: var(--accent);
}
.icomstroy-btn--accent:hover {
--btn-bg: var(--accent-2);
}
.icomstroy-btn--outline {
--btn-bg: transparent;
--btn-fg: var(--steel);
border-color: var(--steel);
}
.icomstroy-btn--outline:hover {
--btn-fg: var(--white);
--btn-bg: var(--steel);
border-color: var(--steel);
}
.icomstroy-btn--lg {
min-height: 56px;
padding: 0 var(--space-5);
font-size: 16px;
}
.icomstroy-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
transform: none;
box-shadow: none;
} .icomstroy-skip-link {
position: absolute;
left: var(--space-3);
top: -60px;
z-index: 2000;
padding: 10px 16px;
background: var(--navy-800);
color: var(--white);
border-radius: var(--radius);
font-weight: 600;
transition: top var(--fast) var(--ease);
}
.icomstroy-skip-link:focus {
top: var(--space-2);
color: var(--white);
} .icomstroy-topbar {
background: #f8fafc;
color: #475569;
font-size: 13.5px;
border-bottom: 1px solid var(--line);
}
.icomstroy-topbar__inner {
display: flex;
align-items: center;
gap: var(--space-4);
min-height: var(--topbar-h);
}
.icomstroy-topbar__item {
margin: 0;
display: inline-flex;
align-items: center;
gap: 6px;
}
.icomstroy-topbar__icon {
font-size: 14px;
}
.icomstroy-topbar__text {
color: var(--navy-900);
font-weight: 500;
}
.icomstroy-topbar__label {
color: var(--ink-faint);
}
.icomstroy-topbar__item--hours {
margin-left: auto;
font-size: 13px;
color: var(--ink-soft);
}
.icomstroy-topbar a {
color: var(--navy-900);
font-weight: 600;
}
.icomstroy-topbar a:hover {
color: var(--accent);
} .icomstroy-site-header {
position: sticky;
top: 0;
z-index: 1000;
background: #ffffff;
color: var(--navy-900);
border-bottom: 1px solid var(--line);
box-shadow: 0 2px 10px rgba(11, 37, 56, 0.04);
transition: box-shadow var(--mid) var(--ease), background var(--mid) var(--ease);
}
.icomstroy-site-header.is-stuck {
box-shadow: 0 4px 20px rgba(11, 37, 56, 0.10);
}
.icomstroy-header-main {
background: #ffffff;
}
.icomstroy-header-main__inner {
display: flex;
align-items: center;
gap: var(--space-5);
min-height: var(--header-h);
} .icomstroy-brand {
display: inline-flex;
align-items: center;
flex-shrink: 0;
}
.icomstroy-brand__logo-wrap {
display: inline-flex;
align-items: center;
}
.icomstroy-brand__logo {
height: 48px;
width: auto;
max-width: 220px;
object-fit: contain;
} .icomstroy-brand.is-text-only .icomstroy-brand__logo-wrap {
display: none;
}
.icomstroy-brand__name {
font-family: var(--font-head);
font-weight: 700;
font-size: 21px;
letter-spacing: 0.01em;
color: var(--white);
line-height: 1.1;
display: block;
}
.icomstroy-brand__tagline {
font-size: 11.5px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--accent);
font-weight: 600;
display: block;
margin-top: 2px;
} .icomstroy-nav-toggle {
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
width: 48px;
height: 48px;
margin-left: auto;
padding: 0;
background: transparent;
border: 0;
border-radius: var(--radius);
}
.icomstroy-nav-toggle__bar {
display: block;
width: 24px;
height: 2.5px;
border-radius: 2px;
background: var(--navy-900);
transition: transform var(--mid) var(--ease), opacity var(--mid) var(--ease);
}
.icomstroy-site-header.is-nav-open .icomstroy-nav-toggle__bar:nth-child(1) {
transform: translateY(7.5px) rotate(45deg);
}
.icomstroy-site-header.is-nav-open .icomstroy-nav-toggle__bar:nth-child(2) {
opacity: 0;
}
.icomstroy-site-header.is-nav-open .icomstroy-nav-toggle__bar:nth-child(3) {
transform: translateY(-7.5px) rotate(-45deg);
} .icomstroy-nav {
margin-left: auto;
}
.icomstroy-nav__list {
display: flex;
align-items: center;
gap: var(--space-2);
list-style: none;
margin: 0;
padding: 0;
}
.icomstroy-nav__item {
position: relative;
list-style: none;
} .icomstroy-nav__link,
.icomstroy-nav__list>li>a {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 44px;
padding: 0 16px;
border: 0;
background: transparent;
color: var(--navy-900);
font-family: var(--font-head);
font-weight: 600;
font-size: 15px;
letter-spacing: 0.01em;
border-radius: var(--radius);
transition: color var(--fast) var(--ease), background var(--fast) var(--ease);
cursor: pointer;
}
.icomstroy-nav__link:hover,
.icomstroy-nav__list>li>a:hover {
color: var(--accent);
background: var(--paper);
}
.icomstroy-nav__caret {
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform var(--fast) var(--ease);
}
.icomstroy-nav__item--has-dropdown.is-open .icomstroy-nav__caret {
transform: rotate(-135deg) translateY(-2px);
} .icomstroy-nav__submenu {
position: absolute;
top: 100%;
left: 0;
min-width: 340px;
margin: 6px 0 0;
padding: 8px;
list-style: none;
background: var(--white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
border: 1px solid var(--line);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity var(--mid) var(--ease), transform var(--mid) var(--ease),
visibility var(--mid) var(--ease);
z-index: 50;
} .icomstroy-nav__submenu::before {
content: "";
position: absolute;
top: -10px;
left: 0;
right: 0;
height: 10px;
}
.icomstroy-nav__item--has-dropdown:hover .icomstroy-nav__submenu,
.icomstroy-nav__item--has-dropdown:focus-within .icomstroy-nav__submenu,
.icomstroy-nav__item--has-dropdown.is-open .icomstroy-nav__submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.icomstroy-nav__submenu-item a {
display: flex;
align-items: center;
gap: var(--space-2);
padding: 11px 14px;
color: var(--ink);
font-weight: 500;
font-size: 14.5px;
border-radius: var(--radius);
transition: background var(--fast) var(--ease), color var(--fast) var(--ease),
padding-left var(--fast) var(--ease);
}
.icomstroy-nav__submenu-item a::before {
content: "";
width: 7px;
height: 7px;
border-radius: 2px;
background: var(--line-strong);
flex-shrink: 0;
transition: background var(--fast) var(--ease);
}
.icomstroy-nav__submenu-item a:hover {
background: var(--paper);
color: var(--accent-2);
padding-left: 18px;
}
.icomstroy-nav__submenu-item a:hover::before {
background: var(--accent);
} .icomstroy-header-cta {
display: flex;
align-items: center;
gap: var(--space-4);
flex-shrink: 0;
}
.icomstroy-header-phone {
color: var(--navy-900);
font-family: var(--font-head);
font-weight: 700;
font-size: 16px;
white-space: nowrap;
}
.icomstroy-header-phone:hover {
color: var(--accent);
} .icomstroy-phone-link {
font-weight: 600;
} .icomstroy-hero {
position: relative;
background:
linear-gradient(135deg, rgba(11, 37, 56, 0.96) 0%, rgba(18, 60, 90, 0.94) 55%, rgba(32, 85, 116, 0.90) 100%),
var(--navy-900);
color: var(--white);
overflow: hidden;
} .icomstroy-hero::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
background-size: 44px 44px;
pointer-events: none;
} .icomstroy-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.icomstroy-hero__inner {
position: relative;
z-index: 1;
padding: var(--space-6) 0;
max-width: 900px;
}
.icomstroy-hero__badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 20px;
padding: 6px 14px;
font-size: 14px;
font-weight: 500;
color: #ffffff;
margin-bottom: var(--space-3);
backdrop-filter: blur(4px);
}
.icomstroy-hero__title {
font-size: clamp(30px, 5vw, 50px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--white);
margin-bottom: var(--space-4);
}
.icomstroy-hero__title::first-letter {
color: var(--accent);
}
.icomstroy-hero__lead {
font-size: clamp(16px, 2vw, 19px);
color: var(--on-dark-soft);
max-width: 720px;
margin-bottom: var(--space-5);
line-height: 1.6;
}
.icomstroy-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
} .icomstroy-hero__btn-directions,
.icomstroy-hero .icomstroy-btn--outline {
--btn-bg: rgba(255, 255, 255, 0.12);
--btn-fg: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.7);
backdrop-filter: blur(6px);
}
.icomstroy-hero__btn-directions:hover,
.icomstroy-hero .icomstroy-btn--outline:hover {
--btn-bg: #ffffff;
--btn-fg: var(--navy-900);
border-color: #ffffff;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
transform: translateY(-2px);
} .icomstroy-section {
padding: var(--space-6) 0;
background: var(--white);
}
.icomstroy-section--alt {
background: var(--paper);
}
.icomstroy-section__title {
font-size: clamp(26px, 3.4vw, 36px);
text-align: center;
margin-bottom: var(--space-3);
}
.icomstroy-section__lead {
text-align: center;
color: var(--ink-soft);
max-width: 720px;
margin: 0 auto var(--space-5);
font-size: 17px;
} .icomstroy-section__title::after {
content: "";
display: block;
width: 56px;
height: 4px;
margin: var(--space-3) auto 0;
border-radius: 2px;
background: var(--accent);
} .icomstroy-directions__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-4);
}
.icomstroy-card {
position: relative;
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: var(--space-4);
display: flex;
flex-direction: column;
transition: transform var(--mid) var(--ease), box-shadow var(--mid) var(--ease),
border-color var(--mid) var(--ease);
}
.icomstroy-card--direction {
border-top: 4px solid var(--steel);
}
.icomstroy-card--direction:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-lg);
border-color: var(--accent);
border-top-color: var(--accent);
}
.icomstroy-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin-bottom: var(--space-3);
border-radius: var(--radius);
background: var(--paper);
color: var(--steel);
transition: background var(--mid) var(--ease), color var(--mid) var(--ease),
transform var(--mid) var(--ease);
}
.icomstroy-card--direction:hover .icomstroy-card__icon {
background: var(--accent);
color: var(--white);
transform: scale(1.05);
}
.icomstroy-card__title {
font-size: 18px;
margin-bottom: var(--space-3);
line-height: 1.25;
}
.icomstroy-card__desc {
color: var(--ink-soft);
font-size: 15px;
margin-bottom: var(--space-3);
} .icomstroy-card__benefits {
list-style: none;
margin: 0 0 var(--space-4);
padding: 0;
flex-grow: 1;
}
.icomstroy-card__benefits li {
position: relative;
padding-left: 26px;
margin-bottom: 10px;
font-size: 14.5px;
color: var(--ink);
}
.icomstroy-card__benefits li::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--accent);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat;
}
.icomstroy-card__link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
font-family: var(--font-head);
font-weight: 600;
font-size: 14.5px;
color: var(--accent-2);
}
.icomstroy-card__link::after {
content: "→";
transition: transform var(--fast) var(--ease);
}
.icomstroy-card__link:hover::after {
transform: translateX(4px);
} .icomstroy-maintenance__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-4);
}
.icomstroy-card--package {
justify-content: flex-start;
}
.icomstroy-card--package:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: var(--steel);
}
.icomstroy-card--package .icomstroy-btn {
margin-top: auto;
} .icomstroy-tz-section {
background: linear-gradient(135deg, var(--navy-800), var(--navy-700));
color: var(--white);
padding: var(--space-6) 0;
position: relative;
overflow: hidden;
}
.icomstroy-tz-section::before {
content: "";
position: absolute;
right: -120px;
top: -120px;
width: 360px;
height: 360px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 107, 0, 0.28), transparent 70%);
pointer-events: none;
}
.icomstroy-tz-section__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: var(--space-5);
align-items: center;
}
.icomstroy-tz-section__title {
color: var(--white);
font-size: clamp(24px, 3.2vw, 34px);
margin-bottom: var(--space-3);
}
.icomstroy-tz-section__lead {
color: var(--on-dark-soft);
font-size: 17px;
}
.icomstroy-tz-section__list {
list-style: none;
margin: 0 0 0;
}
.icomstroy-tz-section__list li {
position: relative;
padding-left: 28px;
margin-bottom: 10px;
color: var(--on-dark-soft);
}
.icomstroy-tz-section__list li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--accent);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat;
}
.icomstroy-tz-section__action {
text-align: center;
}
.icomstroy-tz-section__formats {
color: var(--on-dark-soft);
font-size: 14.5px;
margin-bottom: var(--space-3);
}
.icomstroy-tz-section__open {
width: 100%;
} .icomstroy-certs__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-4);
}
.icomstroy-cert {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-3);
padding: var(--space-4);
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
transition: transform var(--mid) var(--ease), box-shadow var(--mid) var(--ease),
border-color var(--mid) var(--ease);
text-align: center;
}
.icomstroy-cert:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: var(--accent);
}
.icomstroy-cert__preview {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: var(--radius);
background: var(--paper);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--line);
}
.icomstroy-cert__preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.icomstroy-cert__placeholder {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--ink-faint);
}
.icomstroy-cert__title {
font-size: 15.5px;
color: var(--navy-800);
font-weight: 600;
line-height: 1.3;
}
.icomstroy-cert__full img {
width: 100%;
max-height: 70vh;
object-fit: contain;
background: var(--paper);
border-radius: var(--radius);
}
.icomstroy-cert__empty {
color: var(--ink-soft);
text-align: center;
padding: var(--space-5) var(--space-4);
}
.icomstroy-cert__code {
margin: var(--space-3) 0 0;
font-size: 13.5px;
color: var(--ink-faint);
text-align: center;
} .icomstroy-steps__list {
list-style: none;
counter-reset: step;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-4);
max-width: 1000px;
margin: 0 auto;
}
.icomstroy-step {
display: flex;
gap: var(--space-3);
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: var(--space-4);
transition: border-color var(--mid) var(--ease), box-shadow var(--mid) var(--ease);
}
.icomstroy-step:hover {
border-color: var(--steel);
box-shadow: var(--shadow-sm);
}
.icomstroy-step__num {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--navy-800);
color: var(--white);
font-family: var(--font-head);
font-weight: 700;
font-size: 19px;
}
.icomstroy-step:nth-child(3n + 1) .icomstroy-step__num {
background: var(--accent);
}
.icomstroy-step:nth-child(3n + 2) .icomstroy-step__num {
background: var(--steel);
}
.icomstroy-step:nth-child(3n) .icomstroy-step__num {
background: var(--navy-700);
}
.icomstroy-step__title {
font-size: 17px;
margin-bottom: var(--space-2);
}
.icomstroy-step__desc {
margin: 0;
color: var(--ink-soft);
font-size: 14.5px;
} .icomstroy-tz-section {
padding: var(--space-6) 0;
background: var(--paper);
}
.icomstroy-tz-inline-card {
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
padding: var(--space-5);
overflow: hidden;
}
.icomstroy-tz-section__inner {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: var(--space-6);
align-items: start;
}
.icomstroy-tz-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #eff6ff;
border: 1px solid #bfdbfe;
color: var(--steel);
font-weight: 600;
font-size: 13.5px;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: var(--space-3);
}
.icomstroy-tz-section__title {
font-size: clamp(24px, 3vw, 32px);
margin-bottom: var(--space-3);
color: var(--navy-900);
}
.icomstroy-tz-section__lead {
font-size: 16px;
color: var(--ink-soft);
line-height: 1.6;
margin-bottom: var(--space-4);
}
.icomstroy-tz-section__list {
list-style: none;
padding: 0;
margin: 0 0 var(--space-4);
display: flex;
flex-direction: column;
gap: var(--space-3);
}
.icomstroy-tz-section__list li {
position: relative;
padding-left: 24px;
font-size: 15px;
color: var(--ink);
line-height: 1.5;
}
.icomstroy-tz-section__list li::before {
content: "✓";
position: absolute;
left: 0;
color: var(--accent);
font-weight: bold;
}
.icomstroy-tz-callout {
display: flex;
align-items: flex-start;
gap: 10px;
background: var(--paper);
border-left: 3px solid var(--steel);
padding: 12px 14px;
border-radius: 0 var(--radius) var(--radius) 0;
font-size: 13.5px;
color: var(--ink-soft);
}
.icomstroy-tz-section__form-wrap {
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius);
padding: var(--space-4);
box-shadow: var(--shadow-sm);
}
.tz-form__heading {
font-size: 20px;
margin-bottom: var(--space-3);
color: var(--navy-900);
}
@media (max-width: 991px) {
.icomstroy-tz-section__inner {
grid-template-columns: 1fr;
gap: var(--space-5);
}
} .icomstroy-site-footer {
background: var(--navy-800);
color: var(--on-dark-soft);
font-size: 14.5px;
}
.icomstroy-site-footer__inner {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: var(--space-5);
padding: var(--space-6) 0 var(--space-5);
}
.icomstroy-footer-col__brand {
font-family: var(--font-head);
font-weight: 700;
font-size: 18px;
color: var(--white);
margin-bottom: var(--space-3);
}
.icomstroy-footer-col__title {
color: var(--white);
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: var(--space-3);
}
.icomstroy-footer-col__requisites,
.icomstroy-footer-col__list {
list-style: none;
margin: 0;
padding: 0;
}
.icomstroy-footer-col__requisites li,
.icomstroy-footer-col__list li {
margin-bottom: 10px;
}
.icomstroy-footer-col a {
color: var(--on-dark-soft);
}
.icomstroy-footer-col a:hover {
color: var(--accent);
}
.icomstroy-footer-col__note {
display: block;
font-size: 12px;
color: var(--on-dark-faint);
}
.icomstroy-footer-tz {
margin-top: var(--space-3);
width: 100%;
}
.icomstroy-site-footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.10);
padding: var(--space-3) 0;
font-size: 13px;
}
.icomstroy-site-footer__bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
flex-wrap: wrap;
}
.icomstroy-site-footer__bottom p {
margin: 0;
}
.icomstroy-site-footer__bottom a {
color: var(--on-dark-soft);
}
.icomstroy-site-footer__bottom a:hover {
color: var(--accent);
} .icomstroy-breadcrumbs {
background: var(--paper);
border-bottom: 1px solid var(--line);
font-size: 13.5px;
}
.icomstroy-breadcrumbs .icomstroy-container {
padding-top: var(--space-2);
padding-bottom: var(--space-2);
}
.icomstroy-breadcrumbs ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-1);
list-style: none;
margin: 0;
padding: 0;
}
.icomstroy-breadcrumbs li {
display: inline-flex;
align-items: center;
color: var(--ink-soft);
}
.icomstroy-breadcrumbs li a {
color: var(--ink-soft);
}
.icomstroy-breadcrumbs li a:hover {
color: var(--accent-2);
}
.icomstroy-breadcrumbs li+li::before {
content: "/";
margin: 0 var(--space-1);
color: var(--ink-faint);
} .icomstroy-modal,
.icomstroy-tz-modal {
position: fixed;
inset: 0;
z-index: 3000;
display: flex;
align-items: center;
justify-content: center;
padding: var(--space-4);
}
.icomstroy-modal__backdrop,
.icomstroy-tz-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(11, 37, 56, 0.62);
backdrop-filter: blur(2px);
}
.icomstroy-modal__panel {
position: relative;
z-index: 1;
width: 100%;
max-width: 560px;
max-height: 90vh;
overflow: auto;
background: var(--white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
padding: var(--space-5);
animation: icomstroy-modal-in var(--mid) var(--ease);
}
.icomstroy-modal__panel--wide {
max-width: 820px;
}
@keyframes icomstroy-modal-in {
from {
opacity: 0;
transform: translateY(16px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.icomstroy-modal__close,
.icomstroy-tz-modal__close {
position: absolute;
top: 14px;
right: 14px;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 30px;
line-height: 1;
border: 0;
border-radius: 50%;
background: var(--paper);
color: var(--ink);
transition: background var(--fast) var(--ease), color var(--fast) var(--ease),
transform var(--fast) var(--ease);
}
.icomstroy-modal__close:hover,
.icomstroy-tz-modal__close:hover {
background: var(--accent);
color: var(--white);
transform: rotate(90deg);
}
.icomstroy-modal__title,
.icomstroy-tz-modal__title {
font-size: 21px;
margin-bottom: var(--space-4);
padding-right: 40px;
} .tz-form {
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.tz-form__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-3);
}
.tz-form__field {
display: flex;
flex-direction: column;
gap: 6px;
}
.tz-form__field--wide {
grid-column: 1 / -1;
}
.tz-form__label {
font-family: var(--font-head);
font-weight: 600;
font-size: 14px;
color: var(--navy-800);
}
.tz-form__req {
color: var(--accent);
margin-left: 2px;
}
.tz-form__input {
width: 100%;
min-height: 48px;
padding: 0 14px;
border: 1.5px solid var(--line-strong);
border-radius: var(--radius);
background: var(--white);
color: var(--ink);
font-family: inherit;
font-size: 15px;
transition: border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);
}
.tz-form__input::placeholder {
color: var(--ink-faint);
}
.tz-form__input:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.18);
} .tz-form__fieldset {
border: 0;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.tz-form__fieldset .tz-form__label {
margin-bottom: 2px;
}
.tz-form__checkboxes {
display: flex;
flex-wrap: wrap;
gap: var(--space-2) var(--space-4);
} .tz-form__check {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 15px;
color: var(--ink);
user-select: none;
}
.tz-form__check input {
-webkit-appearance: none;
appearance: none;
width: 22px;
height: 22px;
margin: 0;
flex-shrink: 0;
border: 2px solid var(--line-strong);
border-radius: 6px;
background: var(--white);
display: inline-grid;
place-content: center;
transition: background var(--fast) var(--ease), border-color var(--fast) var(--ease);
cursor: pointer;
}
.tz-form__check input::before {
content: "";
width: 12px;
height: 12px;
transform: scale(0);
transition: transform var(--fast) var(--ease);
background: var(--white);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.tz-form__check input:checked {
background: var(--accent);
border-color: var(--accent);
}
.tz-form__check input:checked::before {
transform: scale(1);
}
.tz-form__check input:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.25);
}
.tz-form__check--consent {
align-items: flex-start;
}
.tz-form__check--consent .tz-form__check-label a {
color: var(--steel);
text-decoration: underline;
} .tz-form__honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
} .tz-form__dropzone-wrap {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.tz-form__dropzone {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: var(--space-2);
padding: var(--space-5) var(--space-4);
border: 2px dashed var(--steel);
border-radius: var(--radius-lg);
background: var(--paper);
text-align: center;
transition: border-color var(--mid) var(--ease), background var(--mid) var(--ease),
transform var(--mid) var(--ease);
cursor: pointer;
outline: none;
}
.tz-form__dropzone:focus-visible {
box-shadow: 0 0 0 3px rgba(32, 85, 116, 0.25);
} .tz-form__dropzone.is-dragover {
border-color: var(--accent);
background: rgba(255, 107, 0, 0.08);
transform: scale(1.01);
}
.tz-form__dropzone.is-dragover .tz-form__dropzone-icon {
color: var(--accent);
} .tz-form__dropzone .js-tz-file {
position: absolute;
inset: 0;
opacity: 0;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
} .tz-form__dropzone-content {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-1);
pointer-events: none;
}
.tz-form__dropzone-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--white);
color: var(--steel);
box-shadow: var(--shadow-sm);
transition: color var(--mid) var(--ease), transform var(--mid) var(--ease);
}
.tz-form__dropzone-text {
margin: 0;
font-family: var(--font-head);
font-weight: 600;
font-size: 15.5px;
color: var(--navy-800);
max-width: 380px;
}
.tz-form__dropzone-hint {
margin: 0;
font-size: 13px;
color: var(--ink-faint);
}
.tz-form__browse {
font-size: 13.5px;
color: var(--accent-2);
font-weight: 600;
text-decoration: underline;
} .tz-form__file {
display: flex;
align-items: center;
gap: var(--space-3);
padding: var(--space-3);
background: var(--white);
border: 1.5px solid var(--line);
border-radius: var(--radius);
} .tz-form__file-icon {
position: relative;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: var(--radius);
background: var(--navy-800);
color: var(--white);
}
.tz-form__file-ext {
position: absolute;
bottom: -7px;
right: -8px;
padding: 2px 6px;
border-radius: 5px;
background: var(--accent);
color: var(--white);
font-family: var(--font-head);
font-weight: 700;
font-size: 9.5px;
letter-spacing: 0.04em;
box-shadow: var(--shadow-sm);
max-width: 52px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tz-form__file-info {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
flex-grow: 1;
}
.tz-form__file-name {
font-weight: 600;
font-size: 14.5px;
color: var(--navy-800);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tz-form__file-size {
font-size: 13px;
color: var(--ink-faint);
} .tz-form__progress {
position: relative;
flex-grow: 1;
height: 8px;
margin-top: 6px;
border-radius: 999px;
background: var(--line);
overflow: hidden;
}
.tz-form__progress-bar {
position: relative;
height: 100%;
width: 0;
border-radius: 999px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
transition: width 0.2s linear;
} .tz-form__progress-bar:not([style*="width: 100%"])::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
background-size: 200% 100%;
animation: icomstroy-progress-shine 1.1s linear infinite;
}
@keyframes icomstroy-progress-shine {
from {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
.tz-form__remove {
flex-shrink: 0;
align-self: flex-start;
padding: 8px 12px;
border: 1px solid var(--line-strong);
border-radius: var(--radius);
background: transparent;
color: var(--ink-soft);
font-size: 13px;
font-weight: 600;
transition: background var(--fast) var(--ease), color var(--fast) var(--ease),
border-color var(--fast) var(--ease);
}
.tz-form__remove:hover {
background: #fdece2;
border-color: var(--accent);
color: var(--accent-2);
} .tz-form__submit {
position: relative;
width: 100%;
min-height: 54px;
padding: 0 var(--space-4);
border: 0;
border-radius: var(--radius);
background: var(--accent);
color: var(--white);
font-family: var(--font-head);
font-weight: 700;
font-size: 16px;
letter-spacing: 0.01em;
transition: background var(--fast) var(--ease), transform var(--fast) var(--ease),
box-shadow var(--fast) var(--ease);
}
.tz-form__submit:hover:not(:disabled) {
background: var(--accent-2);
transform: translateY(-1px);
box-shadow: var(--shadow-md);
}
.tz-form__submit:disabled {
cursor: wait;
opacity: 0.85;
} .tz-form__spinner {
display: none;
width: 18px;
height: 18px;
border: 2.5px solid rgba(255, 255, 255, 0.4);
border-top-color: var(--white);
border-radius: 50%;
animation: icomstroy-spin 0.7s linear infinite;
}
.tz-form__submit.is-loading .tz-form__spinner {
display: inline-block;
}
@keyframes icomstroy-spin {
to {
transform: rotate(360deg);
}
} .tz-form__status {
min-height: 1px;
font-size: 14.5px;
font-weight: 500;
line-height: 1.4;
}
.tz-form__status[hidden] {
min-height: 0;
}
.tz-form__status.is-error {
color: #b3261e;
background: #fdeceb;
border: 1px solid #f5c6c3;
border-radius: var(--radius);
padding: 12px 14px;
}
.tz-form__status.is-success {
color: #1b5e20;
background: #e8f5e9;
border: 1px solid #bfe3c1;
border-radius: var(--radius);
padding: 12px 14px;
}
.tz-form__status.is-info {
color: var(--steel);
background: var(--paper);
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 12px 14px;
} .icomstroy-mobile-actionbar {
display: none; position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 2500;
height: var(--actionbar-h);
padding: 8px max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom));
background: var(--navy-900);
box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.22);
gap: 8px;
}
.icomstroy-actionbar__btn {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
border: 0;
border-radius: var(--radius);
font-family: var(--font-head);
font-weight: 700;
font-size: 15px;
color: var(--white);
}
.icomstroy-actionbar__btn--call {
background: transparent;
box-shadow: inset 0 0 0 2px var(--steel);
}
.icomstroy-actionbar__btn--call:hover {
background: rgba(255, 255, 255, 0.08);
}
.icomstroy-actionbar__btn--tz {
background: var(--accent);
}
.icomstroy-actionbar__btn--tz:hover {
background: var(--accent-2);
}
.icomstroy-actionbar__icon {
display: inline-flex;
} .icomstroy-icon {
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
} @media (max-width: 1024px) {
.icomstroy-directions__grid {
grid-template-columns: repeat(2, 1fr);
}
.icomstroy-maintenance__grid,
.icomstroy-certs__grid {
grid-template-columns: repeat(2, 1fr);
}
.icomstroy-steps__list {
grid-template-columns: repeat(2, 1fr);
}
.icomstroy-site-footer__inner {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-4);
}
} @media (max-width: 991px) {
.icomstroy-topbar__item--hours {
display: none;
}
.icomstroy-header-main__inner {
flex-wrap: wrap;
gap: var(--space-2);
padding-top: var(--space-2);
padding-bottom: var(--space-2);
}
.icomstroy-nav-toggle {
display: inline-flex;
margin-left: auto;
} .icomstroy-header-cta {
order: 3;
width: 100%;
justify-content: space-between;
gap: var(--space-2);
padding-top: var(--space-2);
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.icomstroy-header-phone {
font-size: 15px;
}
.icomstroy-header-tz {
flex: 1;
} .icomstroy-nav {
order: 4;
width: 100%;
margin-left: 0;
display: none;
}
.icomstroy-site-header.is-nav-open .icomstroy-nav {
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.icomstroy-nav__list {
flex-direction: column;
align-items: stretch;
gap: 0;
padding: var(--space-2) 0;
}
.icomstroy-nav__list>li {
width: 100%;
}
.icomstroy-nav__link,
.icomstroy-nav__list>li>a {
width: 100%;
min-height: 52px;
justify-content: space-between;
font-size: 16px;
border-radius: 0;
} .icomstroy-nav__submenu {
position: static;
min-width: 0;
margin: 0 0 var(--space-2);
padding: 0 0 0 var(--space-3);
background: transparent;
box-shadow: none;
border: 0;
border-left: 2px solid rgba(255, 255, 255, 0.18);
opacity: 1;
visibility: hidden;
height: 0;
overflow: hidden;
transition: none;
}
.icomstroy-nav__submenu::before {
display: none;
}
.icomstroy-nav__item--has-dropdown.is-open .icomstroy-nav__submenu {
visibility: visible;
height: auto;
}
.icomstroy-nav__submenu-item a {
color: var(--on-dark-soft);
}
.icomstroy-nav__submenu-item a::before {
background: var(--accent);
}
.icomstroy-nav__submenu-item a:hover {
background: transparent;
color: var(--accent);
} .icomstroy-hero__inner {
padding: var(--space-5) 0;
}
.icomstroy-tz-section__inner {
grid-template-columns: 1fr;
gap: var(--space-4);
}
.icomstroy-emergency__inner {
flex-direction: column;
align-items: flex-start;
gap: var(--space-3);
}
} @media (max-width: 600px) {
:root {
--space-4: 20px;
--space-5: 32px;
--space-6: 48px;
}
.icomstroy-container {
padding: 0 var(--space-3);
}
.icomstroy-topbar__inner {
flex-wrap: wrap;
gap: var(--space-1) var(--space-3);
padding-top: 6px;
padding-bottom: 6px;
}
.icomstroy-topbar {
font-size: 12.5px;
}
.icomstroy-brand__name {
font-size: 18px;
}
.icomstroy-brand__logo {
height: 38px;
}
.icomstroy-directions__grid,
.icomstroy-maintenance__grid,
.icomstroy-certs__grid,
.icomstroy-steps__list {
grid-template-columns: 1fr;
}
.icomstroy-section {
padding: var(--space-5) 0;
}
.tz-form__grid {
grid-template-columns: 1fr;
}
.icomstroy-hero__actions .icomstroy-btn {
width: 100%;
}
.icomstroy-site-footer__inner {
grid-template-columns: 1fr;
gap: var(--space-4);
}
.icomstroy-site-footer__bottom-inner {
flex-direction: column;
align-items: flex-start;
gap: 4px;
} body {
padding-bottom: calc(var(--actionbar-h) + 8px);
}
.icomstroy-mobile-actionbar {
display: flex;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
} .icomstroy-page {
padding: var(--space-6) 0;
min-height: 60vh;
}
.icomstroy-page__breadcrumbs {
margin-bottom: var(--space-4);
font-size: 14px;
color: var(--ink-faint);
}
.icomstroy-page__breadcrumbs a {
color: var(--steel);
}
.icomstroy-page__breadcrumbs a:hover {
color: var(--accent);
}
.icomstroy-page__header {
margin-bottom: var(--space-5);
padding-bottom: var(--space-3);
border-bottom: 1px solid var(--line);
}
.icomstroy-page__title {
font-size: clamp(28px, 4vw, 40px);
margin-bottom: var(--space-2);
}
.icomstroy-page__desc {
font-size: 17px;
color: var(--ink-soft);
max-width: 800px;
} .icomstroy-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: var(--space-4);
margin-bottom: var(--space-5);
}
.icomstroy-post-card {
display: flex;
flex-direction: column;
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius);
overflow: hidden;
transition: transform var(--mid) var(--ease), box-shadow var(--mid) var(--ease);
}
.icomstroy-post-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: var(--steel);
}
.icomstroy-post-card__thumb-link {
display: block;
overflow: hidden;
}
.icomstroy-post-card__thumb {
width: 100%;
height: 220px;
object-fit: cover;
transition: transform var(--mid) var(--ease);
}
.icomstroy-post-card:hover .icomstroy-post-card__thumb {
transform: scale(1.04);
}
.icomstroy-post-card__body {
padding: var(--space-4);
display: flex;
flex-direction: column;
flex-grow: 1;
}
.icomstroy-post-card__meta {
font-size: 13px;
color: var(--ink-faint);
margin-bottom: var(--space-2);
}
.icomstroy-post-card__title {
font-size: 20px;
margin-bottom: var(--space-2);
}
.icomstroy-post-card__title a {
color: var(--navy-900);
}
.icomstroy-post-card__title a:hover {
color: var(--accent);
}
.icomstroy-post-card__excerpt {
font-size: 15px;
color: var(--ink-soft);
line-height: 1.6;
margin-bottom: var(--space-4);
flex-grow: 1;
}
.icomstroy-post-card__btn {
align-self: flex-start;
} .icomstroy-pagination {
margin-top: var(--space-5);
display: flex;
justify-content: center;
}
.icomstroy-pagination .nav-links {
display: flex;
gap: var(--space-2);
align-items: center;
}
.icomstroy-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 var(--space-2);
border: 1px solid var(--line);
border-radius: var(--radius);
font-weight: 600;
color: var(--navy-800);
background: var(--white);
transition: all var(--fast) var(--ease);
}
.icomstroy-pagination .page-numbers:hover,
.icomstroy-pagination .page-numbers.current {
background: var(--navy-800);
color: var(--white);
border-color: var(--navy-800);
} .icomstroy-entry {
max-width: 880px;
margin: 0 auto;
}
.icomstroy-entry__header {
margin-bottom: var(--space-4);
}
.icomstroy-entry__title {
font-size: clamp(28px, 4vw, 42px);
margin-bottom: var(--space-2);
}
.icomstroy-entry__meta {
font-size: 14px;
color: var(--ink-faint);
}
.icomstroy-entry__featured-image {
margin-bottom: var(--space-5);
border-radius: var(--radius-lg);
overflow: hidden;
}
.icomstroy-entry__content {
font-size: 17px;
line-height: 1.8;
color: var(--ink);
}
.icomstroy-entry__content h2,
.icomstroy-entry__content h3 {
margin-top: var(--space-5);
}
.icomstroy-entry__content ul,
.icomstroy-entry__content ol {
padding-left: var(--space-4);
margin-bottom: var(--space-4);
}
.icomstroy-entry__content li {
margin-bottom: var(--space-1);
} .icomstroy-single-cta {
margin-top: var(--space-6);
background: linear-gradient(135deg, var(--navy-800), var(--navy-900));
color: var(--white);
padding: var(--space-5);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
}
.icomstroy-single-cta__title {
color: var(--white);
font-size: 24px;
margin-bottom: var(--space-2);
}
.icomstroy-single-cta__desc {
color: var(--on-dark-soft);
font-size: 16px;
margin-bottom: var(--space-4);
max-width: 650px;
} .icomstroy-404-block {
text-align: center;
padding: var(--space-6) var(--space-3);
max-width: 680px;
margin: 0 auto;
}
.icomstroy-404-block__code {
display: block;
font-family: var(--font-head);
font-size: clamp(72px, 12vw, 130px);
font-weight: 800;
color: var(--accent);
line-height: 1;
margin-bottom: var(--space-2);
}
.icomstroy-404-block__title {
font-size: clamp(24px, 4vw, 36px);
margin-bottom: var(--space-3);
}
.icomstroy-404-block__text {
font-size: 17px;
color: var(--ink-soft);
margin-bottom: var(--space-5);
line-height: 1.6;
}
.icomstroy-404-block__actions {
display: flex;
gap: var(--space-3);
justify-content: center;
flex-wrap: wrap;
margin-bottom: var(--space-5);
}
.icomstroy-404-block__emergency {
padding-top: var(--space-4);
border-top: 1px solid var(--line);
font-size: 15px;
color: var(--ink-faint);
}
.icomstroy-404-block__emergency p {
margin-bottom: var(--space-1);
}
.icomstroy-empty-state {
text-align: center;
padding: var(--space-6) var(--space-3);
background: var(--paper);
border: 1px dashed var(--line-strong);
border-radius: var(--radius-lg);
}
.icomstroy-empty-state h2 {
margin-bottom: var(--space-2);
}
.icomstroy-empty-state p {
color: var(--ink-soft);
margin-bottom: var(--space-4);
} .icomstroy-portfolio__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: var(--space-4);
}
.icomstroy-card--project {
padding: 0;
overflow: hidden;
}
.icomstroy-card--project:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
border-color: var(--accent);
}
.icomstroy-card--project .icomstroy-card__thumb {
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--paper);
display: flex;
align-items: center;
justify-content: center;
color: var(--ink-faint);
border-bottom: 1px solid var(--line);
}
.icomstroy-card--project .icomstroy-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.icomstroy-card--project .icomstroy-card__body {
padding: var(--space-4);
flex: 1;
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.icomstroy-card--project .icomstroy-card__badge {
display: inline-block;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
background: var(--accent);
color: #fff;
padding: 0.2em 0.6em;
border-radius: 4px;
width: fit-content;
}
.icomstroy-card--project .icomstroy-card__title {
margin-bottom: 0;
}
.icomstroy-card--project .icomstroy-card__desc {
margin-bottom: 0;
}
.icomstroy-card--project .icomstroy-card__meta {
margin: 0;
font-size: 0.8rem;
color: var(--ink-faint);
display: flex;
align-items: center;
gap: 0.4rem;
margin-top: auto;
}
.icomstroy-portfolio__action {
margin-top: var(--space-5);
text-align: center;
} .icomstroy-nav__item--has-dropdown,
.icomstroy-nav__dropdown-toggle,
.icomstroy-nav__submenu,
.icomstroy-nav__caret {
display: none !important;
}
.icomstroy-nav__list {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
}
.icomstroy-nav__item {
display: flex;
align-items: center;
}
.icomstroy-nav__link {
display: block;
padding: 0.45rem 0.85rem;
color: var(--clr-text, #cbd5e1);
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
border-radius: 6px;
transition: background 0.2s ease, color 0.2s ease;
white-space: nowrap;
}
.icomstroy-nav__link:hover,
.icomstroy-nav__link:focus-visible {
background: rgba(255, 255, 255, 0.08);
color: var(--clr-accent, #e05c00);
outline: none;
} .icomstroy-nav__item--active .icomstroy-nav__link {
color: var(--clr-accent, #e05c00);
}