/* Кастомний шаблон сторінки "Про нас" — brukton.com.ua/pro-nas/ */
.bt-about{
	--bt-red:#e51f26;
	--bt-dark:#1c1c1c;
	--bt-text:#5b6472;
	--bt-gold:#c6a15c;
	color:var(--bt-dark);
}
.bt-about *{box-sizing:border-box;}
/* Гасимо горизонтальний скрол від 100vw на повноширинних секціях.
   Ставимо на повноширинну обгортку контенту (НЕ на .bt-about — інакше
   overflow обріже сам full-bleed). clip не ламає sticky-хедер. */
.wd-page-content{overflow-x:clip;}
.bt-container{max-width:1200px;margin:0 auto;padding:0 20px;}
.bt-section{padding:clamp(44px,7vw,90px) 0;}
.bt-red-text{color:var(--bt-red);}

/* Типографіка */
.bt-h{font-size:clamp(26px,3.4vw,40px);line-height:1.18;font-weight:500;margin:0 0 22px;color:var(--bt-dark);}
.bt-h--light{color:#fff;}
.bt-h--center{text-align:center;}
.bt-h--divider{position:relative;padding-bottom:22px;}
.bt-h--divider::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64px;height:3px;background:var(--bt-red);}
.bt-about p{font-size:clamp(15px,1.55vw,18px);line-height:1.75;color:var(--bt-text);margin:0 0 16px;}
.bt-p--light{color:rgba(255,255,255,.92)!important;}

/* Великі декоративні номери */
.bt-num{display:block;font-size:clamp(58px,9vw,120px);font-weight:800;line-height:.9;margin-bottom:4px;color:rgba(229,31,38,.12);letter-spacing:-.02em;}
.bt-num--light{color:rgba(255,255,255,.28);}

/* Надзаголовок (eyebrow) */
.bt-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700;color:var(--bt-red);margin-bottom:14px;}

/* Інтро */
.bt-intro{padding:clamp(48px,8vw,96px) 0 clamp(20px,3vw,40px);text-align:center;}
.bt-intro__title{font-size:clamp(30px,5vw,52px);line-height:1.15;font-weight:500;margin:0 0 24px;color:var(--bt-dark);}
.bt-intro__lead{max-width:860px;margin:0 auto;font-size:clamp(16px,1.8vw,21px);line-height:1.6;color:var(--bt-gold);}

/* Дві колонки (у контейнері) */
.bt-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:center;}
.bt-split__text{min-width:0;}
.bt-img{width:100%;height:auto;object-fit:cover;display:block;}

/* ── Секція "Виробництво": повноширинний split (червона панель + відео) ── */
.bt-bleed{position:relative;left:50%;width:100vw;margin-left:-50vw;}
.bt-prod{padding:0;}
.bt-prod .bt-bleed{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(380px,42vw,560px);}
.bt-prod__panel{
	background:var(--bt-red);
	display:flex;flex-direction:column;justify-content:center;
	padding:clamp(48px,6vw,90px) clamp(28px,4vw,60px) clamp(48px,6vw,90px) max(20px, calc((100vw - 1200px) / 2 + 20px));
}
.bt-prod__panel .bt-num{margin-bottom:8px;}
.bt-prod__media{position:relative;}

/* ── Секція "Вібропреси": фото зліва з нахлистом угору ── */
.bt-zenith__media{position:relative;z-index:2;}
.bt-zenith__num{margin-bottom:2px;}

/* ── Галерея: 6 фото впритул на всю ширину ── */
.bt-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-bottom:clamp(32px,5vw,56px);}
.bt-gallery__item{display:block;overflow:hidden;aspect-ratio:3/4;}
.bt-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.bt-gallery__item:hover img{transform:scale(1.05);}
.bt-result__text{max-width:960px;margin:20px auto 0;text-align:center;}

/* ── Відео-фасад ── */
.bt-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#0a0a0a;}
.bt-video--fill{height:100%;aspect-ratio:auto;}
.bt-video__poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease;}
.bt-video:hover .bt-video__poster{transform:scale(1.03);filter:brightness(.92);}
.bt-about .bt-video__play{
	-webkit-appearance:none;appearance:none;
	position:absolute;inset:0;margin:auto;
	width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);min-width:0;
	border:2px solid rgba(255,255,255,.95);border-radius:50%;
	background:rgba(0,0,0,.32);padding:0;cursor:pointer;
	box-shadow:0 4px 18px rgba(0,0,0,.35);
	transition:background .3s,border-color .3s,transform .3s;
}
.bt-about .bt-video__play::before{
	content:"";position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);
	width:0;height:0;
	border-style:solid;border-width:11px 0 11px 19px;
	border-color:transparent transparent transparent #fff;
}
.bt-about .bt-video:hover .bt-video__play{background:var(--bt-red);border-color:var(--bt-red);transform:scale(1.06);}
.bt-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* Список з ромбами */
.bt-list{list-style:none;margin:10px 0 0;padding:0;}
.bt-list li{position:relative;padding-left:30px;margin-bottom:13px;font-size:clamp(15px,1.6vw,18px);line-height:1.5;color:var(--bt-dark);}
.bt-list li::before{content:"";position:absolute;left:0;top:.5em;width:11px;height:11px;background:var(--bt-red);transform:rotate(45deg);}

/* ── Адаптив ── */
@media (min-width:901px){
	.bt-zenith__media{margin-top:clamp(-140px,-9vw,-60px);}
}
@media (max-width:900px){
	.bt-split{grid-template-columns:1fr;gap:28px;}
	.bt-prod .bt-bleed{grid-template-columns:1fr;min-height:0;}
	.bt-prod__panel{padding:clamp(36px,8vw,56px) 20px;order:2;}
	.bt-prod__media{order:1;}
	.bt-prod__media .bt-video--fill{aspect-ratio:16/9;height:auto;}
	.bt-zenith__media{order:-1;}
	.bt-gallery{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:520px){
	.bt-gallery{grid-template-columns:repeat(2,1fr);}
}