@media(max-width:1290px){.brand-mark{width:51px;height:45px}.brand-word{width:179px;height:40px}.header-shell{gap:21px}.desktop-nav{gap:20px}.footer-grid{gap:35px}}
@media(max-width:1090px){:root{--header-h:75px}.container{width:min(var(--container),calc(100% - 60px))}.header-shell{padding-inline:20px}.brand-mark{width:43px;height:39px}.brand-word{width:160px;height:35px}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.header-call{padding-inline:12px}.header-call span{display:none}.header-call svg{width:20px;height:20px}.feature-grid,.contact-social-grid,.behind-grid{gap:55px}.feature-media .large-media{height:570px}.feature-media .small-media{height:230px}.mini-grid{gap:14px}.mini-body{padding:22px 19px}.footer-grid{grid-template-columns:1.35fr .75fr 1fr 1.1fr}.footer-col .footer-big-phone{font-size:18px}.contact-main-grid,.about-highlight-grid,.about-loc-grid{gap:55px}}
@media(max-width:850px){:root{--header-h:74px}.container{width:calc(100% - 44px)}.site-header{height:var(--header-h)}.brand-mark{width:54px;height:47px}.brand-word{width:187px;height:41px}.header-shell{gap:15px}.desktop-nav{display:none}.header-call{margin-left:auto}.menu-toggle{display:inline-flex}.menu-toggle[aria-expanded=true] .menu-open-icon{display:none}.menu-toggle[aria-expanded=true] .menu-close-icon{display:inline}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:var(--header-h);left:0;right:0;max-height:0;visibility:hidden;overflow:hidden;background:rgba(5,10,18,.985);padding:0 22px;transition:max-height .35s ease,padding .35s ease,visibility .35s;border-bottom:1px solid transparent}.mobile-nav.open{visibility:visible;max-height:calc(100dvh - var(--header-h));overflow-y:auto;padding:15px 22px 27px;border-bottom-color:var(--line)}.mobile-nav>a{display:flex;align-items:center;justify-content:space-between;padding:19px 7px;border-bottom:1px solid rgba(255,255,255,.11);font-size:19px;font-weight:850}.mobile-nav>a.current{color:var(--blue-soft)}.mobile-nav>a svg{width:17px;height:17px}.mobile-nav-phone{color:var(--blue-soft);justify-content:flex-start!important;gap:15px}.mobile-nav-phone svg{width:19px!important;height:19px!important}.hero h1{font-size:clamp(56px,8.7vw,78px);max-width:730px}.intro-grid,.feature-grid,.approach-grid,.about-opening-grid,.about-highlight-grid,.about-loc-grid,.contact-main-grid,.contact-social-grid,.behind-grid,.map-title-grid{gap:40px}.feature-media .large-media{height:510px}.feature-media{padding:0 38px 75px 0}.feature-media .small-media{height:205px}.feature-copy h2{font-size:clamp(33px,4.6vw,49px)}.feature-copy>p{font-size:14px}.check-list li{font-size:12px}.showcase-grid .photo-block{height:350px}.showcase-grid .showcase-two{height:430px}.showcase-grid .showcase-three{height:320px}.service-lead-grid{grid-template-columns:1fr 1.4fr}.service-lead-grid>p{grid-column:2}.service-lead-grid .eyebrow{margin-top:8px}.svc-feature{gap:35px}.svc-picture{height:480px}.svc-info h3{font-size:clamp(33px,4vw,48px)}.mini-grid{grid-template-columns:1fr}.service-mini{min-height:235px;grid-template-columns:34% 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:50px}.footer-about{max-width:340px}.about-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 270px}.about-photo-note{grid-column:1/-1}.about-photo-grid .photo-block:nth-child(2){margin-top:0;margin-bottom:0}.about-photo-section{padding-bottom:95px}.contact-methods-grid{gap:12px}.method-card{padding:20px;min-height:225px}.method-card h3{font-size:20px}.contact-big-card{padding:31px 25px}.contact-number{font-size:clamp(30px,4vw,44px)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-header{grid-template-columns:1fr 1fr}}
@media(max-width:640px){:root{--header-h:70px;--radius:13px}.container{width:calc(100% - 36px)}.section{padding:83px 0}.eyebrow{font-size:10px;letter-spacing:.17em;gap:11px;margin-bottom:23px}.eyebrow>span{width:17px}h2{font-size:clamp(37px,10vw,50px);line-height:1.06;letter-spacing:-.061em}p{line-height:1.7}.lead{font-size:20px;line-height:1.55}.header-shell{padding:0 13px;gap:9px}.brand-mark{width:43px;height:39px}.brand-word{width:min(170px,43vw);height:40px}.header-call{width:41px;height:41px;min-height:41px;display:grid;place-items:center;padding:0}.header-call svg{width:19px;height:19px}.menu-toggle{width:41px;height:41px}.hero{min-height:100svh;min-height:100dvh;background-image:linear-gradient(0deg,rgba(3,7,14,.96) 2%,rgba(4,8,16,.78) 28%,rgba(4,8,16,.49) 70%,rgba(4,8,16,.3)),var(--hero-mobile);background-position:center,center 43%;background-size:cover}.hero-services{background-position:center,center 35%}.hero-works{background-position:center,center 39%}.hero-about{background-position:center,center 38%}.hero-contact{background-position:center,center 35%}.hero-inner{padding-top:calc(var(--header-h) + 20px);padding-bottom:45px;margin-top:auto;margin-bottom:0;min-width:0}.hero h1{font-size:clamp(42px,10.7vw,67px);line-height:1.025;letter-spacing:-.065em;max-width:550px;margin-bottom:27px;text-wrap:pretty;overflow-wrap:break-word}.hero-actions{gap:9px;flex-wrap:nowrap}.hero .btn{padding:14px 14px;min-width:0;min-height:52px;flex:1;font-size:12px;justify-content:space-between;gap:7px}.hero .btn svg{width:17px;height:17px}.btn{font-size:13px;min-height:54px;padding:16px 18px}.intro-grid,.feature-grid,.approach-grid,.faq-grid,.about-opening-grid,.about-highlight-grid,.about-loc-grid,.contact-main-grid,.contact-social-grid,.behind-grid,.map-title-grid{grid-template-columns:1fr;gap:32px}.intro-grid h2{margin-bottom:0}.intro-copy{padding:0}.intro-copy>p:not(.lead){font-size:14px}.dark-feature{padding-block:82px}.feature-media{padding-right:26px;padding-bottom:62px}.feature-media .large-media{height:450px}.feature-media .small-media{width:44%;height:200px;border-width:5px}.feature-copy h2{font-size:clamp(38px,10vw,48px)}.feature-copy .btn{max-width:100%}.check-list{padding-bottom:10px}.section-head{margin-bottom:28px}.section-head-row{display:block}.section-head-row>p{margin-top:18px;max-width:100%;font-size:14px}.teaser-grid{display:flex;flex-direction:column;gap:13px}.service-tile{height:300px;width:100%}.service-tile-a{height:350px}.service-tile-d{display:block}.service-tile>div{inset:auto 20px 20px}.service-tile h3{font-size:26px}.section-bottom-link{justify-content:flex-start;margin-top:28px}.showcase-grid{display:flex;flex-direction:column;gap:15px;align-items:stretch}.showcase-grid .photo-block,.showcase-grid .showcase-two,.showcase-grid .showcase-three{width:100%;height:420px}.showcase-grid .showcase-two{height:470px}.approach-grid{gap:45px}.step{padding:23px 0}.editorial-band{min-height:440px}.editorial-content{min-width:0;max-width:100%}.editorial-content h2{max-width:100%;font-size:clamp(56px,15.2vw,88px);line-height:.88;letter-spacing:-.065em;margin:22px 0 32px;overflow-wrap:anywhere}.editorial-content>span{font-size:10px}.location-layout{display:block}.location-buttons{margin-top:30px}.faq-grid{gap:30px}.faq-item summary{font-size:15px;gap:15px;padding:22px 0}.faq-answer{padding-right:8px}.final-cta{padding-bottom:115px}.final-cta-inner{display:block}.final-cta-inner h2{font-size:clamp(42px,10vw,60px)}.final-cta-inner p{font-size:14px}.final-buttons{margin-top:30px;gap:20px;align-items:flex-start}.final-buttons .btn{max-width:calc(100% - 48px)}
.service-lead{padding-bottom:50px}.service-lead-grid{display:block}.service-lead-grid h2{font-size:clamp(38px,9vw,50px)}.service-lead-grid>p{font-size:14px;margin-top:22px}.service-jump{margin-top:35px;gap:8px}.service-jump a{font-size:11px;padding:11px 13px}.featured-services{padding-top:55px}.section-title{margin-bottom:38px}.svc-feature{display:flex;flex-direction:column;gap:27px;margin-bottom:78px}.svc-feature.reverse .svc-picture,.svc-feature.reverse .svc-info{order:initial}.svc-picture{width:100%;height:480px}.svc-info h3{font-size:clamp(35px,9.2vw,47px);margin-bottom:20px}.svc-info>p{font-size:14px}.scope-box{margin:25px 0 12px}.mini-grid{display:flex;flex-direction:column;gap:15px}.service-mini{display:flex;flex-direction:column;min-height:0}.mini-img{width:100%;height:260px}.mini-body{padding:23px}.mini-body h3{font-size:24px}.mini-body p{font-size:14px}.technical-note{padding-block:85px}.visual-interlude{padding-block:50px}.visual-interlude-grid{display:flex;flex-direction:column;gap:14px}.visual-interlude-grid .photo-block,.visual-interlude-grid .photo-block:nth-child(2){height:390px;width:100%}
.portfolio-intro{padding-bottom:32px}.portfolio-header{display:block}.portfolio-header h2{font-size:clamp(38px,9.6vw,55px)}.portfolio-header>p{max-width:100%;margin-top:22px;font-size:14px}.gallery-section{padding-top:15px}.gallery-controls{display:block;margin-bottom:25px}.filter-set{gap:7px}.filter-button{font-size:11px;padding:11px 12px}.gallery-counter{display:block;margin-top:17px}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery-image{aspect-ratio:4/5!important}.gallery-item:nth-child(4n+2) .gallery-image{aspect-ratio:4/4.6!important}.gallery-item:nth-child(4n+3) .gallery-image{aspect-ratio:4/5.8!important}.gallery-image img{object-position:center 36%}.gallery-meta{padding:16px}.lightbox{max-width:94vw}.behind-grid .photo-block{height:500px}.instagram-inner{display:block}.instagram-inner .btn{margin-top:30px}
.about-opening-grid{gap:16px}.about-opening-grid .lead{margin-bottom:20px}.about-opening-grid p:not(.lead){font-size:14px}.about-photo-section{padding:0 0 75px}.about-photo-grid{display:flex;flex-direction:column;gap:15px}.about-photo-grid .photo-block{height:470px;width:100%}.about-photo-grid .photo-block:nth-child(2){height:400px}.about-photo-note{min-height:245px;padding:27px}.about-photo-note h2{font-size:38px}.values-grid{display:flex;flex-direction:column}.values-grid article,.values-grid article+article{border-left:none;border-top:1px solid var(--line);padding:30px 0 14px;margin:0}.values-grid article:first-child{border-top:none}.values-grid h3{margin:13px 0}.about-highlight-grid .photo-block,.about-loc-grid .photo-block{height:500px}.process-track{display:block}.process-track>div,.process-track>div:not(:last-child){border-right:0;border-bottom:1px solid var(--line);margin:0;padding:25px 0}.process-track h3{margin:13px 0 8px}.process-track p{margin:0}.about-location{padding-block:82px}
.contact-main-grid{gap:30px}.contact-primary .contact-big-card{padding:30px 22px}.contact-number{font-size:clamp(33px,9vw,50px);white-space:normal}.contact-methods{padding-top:0}.contact-methods-grid{grid-template-columns:1fr;gap:12px}.method-card{min-height:215px}.map-title-grid{gap:18px}.map-frame,.map-frame iframe{height:400px;min-height:400px}.map-frame iframe{filter:grayscale(.5)}.contact-how-top{margin-bottom:35px}.how-row{grid-template-columns:55px 1fr;gap:9px 20px;padding:26px 0}.how-row h3{font-size:22px}.how-row p{grid-column:2}.contact-social-grid .photo-block{height:480px}
.site-footer{padding-top:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:39px 23px}.footer-about{grid-column:1/-1}.footer-logo{width:268px;margin-bottom:0}.footer-about>p{font-size:13px}.footer-col h2{font-size:11px}.footer-col a,.footer-col p{font-size:12px}.footer-col .footer-big-phone{font-size:18px}.footer-bottom{margin-top:50px;padding:25px 0 150px;flex-direction:column;gap:12px}.floating-actions{right:12px;bottom:calc(13px + env(safe-area-inset-bottom));gap:9px}.float-btn{width:50px;height:50px}.float-btn svg{width:22px;height:22px}}
@media(max-width:360px){.container{width:calc(100% - 30px)}.brand-mark{width:37px;height:37px}.brand-word{width:147px;height:35px}.header-shell{padding:0 11px;gap:7px}.header-call,.menu-toggle{width:39px;height:39px;min-height:39px}.hero h1{font-size:clamp(39px,10.2vw,45px)}.hero .btn{font-size:11px;padding:12px 10px}.hero .btn svg{width:16px;height:16px}.feature-media .large-media{height:390px}.feature-media .small-media{height:170px}.showcase-grid .photo-block{height:375px}.gallery-image{aspect-ratio:4/5.1!important}.gallery-image img{object-position:center}.contact-number{font-size:33px}.footer-grid{gap:35px 12px}.footer-col .footer-big-phone{font-size:16px}}
@media(prefers-reduced-motion:reduce){.mobile-nav{transition:none}}
/* Keep the always-visible floating contact controls clear of hero CTAs. */
@media(max-width:640px){.hero-inner{padding-bottom:148px}}
@media(max-width:640px) and (max-height:640px){.hero-inner{padding-bottom:127px}.hero h1{font-size:clamp(38px,9.8vw,52px);margin-bottom:21px}}

/* Dorada prikaza na telefonima: jedna velika fotografija, čist ritam i čitljiv tekst. */
.feature-media{padding:0}
@media(max-width:850px){
 .feature-media{padding:0}
}
@media(max-width:640px){
 .section{padding-top:72px;padding-bottom:72px}
 .hero{min-height:100svh;min-height:100dvh}
 .hero-inner{padding-bottom:132px}
 .intro-grid{gap:25px}
 .intro-copy .lead{font-size:19px;line-height:1.55}
 .intro-copy .text-link{margin-top:7px}
 .dark-feature{padding-top:76px;padding-bottom:76px}
 .feature-grid{gap:29px}
 .feature-media{width:100%;padding:0;margin:0}
 .feature-media .large-media{width:100%;height:auto;aspect-ratio:4/5;border-radius:14px}
 .feature-media .large-media img{object-position:center 39%}
 .feature-media .large-media figcaption{padding:42px 21px 21px}
 .feature-copy .eyebrow{margin-bottom:19px}
 .feature-copy h2{font-size:clamp(36px,9.2vw,45px);margin-bottom:20px}
 .feature-copy>p{font-size:14px;line-height:1.75}
 .check-list li{font-size:13px;line-height:1.55}
 .service-tile{height:285px}
 .service-tile-a{height:340px}
 .showcase-grid .photo-block,.showcase-grid .showcase-two,.showcase-grid .showcase-three{height:395px}
 .section-head-row h2{overflow-wrap:break-word}
 .gallery-meta{gap:12px}
 .gallery-meta>span{min-width:0}
 .final-cta-inner .btn,.final-cta-inner .text-link{max-width:100%}
}
@media(max-width:360px){
 .feature-media .large-media{aspect-ratio:4/5.3}
 .feature-copy h2{font-size:35px}
 .hero-inner{padding-bottom:130px}
 .service-tile{height:265px}
 .service-tile-a{height:305px}
 .showcase-grid .photo-block,.showcase-grid .showcase-two,.showcase-grid .showcase-three{height:370px}
}