.hero{background-image:url('/assets/hero-mountain-oak.jpg')}
.photo-laminat{background-image:url('/assets/laminate-boards.jpg')}.photo-parket{background-image:url('/assets/herringbone-oak-parquet.jpg')}.photo-vinil{background-image:url('/assets/gray-brown-vinyl.jpg')}.photo-dodatna-oprema{background-image:url('/assets/white-skirting.jpg')}
.brand-image{display:block;width:154px;height:auto;max-height:48px;object-fit:contain}.site-header .brand,.footer .brand{background:#f5f2ec;border-radius:4px;padding:3px 8px}.site-header .brand-image{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.footer .brand-image{width:170px}.site-header{transition:background .2s}.site-header.is-sticky{position:fixed;background:rgba(18,16,13,.96);box-shadow:0 8px 30px rgba(0,0,0,.14)}
.partners-strip{background:#151515;color:white;padding:18px 0 14px;overflow:hidden}.partners-strip .eyebrow{margin-bottom:6px}.partners-logos{display:flex;align-items:center;justify-content:space-between;gap:9px}.partner-logo{display:block;flex:none;height:42px;background-image:url('/assets/reference.png');background-repeat:no-repeat;filter:grayscale(.12)}.logo-0{width:107px;background-position:-61px -638px}.logo-1{width:106px;background-position:-197px -638px}.logo-2{width:113px;background-position:-329px -638px}.logo-3{width:102px;background-position:-475px -638px}.logo-4{width:116px;background-position:-593px -638px}.logo-5{width:111px;background-position:-744px -638px}.logo-6{width:83px;background-position:-896px -638px}
.projects-home{padding:20px 0}.projects-layout{display:grid;grid-template-columns:28% 43% 1fr;gap:8px;height:292px}.projects-copy{padding:7px 38px 4px 0}.projects-copy h2,.about-content h2,.contact-copy h2{font-size:32px;line-height:.98;letter-spacing:-1.7px;margin:0 0 12px}.projects-copy p:not(.eyebrow){font-size:12px;line-height:1.3;color:#5f5c57;margin:0 0 14px}.projects-copy .button{min-height:39px;padding:0 16px}.project-main,.project-side{min-width:0;min-height:0}.project-side{display:grid;grid-template-rows:1fr 1fr;gap:8px}.project-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:3px;background:#524439}.project-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.project-tile:hover img,.portfolio-card:hover img{transform:scale(1.035)}.project-tile:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}.project-tile b{position:absolute;left:17px;bottom:12px;color:#fff;font-size:11px;z-index:1}
.about-home{display:grid;grid-template-columns:46% 54%;min-height:315px;background:#faf9f7}.about-photo{overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.about-content{padding:30px max(56px,calc((100vw - 1320px)/2)) 20px 36px}.about-content h2{margin-bottom:9px}.about-content>p:not(.eyebrow){font-size:12px;line-height:1.36;max-width:580px;margin:0 0 12px}.about-content .button{min-height:36px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.about-values span{font-size:12px;font-weight:800;color:#875824;border-right:1px solid #ddd6cc;padding-right:9px}.about-values span:last-child{border:0}
.mostar-banner{min-height:235px;background:#201c19 var(--mostar-image) center 52%/cover no-repeat;position:relative;color:white}.mostar-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.27) 60%,rgba(0,0,0,.05))}.mostar-banner .container{position:relative;padding-top:26px;padding-bottom:22px}.mostar-banner h2{font-size:31px;line-height:1.01;letter-spacing:-1.7px;margin:0 0 7px}.mostar-banner p:not(.eyebrow){font-size:12px;max-width:490px;margin:0 0 12px}.mostar-banner .button{min-height:35px}
.contact-home{display:grid;grid-template-columns:50% 50%;background:#f7f5f1}.contact-copy{padding:26px 30px 25px max(56px,calc((100vw - 1320px)/2))}.contact-copy>p:not(.eyebrow){font-size:12px;line-height:1.35;max-width:410px}.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:18px}.contact-details>a,.contact-details>span{font-size:11px;font-weight:800;display:flex;align-items:center;gap:10px;word-break:break-word}.contact-details span span,.contact-details a span{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#9a672e;color:#fff;font-size:13px}.contact-form-wrap{background:#1b1a18;display:grid;place-items:center;padding:18px max(56px,calc((100vw - 1320px)/2)) 18px 38px}.contact-form{width:min(100%,395px);display:grid;gap:5px}.contact-form label{display:block}.contact-form label span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-form input,.contact-form textarea{width:100%;height:37px;border:1px solid #54514d;border-radius:4px;background:#262523;padding:8px 11px;color:#fff;font-size:11px;outline:none}.contact-form textarea{height:45px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#c99b61}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ccc}.contact-form button{border:0;width:100%;min-height:35px;cursor:pointer}.form-status{color:#e3c497;font-size:11px;min-height:15px;margin:0}
.footer{padding:0}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .8fr 1.4fr .7fr;gap:24px;padding:23px 0}.footer-company{border-right:1px solid #4b4540;padding-right:22px}.footer-company p{font-size:11px;line-height:1.3;max-width:220px}.footer-links{display:flex;flex-direction:column;gap:3px;font-size:10px}.footer-links b{font-size:10px;margin-bottom:3px}.footer-links a:hover{text-decoration:underline}.footer-location{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #4b4540;font-size:11px}.footer-location span{font-size:36px;color:#b88445}.footer-location small{font-size:9px;color:#bab6af}.footer-bottom{border-top:1px solid #363330;padding:10px 0}.footer-bottom small{font-size:9px;color:#c6c2bd}
.inner-hero{min-height:360px;background:#30271e var(--page-image) center/cover no-repeat;color:#fff;position:relative;display:flex;align-items:end}.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.35) 68%,rgba(0,0,0,.06))}.inner-hero .container{position:relative;padding-top:140px;padding-bottom:54px}.inner-hero h1{font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-3px;margin:0 0 12px;max-width:780px}.inner-hero p:not(.eyebrow){font-size:15px;line-height:1.45;max-width:575px;margin:0}.editorial,.catalog,.partners-page,.portfolio-page,.contact-page,.detail-section,.related{padding:70px 0}.editorial-grid,.detail-grid{display:grid;grid-template-columns:42% 1fr;gap:70px}.editorial h2,.catalog h2,.partners-page h2,.portfolio-page h2,.contact-page h2,.detail-section h2,.related h2{font-size:clamp(32px,3vw,48px);letter-spacing:-2px;line-height:1.02;margin:0 0 22px}.editorial-copy p,.detail-grid p,.partners-page>div>p:not(.eyebrow),.contact-page-grid>div>p{font-size:15px;line-height:1.65;color:#57534d;margin:0 0 16px}.image-statement{display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:#171512;color:white}.image-statement img{width:100%;height:100%;object-fit:cover}.image-statement>div{padding:80px max(56px,calc((100vw - 1320px)/2)) 70px 60px}.image-statement h2{font-size:48px;letter-spacing:-2px;line-height:1;max-width:550px;margin:0 0 20px}.image-statement p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:480px}.cta-band{background:#1a1815;color:white;padding:35px 0}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{margin:0;font-size:30px;letter-spacing:-1px}.catalog .product-grid{margin-top:25px}.catalog .product-photo{height:200px}.detail-grid{align-items:center}.detail-grid img{width:100%;height:390px;object-fit:cover;border-radius:3px}.related .product-grid{grid-template-columns:repeat(3,1fr)}.partner-panel{background:#151515;margin-top:35px;padding:35px 20px}.partners-page .partners-logos{flex-wrap:wrap;justify-content:space-around}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.portfolio-heading p{max-width:460px;font-size:13px;line-height:1.4;color:#65615b}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.filters button{border:1px solid #c8bbaa;background:transparent;border-radius:3px;padding:8px 13px;color:#453d35;cursor:pointer;font-size:12px}.filters button.selected,.filters button:hover{background:#98652f;color:white;border-color:#98652f}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{display:block;position:relative;height:270px;overflow:hidden;border-radius:3px}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;justify-content:space-between;align-items:end;padding:42px 15px 13px;font-size:13px}.portfolio-card small{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);color:white;padding:4px 7px;font-size:9px}.portfolio-caption h3{font-size:17px;margin:8px 0 2px}.portfolio-caption p{font-size:11px;color:#766f67;margin:0}.filter-empty{font-size:13px}.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-page .contact-details{grid-template-columns:1fr;margin-top:25px}.contact-page .contact-form-wrap{padding:35px}.contact-page .contact-form{width:100%}.contact-page .contact-form input{height:46px}.contact-page .contact-form textarea{height:110px}.location-panel{display:flex;align-items:center;gap:20px;border:1px solid #ddd3c7;background:#fff;padding:20px;margin-top:35px}.location-panel>span{font-size:40px;color:#a8753d}.location-panel b{font-size:14px}.location-panel p,.location-panel a{font-size:12px!important;margin:3px 0!important}
@media(max-width:1080px){.partners-logos{overflow-x:auto;justify-content:start;gap:17px}.projects-layout{grid-template-columns:27% 42% 1fr}.projects-copy{padding-right:10px}.projects-copy h2{font-size:28px}.about-content{padding-right:24px}.footer-grid{grid-template-columns:1.3fr .8fr .8fr 1.4fr}.footer-location{display:none}}
@media(max-width:760px){.projects-layout{height:auto;grid-template-columns:1fr 1fr}.projects-copy{grid-column:1/-1;padding-bottom:13px}.projects-copy h2{font-size:33px}.project-main{height:260px}.project-side{height:260px}.about-home{grid-template-columns:1fr}.about-photo{height:300px}.about-content{padding:30px 18px}.about-values{margin-top:20px}.contact-home{grid-template-columns:1fr}.contact-copy{padding:30px 18px}.contact-form-wrap{padding:28px 18px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-company{border:0}.inner-hero{min-height:330px}.inner-hero .container{padding-top:125px;padding-bottom:45px}.editorial,.catalog,.partners-page,.portfolio-page,.contact-page,.detail-section,.related{padding:45px 0}.editorial-grid,.detail-grid,.contact-page-grid{grid-template-columns:1fr;gap:25px}.detail-grid img{height:320px}.image-statement{grid-template-columns:1fr}.image-statement img{height:270px}.image-statement>div{padding:40px 18px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.cta-band .container{align-items:start;flex-direction:column}.related .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.projects-layout{grid-template-columns:1fr}.project-main{height:240px}.project-side{height:300px}.projects-copy h2{font-size:31px}.about-photo{height:235px}.about-values{grid-template-columns:1fr;gap:8px}.about-values span{border:0}.contact-details{grid-template-columns:1fr}.mostar-banner{min-height:280px}.mostar-banner .container{padding-top:38px}.footer-grid{gap:24px}.footer-company{grid-column:1/-1}.portfolio-heading{display:block}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{height:290px}.inner-hero h1{letter-spacing:-2px}.catalog .product-photo{height:115px}.image-statement h2{font-size:38px}}
@media(max-width:760px){.brand-image{width:126px}.phone-button span:first-child{font-size:17px}.phone-button span:last-child{display:none}.partners-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;overflow:visible;gap:12px 2px}.partners-strip{padding-bottom:20px}}