/* ===== visitka v3 — business card content, visa-page design ===== */
.vh{padding-bottom:64px}
.vh-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:64px;align-items:center;margin-top:44px}
.vh-hey{display:block;font-family:"HW3",cursive;font-size:40px;line-height:1;color:var(--deep);filter:url(#pencil);transform:rotate(-4deg);transform-origin:left;margin:0 0 4px 6px}
.vh h1{font-family:var(--serif);font-weight:400;font-size:clamp(78px,9vw,136px);line-height:.95;letter-spacing:-.025em}
.vh h1 i{color:var(--deep)}
.vh-lead{font-family:var(--serif);font-size:clamp(23px,2.05vw,30px);line-height:1.3;max-width:720px;margin-top:26px}
.vh-lead .circ{position:relative;display:inline-block;font-style:italic;color:var(--burg);margin:0 .14em;white-space:nowrap}
.vh-lead .circ-s{position:absolute;left:-8%;top:-24%;width:116%;height:150%;pointer-events:none}
.vh .facts{margin:26px 0 22px}
.vh-ph{position:relative;max-width:340px;margin-left:auto}
.vh-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:24px}
.vh-note{position:absolute;left:-110px;top:-6px;font-family:"HW3",cursive;font-size:30px;line-height:1;color:var(--deep);filter:url(#pencil);transform:rotate(-6deg);white-space:nowrap}
.vh-arr{position:absolute;left:-90px;top:30px;width:84px;height:112px;overflow:visible}

.doors2 .sh{margin-bottom:40px}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:1fr auto;gap:22px 30px;border-radius:26px;padding:40px 40px 38px;color:var(--milk);overflow:hidden}
.dr-visa{background:var(--deep);transition:transform .25s}
.dr-visa:hover{transform:translateY(-3px)}
.dr-visa:hover .gk-btn{transform:translateX(3px)}
.dr-travel{background:radial-gradient(120% 150% at 80% 50%,#8e3a57 0%,#6c2139 45%,#4c1426 100%)}
.dr .gk-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px}
.dr .gk-t{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.015em;font-size:clamp(46px,4.2vw,62px);line-height:.98;margin:0 0 14px;white-space:normal}
.dr .gk-t i{display:inline;color:#bcd4ee}
.dr-travel .gk-t i{color:#f3c6d6}
.dr .gk-d{font-size:16px;max-width:none;margin:0}
.dr-soon{background:var(--milk)!important;color:var(--burg)!important}
.dr-ph{position:relative;grid-column:2;grid-row:1/2;align-self:end}
.dr-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:20px}
.dr-stk{position:absolute;left:-52px;bottom:26px;display:flex;align-items:center;gap:6px;background:var(--milk);color:var(--burg);border-radius:14px;padding:10px 14px 9px;transform:rotate(-5deg)}
.dr-stk span{font-family:"HW3",cursive;font-size:25px;line-height:1;filter:url(#pencil)}
.dr-stk .hrt{width:24px;height:22px}
.dr-ph.two{height:100%;min-height:290px}
.dr-ph.two img{position:absolute;width:150px;aspect-ratio:3/4}
.dr-ph.two img:nth-child(1){left:0;top:0}
.dr-ph.two img:nth-child(2){right:0;bottom:0;box-shadow:0 0 0 5px #6c2139}
.dr .gk-btn{grid-column:1/-1;justify-self:start}
.dr .gk-btn.off{background:transparent;color:var(--milk);box-shadow:inset 0 0 0 1.5px rgba(250,246,240,.55);cursor:default}
.dr .gk-btn .dot{width:8px;height:8px;border-radius:50%;background:#f3c6d6}

.vproof .prow{grid-template-columns:200px 1fr}
.vproof .pl{line-height:1.45}
.vproof .lg{display:flex;align-items:center;opacity:.85}
.vproof .lg svg{display:block;width:auto;height:24px}
.vproof .lg.r svg{height:30px}.vproof .lg.c svg{height:26px}.vproof .lg.u svg{height:20px}.vproof .lg.bi svg{height:28px}
.vproof .lg.cl svg{height:21px}.vproof .lg.ef svg{height:33px}.vproof .lg.wb svg{height:36px}.vproof .lg.clio svg{height:32px}.vproof .lg.st svg{height:30px}.vproof .lg.dr svg{height:16px}

@media(max-width:1180px){.dr{grid-template-columns:minmax(0,1fr) 170px;padding:32px 30px}.dr-ph.two img{width:124px}.vh-note,.vh-arr{display:none}}
@media(max-width:900px){
 .vh-grid{grid-template-columns:1fr;gap:34px}
 .vh h1{font-size:64px}
 .vh-hey{font-size:32px}
 .vh-lead{font-size:22px}
 .vh-ph{max-width:260px;margin:0 auto}
 .dgrid{grid-template-columns:1fr;gap:16px}
 .dr{grid-template-columns:1fr;padding:28px 22px 30px}
 .dr .gk-t{font-size:48px}
 .dr-ph{grid-column:1;grid-row:auto;max-width:210px;margin:16px 0 0 40px}
 .dr-ph.two{max-width:none;margin:0;min-height:230px}
 .dr-ph.two img{width:46%}
 .vproof .prow{grid-template-columns:1fr}
 .vproof .plogos{gap:18px 24px}
 .vproof .lg svg{height:20px!important}
 .vproof .lg.dr svg{height:13px!important}
 .vproof .lg.ef svg,.vproof .lg.wb svg{height:28px!important}
}