/* VINKS — About / Brand */
.ab-hero { position: relative; min-height: 86svh; display: flex; align-items: flex-end; overflow: hidden; }
.ab-hero__bg { position: absolute; inset: 0; }
.ab-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.ab-hero__bg::after { content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(8,8,9,0.96) 8%, rgba(8,8,9,0.2) 55%, rgba(8,8,9,0.55)); }
.ab-hero__in { position: relative; z-index: 2; padding: 0 var(--vk-gutter) clamp(40px,8vw,90px); }
.ab-hero h1 { font-family: var(--vk-serif); font-weight: 500; text-transform: uppercase; color: var(--vk-white); font-size: clamp(54px, 18vw, 200px); line-height: 0.84; margin: 18px 0 0; letter-spacing: -0.01em; }
.lead { padding: clamp(64px,14vw,150px) 0; }
.lead p { font-family: var(--vk-serif); font-weight: 500; font-size: clamp(26px, 5.4vw, 50px); line-height: 1.18; color: var(--vk-white); max-width: 20ch; margin: 0; }
.lead p em { font-style: italic; }
.row { display: grid; gap: var(--s-5); align-items: center; padding: clamp(36px,7vw,72px) 0; }
@media (min-width: 900px){ .row { grid-template-columns: 1fr 1fr; gap: var(--s-8); } .row.flip .row__media { order: 2; } }
.row__media { aspect-ratio: 4/5; overflow: hidden; background: var(--vk-bg-photo); }
.row__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease); }
.row:hover .row__media img { transform: scale(1.04); }
.row__body h2 { font-family: var(--vk-serif); font-weight: 500; text-transform: uppercase; color: var(--vk-white); font-size: clamp(28px,6vw,46px); line-height: 1; margin: 16px 0 18px; }
.row__body p { color: var(--vk-text); font-weight: 300; font-size: 16px; line-height: 1.85; max-width: 44ch; }
.pull { text-align: center; padding: clamp(70px,15vw,160px) var(--vk-gutter); position: relative; }
.pull__mark { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(54vw,360px); opacity:0.05; }
.pull p { position: relative; z-index:1; font-family: var(--vk-serif); font-style: italic; font-weight: 500; font-size: clamp(28px,6vw,60px); line-height: 1.15; color: var(--vk-white); max-width: 16ch; margin: 0 auto; }
.signs { display:grid; grid-template-columns:repeat(3,1fr); gap: 1px; background: var(--vk-line); border-block:1px solid var(--vk-line); }
.signs > div { background: var(--vk-bg); padding: clamp(28px,5vw,48px) var(--vk-gutter); }
.signs h3 { font-family: var(--vk-serif); font-weight:500; color:var(--vk-white); font-size: clamp(34px,5vw,56px); margin:0; line-height:1; }
.signs p { margin:10px 0 0; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:var(--vk-text-dim); }
@media (max-width:640px){ .signs{ grid-template-columns:1fr; } }
.ab-cta { text-align:center; padding: clamp(70px,14vw,150px) var(--vk-gutter); }
.ab-cta h2 { font-family:var(--vk-serif); font-weight:500; text-transform:uppercase; color:var(--vk-white); font-size:clamp(40px,11vw,110px); line-height:0.9; margin:0 0 var(--s-6); }