body[data-nav="dla-kogo"]{background:#FBF9F4;overflow-x:hidden;}
.vd{position:relative;width:auto;margin-left:calc(-50vw + 50% + 0px);margin-right:calc(-50vw + 50%);background:radial-gradient(120% 90% at 50% 0%,#FDF6EA 0%,#FBF9F4 46%,#F9F6F0 100%);display:grid;grid-template-columns:1fr 1.04fr 1fr;align-items:stretch;gap:34px;padding:118px max(24px, calc(50vw - 620px)) 72px;min-height:560px;}
.vd__side{position:relative;height:496px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#FEFDFB 34%,#FAF7F2 62%,#F5F1EA 100%);display:block;box-shadow:0 40px 90px -55px rgba(33,29,23,.35);outline:1px solid rgba(207,164,105,.22);outline-offset:-1px;transition:box-shadow .4s,outline-color .4s,transform .5s;}
.vd__side:hover{transform:translateY(-4px);box-shadow:0 46px 90px -50px rgba(33,29,23,.34);outline-color:rgba(207,164,105,.55);}
.vd__side:focus-visible{outline:2px solid #C9A86A;outline-offset:3px;}
.vd__side img{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:1;transition:transform .7s;}
.vd__side:hover img{transform:scale(1.05);}
.vd__side::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(15,13,10,.55) 0%,rgba(15,13,10,.42) 14%,rgba(15,13,10,.26) 30%,rgba(15,13,10,.12) 46%,rgba(15,13,10,.04) 62%,transparent 78%);}
.vd__plabel{position:absolute;left:0;right:0;bottom:0;z-index:2;text-align:center;padding:0 22px 30px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:16px;}
.vd__plabel b{font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:200;letter-spacing:.01em;font-size:clamp(26px,2.6vw,38px);text-shadow:0 2px 18px rgba(0,0,0,.4);}
.vd__ofr{display:inline-flex;align-items:center;gap:10px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#211D17;background:linear-gradient(135deg,#F1DFBB 0%,#CFA469 52%,#A57C3C 100%);padding:13px 26px;border-radius:999px;transition:transform .4s,opacity .4s,box-shadow .3s;box-shadow:0 6px 18px rgba(201,168,106,.35);}
.vd__ofr svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s;}
.vd__side:hover .vd__ofr{filter:brightness(1.05);}
.vd__side:hover .vd__ofr svg{transform:translate(3px,-3px);}

.vd__mid{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 6px;}
.vd-crumb{justify-content:center;margin-bottom:4px;}
.vd-eyb{font-family:var(--font-mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#B0863F;}
.vd-h1{font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:200;line-height:1.05;letter-spacing:-.01em;margin:0;font-size:clamp(40px,4.6vw,62px);color:#16140F;}
.vd-h1 em{display:block;font-style:italic;font-weight:200;color:transparent;background:linear-gradient(135deg,#C9A86A,#B0863F 55%,#8F6A2E);-webkit-background-clip:text;background-clip:text;}
.vd-sub{margin:0;max-width:330px;color:#6e6b64;font-size:14.5px;line-height:1.6;}
@media(max-width:820px){
  .vd{margin-left:0;margin-right:0;border-radius:18px;grid-template-columns:1fr 1fr;gap:14px;padding:22px 0 8px;min-height:0;}
  .vd__mid{grid-column:1 / -1;order:-1;gap:8px;margin-bottom:8px;padding:6px 0;}
  .vd__side{height:320px;}
  .vd-sub{max-width:420px;}
  .vd-brk{display:none;}
  .vd__ofr{opacity:1;transform:none;}
}
@media (max-width: 720px) {
  main.container .hero { padding: var(--space-4) 0 var(--space-3); }
}
@media (max-width:560px){
  .vd{grid-template-columns:1fr;gap:16px;}
  .vd__side{height:300px;}
  .vd-h1{font-size:34px;}
  .vd-sub{font-size:14px;}
}