/* Profil firme — uređenje (21.10.2026). Učitava se poslije pocetna.css. Dira samo .calm-profile / .firm-profile. */
.firm-profile{align-items:start;gap:clamp(24px,2.4vw,44px)}

/* ---------- lijeva kolona ---------- */
.firm-profile .company-sidebar{position:sticky!important;top:88px;max-height:calc(100dvh - 108px);overflow:auto;scrollbar-width:thin;padding:26px 24px 24px!important;border-radius:22px!important}
.firm-profile .profile-hero{display:block!important;padding:0!important}
.firm-profile .profile-hero .company-mark{margin:0 0 18px!important;box-shadow:0 0 0 1px var(--line)}
.firm-profile .identity .eyebrow{display:block;margin:0 0 8px;font-size:11.5px;letter-spacing:.12em}
.firm-profile .identity h1{font-size:clamp(26px,2vw,32px)!important;line-height:1.1;letter-spacing:-.015em;margin:0 0 8px;overflow-wrap:anywhere}
.firm-profile .identity h1 small,.firm-profile .identity h1 span{font-size:.55em;font-weight:500;color:var(--muted)}
.firm-profile .identity>p{margin:0;color:var(--muted);font-size:15px}

.firm-profile .profile-actions{display:grid!important;grid-template-columns:1fr;gap:10px;margin:22px 0 0}
.firm-profile .profile-actions>.btn,.firm-profile .profile-actions>details{min-width:0}
.firm-profile .profile-actions>[data-follow]{grid-column:1/-1;min-height:46px;background:var(--accent);border-color:var(--accent);color:#16110f;font-weight:700}
.firm-profile .profile-actions>[data-follow]:hover{filter:brightness(1.08)}
.firm-profile .profile-actions>.btn{min-height:42px;font-size:13.5px;padding:8px 12px;white-space:nowrap}
.firm-profile .profile-actions>.profile-secondary{grid-column:1/-1;order:5;margin:0}
.firm-profile .profile-secondary summary{cursor:pointer;color:var(--muted);font-size:13.5px;padding:6px 2px;list-style:none}
.firm-profile .profile-secondary summary::-webkit-details-marker{display:none}
.firm-profile .profile-secondary summary::before{content:"+ ";font-weight:700}
.firm-profile .profile-secondary[open] summary::before{content:"– "}
.firm-profile .profile-secondary>div{display:grid;gap:8px;padding:8px 0 0}

.firm-profile .profile-stats{display:flex!important;gap:0;margin:22px 0 0!important;padding:18px 0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.firm-profile .profile-stats>div{flex:1;min-width:0;padding:0 14px;border-left:1px solid var(--line)}
.firm-profile .profile-stats>div:first-child{padding-left:0;border-left:0}
.firm-profile .profile-stats strong{display:block;font-size:30px;line-height:1;letter-spacing:-.02em}
.firm-profile .profile-stats span{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
.firm-profile .profile-about{width:100%;margin-top:16px;min-height:42px;font-size:13.5px}
.firm-profile .firm-summary{margin-top:22px}
.firm-profile .firm-summary h2{font-size:17px;margin:0 0 8px}
.firm-profile .firm-summary p{font-size:14px;line-height:1.55;color:var(--muted)}
.firm-profile .firm-summary details{margin-top:10px;font-size:14px}
.firm-profile .firm-summary summary{cursor:pointer;font-weight:600}

/* ---------- desna strana ---------- */
.firm-profile .section-head{align-items:end;gap:20px;margin:6px 0 24px;flex-wrap:wrap}
.firm-profile .section-head .eyebrow{display:block;margin-bottom:6px;font-size:11.5px;letter-spacing:.12em}
.firm-profile .section-title{font-size:clamp(28px,2.4vw,38px)!important;letter-spacing:-.02em;margin:0}
.firm-profile .portfolio-tools{gap:10px;align-items:center;flex:1 1 100%;justify-content:flex-start;margin-top:14px}
.firm-profile .portfolio-search{flex:1 1 260px;order:0}
.firm-profile .view-switch{margin-left:auto}
.firm-profile .portfolio-search input{width:100%}
.firm-profile .portfolio-search{font-size:0}
.firm-profile .portfolio-search input{height:44px;font-size:14.5px;border-radius:12px;padding:0 16px;min-width:min(420px,100%)}
.firm-profile .portfolio-tools .btn,.firm-profile .view-switch .btn{height:44px;border-radius:12px}
.firm-profile .portfolio-quick-filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}
.firm-profile .portfolio-quick-filters .btn{border-radius:999px;padding:9px 18px;font-size:13.5px}
.firm-profile .workspace-panel{margin:0 0 22px;padding:2px 18px;border:1px solid var(--line);border-radius:14px;background:transparent}
.firm-profile .workspace-panel summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;font-size:14.5px;color:var(--muted);list-style:none;cursor:pointer}
.firm-profile .workspace-panel summary::-webkit-details-marker{display:none}
.firm-profile .workspace-panel summary::after{content:"▾";font-size:16px;transition:transform .15s ease}
.firm-profile .workspace-panel[open] summary::after{transform:rotate(180deg)}
.firm-profile .workspace-panel[open] summary{color:var(--text)}
.firm-profile .portfolio-results>p,.firm-profile .portfolio-count{font-size:13.5px;color:var(--muted)}

/* kartice projekata: jednaka visina, podnožje uvijek dolje */
.firm-profile .project-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))!important;gap:20px!important;align-items:stretch}
.firm-profile .project-grid>.project-card{display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:0!important;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.firm-profile .project-grid>.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 34px #0003}
.firm-profile .project-card .project-visual.no-visual{display:none!important}
.firm-profile .project-card .project-copy{display:flex;flex-direction:column;flex:1;padding:22px 24px 14px!important;gap:0}
.firm-profile .project-card .doc-type{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.firm-profile .project-card .doc-type>span:first-child{color:var(--accent);font-weight:700}
.firm-profile .project-card .doc-type>span:last-child{padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);letter-spacing:.04em}
.firm-profile .project-card h3{font-size:20px!important;line-height:1.25;letter-spacing:-.01em;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.firm-profile .project-card .card-reference{margin:0 0 12px;font-size:13.5px!important;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.firm-profile .project-card .provenance-tag{display:inline-flex;align-self:flex-start;gap:6px;margin:0 0 16px;padding:3px 10px;border-radius:999px;background:var(--surface-2,#ffffff0d);font-size:12.5px;color:var(--muted)}
.firm-profile .project-card .project-foot{margin-top:auto!important;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}
.firm-profile .project-card .project-foot>span{font-weight:600}
.firm-profile .project-card .project-foot>a{color:var(--accent);font-weight:700;white-space:nowrap}
.firm-profile .project-card .card-details{margin:0 0 6px;border:0;font-size:13px}
.firm-profile .project-card .card-details summary{cursor:pointer;color:var(--muted);padding:6px 0}
.firm-profile .project-card .card-details[open] summary{color:var(--text)}

/* kartice sa slikom */
.firm-profile .project-card .project-visual:not(.no-visual){display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2,#222)}
.firm-profile .project-card .project-visual:not(.no-visual) img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.firm-profile .project-card:hover .project-visual:not(.no-visual) img{transform:scale(1.03)}

/* paginacija */
.firm-profile .portfolio-pages{display:flex;justify-content:space-between;align-items:center;margin:28px 0 8px}
.firm-profile #portfolio-page{font:600 14px/1 Inter,sans-serif;color:var(--muted);letter-spacing:.02em}
.firm-profile .portfolio-pages .btn{min-height:44px;border-radius:12px;padding:0 20px}

@media(max-width:900px){
 .firm-profile .company-sidebar{position:static!important;max-height:none;overflow:visible}
 .firm-profile .portfolio-search input{min-width:0;width:100%}
 .firm-profile .project-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.firm-profile .project-grid>.project-card,.firm-profile .project-card img{transition:none}.firm-profile .project-grid>.project-card:hover{transform:none}}

/* ---------- istaknuti projekat (hero) ---------- */
.portfolio-feature{display:block!important;position:relative;min-height:clamp(320px,34vw,420px)!important;margin:4px 0 36px!important;border-radius:22px!important;overflow:hidden;background:#0f1a15;isolation:isolate}
.portfolio-feature>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;transform:scale(1.12);transition:transform .5s ease;z-index:0}
.portfolio-feature:hover>img{transform:scale(1.16)}
.portfolio-feature .feature-copy{position:absolute!important;left:0;right:0;bottom:0;z-index:1;display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:6px 24px;min-height:0!important;padding:110px clamp(22px,3vw,40px) clamp(20px,2.4vw,32px)!important;background:linear-gradient(0deg,#08100cf0 0%,#08100ccc 38%,#08100c00 100%)!important}
.portfolio-feature .feature-kicker{grid-column:1/-1;margin:0!important;font-size:12px!important;letter-spacing:.14em;color:#f1b7ad}
.portfolio-feature .feature-copy h2{grid-column:1;margin:0!important;max-width:none!important;font-size:clamp(26px,2.6vw,40px)!important;line-height:1.1;letter-spacing:-.02em;color:#fff;-webkit-line-clamp:2}
.portfolio-feature .feature-copy p{grid-column:1;margin:0!important;font-size:14.5px!important;color:#d6e0d9}
.portfolio-feature .feature-cta{grid-column:2;grid-row:2/4;width:auto!important;gap:12px;margin:0!important;padding:11px 20px;border:1px solid #ffffff66;border-radius:999px;font-size:14px!important;color:#fff;background:#ffffff14;backdrop-filter:blur(6px);transition:background .15s ease}
.portfolio-feature:hover .feature-cta{background:#ffffff2a}
.portfolio-feature .feature-cta b{width:auto!important;height:auto!important;border:0!important;font-size:16px!important}
@media(max-width:700px){.portfolio-feature .feature-copy{grid-template-columns:1fr}.portfolio-feature .feature-cta{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px!important}}