/* Osvježenje boja: iste boje, čišće i svjetlije (studeni 2026.) */
:root{--ink:#1F2326;--brand:#3A3E42;--muted:#5B6166;--soft:#F2F2F0;--paper:#FAFAF8}
body{background:var(--paper);color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased}
.site-header{background:var(--paper)}
.desktop-nav a{font-size:12px;font-weight:500;letter-spacing:.06em}
.head-actions a{font-weight:500}
.hero-img,.project-image img,.iso-image img,.interior-hero img,.wide-image,.detail-gallery img,.iso-hero-visual img,.iso-process-photo img,.project-card img{filter:saturate(1.12) contrast(1.06) brightness(1.02)}
.hero-shade{background:linear-gradient(90deg,rgba(250,250,248,.88) 0%,rgba(250,250,248,.7) 27%,rgba(250,250,248,0) 46%)}
@media(max-width:620px){.hero-shade{background:linear-gradient(90deg,rgba(250,250,248,.86),rgba(250,250,248,.45) 70%,transparent)}}
.hero h1{font-weight:400}.hero p{color:#33383C}
.project-intro p,.section-title-row p,.project-info small,.project-index,.service-row span,.service-row small,.iso-section-heading p,.iso-benefit p,.iso-compare-row p,.iso-copy p,.iso-hero-copy p,.editorial-text p,.interior-hero p,.page-heading p,.detail-meta,.form-note,.iso-final-cta>p{color:var(--muted)}
.iso-section,.iso-hero-new{background:var(--soft)}
.iso-comparison-section{background:var(--soft)}
.about-dark,.iso-process-section{background:var(--brand)}
.about-dark p{color:#E6E7E8}.iso-steps p{color:#D2D4D6}.iso-steps article{border-color:#5E6368}
.footer{background:var(--brand)}
.footer-main p{color:#D2D4D6}.footer-bottom{color:#C2C5C8;border-color:#5E6368}
.button{background:var(--brand);border-color:var(--brand)}
.button:hover{background:#fff;color:var(--brand)}
.service-list,.service-row,.iso-compare-table,.iso-compare-head,.iso-compare-row{border-color:#D3D3CF}
.iso-logo,.iso-brand-mark{filter:none;width:150px;height:auto;max-height:none}
.footer-isospan-mark{filter:none;opacity:1;width:110px;height:auto;max-height:none}
.credit{display:inline-flex;align-items:center;gap:8px;color:#C2C5C8}
.credit a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px}
.credit a:hover{border-color:#fff}
.legal-copy h2{font-size:26px;margin-top:2em}.legal-copy p,.legal-copy li{color:#33383C}
.legal-copy ul{padding-left:1.1em}
/* podnožje: uže i mirnije */
.footer{padding:52px clamp(24px,6vw,110px) 22px}
.footer-main,.footer-bottom{max-width:1120px;margin-left:auto;margin-right:auto}
.footer-main{grid-template-columns:1.2fr 1.3fr .9fr;gap:40px;padding-bottom:34px;align-items:start}
.footer-logo{width:150px}
.footer-main p{font-size:13px;line-height:1.75;margin:14px 0 10px}
.footer-links{gap:9px 28px}
.footer-links a{font-size:11px;letter-spacing:.08em;color:#E6E7E8}
.footer-links a:hover,.footer-main a:hover{color:#fff}
.footer-iso p{font-size:12px;letter-spacing:.06em}
.footer-bottom{padding-top:18px;font-size:11px;align-items:center}
.footer-bottom div{gap:18px;flex-wrap:wrap;align-items:center}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-iso{grid-column:1/-1}}
@media(max-width:620px){.footer{padding:44px 7vw 22px}.footer-main{grid-template-columns:1fr;gap:28px}}
.credit a.gch{display:inline-flex;align-items:center;gap:7px;border-bottom:0;padding:0;color:#E6E7E8}
.credit a.gch img{width:14px;height:auto;opacity:.9;transition:opacity .2s}
.credit a.gch:hover{color:#fff}.credit a.gch:hover img{opacity:1}

/* Kadriranje fotografija i vizualizacija: jednake proporcije u nizu, žarište na objektu */
.detail-gallery img{height:auto;max-height:none;min-height:0;aspect-ratio:4/3}
.detail-gallery figure:first-child img{aspect-ratio:16/9}
.project-image img{object-position:50% 45%}
img[src$="orebic-1-01.webp"]{object-position:50% 12%}
img[src$="orebic-2-01.webp"]{object-position:60% 35%}
img[src$="orebic-3-01.webp"]{object-position:50% 35%}
img[src$="drace-01.webp"]{object-position:50% 40%}
img[src$="promajna-01.webp"]{object-position:62% 25%}
img[src$="siroki-brijeg-01.webp"]{object-position:56% 58%}
img[src$="stolac-01.webp"]{object-position:45% 60%}
img[src$="buna-mostar-01.webp"]{object-position:30% 45%}
img[src$="slano-01.webp"]{object-position:62% 40%}
@media (max-width:760px){.detail-gallery figure:first-child img{aspect-ratio:4/3}}
img[src$="primjer-gradnje.webp"]{object-position:50% 80%}
img[src$="gradnja-blokovima.webp"]{object-position:60% 85%}
img[src$="slano-02.webp"]{object-position:45% 55%}
img[src$="promajna-04.webp"]{object-position:55% 45%}
img[src$="orebic-2-02.webp"]{object-position:50% 50%}
img[src$="siroki-brijeg-02.webp"]{object-position:40% 55%}
img[src$="orebic-1-05.webp"]{object-position:55% 50%}
img[src$="orebic-2-05.webp"]{object-position:40% 55%}

/* Studeni 2026.: izmjene prema klijentici */
.gal-label{padding:0 clamp(28px,8vw,150px);margin:56px 0 18px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.gal-label:first-of-type{margin-top:10px}
.plan-figure{padding-top:20px;padding-bottom:30px}
.plan-figure figure{margin:18px 0 0;background:#fff;border:1px solid #E3E3DF;padding:clamp(12px,2vw,28px)}
.plan-figure img{display:block;width:100%;height:auto;filter:none!important}
.plan-figure figcaption{margin-top:14px;font-size:13px;color:var(--muted);line-height:1.6}
.contact-people{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid #D3D3CF}
.contact-people li{display:grid;gap:3px;padding:16px 0;border-bottom:1px solid #D3D3CF}
.contact-people strong{font-weight:500;font-size:16px}
.contact-people span{font-size:13px;color:var(--muted);line-height:1.5}
.contact-people a{font-size:16px;margin-top:4px;width:max-content}
.contact-people.end{max-width:760px;margin:30px auto 34px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;text-align:left}
.foot-tel{display:block;margin-top:6px}
@media (max-width:700px){.contact-people.end{grid-template-columns:1fr}.gal-label{padding:0 7vw}}

.foot-tel span{display:block;font-size:12px;color:#C2C5C8;margin-top:8px}
.contact-people.end{margin-left:0;margin-right:0}

.about-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px);padding-top:clamp(50px,6vw,90px);padding-bottom:20px}
.about-copy h2,.scope-list h2{font-size:26px;font-weight:300;margin:0 0 16px}
.about-copy p{line-height:1.75;color:#4A4F54;margin:0 0 14px}
.about-people{list-style:none;margin:0;padding:0;border-top:1px solid #D3D3CF}
.about-people li{display:grid;gap:3px;padding:12px 0;border-bottom:1px solid #D3D3CF}
.about-people strong{font-weight:500}
.about-people span{font-size:13px;color:var(--muted);line-height:1.5}
.scope-list{padding-top:clamp(40px,5vw,70px);padding-bottom:10px}
.scope-list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;max-width:1000px}
.scope-list li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid #D3D3CF;line-height:1.5;color:#33383C}
.scope-list li::before{content:"";position:absolute;left:0;top:23px;width:10px;height:1px;background:#3A3E42}
@media (max-width:900px){.about-copy{grid-template-columns:1fr}.scope-list ul{grid-template-columns:1fr}}

/* interijer Orebić 2 */
.detail-gallery figure.int{grid-column:auto}
.detail-gallery figure.int img{aspect-ratio:3/2!important}
.detail-gallery figure.int.v img{aspect-ratio:2/3!important}
.detail-gallery figure.int:first-child{grid-column:1/-1}
.detail-gallery figure.int:first-child img{aspect-ratio:16/9!important}
.detail-gallery figure.int.w{grid-column:1/-1}
.detail-gallery figure.int.w img{aspect-ratio:16/9!important}
