@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@layer bricks {:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}#brxe-qzcmet {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; width: 100%; height: 100%}#brxe-qzcmet:not(.tag), #brxe-qzcmet img {object-fit: cover}#brxe-alfcqo {display: none}#brxe-kzxmio:not(.tag), #brxe-kzxmio img {object-fit: cover}#brxe-gjyxpw:not(.tag), #brxe-gjyxpw img {object-fit: cover}#brxe-layfdi:not(.tag), #brxe-layfdi img {object-fit: cover}#brxe-iwotoy:not(.tag), #brxe-iwotoy img {object-fit: cover}#brxe-bpzeju:not(.tag), #brxe-bpzeju img {object-fit: cover}@media (max-width: 478px) {#brxe-zgrkwi {width: 100%}}@media (max-width: 478px) {#brxe-zdhidh {width: 100%}}@media (max-width: 478px) {#brxe-qvnrgz {width: 100%}}#brxe-feecf2 {position: relative}.brxe-ripzjz .brxe-mtxovm.brxe-image:not(.tag), .brxe-ripzjz .brxe-mtxovm.brxe-image img {object-fit: cover}#brxe-eyguhi { letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 36px; border-radius: 0; border: 1px solid #C3A350; background: #C3A350; color: #151515; cursor: pointer; position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: color 0.4s ease, border-color 0.4s ease; z-index: 0;}#brxe-eyguhi::after { content: ''; position: absolute; inset: 0; background: #ffffff; transform: scaleX(0); transform-origin: right; transition: transform 0.45s cubic-bezier(0.76, 0, 0.24, 1); z-index: -1;}#brxe-eyguhi:hover::after { transform: scaleX(1); transform-origin: left;}#brxe-eyguhi:hover { color: #151515; border-color: #ffffff;}  :root { --color-bg: #0f0f0f; --color-surface: #1a1a1a; --color-gold: #c9a96e; --color-gold-dim: #a07840; --color-text: #ffffff; --color-text-muted:#b0a898; --radius-card: 0px; --gap: var(--space-4xl) var(--space-l); --section-pad-x: clamp(16px, 5vw, 80px); --section-pad-y: clamp(40px, 6vw, 80px); --transition-hover: transform 0.35s ease, box-shadow 0.35s ease; } #brxe-ctoarf {  color: var(--color-text); font-family: 'Montserrat', Arial, sans-serif; }  .services { padding: var(--section-pad-y) var(--section-pad-x); } .services__label { font-size: var(--text-l); font-variation-settings: 'wght' 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-gold); margin-bottom: clamp(24px,4vw, 48px); }  .services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3xl) var(--space-l); }  .services__card { position: relative; overflow: hidden; border-radius: var(--radius-card); aspect-ratio: 3 / 4; cursor: pointer; background: var(--color-surface); transition: var(--transition-hover); } .services__card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.5); transform: translateY(-2px); }  @keyframes kenburns { 0% { transform: scale(1); } 50% { transform: scale(1.08); } 100% { transform: scale(1); } } .services__card-image { width: 100%; height: 100%; object-fit: cover; display: block; animation: kenburns 4s ease-in-out infinite; transform-origin: center center; will-change: transform; }  .services__card:nth-child(1) .services__card-image { animation-delay: 0s; } .services__card:nth-child(2) .services__card-image { animation-delay: 0.6s; } .services__card:nth-child(3) .services__card-image { animation-delay: 1.2s; } .services__card:nth-child(4) .services__card-image { animation-delay: 1.8s; } .services__card:nth-child(5) .services__card-image { animation-delay: 0.3s; } .services__card:nth-child(6) .services__card-image { animation-delay: 0.9s; }  @media (prefers-reduced-motion: reduce) { .services__card-image { animation: none; } }  .services__card-overlay { position: absolute; inset: 0; background: linear-gradient( to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0) 70% ); transition: background 0.35s ease; } .services__card:hover .services__card-overlay { background: linear-gradient( to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.22) 45%, rgba(0,0,0,0) 70% ); }  .services__card-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: clamp(12px, 2vw, 20px); } .services__card-title { font-size: clamp(11px, 1.2vw, 14px); letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text);  display: inline-block; } .services__card-title::before { content: none; } .services__card-title::after { content: none; }  .services__card-caption { transform: translateY(4px); transition: transform 0.35s ease; } .services__card:hover .services__card-caption { transform: translateY(0); }  .services__cta { display: flex; align-items: center; gap: clamp(16px, 3vw, 32px); margin-top: clamp(24px, 4vw, 48px); } .services__btn { display: inline-block; font-size: var(--text-s); font-weight: 500; font-variation-settings: 'wght' 500; letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none; padding: 14px 28px; border-radius: 0px; transition: background 0.25s ease, color 0.25s ease; } .services__btn--primary { background: var(--color-gold); color: #0f0f0f; } .services__btn--primary:hover { background: #dfc08a; color: #0f0f0f; } .services__btn--link { color: var(--color-text-muted); padding: 16px 0; display: flex; align-items: center; gap: 6px; } .services__btn--link::after { content: '›'; font-size: 24px; color: var(--color-text-muted); transition: transform 0.25s ease; } .services__btn--link:hover { color: var(--color-gold); } .services__btn--link:hover::after { transform: translateX(4px); }   @media (max-width: 900px) { .services__grid { grid-template-columns: repeat(2, 1fr); } .services__card { aspect-ratio: 4 / 5; } .services__card-title { font-size: 12px; } }  @media (max-width: 600px) { :root { --gap: 8px; } .services__grid { grid-template-columns: repeat(2, 1fr); } .services__card { aspect-ratio: 3 / 4; } }  @media (max-width: 400px) { .services__grid { grid-template-columns: 1fr; } .services__card { aspect-ratio: 4 / 3; } .services__cta { flex-direction: column; align-items: flex-start; } } @media (max-width: 1200px) { .process__grid { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 760px) { .process__grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 560px) { .process__grid { grid-template-columns: 1fr; gap: 10px; } .process__cta { flex-direction: column; align-items: stretch; } .process__btn { text-align: center; }}:root { --text-2xl: clamp(36px, 5.5vw, 72px); --text-s: clamp(13px, 1.1vw, 14px); --text-xs: clamp(10px, 0.85vw, 11px); --color-gold: #C9A84C; --color-text: #ffffff; --color-text-muted: var(--color-white-80); --color-bg: #F2EFE8; --color-card-bg: #1A1916; --color-border: rgba(26,25,22,0.12); --color-tag-border: rgba(26,25,22,0.18);} .about__container { display: grid; grid-template-columns: 38% 1fr; gap: clamp(40px, 5vw, 80px); align-items: start;} .about__left { display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px); position: sticky; top: clamp(24px, 4vw, 48px);} .about__label { font-size: var(--text-xs); font-weight: 500; font-variation-settings: 'wght' 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-gold);} .about__heading { font-size: var(--text-2xl); font-weight: 800; font-variation-settings: 'wght' 800; line-height: 1.0; letter-spacing: -0.01em; text-transform: uppercase; color: var(--color-text);} .about__lead { font-size: var(--text-s); font-weight: 400; font-variation-settings: 'wght' 400; text-transform: uppercase; line-height: 1.75; color: var(--color-text-muted);} .about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--color-border); border: 1px solid var(--color-border);} .about__card { background: var(--color-card-bg); padding: clamp(24px, 2.8vw, 36px) clamp(20px, 2.2vw, 28px); display: flex; flex-direction: column; gap: clamp(16px, 2vw, 22px);} .about__card-icon { width: 18px; height: 18px; flex-shrink: 0; } .about__card-text { font-size: var(--text-s); font-weight: 300; font-variation-settings: 'wght' 300; line-height: 1.7; color: #b8b4ac; flex: 1;} .about__card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; } .about__tag { display: inline-flex; align-items: center; font-size: 9px; font-weight: 500; font-variation-settings: 'wght' 500; letter-spacing: 0.14em; text-transform: uppercase; color: #ffffff; border: 1px solid rgba(255,255,255,0.18); padding: 6px 10px; white-space: nowrap; cursor: default; transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;} .about__tag:hover { border-color: var(--color-gold); color: var(--color-gold); background: rgba(201,168,76,0.08);}@media (max-width: 960px) { .about__container { grid-template-columns: 1fr; gap: clamp(32px, 5vw, 48px); } .about__left { position: static; }}@media (max-width: 560px) { .about__grid { grid-template-columns: 1fr; }}@media (prefers-reduced-motion: reduce) { .about__label, .about__heading, .about__lead, .about__card { opacity: 1; transform: none; transition: none; }}#brxe-bwfnkl {text-align: center; max-width: 850px}#brxe-mxnjuc {text-align: center; color: var(--bricks-color-grey-500); font-size: var(--text-l)}#brxe-poefnl { letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 36px; border-radius: 0; border: 1px solid #C3A350; background: #C3A350; color: #151515; cursor: pointer; position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: color 0.4s ease, border-color 0.4s ease; z-index: 0;}#brxe-poefnl::after { content: ''; position: absolute; inset: 0; background: #ffffff; transform: scaleX(0); transform-origin: right; transition: transform 0.45s cubic-bezier(0.76, 0, 0.24, 1); z-index: -1;}#brxe-poefnl:hover::after { transform: scaleX(1); transform-origin: left;}#brxe-poefnl:hover { color: #151515; border-color: #ffffff;} .services__cta { display: flex; align-items: center; gap: clamp(16px, 3vw, 32px); margin-top: clamp(24px, 4vw, 48px); } .services__btn { display: inline-block; font-size: var(--text-s); font-weight: 500; font-variation-settings: 'wght' 500; letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none; padding: 14px 28px; border-radius: 0px; transition: background 0.25s ease, color 0.25s ease; } .services__btn--primary { background: var(--color-gold); color: #0f0f0f; } .services__btn--primary:hover { background: #dfc08a; color: #0f0f0f; } .services__btn--link { color: var(--color-text-muted); padding: 16px 0; display: flex; align-items: center; gap: 6px; } .services__btn--link::after { content: '›'; font-size: 24px; color: var(--color-text-muted); transition: transform 0.25s ease; } .services__btn--link:hover { color: var(--color-gold); } .services__btn--link:hover::after { transform: translateX(4px); }   @media (max-width: 900px) { .services__grid { grid-template-columns: repeat(2, 1fr); } .services__card { aspect-ratio: 4 / 5; } .services__card-title { font-size: 12px; } }  @media (max-width: 600px) { :root { --gap: 8px; } .services__grid { grid-template-columns: repeat(2, 1fr); } .services__card { aspect-ratio: 3 / 4; } }  @media (max-width: 400px) { .services__grid { grid-template-columns: 1fr; } .services__card { aspect-ratio: 4 / 3; } .services__cta { flex-direction: column; align-items: flex-start; } } #brxe-bgydpp {text-align: center; align-items: center}#brxe-zwwoto {background-image: url(https://masterlogo.com.ua/wp-content/uploads/2026/04/Korporatyvnyy-merch-1024x577.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom center}