/**
 * Страница «Архитекторам» — liquid-glass в духе «О нас» и «Проекты».
 */

body.algorithm-architects-page {
	background-color: #fff;
}

.architects-page {
	padding-bottom: clamp(32px, 4vw, 48px);
}

.architects-page-section {
	margin-top: clamp(40px, 5vw, 64px);
}

body.algorithm-architects-page .site-footer {
	margin-top: clamp(32px, 4vw, 48px);
}

body.algorithm-architects-page .home-section-title {
	margin: 0;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: clamp(28px, 4vw, 40px);
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--grafit-black);
}

/* Hero */
.architects-hero .first-screen-slide {
	display: flex;
	border-radius: var(--island-radius);
	overflow: hidden;
}

.architects-hero__panel {
	width: fit-content;
	max-width: min(520px, 100%);
}

.architects-hero__title {
	margin: 0;
	padding: 0;
	font-family: var(--font-family);
	font-synthesis: none;
	font-weight: 600;
	font-size: clamp(22px, 2.4vw, 28px);
	line-height: 1.12;
	letter-spacing: -0.02em;
	color: var(--grafit-black);
}

.architects-hero__lead {
	margin: clamp(10px, 1.2vw, 14px) 0 clamp(16px, 2vw, 22px);
	padding: 0;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: clamp(14px, 1.5vw, 16px);
	line-height: 1.45;
	color: var(--grafit-black);
}

/* Glass shell */
.architects-choose__shell,
.architects-materials__shell {
	border-radius: var(--radius-lg);
	border: 1px solid var(--liquid-glass-border);
	background: var(--liquid-glass-bg);
	box-shadow: var(--liquid-glass-shadow);
	padding: clamp(16px, 2vw, 24px);
	box-sizing: border-box;
}

.architects-questionnaire__shell {
	border-radius: var(--radius-lg);
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #fff;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
	padding: clamp(20px, 2.5vw, 32px);
	box-sizing: border-box;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
	.architects-choose__shell,
	.architects-materials__shell {
		background: rgba(255, 255, 255, 0.72);
		-webkit-backdrop-filter: blur(18px) saturate(165%);
		backdrop-filter: blur(18px) saturate(165%);
	}
}

.architects-questionnaire .cart-island-form__title {
	text-align: center;
}

.architects-questionnaire .architects-order-form.cart-order-form {
	width: 100%;
	max-width: none;
	min-height: 0;
}

.architects-questionnaire .architects-order-form form {
	width: 100%;
}

.architects-questionnaire__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 40%);
	gap: clamp(20px, 2.5vw, 32px);
	align-items: stretch;
}

.architects-questionnaire__main {
	min-width: 0;
}

.architects-questionnaire__stages {
	overflow: hidden;
}

.architects-questionnaire__track {
	display: flex;
	width: 200%;
	transform: translateX(0);
	transition: transform 0.48s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1));
	will-change: transform;
}

.architects-questionnaire__stages.is-success .architects-questionnaire__track {
	transform: translateX(-50%);
}

.architects-questionnaire__stage {
	flex: 0 0 50%;
	width: 50%;
	min-width: 0;
}

.architects-questionnaire__stage--form {
	display: flex;
	flex-direction: column;
}

.architects-questionnaire__stage--form .architects-order-form {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.architects-questionnaire__stage--form .architects-order-form form {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.architects-questionnaire__stage--form .cart-island-form__consent {
	margin-top: auto;
}

.architects-questionnaire__success {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(20px, 2.5vw, 28px);
	min-height: clamp(320px, 34vw, 420px);
	padding: clamp(24px, 3vw, 40px) clamp(12px, 2vw, 20px);
	text-align: center;
	box-sizing: border-box;
}

.architects-questionnaire__success-title {
	margin: 0;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: clamp(22px, 2.8vw, 32px);
	line-height: 1.25;
	color: var(--grafit-black);
}

.architects-questionnaire__success-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 280px);
	text-decoration: none;
}

.architects-questionnaire__visual {
	overflow: hidden;
	border-radius: clamp(16px, 2vw, 24px);
	min-height: 100%;
}

.architects-questionnaire__visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: clamp(320px, 34vw, 420px);
	object-fit: cover;
	object-position: center center;
}

.architects-choose .home-section-title {
	margin-bottom: clamp(16px, 2vw, 24px);
	text-align: center;
}

.architects-catalogs.architects-page-section {
	margin-top: clamp(28px, 3.5vw, 44px);
}

.architects-catalogs .home-section-title {
	margin-bottom: clamp(12px, 1.5vw, 18px);
	text-align: center;
}

/* Advantages row */
.architects-choose__row {
	display: flex;
	align-items: stretch;
	gap: clamp(8px, 1vw, 12px);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.architects-advantage-card {
	position: relative;
	flex: 1 1 0;
	min-width: clamp(120px, 16vw, 180px);
	height: clamp(148px, 14vw, 168px);
	padding: clamp(12px, 1.5vw, 16px);
	background: var(--white-bg);
	border: 1px solid transparent;
	border-radius: var(--radius-md);
	box-sizing: border-box;
	overflow: hidden;
	cursor: default;
	outline: none;
	transition: box-shadow 0.35s var(--ease-out), border-color 0.35s var(--ease-out);
}

.architects-advantage-card__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.35s var(--ease-out);
}

.architects-advantage-card__info {
	position: absolute;
	left: clamp(10px, 1.2vw, 14px);
	right: clamp(10px, 1.2vw, 14px);
	bottom: clamp(10px, 1.2vw, 14px);
	opacity: 0;
	text-align: center;
	transform: translateY(6px);
	transition: opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out);
}

.architects-advantage-card h4 {
	margin: 0 0 2px;
	padding: 0;
	font-family: var(--font-family);
	font-weight: 600;
	font-size: clamp(14px, 1.4vw, 18px);
	line-height: 1.2;
	color: var(--grafit-black);
}

.architects-advantage-card p {
	margin: 0;
	padding: 0;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: clamp(11px, 1vw, 13px);
	line-height: 1.35;
	color: var(--grafit-grey);
	overflow-wrap: anywhere;
}

.architects-advantage-card:hover,
.architects-advantage-card:focus-within,
.architects-advantage-card.is-expanded {
	box-shadow: var(--glass-shadow-hover);
	border-color: var(--glass-border);
}

.architects-advantage-card:hover .architects-advantage-card__icon,
.architects-advantage-card:focus-within .architects-advantage-card__icon,
.architects-advantage-card.is-expanded .architects-advantage-card__icon {
	transform: translate(-50%, calc(-50% - 26px));
}

.architects-advantage-card:hover .architects-advantage-card__info,
.architects-advantage-card:focus-within .architects-advantage-card__info,
.architects-advantage-card.is-expanded .architects-advantage-card__info {
	opacity: 1;
	transform: translateY(0);
}

.architects-advantage-card:focus-visible {
	box-shadow: var(--glass-shadow-hover), 0 0 0 2px var(--orange);
}

@media (max-width: 1365px) {
	.architects-advantage-card {
		height: clamp(210px, 18.5vw, 236px);
	}
}

body.algorithm-architects-page .architects-advantage-card__icon--design {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 52.5C17.5725 52.5 7.5 42.4275 7.5 30C7.5 17.5725 17.5725 7.5 30 7.5C42.4275 7.5 52.5 17.5725 52.5 30C52.5 42.4275 42.4275 52.5 30 52.5Z' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 52.5C21.715 52.5 15 45.785 15 37.5C15 29.215 21.715 22.5 30 22.5C38.285 22.5 45 29.215 45 37.5C45 45.785 38.285 52.5 30 52.5Z' stroke='%23FFBB10' stroke-width='1.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 52.5C25.1675 52.5 21.25 48.5825 21.25 43.75C21.25 38.9175 25.1675 35 30 35C34.8325 35 38.75 38.9175 38.75 43.75C38.75 48.5825 34.8325 52.5 30 52.5Z' stroke='%23373838' stroke-width='1.8'/%3E%3C/svg%3E");
}

body.algorithm-architects-page .architects-advantage-card__icon--approach {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='23.75' r='6.25' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath d='M17.5 45V42.5C17.5 39.0482 20.2982 36.25 23.75 36.25H36.25C39.7018 36.25 42.5 39.0482 42.5 42.5V45' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath d='M52.5 27.5V50C52.5 52.7614 50.2614 55 47.5 55H12.5C9.73858 55 7.5 52.7614 7.5 50V12.5C7.5 9.73858 9.73858 7.5 12.5 7.5H32.5' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.855 5.975L49.145 19.025L54.025 14.145C54.626 13.816 55 13.185 55 12.5C55 11.815 54.626 11.184 54.025 10.855L51.352 9.393C51.037 9.221 50.779 8.963 50.607 8.648L49.145 5.975C48.816 5.374 48.186 5 47.5 5C46.814 5 46.184 5.374 45.855 5.975Z' stroke='%23FFBB10' stroke-width='1.8'/%3E%3C/svg%3E");
}

body.algorithm-architects-page .architects-advantage-card__icon--materials {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M22.4355 49.9458L46.7232 25.6582C48.6759 23.7049 48.6759 20.5385 46.7232 18.5852L41.4185 13.2805C39.4651 11.3278 36.2988 11.3278 34.3455 13.2805L24.9991 22.6219' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2458 52.5093C11.4113 52.5093 7.49219 48.5902 7.49219 43.7557V12.4927C7.49219 9.73011 9.7317 7.4906 12.4943 7.4906H19.9974C22.76 7.4906 24.9995 9.73011 24.9995 12.4927V43.7557C24.9995 48.5902 21.0803 52.5093 16.2458 52.5093Z' stroke='%23FFBB10' stroke-width='1.8'/%3E%3Cpath d='M7.49219 37.3955H24.9995M7.49219 22.2818H24.9995' stroke='%23FFBB10' stroke-width='1.8'/%3E%3C/svg%3E");
}

body.algorithm-architects-page .architects-advantage-card__icon--quality {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Crect x='7.9' y='7.9' width='44.2' height='44.2' rx='6.1' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath d='M17.076 38.395H26.444' stroke='%23FFBB10'/%3E%3Cpath d='M31.181 22.034V32.351C31.181 34.334 32.867 36.648 37.953 36.875' stroke='%23FFBB10'/%3E%3C/svg%3E");
}

body.algorithm-architects-page .architects-advantage-card__icon--safety {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M51.466 23.38C52.149 25.521 52.511 27.753 52.511 30C52.511 42.432 42.433 52.509 30.002 52.509C17.57 52.509 7.492 42.432 7.492 30C7.492 17.568 17.57 7.491 30.002 7.491C32.249 7.501 34.481 7.853 36.622 8.536' stroke='%23373838' stroke-width='1.8'/%3E%3Cpath d='M52.511 10.677L47.538 15.649L44.35 12.46' stroke='%23FFBB10' stroke-width='1.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.746 25.447V28.631C18.746 34.495 22.384 39.745 27.875 41.804L29.507 42.416C29.825 42.535 30.176 42.535 30.495 42.416L32.127 41.804C37.618 39.745 41.256 34.495 41.256 28.631V25.447C41.256 24.217 40.456 23.129 39.281 22.762L30.84 20.124C30.294 19.953 29.708 19.953 29.162 20.124L20.721 22.762C19.546 23.129 18.746 24.217 18.746 25.447Z' stroke='%23FFBB10' stroke-width='1.8'/%3E%3C/svg%3E");
}

/* Account block — тёмная карточка по референсу */
.architects-account__shell {
	display: grid;
	grid-template-columns: minmax(150px, 24%) minmax(0, 1fr) minmax(150px, 24%);
	gap: clamp(12px, 2vw, 24px);
	align-items: center;
	padding: clamp(28px, 3.5vw, 44px);
	border-radius: var(--radius-lg);
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(145deg, #2f2f2f 0%, #222 52%, #1a1a1a 100%);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	box-sizing: border-box;
}

.architects-account__content {
	position: relative;
	z-index: 1;
}

.architects-account__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: clamp(14px, 1.8vw, 20px);
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255, 187, 16, 0.28);
	background: rgba(255, 255, 255, 0.06);
	box-shadow: 0 0 24px rgba(255, 187, 16, 0.14);
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 13px;
	line-height: 1.3;
	color: #fff;
}

.architects-account__badge-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 1.5L9.8 5.7L14.3 6.2L11 9.2L11.9 13.6L8 11.5L4.1 13.6L5 9.2L1.7 6.2L6.2 5.7L8 1.5Z' fill='%23FFBB10'/%3E%3C/svg%3E") center/contain no-repeat;
}

body.algorithm-architects-page .architects-account__title {
	margin-bottom: clamp(8px, 1vw, 12px);
	color: #fff;
}

.architects-account__lead {
	margin: 0 0 clamp(18px, 2vw, 24px);
	font-family: var(--font-family);
	font-size: clamp(14px, 1.5vw, 16px);
	line-height: 1.45;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.68);
}

.architects-account__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 clamp(24px, 3vw, 32px);
	padding: 0;
	list-style: none;
}

.architects-account__tags li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.28);
	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.88);
}

.architects-account__tag-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.architects-account__tag-icon--cube {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3 6.5L9 3.5L15 6.5V12.5L9 15.5L3 12.5V6.5Z' stroke='%23FFBB10' stroke-width='1.2'/%3E%3Cpath d='M9 9.5V15.5M3 6.5L9 9.5L15 6.5' stroke='rgba(255,255,255,0.55)' stroke-width='1.2'/%3E%3C/svg%3E");
}

.architects-account__tag-icon--star {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 2L10.8 6.7L15.5 7.1L12 10.1L13 14.8L9 12.4L5 14.8L6 10.1L2.5 7.1L7.2 6.7L9 2Z' stroke='%23FFBB10' stroke-width='1.2'/%3E%3C/svg%3E");
}

.architects-account__tag-icon--support {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4 8.5C4 5.5 6.2 3 9 3C11.8 3 14 5.5 14 8.5V11C14 12.1 13.1 13 12 13H11.5C10.7 13 10 12.3 10 11.5V9.5C10 8.7 10.7 8 11.5 8H12V8.5C12 6.6 10.7 5 9 5C7.3 5 6 6.6 6 8.5V11.5C6 13.4 7.3 15 9 15H10' stroke='%23FFBB10' stroke-width='1.2'/%3E%3C/svg%3E");
}

.architects-account__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 28px;
	border-radius: 999px;
	background: var(--orange);
	color: var(--grafit-black);
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 10px 32px rgba(255, 187, 16, 0.38);
	transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out);
}

.architects-account__cta:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 36px rgba(255, 187, 16, 0.48);
	color: var(--grafit-black);
}

.architects-account__cta-arrow {
	font-size: 18px;
	line-height: 1;
}

.architects-account__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(180px, 22vw, 320px);
}

.architects-account__visual img {
	display: block;
	width: 100%;
	max-width: min(360px, 100%);
	height: auto;
	object-fit: contain;
	image-rendering: auto;
	border-radius: 12px;
	filter: brightness(0.94) saturate(0.88) contrast(1.02);
}

.architects-account__visual--office img {
	border-radius: 16px 10px 10px 16px;
}

.architects-account__visual--carousel img {
	border-radius: 10px 16px 16px 10px;
}

/* Catalogs */
.architects-catalogs__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 24px);
}

.architects-catalog-card {
	display: grid;
	grid-template-columns: minmax(0, 52%) minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr);
	grid-template-areas:
		"title title"
		"visual text";
	gap: clamp(6px, 0.8vw, 10px) clamp(18px, 2.2vw, 28px);
	min-height: clamp(210px, 21vw, 265px);
	padding: clamp(14px, 1.6vw, 20px) clamp(18px, 2vw, 24px) 0 clamp(18px, 2vw, 24px);
	border-radius: clamp(20px, 2.5vw, 28px);
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	box-sizing: border-box;
	transition: box-shadow 0.3s var(--ease-out), border-color 0.3s var(--ease-out);
}

.architects-catalog-card:hover {
	border-color: rgba(255, 187, 16, 0.28);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.1);
}

.architects-catalog-card__title {
	grid-area: title;
	margin: clamp(4px, 0.6vw, 10px) 0 clamp(2px, 0.3vw, 6px);
	text-align: center;
}

.architects-catalog-card__download--title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: clamp(6px, 0.8vw, 10px);
	max-width: 100%;
	font-family: var(--font-heading);
	font-size: clamp(16px, 1.75vw, 21px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--grafit-black);
	text-decoration: none;
	transition: color 0.3s var(--ease-out);
}

.architects-catalog-card:hover .architects-catalog-card__download--title {
	color: var(--orange);
}

.architects-catalog-card__download {
	cursor: pointer;
}

.architects-catalog-card__text {
	grid-area: text;
	position: relative;
	z-index: 2;
	margin: 0;
	align-self: center;
	max-width: 100%;
	padding: 0 clamp(2px, 0.4vw, 6px) clamp(14px, 1.6vw, 20px) clamp(14px, 1.8vw, 22px);
	font-family: var(--font-family);
	font-size: clamp(12px, 1.2vw, 14px);
	font-weight: 400;
	line-height: 1.45;
	color: var(--grafit-secon-text);
}

.architects-catalog-card__visual {
	grid-area: visual;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	align-self: stretch;
	min-height: 0;
	overflow: visible;
	z-index: 1;
	text-decoration: none;
}

.architects-catalog-card__visual img {
	display: block;
	width: auto;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	object-position: center bottom;
	transform-origin: center bottom;
	transition: transform 0.35s var(--ease-out);
}

.architects-catalog-card:hover .architects-catalog-card__visual img {
	transform: scale(1.06);
}

/* Materials */
.architects-materials__shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: clamp(16px, 2vw, 24px);
	align-items: center;
}

.architects-materials__title {
	font-size: clamp(22px, 3vw, 32px);
}

body.algorithm-architects-page .architects-materials__title {
	font-family: var(--font-family);
	font-weight: 500;
	font-synthesis: none;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.architects-materials__gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.architects-materials__item {
	width: clamp(72px, 8vw, 88px);
	height: clamp(72px, 8vw, 88px);
	border-radius: var(--radius-md);
	border: 1px solid var(--glass-border);
	background: #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--glass-shadow);
	transition: transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
	cursor: default;
}

.architects-materials__item img {
	display: block;
	width: auto;
	height: auto;
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	object-fit: contain;
}

.architects-materials__item:hover,
.architects-materials__item:focus-within {
	transform: translateY(-4px);
	box-shadow: var(--glass-shadow-hover);
}

.architects-materials__cta {
	white-space: nowrap;
}

/* Projects — как на главной */
.architects-projects.architects-page-section.home-our-projects-block {
	width: 100%;
	max-width: 100%;
	margin-top: clamp(40px, 5vw, 64px);
	overflow: hidden;
	box-sizing: border-box;
}

.architects-projects .home-projects-gallery {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding-top: 0;
}

body.algorithm-architects-page .architects-projects .home-projects-gallery__btn {
	width: 34px;
	height: 34px;
	padding: 0;
	border: none !important;
	border-radius: 50% !important;
	background: var(--orange) !important;
	color: var(--grafit-black) !important;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
	font-size: 0;
	line-height: 0;
	box-shadow: none;
}

body.algorithm-architects-page .architects-projects .home-projects-gallery__btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--grafit-black);
	border-right: 2px solid var(--grafit-black);
	transform: translate(-35%, -50%) rotate(-135deg);
}

body.algorithm-architects-page .architects-projects .home-projects-gallery__btn--next::before {
	transform: translate(-65%, -50%) rotate(45deg);
}

body.algorithm-architects-page .architects-projects .home-projects-gallery__btn:hover {
	opacity: 0.9;
}

body.algorithm-architects-page .architects-projects .our-projects-item-category {
	display: inline-block;
	border-radius: 20px;
	padding: 3px 10px;
	background: var(--brand-yellow);
	color: var(--grafit-black);
	font-size: 13px;
	font-weight: 500;
}

body.algorithm-architects-page .architects-projects .our-projects-item-img--lazy {
	background-color: var(--gr-gr);
	background-size: cover;
	background-position: center;
}

body.algorithm-architects-page .architects-projects .our-projects-item-title {
	flex: 1 1 auto;
	min-height: calc(16px * 1.5 * 2);
}

/* Responsive */
@media (max-width: 1100px) {
	.architects-account__shell {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"content content"
			"office carousel";
	}

	.architects-account__content {
		grid-area: content;
	}

	.architects-account__visual--office {
		grid-area: office;
	}

	.architects-account__visual--carousel {
		grid-area: carousel;
	}

	.architects-account__visual {
		min-height: 160px;
	}

	.architects-materials__shell {
		grid-template-columns: 1fr;
	}

	.architects-materials__cta {
		justify-self: start;
	}
}

@media (max-width: 900px) {
	.architects-questionnaire__grid {
		grid-template-columns: 1fr;
	}

	.architects-questionnaire__visual img {
		min-height: clamp(220px, 42vw, 300px);
	}

	.architects-catalogs__grid {
		display: flex;
		overflow-x: auto;
		gap: 16px;
		padding-bottom: 4px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.architects-catalogs__grid::-webkit-scrollbar {
		display: none;
	}

	.architects-catalog-card {
		flex: 0 0 min(82vw, 300px);
		scroll-snap-align: start;
		min-height: 260px;
		grid-template-columns: minmax(0, 48%) minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.architects-advantage-card {
		min-width: 140px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.architects-questionnaire__track {
		transition: none;
	}

	.architects-advantage-card,
	.architects-advantage-card__icon,
	.architects-advantage-card__info,
	.architects-account__cta,
	.architects-account__visual img,
	.architects-materials__item,
	.architects-materials__item img,
	.architects-projects .our-projects-item {
		transition: none;
	}

	.architects-catalog-card,
	.architects-catalog-card__download--title,
	.architects-catalog-card__visual img,
	.architects-advantage-card:hover .architects-advantage-card__icon,
	.architects-advantage-card:focus-within .architects-advantage-card__icon,
	.architects-advantage-card.is-expanded .architects-advantage-card__icon,
	.architects-advantage-card:hover .architects-advantage-card__info,
	.architects-advantage-card:focus-within .architects-advantage-card__info,
	.architects-advantage-card.is-expanded .architects-advantage-card__info {
		transform: none;
	}
}