/* Naše projekty — a contained addition to the current viridisio website. */
.header .desktop-nav{gap:24px}
.desktop-nav .projects-nav{color:var(--v-action);font-weight:600}
.desktop-nav .projects-nav[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.projects{padding:88px 0 72px;background:var(--v-ice);scroll-margin-top:24px}
.projects-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;margin-bottom:48px}
.projects-heading .eyebrow{margin-bottom:22px;font-size:11px;letter-spacing:.075em}
.projects-heading :is(h1,h2){font-size:56px;line-height:64px;font-weight:600;letter-spacing:-.035em}
.projects-heading :is(h1,h2)>span{color:var(--v-action)}
.projects-heading>p{font-size:18px;line-height:28px;color:var(--v-mutedText);max-width:470px;justify-self:end;padding-bottom:4px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.project-card{min-width:0;background:var(--v-white);display:flex;flex-direction:column}
.project-visual{position:relative;display:block;height:304px;overflow:hidden;background:#162b3a;isolation:isolate}
.project-image{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform 480ms cubic-bezier(.2,.65,.3,1)}
.project-energy .project-image{object-position:74% 50%;transform:scale(1.015)}
.project-realty .project-image{object-position:50% 56%}
.project-logo{position:absolute;top:24px;left:24px;display:flex;align-items:center;justify-content:center}
.project-logo-energy{width:216px;min-height:88px;padding:24px;background:white}
.project-logo-energy img{width:168px;height:auto}
.project-logo-realty{width:144px;height:144px;padding:12px;background:#162b3a}
.project-logo-realty img{width:120px;height:120px}
.visual-arrow{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:44px;height:44px;background:white;color:var(--v-graphite);font-size:28px;font-weight:400;transition:background .2s,color .2s}
.visual-caption{position:absolute;bottom:12px;right:16px;padding:2px 8px;background:#162b3a;color:#fff;font-size:10px;line-height:18px}
.project-visual:focus-visible{outline:3px solid var(--v-action);outline-offset:4px;z-index:2}
.project-body{padding:32px 36px 0;display:flex;flex-direction:column;flex:1}
.project-category{display:flex;align-items:center;gap:16px;font-size:10px;line-height:18px;font-weight:500;letter-spacing:.075em;color:var(--v-mutedText);margin-bottom:20px}
.project-category>span{color:var(--v-action);font-variant-numeric:tabular-nums;font-weight:600}
.project-body h3{font-size:34px;line-height:40px;font-weight:600;letter-spacing:-.025em;margin:0 0 20px}
.project-description{font-size:16px;line-height:26px;color:var(--v-mutedText);margin-bottom:28px;max-width:490px}
.project-topics{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--v-mutedText);font-size:12px;line-height:18px;margin-top:auto;margin-bottom:24px}
.project-topics span+span{border-left:1px solid var(--v-line);padding-left:14px}
.project-link{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--v-line);font-size:15px;line-height:24px;color:var(--v-action)}
.project-link strong{font-weight:600}
.project-link-arrow{font-size:30px;line-height:32px;transition:transform 240ms ease}
.project-link:hover .project-link-arrow{transform:translate(3px,-3px)}
.project-link:hover strong{text-decoration:underline;text-underline-offset:5px}
.projects-colophon{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;font-size:12px;line-height:20px;color:var(--v-mutedText)}
.projects-colophon strong{font-weight:500;color:var(--v-graphite)}
.projects-colophon a{display:flex;align-items:center;gap:16px;padding-block:8px;color:var(--v-action);font-weight:500}
.projects-colophon a:hover{text-decoration:underline;text-underline-offset:4px}
.contact+.projects{margin-top:80px}
@media(hover:hover) and (pointer:fine){.project-visual:hover .project-image{transform:scale(1.045)}.project-visual:hover .visual-arrow{background:var(--v-action);color:white}}
@media(max-width:1199px){.header .desktop-nav{gap:18px}.header .brand img{width:170px}.header{gap:20px}.projects-heading{gap:40px}.project-body{padding:28px 28px 0}.project-visual{height:280px}.project-grid{gap:24px}.projects-heading :is(h1,h2){font-size:50px;line-height:58px}.project-body h3{font-size:32px;line-height:38px}.project-category{gap:12px;letter-spacing:.03em}}
@media(min-width:921px) and (max-width:1070px){.desktop-nav,.header-cta{display:none}.header{justify-content:space-between;min-height:112px;position:relative}.mobile-nav{display:block}.mobile-nav summary{display:flex;align-items:center;min-height:48px;gap:16px;font-size:14px;cursor:pointer;list-style:none}.mobile-nav nav{position:absolute;left:0;right:0;top:100%;background:white;border:1px solid var(--v-line);padding:16px 24px;z-index:20;display:grid}.mobile-nav nav a{padding:12px 0;font-size:18px}.mobile-nav summary::-webkit-details-marker{display:none}}
@media(max-width:920px){.projects{padding:64px 0 48px}.projects-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.projects-heading>p{justify-self:start;max-width:560px}.project-body{padding:24px 24px 0}.project-visual{height:250px}.project-logo{left:20px;top:20px}.project-logo-energy{width:192px;min-height:80px;padding:20px}.project-logo-energy img{width:152px}.project-logo-realty{width:144px;height:144px}.visual-arrow{top:20px;right:20px;width:36px;height:36px;font-size:24px}.project-category{font-size:9px;letter-spacing:.01em;gap:8px}.project-body h3{font-size:29px;line-height:36px}.project-description{font-size:15px;line-height:24px}.project-topics{gap:10px;font-size:11px}.project-topics span+span{padding-left:10px}.project-link{font-size:14px;min-height:72px}.contact+.projects{margin-top:56px}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:32px}.projects-heading :is(h1,h2){font-size:42px;line-height:48px}.projects-heading .eyebrow{font-size:10px;letter-spacing:.04em;margin-bottom:16px}.projects-heading>p{font-size:16px;line-height:26px}.projects{padding:48px 0 40px}.project-visual{height:auto;aspect-ratio:1.4}.project-logo-energy{width:192px;min-height:80px}.project-energy .project-image{object-position:77% 50%}.project-visual .project-image{position:absolute;inset:0}.project-body{padding:24px 24px 0}.project-body h3{font-size:30px;line-height:38px}.project-description{font-size:16px;line-height:26px;margin-bottom:24px}.project-category{font-size:9px;line-height:16px;gap:12px;letter-spacing:.025em;margin-bottom:16px}.project-topics{font-size:11px;margin-bottom:20px}.project-link{font-size:14px;min-height:72px}.projects-colophon{align-items:flex-start;flex-direction:column;gap:8px;margin-top:24px}.contact+.projects{margin-top:48px}}
@media(max-width:370px){.project-body{padding-inline:20px}.project-logo{top:16px;left:16px}.project-logo-energy{width:174px;padding:16px}.project-logo-energy img{width:142px}.visual-arrow{right:16px;top:16px}.project-body h3{font-size:28px;line-height:36px}.project-category{font-size:8px;gap:8px}.project-link{font-size:13px}.project-topics{font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-image,.visual-arrow,.project-link-arrow{transition:none!important}.project-image,.project-visual:hover .project-image{transform:none!important}}
@media print{.projects{padding:32px 0}.project-card{break-inside:avoid}.project-visual{height:220px}}