.dvojkavit main .reference-intro{padding:clamp(32px,4vw,56px) 0 40px}.dvojkavit main .reference-intro h1{max-width:24ch;margin:24px auto 22px;font-size:clamp(32px,5vw,72px);line-height:1.12}.dvojkavit main .reference-intro .reference-heading-lead{display:block;font-weight:inherit;margin-bottom:.22em}.dvojkavit main .reference-intro h1>.reference-heading-highlight{display:inline-block;color:#fff;padding:.06em .24em .12em}.dvojkavit main .reference-intro .hero-sub{max-width:70ch;margin:0 auto 24px}.dvojkavit main .reference-intro .hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.dvojkavit main .reference-portfolio{padding-top:16px;padding-bottom:64px;scroll-margin-top:120px}.dvojkavit main .reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}.dvojkavit main .reference-project{min-width:0;overflow:hidden;border:1px solid #eee7eb;border-radius:24px;background:#fff;transition:border-color .2s,box-shadow .2s}.dvojkavit main .reference-project-link{display:flex;flex-direction:column;height:100%;color:var(--ink);text-decoration:none}.dvojkavit main .reference-project-media{position:relative;background:#fcecf4}.dvojkavit main .reference-project-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain}.dvojkavit main .reference-project-type{position:absolute;top:16px;left:16px;padding:7px 12px;border:1px solid #ffffff90;border-radius:999px;background:#fffffff2;color:var(--ink);font-size:11px;font-weight:650;line-height:1.3}.dvojkavit main .reference-project-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:26px}.dvojkavit main .reference-project-copy .kicker{max-width:100%;font-size:10px;line-height:1.45;letter-spacing:.05em;padding:7px 10px}.dvojkavit main .reference-project .reference-title{margin:16px 0 12px;font-size:clamp(22px,2.1vw,29px);line-height:1.18;font-weight:500;letter-spacing:-.02em}.dvojkavit main .reference-project-summary{margin:0 0 22px;color:#595760;font-size:14px;line-height:1.6}.dvojkavit main .reference-project-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid #eee7eb;color:var(--ink);font-size:13px;font-weight:650}.dvojkavit main .reference-project-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-size:21px;line-height:1}.dvojkavit main .reference-project-featured .reference-project-link{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.dvojkavit main .reference-project-featured .reference-project-media{display:flex;align-items:center}.dvojkavit main .reference-project-featured .reference-project-copy{justify-content:center;padding:clamp(24px,3vw,44px)}.dvojkavit main .reference-project-featured .reference-title{font-size:clamp(28px,3vw,44px)}.dvojkavit main .reference-project-featured .reference-project-cta{margin-top:12px}.dvojkavit main .reference-project:hover{border-color:#f472b6;box-shadow:0 14px 38px -26px #9d174d60}.dvojkavit main .reference-project-link:focus-visible{outline:3px solid var(--accent-2);outline-offset:-4px;border-radius:24px}.dvojkavit main .reference-empty{padding:24px 0}@media (max-width:760px){.dvojkavit main .reference-intro{padding:28px 0 24px}.dvojkavit main .reference-intro h1{font-size:clamp(27px,7.2vw,50px);margin:20px auto}.dvojkavit main .reference-intro .hero-sub{font-size:14px;line-height:1.55}.dvojkavit main .reference-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.dvojkavit main .reference-project-featured .reference-project-link{display:flex}.dvojkavit main .reference-project-copy,.dvojkavit main .reference-project-featured .reference-project-copy{padding:20px}.dvojkavit main .reference-project .reference-title{font-size:24px}.dvojkavit main .reference-project-featured .reference-title{font-size:28px}}@media (max-width:360px){.dvojkavit main .reference-project-copy,.dvojkavit main .reference-project-featured .reference-project-copy{padding:16px}.dvojkavit main .reference-project .reference-title{font-size:22px}.dvojkavit main .reference-project-summary{font-size:13px;margin-bottom:16px}.dvojkavit main .reference-project-type{top:10px;left:10px}}@media (prefers-reduced-motion:reduce){.dvojkavit main .reference-project{transition:none}}