.page-detail .detail-hero{position:relative;min-height:min(760px,88svh);display:flex;align-items:end;overflow:hidden;background:#192125;color:#fff}
.detail-hero-image,.detail-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.detail-hero-image{object-fit:cover}
.detail-hero-shade{background:linear-gradient(90deg,rgba(13,21,25,.82),rgba(13,21,25,.36) 65%,rgba(13,21,25,.22)),linear-gradient(0deg,rgba(13,21,25,.44),transparent 60%)}
.detail-hero-content{position:relative;z-index:1;padding-top:195px;padding-bottom:clamp(4rem,8vw,8rem)}
.detail-hero-content .eyebrow{color:#e5eeeb}
.detail-hero h1{font-size:clamp(3.3rem,6vw,6.7rem);line-height:.98;max-width:1000px;margin:.8rem 0 1.4rem}
.detail-hero h1 em{font-style:normal;color:#d6e0dc}
.detail-hero-content p{font-size:clamp(1.1rem,1.65vw,1.4rem);line-height:1.55;max-width:750px;color:#eef0ee}
.detail-scroll{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.detail-scroll svg{width:19px;height:19px}
.detail-jump{background:#f1eee8;border-bottom:1px solid rgba(38,48,54,.16)}
.detail-jump-inner{display:flex;flex-wrap:wrap;gap:.65rem 2rem;padding:1.4rem 0}
.detail-jump a{font-size:1rem;font-weight:700;transition:color .3s}
.js .detail-jump a.reveal:nth-child(2){transition-delay:.12s}
.js .detail-jump a.reveal:nth-child(3){transition-delay:.24s}
.js .detail-jump a.reveal:nth-child(4){transition-delay:.36s}
.js .detail-jump a.reveal:nth-child(5){transition-delay:.48s}
.detail-jump a:hover{color:#718083}
.detail-intro{padding:clamp(4.5rem,8vw,9rem) 0;background:#faf9f6}
.detail-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,7rem);align-items:start}
.detail-intro .body-lead{max-width:660px;margin:0;font-size:clamp(1.1rem,1.5vw,1.38rem);line-height:1.7}
.detail-intro .body-lead a{text-decoration:underline;text-underline-offset:.2em}
.detail-services{padding:clamp(4.5rem,8vw,9rem) 0;background:#e8e7e2}
.detail-section-head{margin-bottom:2.4rem}
.detail-section-head h2{margin-top:.8rem}
.detail-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.detail-service-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-service-card{display:flex;flex-direction:column;min-height:320px;padding:clamp(1.7rem,2.5vw,3rem);background:#faf9f6;border:1px solid rgba(38,48,54,.14);scroll-margin-top:125px}
.detail-service-card h3{font:550 clamp(1.6rem,2.2vw,2.4rem)/1.08 var(--head);text-transform:uppercase;letter-spacing:-.03em;margin:0 0 1.3rem}
.detail-service-card .eyebrow{margin-bottom:1rem}
.detail-service-card p{font-size:1.05rem;line-height:1.65;margin:0 0 2rem}
.detail-service-card a{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.detail-service-card a svg{width:18px;height:18px}
.detail-photo{position:relative;min-height:320px;margin:0;overflow:hidden;scroll-margin-top:125px}
.detail-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.detail-photo figcaption{position:absolute;left:1.4rem;bottom:1.4rem;padding:.55rem .8rem;background:rgba(17,26,30,.78);color:#fff;font-size:.85rem}
#sadrzaj{scroll-margin-top:100px}
@media(max-width:960px){.detail-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.detail-hero{min-height:650px}.detail-hero-content{padding-top:140px;padding-bottom:4rem}.detail-intro-grid,.detail-service-grid,.detail-service-grid-two{grid-template-columns:1fr}.detail-service-card{min-height:260px}.detail-jump-inner{gap:.7rem 1.1rem}}
@media(prefers-reduced-motion:reduce){.detail-jump a{transition:none}}

.page-laboratorij .v2-title{font:550 clamp(2.6rem,4.4vw,5.1rem)/1.02 var(--head);letter-spacing:-.025em;text-transform:uppercase;margin:.5em 0 0}
.page-laboratorij .v2-title em{font-style:normal;color:#758184}
.page-laboratorij .detail-service-grid-one{grid-template-columns:1fr}
.page-laboratorij .detail-service-grid-one .detail-service-card{min-height:260px}
.page-laboratorij #prostor-laboratorija{scroll-margin-top:100px}
@media(max-width:760px){.page-laboratorij .v2-title{font-size:clamp(2.35rem,8vw,4rem)}}